https://www.sino.com/static/js/23.156d6d5d.chunk.js

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

1,onEnter:function(){return K||A.current&&A.current.updatePosition()},onEntering:function(){return A.current&&A.current.updatePosition()},onEntered:function(){return A.current&&A.current.updatePosition()}},l.a.createElement(d.a,{ref:N,className:t.menuList,style:{width:"".concat(V,"px")},onScroll:function(){I(N.current.scrollTop)}},l.a.Children.map(F,(function(t){return l.a.cloneElement(t,{selected:t.props.value===Q,tabIndex:0,onClick:function(){return function(t){G(),E||t!==Q&&(Y(t),e.onChange&&e.onChange(t))}(t.props.value)}})})))))};a.d(t,"a",(function(){return v}))},1091:function(e,t,a){"use strict";var n=a(408);a.d(t,"a",(function(){return n.a}))},1096:function(e,t,a){"use strict";var n=a(0),r=a.n(n),i=a(8),o=a(35),l=a(14);t.a=function(e){return Object(o.a)(),r.a.createElement(i.a,Object.assign({mx:Object(l.g)()?-3:-(window.innerWidth-720)/2/8},e))}},1104:function(e,t,a){"use strict";var n=a(20),r=a(11),i=a(0),o=a.n(i),l=a(192),s=a(10),c=a(8),u=a(22),m=a.n(u),p=a(27),d=a(164),g=a(34),y=a(35),b=a(1096),f=a(228),h=Object(g.a)((function(){return a.e(59).then(a.bind(null,1100))})),v=Object(g.a)((function(){return a.e(78).then(a.bind(null,1148))})),E=Object(g.a)((function(){return Promise.resolve().then(a.bind(null,330))})),w=Object(g.a)((function(){return Promise.resolve().then(a.bind(null,180))})),C=Object(g.a)((function(){return Promise.resolve().then(a.bind(null,59))})),O=m()((function(e){return{pressReleaseOrAwardCard:Object(r.a)({},e.mixins.absoluteEdges()),cardPagerIndicatorContainer:{maxWidth:284,margin:"auto",marginTop:12}}}));t.a=Object(d.h)((function(e){var t=e.history,a=e.themeColor,r=e.data,u=e.itemOnClick,m=O(),d=Object(i.useState)(0),g=Object(n.a)(d,2),_=g[0],j=g[1],P=Object(i.useRef)();Object(y.a)();var x=function(e){r[e].link&&t.push(r[e].link),u&&u(e)};return o.a.createElement(o.a.Fragment,null,o.a.createElement(p.c,null,o.a.createElement(l.a,{container:!0,spacing:2},r.map((function(e,t){return o.a.createElement(l.a,{item:!0,xs:3,key:t},o.a.createElement(C,{key:t,delay:150*(t+1)},o.a.createElement(h,{className:Object(s.a)("hover-shadow","hover-zoom-image",e.className),image:e.image,imageSrcset:e.imageSrcset,imageAlt:e.imageAlt,category:e.category,date:e.date,title:e.title,link:e.link,onClick:function(){return x(t)}})))})))),o.a.createElement(p.g,null,o.a.createElement(b.a,{className:"overflow-hidden"},o.a.createElement(E,{ref:P,height:330,data:r,cardClass:v,handleClick:x,handlePageChange:function(e){return j(e)},disableOpacity:!0}),o.a.createElement(c.a,{className:m.cardPagerIndicatorContainer},o.a.createElement(w,{currengPage:_,totalPage:r.length,themeColor:a}))),r.length>1&&o.a.createElement(c.a,{mt:1.5,display:"flex",justifyContent:"center"},o.a.createElement(f.a,{handlePrev:function(){var e;return null===(e=P.current)||void 0===e?void 0:e.prev()},handleNext:function(){var e;return null===(e=P.current)||void 0===e?void 0:e.next()}}))))}))},1112:function(e,t,a){"use strict";var n=a(61),r=a(258),i=a(1076),o=a(13),l=a(257),s={fetchAwardCategoryList:function(){return r.a.taxonomies().toObservable().pipe(Object(n.a)((function(e){return e.taxonomies.filter((function(e){return e.system.codename===i.a.awardCategory}))[0].terms})))},fetchAwardTypeList:function(){return r.a.taxonomies().toObservable().pipe(Object(n.a)((function(e){return e.taxonomies.filter((function(e){return e.system.codename===i.a.awardType}))[0].terms})))},fetchAwardList:function(e,t,a,i,l,s){var c=r.a.items().type(o.a.award).languageParameter(i).containsFilter("elements.award_shows_in",["about_sino_awards"]).orderByDescending("elements.date").depthParameter(6).skipParameter(l*s).limitParameter(s);return e&&c.containsFilter("elements.award_company",[e]),t&&c.containsFilter("elements.award_category",[t]),a&&c.equalsFilter("elements.year",a),c.toObservable().pipe(Object(n.a)((function(e){return{items:e.items,hasMore:""!==e.pagination.nextPage}})))},fetchAwardDetail:function(e,t,a){return r.a.items().type(o.a.award).languageParameter(a).containsFilter("elements.award_shows_in",["about_sino_awards"]).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]})))},fetchNextAwardDetail:function(e,t){return r.a.items().type(o.a.award).languageParameter(t).containsFilter("elements.award_shows_in",["about_sino_awards"]).lessThanOrEqualFilter("elements.date",l.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})))},fetchLatest4SustainabilityAwardAndRecognitionList:function(e){return r.a.items().type(o.a.award).languageParameter(e).containsFilter("elements.award_shows_in",["sustainability_awards_and_recognition"]).orderByDescending("elements.date").depthParameter(6).limitParameter(4).toObservable().pipe(Object(n.a)((function(e){return e.items})))},fetchSustainabilityAwardAndRecognitionList:function(e,t,a,i,l){var s=r.a.items().type(o.a.award).languageParameter(a).containsFilter("elements.award_shows_in",["sustainability_awards_and_recognition"]).orderByDescending("elements.date").depthParameter(6).skipParameter(i*l).limitParameter(l);return e&&s.anyFilter("elements.award_type",[e]),t&&s.equalsFilter("elements.year",t),s.toObservable().pipe(Object(n.a)((function(e){return{items:e.items,hasMore:""!==e.pagination.nextPage}})))},fetchSustainabilityAwardAndRecognitionDetail:function(e,t,a){return r.a.items().type(o.a.award).languageParameter(a).containsFilter("elements.award_shows_in",["sustainability_awards_and_recognition"]).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]})))},fetchNextSustainabilityAwardAndRecognitionDetail:function(e,t){return r.a.items().type(o.a.award).languageParameter(t).containsFilter("elements.award_shows_in",["sustainability_awards_and_recognition"]).lessThanOrEqualFilter("elements.date",l.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})))}};t.a=s},1131:function(e,t,a){"use strict";var n=a(1104);a.d(t,"a",(function(){return n.a}))},1132:function(e,t,a){"use strict";var n=a(61),r=a(258),i=a(13),o={fetchAllProperty:function(e){return r.a.items().types([i.a.propertyA,i.a.propertyB,i.a.propertyMainlandChina]).languageParameter(e).orderByAscending("elements.property_attribute__rank").depthParameter(6).limitParameter(1e3).toObservable().pipe(Object(n.a)((function(e){return e.items})))},fetchHotelsAndYachtClubList:function(e){return r.a.items().types([i.a.hotelsYachtClub]).languageParameter(e).orderByAscending("elements.name").depthParameter(6).limitParameter(1e3).toObservable().pipe(Object(n.a)((function(e){return e.items})))},fetchMapPropertyList:function(e){return r.a.items().types([i.a.mapProperty]).languageParameter(e).orderByAscending("elements.name").depthParameter(6).limitParameter(1e3).toObservable().pipe(Object(n.a)((function(e){return e.items})))},fetchPropertyContentList:function(e,t,a,o,l,s,c){var u=r.a.items().types([i.a.propertyA,i.a.propertyB,i.a.propertyAdvertisement,i.a.propertyQuote,i.a.propertyMainlandChina]).languageParameter(l).orderByAscending("elements.property_attribute__rank").depthParameter(6).skipParameter(s*c).limitParameter(c);return e&&u.containsFilter("elements.property_attribute__business_category",[e]),t&&u.anyFilter("elements.property_attribute__property_region",t),a&&u.containsFilter("elements.property_attribute__property_type",[a]),o&&u.containsFilter("elements.property_attribute__property_location",[o]),u.toObservable().pipe(Object(n.a)((function(e){return{items:e.items,hasMore:""!==e.pagination.nextPage}})))},fetchPropertyDetail:function(e,t,a){return r.a.items().types([i.a.propertyA,i.a.propertyB]).languageParameter(a).containsFilter("elements.property_attribute__business_category",[e]).equalsFilter("elements.slug",t).depthParameter(6).limitParameter(1).toObservable().pipe(Object(n.a)((function(e){return e.items[0]})))},fetchNextPropertyDetail:function(e,t,a){var o=r.a.items().types([i.a.propertyA,i.a.propertyB]).languageParameter(a).containsFilter("elements.property_attribute__business_category",[e]).greaterThanFilter("elements.property_attribute__rank",t.rank.value).orderByAscending("elements.property_attribute__rank").depthParameter(6).limitParameter(5);return t.propertyType.value.length>0&&o.containsFilter("elements.property_attribute__property_type",[t.propertyType.value[0].codename]),o.toObservable().pipe(Object(n.a)((function(e){return e.items.length>0?e.items[0]:null})))}};t.a=o},1588:function(e,t,a){"use strict";a.r(t);var n=a(41),r=a(77),i=a(20),o=a(19),l=a(11),s=a(0),c=a.n(s),u=a(1091),m=a(8),p=a(22),d=a.n(p),g=a(123),y=a(33),b=a(89),f=a(404),h=a(76),v=a(1112),E=a(409),w=a(13),C=a(1075),O=a(418),_=a(29),j=a(10),P=a(193),x=a(1131),k=a(59),L=a(257),T=a(164),R=a(407),B=a(1080),S=a.n(B),M=a(192),I=a(30),N=a(1513),A=a(1312),F=a(1132),D=a(35),W=a(42),U=a(14),V=a(27),z=a(102),H=a(75),Z=a(124),q=a(313),J=a(40),Q=a(1598),Y=a(1082),G=a(1119),K=a.n(G),X=a(23),$={isFromChina:function(){return new X.a((function(e){var t="".concat("/api/app/","location/is-from-china");K.a.get(t).then((function(t){e.next(t.data.data)})).catch((function(e){})).finally((function(){}))}))}},ee=["propertyList","selectedProperty","setSelectedProperty","onClickPropertyPin"],te=["propertyList","selectedProperty","setSelectedProperty","onClickPropertyPin"],ae=["property","selected","onClick","$hover"],ne=["property","selected","lat","lng","onClick"],re=["left","selectedRegion","

1setSelectedRegion","selectedBusinessCategory","setSelectedBusinessCategory","propertyList","getMapPropertyCategoryList","getBusinessCategoryPropertyList","getBusinessCategoryPropertyCount","selectedProperty","setSelectedProperty"],ie=["pinImageUrl","title","label","mobile","noBorderBottom"],oe=["property","selected"],le=["property","hideViewPropertyDetailsButton","showDismissButton","onDismiss"],se=d()((function(e){return Object(l.a)(Object(l.a)({},Object(I.a)(e)),{},{mapCategoryOrPropertyItem:{cursor:"pointer","& svg":{transition:"all ease-in-out 0.25s"},"&:hover svg":{transform:"translate(5px, 0)"}},mapPropertyPin:{position:"absolute",width:22,height:30,transition:"all ease-in-out 0.1s"},mapPropertyPinWithModifiedCenter:{left:-11,top:-30},mapPropertyPinHover:{transform:"scale(1.2) translate(0, -2px)"},mapPropertyPinSelected:{transform:"scale(1.5) translate(0, -5px)"},mapPropertyItemContent:{border:"1px solid transparent"},mapPropertyItemContentHighlight:{border:"1px solid ".concat(e.palette.primary.main),borderRadius:e.shape.borderRadius},mapBusinessCategoryDetailsBack:{display:"flex",alignItems:"center",cursor:"pointer","& svg":{transition:"all ease-in-out 0.25s"},"&:hover svg":{transform:"translate(-5px, 0)"}},mapPropertyDetails:{position:"absolute",top:"50%",padding:e.spacing(2.5),width:365,backgroundColor:e.palette.common.white,border:"1px solid ".concat(e.palette.common.borderGrey),borderRadius:e.shape.borderRadius,transform:"translate(0, -50%)"},mapViewType:{padding:"0.84375rem 0",width:"100%",textAlign:"center",color:e.palette.primary.main,fontWeight:e.typography.fontWeightRegular,cursor:"pointer",outline:"none",borderRadius:e.shape.borderRadius2,boxShadow:"0px 3px 6px 0px rgba(0,0,0,0.16)"},mapViewTypeLeft:Object(o.a)({},e.breakpoints.down("sm"),{borderTopRightRadius:0,borderBottomRightRadius:0}),mapViewTypeRight:Object(o.a)({},e.breakpoints.down("sm"),{borderTopLeftRadius:0,borderBottomLeftRadius:0}),mapViewTypeSelected:{backgroundColor:e.palette.primary.main,color:e.palette.common.white,fontWeight:e.typography.fontWeightBold},viewPropertyDetailsContainer:{backgroundColor:e.palette.primary.main,height:50,borderBottomLeftRadius:e.shape.borderRadius2,borderBottomRightRadius:e.shape.borderRadius2},mapMobileFilterButton:{position:"absolute",top:10,right:10,width:95,height:30,paddingTop:2,backgroundColor:e.palette.primary.main,color:e.palette.common.white,borderRadius:e.shape.borderRadius,display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer"},mapMobileFilter:{backgroundColor:e.palette.common.white,opacity:0,transition:"all ease-in-out 0.25s",pointerEvents:"none"},mapMobileFilterShow:{opacity:1,pointerEvents:"initial"},mapMobileFilterCategory:{padding:e.spacing(1.25,1.25),border:"1px solid #585858",borderRadius:e.shape.borderRadius},mapMobileFilterCategorySelected:{color:e.palette.common.white,border:"1px solid transparent"},awardLink:{textDecoration:"none"},viewAllAwardsContainer:Object(o.a)({display:"flex",justifyContent:"flex-end",marginTop:12},e.breakpoints.down("sm"),{display:"block",position:"relative",marginTop:4}),panelCollapse:{position:"absolute",left:0,top:"50%",width:28,height:54,transform:"translate(0, -50%)",display:"flex",justifyContent:"center",alignItems:"center",borderTopRightRadius:5,borderBottomRightRadius:5,backgroundColor:"white",boxShadow:"0px 3px 6px 0px rgba(0,0,0,0.16)",cursor:"pointer"},panelCollapsed:{"& > svg":{transform:"rotate(180deg)"}}})})),ce="https://assets-us-01.kc-usercontent.com/20a53f0a-15c8-0029-b8df-e495023b403f/5456e942-c893-4d77-b0d0-2753b93840fd/icon-pin-residential-for-sale.svg",ue="https://assets-us-01.kc-usercontent.com/20a53f0a-15c8-0029-b8df-e495023b403f/b1f83ed3-8c94-4dbc-9e48-ccc93d8099cb/icon-pin-residential-for-lease.svg",me="https://assets-us-01.kc-usercontent.com/20a53f0a-15c8-0029-b8df-e495023b403f/cfbb63da-aac3-42bf-8c59-458c4a48076e/icon-pin-retail.svg",pe="https://assets-us-01.kc-usercontent.com/20a53f0a-15c8-0029-b8df-e495023b403f/52e98674-7a6a-4e17-b152-48ce33a36e75/icon-pin-offices.svg",de="https://assets-us-01.kc-usercontent.com/20a53f0a-15c8-0029-b8df-e495023b403f/3211fd2b-4fde-4aa0-949c-7c0be5189584/icon-pin-industrial.svg",ge="https://assets-us-01.kc-usercontent.com/20a53f0a-15c8-0029-b8df-e495023b403f/6e722812-cc58-4fc6-8b12-bfa30b5d3c9a/icon-pin-hotels-and-yacht-club.svg",ye=function(e){var t=e.title,a=e.ke

1yStatisticList,n=se(),o=Object(_.b)(),l=o.language,u=o.getLocalization,p=o.getLocalizedUrl,d=Object(s.useState)(null),b=Object(i.a)(d,2),f=b[0],h=b[1],v=Object(s.useState)("hong_kong"),E=Object(i.a)(v,2),C=E[0],O=E[1],x=Object(s.useState)(null),k=Object(i.a)(x,2),L=k[0],T=k[1],R=function(e){return L?"hong_kong"===(e||C)?L.filter((function(e){return"hong_kong"===e.propertyRegion})):L.filter((function(e){return"hong_kong"!==e.propertyRegion})):null},B=function(e){return[].concat(Object(r.a)(function(e){return"mainland_china_and_overseas"===(e||C)?[{color:"#3F88C5",image:ce,key:"residential",title:u("menu","residential"),label:"",count:I("residential")}]:[{color:"#3F88C5",image:ce,key:"residential_for_sale",title:u("menu","residential"),label:"".concat(Object(U.b)(u("our_business","for_sale"))),count:I("residential_for_sale")},{color:"#74956C",image:ue,key:"residential_for_lease",title:u("menu","residential"),label:"".concat(Object(U.b)(u("our_business","for_lease"))),count:I("residential_for_lease")}]}(e)),[{color:"#E5AE3E",image:me,key:"retail",title:u("menu","retail"),label:"",count:I("retail")},{color:"#DC582A",image:pe,key:"offices",title:u("menu","offices"),label:"",count:I("offices")},{color:"#4E4E4E",image:de,key:"industrial",title:u("menu","industrial"),label:"",count:I("industrial")},{color:"#87499c",image:ge,key:"hotels_and_yacht_club",title:u("menu","hotels_yacht_club"),label:"",count:I("hotels_and_yacht_club")}])},S=function(e){return e.includes("_for_sale")?R().filter((function(e){return"residential"===e.businessCategory&&"for_sale"===e.propertyType})):e.includes("_for_lease")?R().filter((function(e){return"residential"===e.businessCategory&&"for_lease"===e.propertyType})):R().filter((function(t){return t.businessCategory===e}))},I=function(e){return e.includes("_for_sale")?"".concat(Object(U.b)(u("our_business","for_sale"))):e.includes("_for_lease")?"".concat(Object(U.b)(u("our_business","for_lease"))):""};return Object(D.a)(),Object(s.useEffect)((function(){$.isFromChina().subscribe((function(e){h(e)}))}),[]),Object(s.useEffect)((function(){F.a.fetchAllProperty(l).subscribe((function(e){var t=e.filter((function(e){return e.getLatitude()&&e.getLongitude()}));F.a.fetchHotelsAndYachtClubList(l).subscribe((function(e){var a=e.filter((function(e){return e.getLatitude()&&e.getLongitude()&&e.propertyRegion.value.length>0}));F.a.fetchMapPropertyList(l).subscribe((function(e){var n=[];t.forEach((function(e){var t=e.id(),a=e.getLatitude(),r=e.getLongitude(),i=e.businessCategory.value.length>0&&e.businessCategory.value[0].codename,o=e.propertyType.value.length>0&&e.propertyType.value[0].codename,l=e.propertyRegion.value.length>0&&e.propertyRegion.value[0].codename,s="",c="",m="",d="",g=e.getMapDisclaimer(),y="",b=null,f=null;e.propertyType.value.length>0&&(y=u("our_business",e.propertyType.value[0].codename)),e.contentType()===w.a.propertyA||e.contentType()===w.a.propertyB?(s=e.title.value,c=e.district.value,m=e.thumbnailImage.value[0].url,d=e.thumbnailImage.value[0].description,e.listingThumbnailImage.value.length>0&&(m=e.listingThumbnailImage.value[0].url,d=e.listingThumbnailImage.value[0].description||s),b=u("our_business","view_property_details"),f=p(e.getUrl())):e.contentType()===w.a.propertyMainlandChina&&(s=e.name.value,c=e.location.value,m=e.thumbnailImage.value[0].url,d=e.thumbnailImage.value[0].description||s,b=u("our_business","view_property_details"),f=e.getUrl()),n.push({id:t,latitude:a,longitude:r,businessCategory:i,propertyType:o,propertyRegion:l,title:s,district:c,thumbnailImage:m,thumbnailImageAlt:d,disclaimer:g,footer:y,buttonTitle:b,buttonUrl:f,buttonIconExternalLink:f&&!(f.includes("/")||"/"===f.charAt(0))})})),a.forEach((function(e){n.push({id:e.id(),latitude:e.getLatitude(),longitude:e.getLongitude(),businessCategory:"hotels_and_yacht_club",propertyType:null,propertyRegion:e.propertyRegion.value[0].codename,title:e.name.value,district:e.location.value,thumbnailImage:e.image.value[0].url,thumbnailImageAlt:e.image.value[0].description||e.name.value,disclaimer:e.getMapDisclaimer(),footer:null,buttonTitle:e.buttonTitle.value,buttonUrl:e.buttonLink.value,buttonIconExternalLink:!0}

1)})),e.forEach((function(e){n.push({id:e.id(),latitude:e.getLatitude(),longitude:e.getLongitude(),businessCategory:e.getBusinessCategory(),propertyType:e.getPropertyType(),propertyRegion:e.getPropertyRegion(),title:e.getName(),district:e.getLocation(),thumbnailImage:e.getThumbnailImage().url,thumbnailImageAlt:e.getThumbnailImage()&&e.getThumbnailImage().description||e.getName(),disclaimer:e.getDisclaimer(),footer:e.getFooter(),buttonTitle:e.getButtonTitle(),buttonUrl:e.getButtonLink(),buttonIconExternalLink:!0})})),T(n)}))}))}))}),[]),c.a.createElement(m.a,null,c.a.createElement(g.a,{fixed:!0},c.a.createElement(m.a,{display:"flex",justifyContent:{xs:"center",md:"center"}},c.a.createElement(y.a,{variant:"h2",color:"primary",children:t}))),null===f?c.a.createElement(P.a,{mt:{xs:2.5,md:5},mb:{xs:2.5,md:4}}):c.a.createElement(c.a.Fragment,null,c.a.createElement(V.c,null,c.a.createElement(be,{isFromChina:f,selectedRegion:C,setSelectedRegion:O,propertyList:R(),getMapPropertyCategoryList:B,getBusinessCategoryPropertyList:S,getBusinessCategoryPropertyCount:I})),c.a.createElement(V.g,null,c.a.createElement(Pe,{isFromChina:f,selectedRegion:C,setSelectedRegion:O,getPropertyList:R,propertyList:R(),getMapPropertyCategoryList:B,getBusinessCategoryPropertyList:S,getBusinessCategoryPropertyCount:I}))),c.a.createElement(g.a,{fixed:!0},c.a.createElement(M.a,{container:!0,spacing:window.innerWidth<769?2:0},a.map((function(e,t){return c.a.createElement(M.a,{key:e.getLabel(),item:!0,xs:6,md:12/a.length},c.a.createElement(m.a,{pl:{xs:0,md:t>0?2.5:0},className:Object(j.a)(t>0&&window.innerWidth>=1024&&n.borderLeft)},c.a.createElement(y.a,{variant:"h3",color:"primary",children:e.getValue()}),c.a.createElement(y.a,{children:e.getLabel(),style:{marginTop:window.innerWidth<769?2:4}})))})))))},be=function(e){var t=e.isFromChina,a=e.selectedRegion,n=e.setSelectedRegion,r=e.propertyList,o=e.getMapPropertyCategoryList,l=e.getBusinessCategoryPropertyList,u=e.getBusinessCategoryPropertyCount,p=se(),d=Object(s.useState)(null),g=Object(i.a)(d,2),y=g[0],b=g[1],f=Object(s.useState)(null),h=Object(i.a)(f,2),v=h[0],E=h[1],w=Object(s.useRef)(null),C=Object(s.useRef)(null),O=Object(s.useRef)(!1),_={propertyList:y?l(y.key):r,selectedProperty:v,setSelectedProperty:E,width:1,height:1,onClickPropertyPin:function(e){return E(e)}};return Object(s.useEffect)((function(){O.current&&!y&&(!t&&w.current?w.current.panZoomToRegion(a):t&&C.current&&C.current.panZoomToRegion(a)),O.current=!0}),[w,C,a,y]),Object(s.useEffect)((function(){y&&v&&(E(null),!t&&w.current?w.current.panZoomToRegion(a):t&&C.current&&C.current.panZoomToRegion(a))}),[y,E]),c.a.createElement(m.a,{position:"relative",mt:5,mb:4,height:620},t?c.a.createElement(ve,Object.assign({ref:C},_)):c.a.createElement(fe,Object.assign({ref:w},_)),c.a.createElement(Ce,{left:Math.max(0,(window.innerWidth-1102)/2),selectedRegion:a,setSelectedRegion:n,selectedBusinessCategory:y,setSelectedBusinessCategory:b,propertyList:r,getMapPropertyCategoryList:o,getBusinessCategoryPropertyList:l,getBusinessCategoryPropertyCount:u,selectedProperty:v,setSelectedProperty:E}),v&&c.a.createElement(je,{left:Math.max(0,(window.innerWidth-1102)/2)+400+20,property:v,className:p.mapPropertyDetails,showDismissButton:!0,onDismiss:function(){return E(null)}}))},fe=Object(s.forwardRef)((function(e,t){var a=e.propertyList,r=e.selectedProperty,o=e.setSelectedProperty,u=e.onClickPropertyPin,p=Object(n.a)(e,ee),d=Object(s.useState)(null),g=Object(i.a)(d,2),y=g[0],b=g[1],f=Object(s.useState)(Object(U.g)()?10:11),h=Object(i.a)(f,2),v=h[0],E=h[1],w=Object(s.useRef)(null),C=function(e,t){return Object(U.e)()?Object(l.a)(Object(l.a)({},e),{},{lng:e.lng-t*(200/window.innerWidth)}):e};Object(D.a)(),Object(s.useImperativeHandle)(t,(function(){return{panZoomToRegion:function(e){"hong_kong"===e?(b(O()),E(window.innerWidth<769?10:11)):(b(_()),E(1))}}})),Object(s.useEffect)((function(){if(r){b(C({lat:r.latitude,lng:r.longitude},.02931118011474609)),E(16)}}),[r]);var O=function(){return C({lat:22.3693,lng:114.1694},.9564971923828125)},_=function(){return C({lat:3.4464412494726333,lng:123.24668195190428},119.88281199999999)};return c.a.createElement(m.a,p,c.a.createElement(N.a,{bootstrapURLKeys:{key:"AIzaSyCWEaxgqs39l3F2Li67bzUQXDazdg6q8mM"},center:y||O(),zoom:v,options:{styles:[{featureType:"water",elementType:"geometry.fill",stylers:[{color:"#d3d3d3"}]},{featureType:"transit",stylers:[{color:"#808080"},{visibility:"off"}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{visibility:"on"},{color:"#b3b3b3"}]},{featureType:"road.highway",elementType:"geometry.fill",stylers:[{color:"#ffffff"}]},{featureType:"road.local",elementType:"geometry.fill",stylers:[{visibility:"on"},{color:"#ffffff"},{weight:1.8}]},{featureType:"road.local",elementType:"geometry.stroke",stylers:[{color:"#d7d7d7"}]},{featureType:"poi",elementType:"geometry.fill",stylers:[{visibility:"on"},{color:"#ebebeb"}]},{featureType:"administrative",elementType:"geometry",stylers:[{color:"#a7a7a7"}]},{featureType:"road.arterial",elementType:"geometry.fill",stylers:[{color:"#ffffff"}]},{featureType:"road.arterial",elementType:"geometry.fill",stylers:[{color:"#ffffff"}]},{featureType:"landscape",elementType:"geometry.fill",stylers:[{visibility:"on"},{color:"#efefef"}]},{featureType:"road",elementType:"labels.text.fill",stylers:[{color:"#696969"}]},{featureType:"administrative",elementType:"labels.text.fill",stylers:[{visibility:"on"},{color:"#737373"}]},{featureType:"poi",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"poi",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"road.arterial",elementType:"geometry.stroke",stylers:[{color:"#d6d6d6"}]},{featureType:"road",elementType:"labels.icon",stylers:[{visibility:"off"}]},{},{featureType:"poi",elementType:"geometry.fill",stylers:[{color:"#dadada"}]}],clickableIcons:!1,fullscreenControl:!1,zoomControl:window.innerWidth>=769},hoverDistance:30,onGoogleApiLoaded:function(e){var t=e.map;e.maps;return w.current=t},onDrag:function(){return o(null)},onDragEnd:function(){return b(w.current.getCenter().toJSON())},onZoomAnimationEnd:function(){return E(w.current.getZoom())}},a&&a.map((function(e){return c.a.createElement(Ee,{key:e.id,lat:e.latitude,lng:e.longitude,property:e,selected:r&&r.id===e.id,onClick:function(){return u(e)}})}))))}

1)),he=function(e){var t,a,n=e.lat,r=e.lng,i=function(e,t){var a=2*e-100+3*t+.2*t*t+.1*e*t+.2*Math.sqrt(Math.abs(e));return a+=2*(20*Math.sin(6*e*Math.PI)+20*Math.sin(2*e*Math.PI))/3,a+=2*(20*Math.sin(t*Math.PI)+40*Math.sin(t/3*Math.PI))/3,a+=2*(160*Math.sin(t/12*Math.PI)+320*Math.sin(t*Math.PI/30))/3},o=function(e,t){var a=300+e+2*t+.1*e*e+.1*e*t+.1*Math.sqrt(Math.abs(e));return a+=2*(20*Math.sin(6*e*Math.PI)+20*Math.sin(2*e*Math.PI))/3,a+=2*(20*Math.sin(e*Math.PI)+40*Math.sin(e/3*Math.PI))/3,a+=2*(150*Math.sin(e/12*Math.PI)+300*Math.sin(e/30*Math.PI))/3};if(t=n,(a=r)<72.004||a>137.8347||t<.8293||t>55.8271)return{lat:n,lng:r};var l=function(e,t){var a=6378245,n=.006693421622965943,r=i(t-105,e-35),l=o(t-105,e-35),s=e/180*Math.PI,c=Math.sin(s);c=1-n*c*c;var u=Math.sqrt(c);return{lat:r=180*r/(a*(1-n)/(c*u)*Math.PI),lng:l=180*l/(a/u*Math.cos(s)*Math.PI)}}(n,r);return{lat:n+l.lat,lng:r+l.lng}},ve=Object(s.forwardRef)((function(e,t){var a=e.propertyList,r=e.selectedProperty,o=e.setSelectedProperty,u=e.onClickPropertyPin,p=Object(n.a)(e,te),d=Object(s.useState)(null),g=Object(i.a)(d,2),y=g[0],b=g[1],f=Object(s.useState)(window.innerWidth<769?10:11),h=Object(i.a)(f,2),v=h[0],E=h[1],w=Object(s.useRef)(null),C=function(e,t){return Object(U.e)()?Object(l.a)(Object(l.a)({},e),{},{lng:e.lng-t*(200/window.innerWidth)}):e};Object(D.a)(),Object(s.useImperativeHandle)(t,(function(){return{panZoomToRegion:function(e){"hong_kong"===e?(b(O()),E(window.innerWidth<769?10:11)):(b(_()),E(1))}}})),Object(s.useEffect)((function(){if(r){var e=he({lat:r.latitude,lng:r.longitude}),t=e.lat,a=e.lng;b(C({lat:t,lng:a},.05862199999999973)),E(15)}}),[r]);var O=function(){return C(he({lat:22.3693,lng:114.1694}),.9379569999999973)},_=function(){return C(he({lat:3.4464412494726333,lng:123.24668195190428}),240.1171875)};return c.a.createElement(m.a,p,c.a.createElement(A.Map,{amapkey:"d59c12cc2ef42b3cab8b651430c50199",center:y||O(),zoom:v,mapStyle:"amap://styles/whitesmoke",events:{created:function(e){return w.current=e},dragstart:function(){return o(null)}}},a&&a.map((function(e){return c.a.createElement(we,{key:e.id,lat:e.latitude,lng:e.longitude,property:e,selected:r&&r.id===e.id,onClick:function(){return u(e)}})}))))})),Ee=function(e){var t=e.property,a=e.selected,r=e.onClick,i=e.$hover,o=(Object(n.a)(e,ae),se());return c.a.createElement(m.a,{component:"img",src:"residential"===t.businessCategory&&"for_sale"===t.propertyType?ce:"residential"===t.businessCategory&&"for_lease"===t.propertyType?ue:"residential"===t.businessCategory?ce:"retail"===t.businessCategory?me:"offices"===t.businessCategory?pe:"industrial"===t.businessCategory?de:"hotels_and_yacht_club"===t.businessCategory?ge:"",className:Object(j.a)(o.mapPropertyPin,o.mapPropertyPinWithModifiedCenter,i&&o.mapPropertyPinHover,a&&o.mapPropertyPinSelected),onClick:function(e){e.preventDefault(),e.stopPropagation(),r&&r()}})},we=function(e){var t=e.property,a=e.selected,r=e.lat,o=e.lng,l=e.onClick,u=Object(n.a)(e,ne),p=se(),d=Object(s.useState)(!1),g=Object(i.a)(d,2),y=g[0],b=g[1];Object(D.a)();return c.a.createElement(A.Marker,Object.assign({position:{latitude:he({lat:r,lng:o}).lat,longitude:he({lat:r,lng:o}).lng},clickable:!0},u),c.a.createElement(m.a,{component:"img",src:"residential"===t.businessCategory&&"for_sale"===t.propertyType?ce:"residential"===t.businessCategory&&"for_lease"===t.propertyType?ue:"residential"===t.businessCategory?ce:"retail"===t.businessCategory?me:"offices"===t.businessCategory?pe:"industrial"===t.businessCategory?de:"hotels_and_yacht_club"===t.businessCategory?ge:"",className:Object(j.a)(p.mapPropertyPin,y&&p.mapPropertyPinHover,a&&p.mapPropertyPinSelected),onClick:function(e){e.preventDefault(),e.stopPropagation(),l&&l()},onMouseEnter:function(){return window.innerWidth>=769&&b(!0)},onMouseLeave:function(){return window.innerWidth>=769&&b(!1)}}))},Ce=function(e){var t=e.left,a=e.selectedRegion,r=e.setSelectedRegion,o=e.selectedBusinessCategory,u=e.setSelectedBusinessCategory,p=e.propertyList,d=e.getMapPropertyCategoryList,g=e.getBusinessCategoryPropertyList,f=e.getBusinessCategoryPropertyCount,h=e.selectedProperty,v=e.setSelectedProperty,E=Object(n.a)(e,re),w=se(),C=Object(_.b)().getLocalization,O=Object(s.useState)(!1),x=Object(i.a)(O,2),k=x[0],L=x[1],T={width:o?400:0};Object(D.a)();var R=window.innerWidth<=1102&&k;return c.a.createElement(c.a.Fragment,null,c.a.createElement(m.a,Object.assign({position:"absolute",top:0,left:R?-400:t,width:400,height:1,display:"flex",justifyContent:"flex-end",style:{backgroundColor:"#F7F6F6",overflow:"hidden"}},E),c.a.createElement(m.a,{pt:5,px:5,width:400,height:1,flexShrink:0},c.a.createElement(m.a,{mb:4,className:w.backgroundColorWhite},c.a.createElement(Y.a,{name:"propertyRegion",width:1,value:a,onChange:function(e){return r(e)}},c.a.createElement(Q.a,{key:"hong_kong",value:"hong_kong"},C("taxonomy_property_region","hong_kong")),c.a.createElement(Q.a,{key:"mainland_china_and_overseas",value:"mainland_china_and_overseas"},C("taxonomy_property_region","mainland_china_and_overseas")))),c.a.createElement(y.a,{variant:"h3",color:"primary",children:C("about_sino","property_type"),className:w.textTransformNone}),p?c.a.createElement(c.a.Fragment,null,d().map((function(e,t){return c.a.createElement(Oe,{key:e.key,pinImageUrl:e.image,title:e.title,label:e.label,noBorderBottom:t===d().length-1,onClick:function(){return u(e)}})}))):c.a.createElement(P.a,{mt:2.5})),c.a.createElement(Z.a.div,{style:Object(l.a)({position:"relative"},T),className:w.noShrink},c.a.createElement(m.a,{position:"absolute",top:0,left:0,pt:5,px:5,width:400,height:1},o&&c.a.createElement(m.a,{height:1,display:"flex",flexDirection:"column"},c.a.createElement(m.a,{display:"flex"},c.a.createElement(m.a,{className:w.mapBusinessCategoryDetailsBack,onClick:function(){return u(null)||v(null)}},c.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.97 9.49",width:"6",height:"9.5"},c.a.createElement("path",{d:"M6,0,0,4.75,6,9.49Z",fill:"#dc582a"})),c.a.createElement(y.a,{variant:"subtitle1",color:"primary",children:C("common","back"),style:{marginLeft:10}}

1))),c.a.createElement(m.a,{mt:4},c.a.createElement(m.a,{display:"flex",justifyContent:"space-between",alignItems:"center"},c.a.createElement(y.a,{variant:"h3",color:"primary",children:o.title,className:w.textTransformNone}),c.a.createElement(y.a,{variant:"body2",children:f(o.key)}))),c.a.createElement(m.a,{mt:1,mx:-3,position:"relative",flex:1},c.a.createElement(q.a,{maxHeight:1,className:w.absoluteEdges},g(o.key).map((function(e){return c.a.createElement(_e,{key:e.id,property:e,selected:h&&h.id===e.id,onClick:function(){return v(e)}})})))))))),window.innerWidth<=1102&&c.a.createElement(b.a,{smDown:!0,lgUp:!0},c.a.createElement(m.a,{component:"button",type:"button",className:Object(j.a)(w.panelCollapse,k&&w.panelCollapsed),onClick:function(){L(!k)}},c.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10.633",height:"19.265",viewBox:"0 0 10.633 19.265"},c.a.createElement("g",{id:"_","data-name":">",transform:"translate(1 1.415)"},c.a.createElement("path",{id:"Path_294","data-name":"Path 294",d:"M8.219,16.437,0,8.218,8.219,0",transform:"translate(0 0)",fill:"none",stroke:"#dc582a","stroke-linecap":"round","stroke-linejoin":"round","stroke-miterlimit":"10","stroke-width":"2"}))))))},Oe=function(e){var t=e.pinImageUrl,a=e.title,r=e.label,i=e.mobile,o=e.noBorderBottom,l=Object(n.a)(e,ie),s=se();return c.a.createElement(m.a,Object.assign({display:"flex",alignItems:"center",height:i?66:80,className:Object(j.a)(s.mapCategoryOrPropertyItem,!o&&s.borderBottom)},l),!i&&c.a.createElement(m.a,{width:72,className:s.flexCenter},c.a.createElement(m.a,{component:"img",width:29.5,height:40,src:t})),c.a.createElement(m.a,{flex:1},c.a.createElement(y.a,{variant:"subtitle1",children:a}),c.a.createElement(y.a,{variant:"body2",children:r})),c.a.createElement(W.b,null))},_e=function(e){var t=e.property,a=e.selected,r=Object(n.a)(e,oe),i=se(),o=t.title,l=t.district,s=t.thumbnailImage,u=t.thumbnailImageAlt;return c.a.createElement(m.a,Object.assign({position:"relative",px:1.75,minHeight:80,className:Object(j.a)(i.flexCenter,i.mapCategoryOrPropertyItem)},r),c.a.createElement(m.a,{my:.75,px:1.25,py:1,width:1,display:"flex",alignItems:"center",className:Object(j.a)(i.mapPropertyItemContent,a&&i.mapPropertyItemContentHighlight)},c.a.createElement(m.a,{width:82,display:"flex",alignItems:"center"},c.a.createElement(m.a,{position:"relative",width:70,height:50},c.a.createElement(H.a,{img:!0,cover:!0,positionAbsolute:!0,width:"100%",height:"100%",src:s,srcset:z.a.getSrcSet(s,70,50),alt:u,className:i.roundCorner}))),c.a.createElement(m.a,{flex:1},c.a.createElement(y.a,{variant:"subtitle1",children:o}),c.a.createElement(y.a,{variant:"body2",children:l})),c.a.createElement(W.b,null)),c.a.createElement(m.a,{position:"absolute",left:24,bottom:0,width:"calc(100% - 48px)",height:"1px",className:i.borderBottom}))},je=function(e){var t=e.property,a=e.hideViewPropertyDetailsButton,r=e.showDismissButton,o=e.onDismiss,l=Object(n.a)(e,le),u=se(),p=Object(_.b)().getLocalization,d=t.title,g=t.district,b=t.thumbnailImage,v=t.thumbnailImageAlt,E=t.footer,w=t.buttonTitle,C=t.buttonUrl,O=t.buttonIconExternalLink,j=Object(s.useState)(!1),P=Object(i.a)(j,2),x=P[0],k=P[1];return Object(D.a)(),c.a.createElement(m.a,Object.assign({position:"relative"},l),r&&c.a.createElement(m.a,{position:"absolute",top:10,right:10,p:1.25,className:u.cursorPointer,onClick:o},c.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18.7212 18.7207",width:"18",height:"18"},c.a.createElement("line",{x1:"0.7071",y1:"0.7071",x2:"18.0135",y2:"18.0135",fill:"none",stroke:"#585858",strokeWidth:"2"}),c.a.createElement("line",{x1:"18.0141",y1:"0.7071",x2:"0.7077",y2:"18.0135",fill:"none",stroke:"#585858",strokeWidth:"2"}))),c.a.createElement(y.a,{variant:"h3",children:d,style:{paddingRight:r?30:0}}),c.a.createElement(y.a,{children:g,style:{marginTop:2}}),c.a.createElement(V.f,{ratio:322/202,style:{marginTop:8}},c.a.createElement(H.a,{img:!0,cover:!0,positionAbsolute:!0,width:"100%",height:"100%",src:b,srcset:z.a.getSrcSet(b,322,202),alt:v,className:u.roundCorner}),t.disclaimer&&c.a.createElement(m.a,{position:"absolute",left:12,bottom:12,display:"flex",alignItems:"center",className:u.cursorPointer,onClick:function(){return k(!x)}},c.a.createElement(y.a,{variant:"subtitle2",children:p("common","disclaimer"),className:u.colorWhite,style:{fontWeight:"700"}}),c.a.createElement(m.a,{ml:1.5,mb:.25},x?c.a.createElement(W.l,null):c.a.createElement(W.m,null)))),c.a.createElement(f.a,{in:x},c.a.createElement(q.a,{mt:1.25,maxHeight:85},c.a.createElement(J.a,{variant:window.innerWidth<769?"body1":"body2",body:t.disclaimer}))),(E||!a&&C&&w)&&c.a.createElement(m.a,{mt:1.25,display:"flex",justifyContent:"space-between",alignItems:"center"},c.a.createElement(y.a,{variant:"h6",children:E}),!a&&w&&C&&c.a.createElement(h.a,{toLink:C,title:w,border:!0,iconExternalLink:O})))},Pe=function(e){var t=e.isFromChina,a=e.selectedRegion,n=e.setSelectedRegion,r=e.getPropertyList,o=e.propertyList,l=e.getMapPropertyCategoryList,u=e.getBusinessCategoryPropertyList,p=e.getBusinessCategoryPropertyCount,d=Object(s.useState)(!0),y=Object(i.a)(d,2),b=y[0],f=y[1];return c.a.createElement(m.a,{mt:2.5,mb:2.5},c.a.createElement(g.a,{fixed:!0},c.a.createElement(xe,{listView:b,setListView:f}),b?c.a.createElement(ke,{selectedRegion:a,setSelectedRegion:n,propertyList:o,getMapPropertyCategoryList:l,getBusinessCategoryPropertyList:u,getBusinessCategoryPropertyCount:p}):c.a.createElement(Le,{selectedRegion:a,setSelectedRegion:n,isFromChina:t,getPropertyList:r,propertyList:o,getMapPropertyCategoryList:l,getBusinessCategoryPropertyList:u,getBusinessCategoryPropertyCount:p})))},xe=function(e){var t=e.listView,a=e.setListView,n=se(),r=Object(_.b)().getLocalization;return c.a.createElement(M.a,{container:!0},c.a.createElement(M.a,{item:!0,xs:6},c.a.createElement(y.a,{variant:"h3",component:"button",color:"textPrimary",children:r("about_sino","list_view"),className:Object(j.a)(n.textTransformNone,n.mapViewType,n.mapViewTypeLeft,t&&n.mapViewTypeSelected),onClick:function(){return a(!0)},style:{height:"100%"}})),c.a.createElement(M.a,{item:!0,xs:6},c.a.createElement(y.a,{variant:"h3",component:"button",color:"textPrimary",children:r("about_sino","map_view"),className:Object(j.a)(n.textTransformNone,n.mapViewType,n.mapViewTypeRight,!t&&n.mapViewTypeSelected),onClick:function(){return a(!1)},style:{height:"100%"}})))},ke=function(e){var t=e.selectedRegion,a=e.setSelectedRegion,n=e.propertyList,r=e.getMapPropertyCategoryList,o=e.getBusinessCategoryPropertyList,l=e.getBusinessCategoryPropertyCount,u=se(),p=Object(_.b)().getLocalization,d=Object(s.useState)(null),g=Object(i.a)(d,2),b=g[0],f=g[1],v=Object(s.useState)(null),E=Object(i.a)(v,2),w=E[0],C=E[1];return c.a.createElement(m.a,{position:"relative",mt:2.5,height:w?"auto":520,className:Object(j.a)(u.roundBorder2)},c.a.createElement(m.a,{p:2.5,className:u.absoluteEdges,style:{display:b?"n

1one":"initial"}},c.a.createElement(m.a,{mb:2.5,className:u.backgroundColorWhite},c.a.createElement(Y.a,{name:"propertyRegion",width:"100%",value:t,onChange:function(e){return a(e)}},c.a.createElement(Q.a,{key:"hong_kong",value:"hong_kong"},p("taxonomy_property_region","hong_kong")),c.a.createElement(Q.a,{key:"mainland_china_and_overseas",value:"mainland_china_and_overseas"},p("taxonomy_property_region","mainland_china_and_overseas")))),c.a.createElement(y.a,{variant:"h3",color:"primary",align:"center",children:p("about_sino","property_type"),className:u.textTransformNone}),n?c.a.createElement(m.a,{mt:1},r().map((function(e){return c.a.createElement(Oe,{key:e.key,pinImageUrl:e.image,title:e.title,label:e.label,onClick:function(){return f(e)},mobile:!0})}))):c.a.createElement(P.a,{mt:2.5})),b&&c.a.createElement(m.a,{p:2.5,className:u.absoluteEdges,style:{display:w?"none":"initial"}},c.a.createElement(m.a,{height:1,display:"flex",flexDirection:"column"},c.a.createElement(m.a,{display:"flex"},c.a.createElement(m.a,{className:u.mapBusinessCategoryDetailsBack,onClick:function(){return f(null)}},c.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.97 9.49",width:"6",height:"9.5"},c.a.createElement("path",{d:"M6,0,0,4.75,6,9.49Z",fill:"#dc582a"})),c.a.createElement(y.a,{variant:"subtitle2",color:"primary",children:"Back",style:{marginLeft:10}}))),c.a.createElement(m.a,{mt:2.5},c.a.createElement(m.a,{display:"flex",justifyContent:"space-between",alignItems:"center"},c.a.createElement(y.a,{variant:"h3",color:"primary",children:b.title,className:u.textTransformNone}),c.a.createElement(y.a,{variant:"body2",children:l(b.key)}))),c.a.createElement(m.a,{mt:1,mx:-3,position:"relative",flex:1},c.a.createElement(q.a,{maxHeight:1,className:u.absoluteEdges},o(b.key).map((function(e){return c.a.createElement(_e,{key:e.id,property:e,selected:w&&w.id===e.id,onClick:function(){return C(e)}})})))))),w&&c.a.createElement(m.a,{p:2.5},c.a.createElement(m.a,{display:"flex"},c.a.createElement(m.a,{className:u.mapBusinessCategoryDetailsBack,onClick:function(){return C(null)}},c.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.97 9.49",width:"6",height:"9.5"},c.a.createElement("path",{d:"M6,0,0,4.75,6,9.49Z",fill:"#dc582a"})),c.a.createElement(y.a,{variant:"subtitle2",color:"primary",children:"Back",style:{marginLeft:10}}))),c.a.createElement(je,{mt:2.5,property:w,hideViewPropertyDetailsButton:!0}),w.buttonTitle&&w.buttonUrl&&c.a.createElement(m.a,{mt:2.5,mx:-2.5,mb:-2.5,className:u.viewPropertyDetailsContainer},c.a.createElement(h.a,{toLink:w.buttonUrl,title:w.buttonTitle,border:!0,width:"100%",height:"100%"}))))},Le=function(e){var t=e.isFromChina,a=e.selectedRegion,n=e.setSelectedRegion,o=(e.getPropertyList,e.propertyList),u=e.getMapPropertyCategoryList,p=e.getBusinessCategoryPropertyList,d=se(),g=Object(_.b)().getLocalization,b=Object(s.useState)(a),f=Object(i.a)(b,2),v=f[0],E=f[1],w=Object(s.useState)(!1),C=Object(i.a)(w,2),O=C[0],P=C[1],x=Object(s.useState)(null),k=Object(i.a)(x,2),L=k[0],T=k[1],R=Object(s.useState)(!1),B=Object(i.a)(R,2),S=B[0],M=B[1],I=Object(s.useState)([]),N=Object(i.a)(I,2),A=N[0],F=N[1],D=Object(s.useState)([]),U=Object(i.a)(D,2),V=U[0],z=U[1],H=Object(Z.b)({bottom:L&&!S?10:0,opacity:L&&!S?1:0,pointerEvents:L&&!S?"initial":"none"}),q=Object(Z.b)({transform:"translate(-50%, -50%)",opacity:L&&S?1:0,pointerEvents:L&&S?"initial":"none"}),J=Object(s.useRef)(null),G=Object(s.useRef)(null),K=Object(s.useRef)(!1);Object(s.useEffect)((function(){K.current&&(!t&&J.current?J.current.panZoomToRegion(a):t&&G.current&&G.current.panZoomToRegion(a)),K.current=!0}),[J,G,a]),Object(s.useEffect)((function(){E(a)}),[a,E]),Object(s.useEffect)((function(){O&&z(A)}),[O]);var X={selectedProperty:L,setSelectedProperty:T,propertyList:0===A.length?o:A.map((function(e){return p(e)})).flat(),width:1,height:1,onClickPropertyPin:function(e){return T(e)}};return c.a.createElement(m.a,{position:"relative",mt:2.5,height:540,className:Object(j.a)(d.roundBorder2)},t?c.a.createElement(ve,Object.assign({ref:G},X)):c.a.createElement(fe,Object.assign({ref:J},X)),c.a.createElement(m.a,{component:"button",className:d.mapMobileFilterButton,onClick:function(){T(!1),M(!1),P(!0)}},c.a.createElement(y.a,{variant:"subtitle2",children:"Filter"})),c.a.createElement(m.a,{px:2.5,pb:4,display:"flex",flexDirection:"column",className:Object(j.a)(d.absoluteEdges,d.mapMobileFilter,O&&d.mapMobileFilterShow)},c.a.createElement(m.a,{mt:8.75,flex:1},c.a.createElement(m.a,{mb:5,className:d.backgroundColorWhite}

1,c.a.createElement(Y.a,{name:"propertyRegion",value:v,onChange:function(e){return E(e)}},c.a.createElement(Q.a,{key:"hong_kong",value:"hong_kong"},g("taxonomy_property_region","hong_kong")),c.a.createElement(Q.a,{key:"mainland_china_and_overseas",value:"mainland_china_and_overseas"},g("taxonomy_property_region","mainland_china_and_overseas")))),o&&u(v).map((function(e,t){return c.a.createElement(m.a,{key:e.key,mt:t>0?2:0,className:Object(j.a)(d.mapMobileFilterCategory,V.includes(e.key)&&d.mapMobileFilterCategorySelected),onClick:function(){return function(e){V.includes(e)?z(V.filter((function(t){return t!==e}))):z([].concat(Object(r.a)(V),[e]))}(e.key)},style:{backgroundColor:V.includes(e.key)?e.color:"transparent"}},e.label?c.a.createElement(y.a,{variant:"subtitle2",children:"".concat(e.title," - ").concat(e.label)}):c.a.createElement(y.a,{variant:"subtitle2",children:e.title}))}))),c.a.createElement(m.a,{position:"absolute",top:10,right:10,p:1.25,className:d.cursorPointer,onClick:function(){return P(!1)}},c.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 18.7212 18.7207",width:"18",height:"18"},c.a.createElement("line",{x1:"0.7071",y1:"0.7071",x2:"18.0135",y2:"18.0135",fill:"none",stroke:"#585858",strokeWidth:"2"}),c.a.createElement("line",{x1:"18.0141",y1:"0.7071",x2:"0.7077",y2:"18.0135",fill:"none",stroke:"#585858",strokeWidth:"2"}))),c.a.createElement(h.a,{title:"Apply Filter",border:!0,width:"100%",onClick:function(){n(v),F(V),P(!1)}})),c.a.createElement(Z.a.div,{style:Object(l.a)({position:"absolute",left:12,width:"calc(100% - 24px)"},H)},c.a.createElement(m.a,{position:"relative",height:80,className:Object(j.a)(d.backgroundColorWhite,d.roundBorder2,d.cursorPointer),onClick:function(){return M(!0)}},L&&c.a.createElement(m.a,{px:2.5,height:1,display:"flex",flexDirection:"column",justifyContent:"center"},c.a.createElement(m.a,{position:"absolute",top:15,right:15,display:"flex"},c.a.createElement(W.k,{width:11.5,height:7})),c.a.createElement(y.a,{variant:"h3",children:L.title}),c.a.createElement(y.a,{variant:"body2",children:L.district})))),c.a.createElement(Z.a.div,{style:Object(l.a)({position:"absolute",left:"50%",top:"50%",width:300},q)},L&&c.a.createElement(m.a,{px:2.5,py:1.5,className:Object(j.a)(d.backgroundColorWhite,d.roundBorder2)},c.a.createElement(m.a,{display:"flex"},c.a.createElement(m.a,{className:d.mapBusinessCategoryDetailsBack,onClick:function(){return M(!1)}},c.a.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 5.97 9.49",width:"6",height:"9.5"},c.a.createElement("path",{d:"M6,0,0,4.75,6,9.49Z",fill:"#dc582a"})),c.a.createElement(y.a,{variant:"subtitle2",color:"primary",children:"Back",style:{marginLeft:10}}))),c.a.createElement(je,{mt:1.5,property:L,hideViewPropertyDetailsButton:!0}),L.buttonTitle&&L.buttonUrl&&c.a.createElement(m.a,{mt:2.5,mx:-2.5,mb:-1.5,className:d.viewPropertyDetailsContainer},c.a.createElement(h.a,{toLink:L.buttonUrl,title:L.buttonTitle,border:!0,width:"100%",height:"100%"})))))};t.default=Object(T.h)((function(e){e.history;var t=se(),a=Object(_.b)(),n=a.language,r=a.localizedStrings,o=a.getLocalizedUrl,s=c.a.useState({loadingAwardList:!1,awardList:null}),p=Object(i.a)(s,2),d=p[0],b=p[1];if(E.a.fetchPageDataIfNeeded(w.a.pageAboutSino,null,n,d,b).subscribe(),!d.pageData)return c.a.createElement(P.a,{mt:5});d.awardList||d.loadingAwardList||(b((function(e){return Object(l.a)(Object(l.a)({},e),{},{loadingAwardList:!0})})),v.a.fetchAwardList(null,null,null,n,0,4).subscribe((function(e){var t=e.items;b((function(e){return Object(l.a)(Object(l.a)({},e),{},{loadingAwardList:!1,awardList:t})}))})));var f=d.pageData,T=f.getImageTextBlockList()||[],B=d.awardList||[];return c.a.createElement("div",{className:Object(j.a)(t.root,"page-about-sino")},c.a.createElement(C.a,{pageData:d.pageData}),c.a.createElement(u.a,{pageData:d.pageData}),c.a.createElement(m.a,{component:"section",my:{xs:7.5,md:12.5}},c.a.createElement(O.a,{imageTextBlockList:T})),c.a.createElement(m.a,{my:{xs:7.5,md:12.5}},c.a.createElement(k.default,null,c.a.createElement(ye,{title:f.getMapPortfolioTitle(),keyStatisticList:f.getMapPortfolioKeyStatisticList()}))),c.a.createElement(m.a,{component:"section",my:{xs:7.5,md:12.5}},c.a.createElement(k.default,null,c.a.createElement(g.a,{fixed:!0,component:"section"},c.a.createElement(m.a,{display:"flex",justifyContent:{xs:"center",md:"flex-start"}},c.a.createElement(y.a,{variant:"h2",color:"primary",children:r.menu.awards})),c.a.createElement(m.a,{mt:{xs:2.5,md:4.5}},B&&c.a.createElement(x.a,{data:B.map((function(e){return{image:e.thumbnailImage.value.length>0?"".concat(e.thumbnailImage.value[0].url,"?w=568&h=370&fit=crop"):S.a,imageSrcset:e.thumbnailImage.value.length>0?"".concat(e.thumbnailImage.value[0].url,"?w=568&h=370&fit=crop 2x, ").concat(e.thumbnailImage.value[0].url,"?w=284&h=185&fit=crop 1x"):"".concat(S.a," 2x, ").concat(S.a," 1x"),imageAlt:e.thumbnailImage.value.length>0&&e.thumbnailImage.value[0].description||e.title.value,category:r.taxonomy_award_category[e.category.value[0].codename],date:L.a.formatDate(e.date.value,n),title:e.title.value,link:o("/about-sino/awards/".concat(e.year.value,"/").concat(e.slug.value))}}))})),c.a.createElement(m.a,{className:t.viewAllAwardsContainer},c.a.createElement(h.a,{title:r.about_sino.view_all_awards,toLink:o("/about-sino/awards"),largeText:!0,noPaddingX:!0,arrowRight:!0}))))),c.a.createElement(g.a,{fixed:!0},c.a.createElement(m.a,{component:"section",my:{xs:7.5,md:12.5}},c.a.createElement(R.a,{toPage:"our-business"}))))}))}}]);