https://www.sino.com/static/js/84.ff5f4719.chunk.js

1(this["webpackJsonpisobar-sino-website-v2"]=this["webpackJsonpisobar-sino-website-v2"]||[]).push([[84],{1593:function(e,t,a){"use strict";a.r(t);var n=a(20),r=a(41),l=a(19),i=a(11),c=a(0),m=a.n(c),o=a(406),s=a(408),g=a(8),d=a(13),u=a(414),p=a(59),h=a(418),E=a(27),f=a(123),b=a(33),v=a(89),x=a(192),y=a(29),N=a(62),C=a(164),j=a(10),O=a(331),T=a(75),w=a(42),L=a(105),k=a(330),I=a(180),B=a(22),_=a.n(B),S=a(30),U=a(1147),P=a(76),A=a(1137),D=a(35),z=a(40),H=a(263),R=a(103),W=a(404),F=a(421),G=["mt","ml","mr","mb","pt","pl","pr","pb","to","style","text","noUnderline","colorUnset","children"],M=Object(c.forwardRef)((function(e,t){var a=e.mt,n=e.ml,l=e.mr,c=e.mb,o=e.pt,s=e.pl,g=e.pr,d=e.pb,u=e.to,p=e.style,h=(e.text,e.noUnderline),E=e.colorUnset,f=e.children,b=Object(r.a)(e,G),v=Object(y.b)().getLocalizedUrl,x=Object(i.a)(Object(i.a)({},p),{},{marginTop:8*a||null,marginLeft:8*n||null,marginRight:8*l||null,marginBottom:8*c||null,paddingTop:8*o||null,paddingLeft:8*s||null,paddingRight:8*g||null,paddingBottom:8*d||null,textDecoration:h?"none":"underline",color:E?"unset":void 0});return u.includes("http")?m.a.createElement("a",{href:u,target:"_blank",rel:"noopener noreferrer",style:x},f):m.a.createElement(N.b,Object.assign({ref:t,to:u&&"/"===u.charAt(0)?v(u):u||"#"},b,{style:x}),f)})),X=a(228),J=["title","offerList"],V=["title","activityList"],q=["title","membershipList"],K=["open","membership","onToggleOpen"],Q=_()((function(e){return Object(i.a)(Object(i.a)({},Object(S.a)(e)),{},{offer:{padding:e.spacing(1.5,1.5,5),height:"100%",minHeight:420,borderRadius:5,border:"1px solid ".concat(e.palette.common.borderGrey),"& svg":{transition:"all ease-in-out 0.25s"},"&:hover svg":{transform:"translate(5px, 0)"}},cardPagerIndicatorContainer:{maxWidth:284,margin:"auto",marginTop:12},viewAllContainer:Object(l.a)({display:"flex",justifyContent:"flex-end",marginTop:12},e.breakpoints.down("sm"),{display:"flex",justifyContent:"flex-start"}),membershipContent:{"& > *:not(:first-child)":{borderLeft:"1px solid "+e.palette.common.borderGrey}},membershipCardImageContainer:{marginTop:32,paddingTop:24,borderTop:"1px solid "+e.palette.common.borderGrey}})})),Y=function(e){var t=e.title,a=e.offerList,n=Object(r.a)(e,J),l=Q(),i=Object(y.b)(),c=i.getLocalizedUrl,o=i.getLocalization;return m.a.createElement(g.a,n,m.a.createElement(E.c,null,m.a.createElement(f.a,{fixed:!0},m.a.createElement(b.a,{component:"div",variant:"h2",color:"primary",align:"center",children:t}),m.a.createElement(g.a,{mt:3},m.a.createElement(x.a,{container:!0,spacing:2,justify:"center"},a.map((function(e,t){return m.a.createElement(x.a,{key:t,item:!0,xs:6,sm:6,md:4},m.a.createElement(Z,{offer:e}))})))),m.a.createElement(g.a,{position:"relative",className:l.viewAllContainer},m.a.createElement(P.a,{largeText:!0,noPaddingX:!0,title:o("common","view_all_xxxx").replace(/__xxxx__/g,o("menu","privileges")),toLink:c("/sinoclub/privileges"),arrowRight:!0})))),m.a.createElement(E.g,null,m.a.createElement($,{my:7.5,title:t,offerList:a})))},Z=function(e){var t=e.offer,a=Q(),n=Object(y.b)(),r=n.getLocalizedUrl,l=n.getLocalization;return m.a.createElement(N.b,{to:r("/sinoclub/privileges/".concat(t.getOfferCategory().codename.replace(/_/g,"-"),"/").concat(t.getSlug())),className:"text-decoration-none"},m.a.createElement(g.a,{component:"figure",display:"flex",flexDirection:"column",className:Object(j.a)(a.offer,"hover-shadow")},m.a.createElement(O.a,{ratio:315/189},m.a.createElement(T.a,{img:!0,cover:!0,width:"100%",height:"100%",src:t.getImage().url,srcset:"".concat(t.getImage().url,"?w=660&h=396&fit=clip 2x, ").concat(t.getImage().url,"?w=330&h=198&fit=clip 1x"),alt:t.getImage().description,positionAbsolute:!0,className:a.roundBorder})),m.a.createElement(g.a,{mt:2,px:5,display:"flex",flexDirection:"column",justifyContent:"space-between",flex:1},m.a.createElement(g.a,null,m.a.createElement(b.a,{component:"div",variant:"h4",color:"primary",align:"center",children:t.getTitle(),className:Object(j.a)(a.textTransformNone)}),m.a.createElement(g.a,{mt:1.5},m.a.createElement(b.a,{component:"div",align:"center",children:t.getShortDe

1scription()}))),m.a.createElement(g.a,{mt:2,className:a.flexCenter},m.a.createElement(b.a,{component:"span",variant:"h4",color:"primary",children:l("common","discover_more")}),m.a.createElement(g.a,{ml:1},m.a.createElement(w.b,null))))))},$=Object(C.h)((function(e){var t=e.my,a=e.history,r=e.title,l=e.offerList,i=Q(),o=Object(y.b)(),s=o.getLocalization,d=o.getLocalizedUrl,u=Object(L.b)(["fontSize"]),p=Object(n.a)(u,1)[0],h=Object(c.useState)(0),E=Object(n.a)(h,2),v=E[0],x=E[1],N=Object(c.useRef)();return m.a.createElement(g.a,{my:t},m.a.createElement(b.a,{component:"div",variant:"h2",color:"primary",align:"center",children:r}),m.a.createElement(g.a,{mt:3,className:"overflow-hidden"},m.a.createElement(k.default,{ref:N,height:"1.2"===p.fontSize?530:"1.1"===p.fontSize?480:425,data:l,cardClass:ee,handlePageChange:function(e){return x(e)},handleClick:function(e){a.push(d("/sinoclub/privileges/".concat(l[e].getOfferCategory().codename.replace(/_/g,"-"),"/").concat(l[e].getSlug())))},disableOpacity:!0,disableShadow:!0}),l.length>1&&m.a.createElement(g.a,{className:i.cardPagerIndicatorContainer},m.a.createElement(I.default,{currengPage:v,totalPage:l.length})),l.length>1&&m.a.createElement(g.a,{mt:1.5,display:"flex",justifyContent:"center"},m.a.createElement(X.a,{handlePrev:function(){var e;return null===(e=N.current)||void 0===e?void 0:e.prev()},handleNext:function(){var e;return null===(e=N.current)||void 0===e?void 0:e.next()}}))),m.a.createElement(g.a,{position:"relative"},m.a.createElement(f.a,{fixed:!0},m.a.createElement(g.a,{mt:.75,position:"relative"},m.a.createElement(P.a,{largeText:!0,noPaddingX:!0,title:s("sustainability","view_all_latest_activities"),toLink:d("/sinoclub/activities"),arrowRight:!0})))))})),ee=function(e){var t=e.data,a=e.className,n=Q(),r=Object(y.b)().getLocalization;return m.a.createElement(g.a,{p:1.25,className:Object(j.a)(n.absoluteEdges,"disable-select",t.className,a)},m.a.createElement(g.a,{position:"relative"},m.a.createElement(T.a,{img:!0,cover:!0,width:"100%",height:"160px",src:t.getImage().url,disableDragging:!0,className:n.roundCorner}),m.a.createElement(g.a,{mt:2.5},m.a.createElement(b.a,{component:"div",variant:"h3",align:"center",children:t.getTitle(),className:Object(j.a)(n.textTransformNone)})),m.a.createElement(g.a,{mt:2},m.a.createElement(b.a,{component:"div",variant:"h3",align:"center",children:t.getShortDescription(),style:{textTransform:"unset",fontWeight:"600"}})),m.a.createElement(g.a,{mt:3,className:n.flexCenter},m.a.createElement(b.a,{component:"span",variant:"h4",children:r("common","discover_more")}),m.a.createElement(g.a,{ml:1},m.a.createElement(w.b,null)))))},te=function(e){var t=e.title,a=e.activityList,n=Object(r.a)(e,V),l=Q(),i=Object(y.b)(),c=i.getLocalization,o=i.getLocalizedUrl;return m.a.createElement(g.a,n,m.a.createElement(f.a,{fixed:!0},m.a.createElement(b.a,{variant:"h2",color:"primary",align:"center",children:t}),m.a.createElement(g.a,{mt:2},m.a.createElement(E.c,null,m.a.createElement(U.a,{defaultShowCount:3,showViewAllLatestActivitiesLink:!0,hideFilter:!0,disableLoadMore:!0,includeSustainabilityPressRelease:!0,supportTabletPortrait:!0,sinoClubActivity:!0,staticActivityList:a})),m.a.createElement(E.g,null,m.a.createElement(le,{activityList:a})),m.a.createElement(g.a,{mt:{xs:2.5,md:0},position:"relative"},m.a.createElement(g.a,{position:"relative",className:l.viewAllContainer},m.a.createElement(P.a,{largeText:!0,noPaddingX:!0,title:c("sustainability","view_all_latest_activities"),toLink:o("/sinoclub/activities"),arrowRight:!0}))))))},ae=function(e){var t=e.title,a=e.membershipList,l=Object(r.a)(e,q),i=Q(),o=Object(c.useState)(a[0]),s=Object(n.a)(o,2),d=s[0],u=s[1];Object(D.a)();var p=function(e){return e.getName()===d.getName()};return m.a.createElement(g.a,l,m.a.createElement(f.a,{fixed:!0},m.a.createElement(b.a,{component:"div",variant:"h2",color:"primary",align:"center",children:t,className:i.flexCenter}),m.a.createElement(E.b,null,m.a.createElement(g.a,{mt:2.5,px:{sm:5,md:3,lg:10},py:{sm:5,md:5,lg:6.25},className:Object(j.a)(i.roundBorder)},m.a.createElement(g.a,{m:-1,display:"flex",justifyContent:"space-evenly"},a.map((function(e){return m.a.createElement(g.a,{key:e.getName(),m:1,position:"relative",flex:1},m.a.createElement(g.a,{px:3.75,height:34},m.a.createElement(b.a,{children:e.getName(),className:i.visibilityHidden})),m.a.createElement(g.a,{component:"button",className:Object(j.a)(i.absoluteEdges,i.flexCenter,i.backgroundColorGrey,i.roundCorner,!p(e)&&i.cursorPointer),onClick:function(){return u(e)},style:p(e)?{backgroundColor:"#DC582A"}:{}},m.a.createElement(b.a,{variant:p(e)?"h4":"body1",children:e.getName(),className:Object(j.a)(p(e)&&i.colorWhite)})))}))),m.a.createElement(g.a,{mt:{xs:0,sm:2.5,md:4.5,lg:5}},m.a.createElement(g.a,{width:1,display:"flex",className:i.membershipContent,style:{flexWrap:"nowrap"}},m.a.createElement(g.a,{width:{xs:1,md:.5},pr:{xs:0,md:4}},m.a.createElement(g.a,{mt:2},m.a.createElement(b.a,{variant:"h3",children:d.getHighlightTitle(),className:i.textTransformNone}),m.a.createElement(g.a,{mt:2.5,width:1},m.a.createElement(z.a,{body:d.getHighlightBulletPoints(),className:i.orangeUnorderedListContainer}))),d.getButtonTitle()&&d.getButtonUrl()&&m.a.createElement(g.a,{mt:{xs:-2,md:4.5},width:1,flexShrink:0,display:"flex",justifyContent:{xs:"flex-end",md:"flex-start"}},m.a.createElement(P.a,{toLink:d.getButtonUrl(),title:d.getButtonTitle(),border:!0}))),m.a.createElement(v.a,{smDown:!0},m.a.createElement(g.a,{width:.5},m.a.createElement(g.a,{pl:4,height:1,display:"flex",flexDirection:"column",justifyContent:"space-between"},m.a.createElement(g.a,{mt:2},m.a.createElement(b.a,{variant:"h4",children:d.getCardImageTitle(),className:i.textTransformNone}),m.a.createElement(g.a,{mt:2.5},d.getCardImage()&&m.a.createElement(g.a,{component:"img",display:"flex",width:"100%",height:"auto",src:d.getCardImage().url,alt:d.getCardImage().description||d.getName(),className:i.roundCorner2}))))))),m.a.createElement(v.a,{mdUp:!0},m.a.createElement(g.a,{width:1,className:i.membershipCardImageContainer},m.a.createElement(b.a,{variant:"h3",children:d.getCardImageTitle(),className:i.textTransformNone}),m.a.createElement(g.a,{mt:2,width:1},d.getCardImage()&&m.a.createElement(g.a,{component:"img",display:"flex",width:"100%",height:"auto",src:d.getCardImage().url,alt:d.getCardImage().description||d.getName(),className:i.roundCorner2}))))))),m.a.createElement(E.d,null,m.a.createElement(ne,{membershipList:a}))))},ne=function(e){var t=e.membershipList,a=Object(H.a)(),r=Object(c.useState)(null),l=Object(n.a)(r,2),i=l[0],o=l[1];Object(c.useEffect)((function(){i&&setTimeout((function(){R.scroller.scrollTo(i.getName(),{duration:300,smooth:!0,offset:-((window.innerWidth<768?65:100)+a)})}),300)}),[i,a]);var s=function(e){return function(){i&&i.getName()===e.getName()?o(null):o(e)}};return m.a.createElement(m.a.Fragment,null,t.map((function(e){return m.a.createElement(R.Element,{name:e.getName(),key:e.getName()},m.a.createElement(re,{key:e.getName(),open:null!=i&&i.getName()===e.getName(),membership:e,onToggleOpen:s(e)}))})))},re=function(e){var t=e.open,a=e.membership,n=e.onToggleOpen,l=Object(r.a)(e,K),i=Q();return m.a.createElement(g.a,Object.assign({mt:2.5,className:Object(j.a)(i.roundBorder2)},l),m.a.createElement(g.a,{px:2,height:60,display:"flex",justifyContent:"space-between",alignItems:"center",onClick:n},m.a.createElement(g.a,{display:"flex",alignItems:"center"},m.a.createElement(b.a,{variant:"h3",color:"primary",children:a.getName(),className:i.textTransformNone})),t?m.a.createElement(w.k,{color:"#DC582A"}):m.a.createElement(w.j,{color:"#DC582A"})),m.a.createElement(g.a,{width:1},m.a.createElement(W.a,{in:t},m.a.createElement(g.a,{px:2},m.a.createElement(g.a,{pt:2.5,className:i.borderTop},m.a.createElement(b.a,{variant:"h3",children:a.getHighlightTitle(),className:i.textTransformNone}),m.a.createElement(g.a,{mt:2,width:a},m.a.createElement(g.a,{width:1},m.a.createElement(z.a,{body:a.getHighlightBulletPoints(),className:i.orangeUnorderedListContainer})))),m.a.createElement(g.a,{mt:2.5,pt:2.5,className:i.borderTop},m.a.createElement(b.a,{variant:"h4",children:a.getCardImageTitle()}),m.a.createElement(g.a,{mt:1,m:-.5,display:"flex",flexWrap:"wrap"},a.getCardImage()&&m.a.createElement(g.a,{component:"img",display:"flex",width:"100%",height:"auto",src:a.getCardImage().url,alt:a.getCardImage().description||a.getName(),className:Object(j.a)(i.roundCorner2)}))),a.getButtonTitle()&&a.getButtonUrl()&&m.a.createElement(g.a,{mx:-2,mt:3.75,height:50,style:{backgroundColor:"#DC582A"}},m.a.createElement(M,{to:a.getButtonUrl(),noUnderline:!0},m.a.createElement(g.a,{width:1,height:1,className:i.flexCenter},m.a.createElement(b.a,{variant:"h4",align:"center",children:a.getButtonTitle(),className:i.colorWhite}))))))))},le=function(e){var t=e.activityList,a=Q();return m.a.createElement(m.a.Fragment,null,m.a.createElement(g.a,null,t&&t.map((function(e,t){return 0===t?m.a.createElement(A.a,{key:e.slug.value,index:e.index,activity:e,large:!0,dataid:e.id()}):m.a.createElement(A.b,{key:e.slug.value,mt:4,pt:2.5,activity:e,className:a.borderTop})}))))};t.default=Object(u.a)(d.a.pageT63SinoClub)((function(e){var t=e.pageData,a=Object(y.b)(),n=a.language,r=a.getLocalization;return m.a.createElement(g.a,{className:"page-sino-club"},m.a.createElement(o.a,{pageData:t}),m.a.createElement(s.a,{pageData:t,scaleTitleOnSmallMobile:!0,supportTabletPortrait:!0,disableBreadcrumbAutoUppercase:!0},m.a.createElement(g.a,{mt:{xs:2,sm:2,md:2.5},display:"flex",justifyContent:"center"},m.a.createElement(P.a,{toLink:"https://member.sinoclub.com/".concat(n,"/login"),title:r("menu","login_or_register"),border:!0,iconExternalLink:!0}

1))),m.a.createElement(p.default,null,m.a.createElement(Y,{my:{xs:7.5,md:12.5},title:t.getPrivilegeHighlightTitle(),offerList:t.getPrivilegeHighlightOfferList()})),t.getHowToRedeemStepList().length>0&&m.a.createElement(p.default,null,m.a.createElement(F.a,{my:{xs:7.5,sm:12.5},title:t.getHowToRedeemTitle(),eventList:t.getHowToRedeemStepList()})),m.a.createElement(p.default,null,m.a.createElement(te,{my:{xs:7.5,md:12.5},title:t.getHighlightActivityTitle(),activityList:t.getHighlightActivityList()})),t.getImageTextBlockList().length>0&&m.a.createElement(p.default,null,m.a.createElement(g.a,{my:{xs:7.5,md:12.5}},m.a.createElement(h.a,{imageTextBlockList:t.getImageTextBlockList()}))),m.a.createElement(p.default,null,m.a.createElement(ae,{my:{xs:7.5,sm:12.5},title:t.getMembershipTitle(),membershipList:t.getMembershipList()})),t.getFooterBody()&&m.a.createElement(p.default,null,m.a.createElement(g.a,{my:{xs:7.5,sm:12.5}},m.a.createElement(f.a,{fixed:!0},m.a.createElement(z.a,{body:t.getFooterBody()})))))}))}}]);