https://www.fwd.com.vn/_next/static/chunks/6948.225f0f932ea22b81.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6948],{16948:(e,t,n)=>{n.d(t,{G:()=>L,V:()=>$,a:()=>I,b:()=>P,c:()=>_,d:()=>E,v:()=>B});var o=n(20312),i=n(16402),r=n(14218),a=n(28616),l=n(25336),c=n(35695),s=n(73721),d=n(75125),p=n(89051),u=n(60004),m=n(10087),g=n(47706),h=n.n(g),v=n(97049),x=n(18416),f=n(55198),b=n(45342),k=n(18968),w=n(78937),C=n(52542),y=n(38754),E=function(e){return{topContainer:(0,p._)({height:function(e){return e.shortBanner?"550px":"calc(550px + 95px)"},display:"flex",position:"relative",flexDirection:"column"},e.breakpoints.down("md"),{height:"calc(275px + 88px)"}),topContainerNoVideo:(0,p._)({height:"550px"},e.breakpoints.down("md"),{height:"367px"}),bannerTitle:(0,p._)({},e.breakpoints.down("md"),{display:"none"}),mobileBannerTitleSection:(0,p._)({backgroundColor:w.wu.darkGreen,width:"100%",paddingTop:"32px",paddingBottom:"32px"},e.breakpoints.up("lg"),{display:"none"}),mobileBannerTitleContainer:{width:"100%",height:"100%",display:"flex",alignItems:"center",margin:"0 auto"},bottomSection:(0,p._)({backgroundColor:"#F3BB90"},e.breakpoints.down("md"),{}),backgroundImageContainer:{position:"absolute",height:"100%",width:"100%",zIndex:-1,"& picture":{height:"100%"}},backgroundImageContent:{position:"relative",height:"100%",width:"100%"},backgroundImageOverlay:{position:"absolute",height:"100%",width:"100%",background:"linear-gradient(90deg, rgba(0, 0, 0, 0.5) 22.73%, rgba(0, 0, 0, 0) 50%)",zIndex:1}}},_=function(e){return{container:{position:"relative",flex:1,width:"100%",backgroundSize:"cover",backgroundPosition:"center"},layer:(0,p._)({position:"absolute",bottom:0,left:0,width:"100%",height:"100%",background:"linear-gradient(90deg, rgba(0, 0, 0, 0.5) 22.73%, rgba(0, 0, 0, 0) 50%)"},e.breakpoints.down("md"),{background:"none"}),childrenContainer:{height:"100%",width:"100%",display:"flex",alignItems:"center"}}},P=function(e){return{button:(0,p._)((0,p._)((0,p._)((0,p._)({display:"flex",columnGap:"8px",color:"#E87722",alignItems:"center"},"color",w.wu.orange),"cursor","pointer"),"&:hover",{opacity:.9}),"& svg",{width:"20px",height:"20px"}),buttonLink:(0,p._)({width:"fit-content",height:"57px",display:"flex",marginBottom:"16px"},e.breakpoints.down("sm"),{width:"100%",height:"51px"}),root:(0,p._)({},e.breakpoints.down("md"),{padding:"32px 16px",backgroundColor:w.wu.darkGreen}),container:{width:"100%",maxWidth:"".concat(w.fi.values.xl,"px"),height:"100%",margin:"0 auto",display:"flex",columnGap:"80px",position:"relative"},title:(0,p._)({color:"#FFF",fontWeight:800,fontSize:"45px",lineHeight:"49px"},e.breakpoints.down("sm"),{fontSize:"31px",lineHeight:"39px"})}},B=function(e){return{container:(0,p._)({width:"100%",backgroundColor:"#F3BB90"},e.breakpoints.down("md"),{backgroundColor:"#F3BB90"}),content:(0,p._)({width:"100%",display:"flex",columnGap:e.spacing(2),height:"100%",margin:"0 auto",position:"relative"},e.breakpoints.down("md"),{flexDirection:"column-reverse"}),gridContainer:(0,p._)({flex:1,maxWidth:"60%",padding:"13.5px 0"},e.breakpoints.down("md"),{padding:"".concat(e.spacing(1),"px 0"),maxWidth:"100%"}),playerContainer:{flex:.8,position:"relative"},playerContent:(0,p._)({position:"absolute",bottom:"16px",right:0},e.breakpoints.down("md"),{left:0,"& p":{color:w.wu.white}}),bannerContainer:{position:"absolute",top:"-44px",left:"32px",background:w.wu.yellow,borderRadius:"16px 16px 0px 0px",height:"44px",display:"flex",alignItems:"center",padding:"0 16px",columnGap:e.spacing(1)}}},I=function(e){return{root:(0,p._)((0,p._)((0,p._)({width:"100%",margin:"0 auto",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"33px"},e.breakpoints.down("md"),{paddingTop:"20px",paddingBottom:"20px",display:"grid",rowGap:e.spacing(1)}),e.breakpoints.down("sm"),{paddingLeft:"24px",paddingRight:"24px"}),e.breakpoints.down("xs"),{maxWidth:"100%",paddingLeft:"16px",paddingRight:"16px"}),titleBanner:(0,p._)({display:"flex",columnGap:"16px",alignItems:"center"},e.breakpoints.down("md"),{display:"grid",rowGap:e.spacing(1)}),titleText:(0,p._)({color:w.wu.white,marginBottom:0,fontSize:"45px",lineHeight:"49px"},e.breakpoints.down("sm"),{fontSize:"31px",lineHeight:"39px"}),ribbonText:(0,p._)({padding:"10px",backgroundColor:"#FED141",borderRadius:"4px"},e.breakpoints.down("sm"),{fontSize:"14px"})}},N=function(e){return{root:{"& picture":{display:"unset"}},item:{cursor:"pointer"},slider:{"& .slick-list":{overflow:"visible"},"& .slick-track":{marginLeft:"unset",marginRight:"unset"}},imageContainer:{cursor:"pointer",position:"relative",overflow:"hidden","& picture":{height:"100%"}},picture:{backgroundSize:"contain"},gridItemTitleText:{display:"-webkit-box","-webkit-line-clamp":2,"-webkit-box-orient":"vertical",overflow:"hidden",textOverflow:"ellipsis"},gridItemSubtitleText:{display:"-webkit-box","-webkit-line-clamp":1,"-webkit-box-orient":"vertical",overflow:"hidden",textOverflow:"ellipsis"}}},S=(0,o.A)(N);function A(e){var t=S(),n=e.styleProps,o=n.itemWidth,i=n.itemHeight,r=n.width,a=n.height,l=n.border,c=n.borderRadius;n.spacingVertical,n.spacingHorizontal;var s=e.imageProps,d=e.index,p=e.showItemDescription,m=e.onClick;return u.createElement(f.B,{key:d,onClick:m},u.createElement(f.B,{key:"slider-".concat(d),className:t.imageContainer,style:{height:null!=a?a:"".concat(i,"px"),width:null!=r?r:"".concat(o,"px"),border:l,borderRadius:c},onClick:function(){}},u.createElement(b.P,{media:s.thumbnail.media,critical:!0,objectFit:"cover",hasBorderRadius:!1,className:t.picture})),p&&u.createElement(f.B,{style:{position:"relative",width:null!=r?r:"".concat(o,"px")}},u.createElement(f.B,{style:{paddingTop:"10px"}},u.createElement(k.T,{variant:"body1",style:{color:"#183028",fontWeight:700},nowrap:"true",className:t.gridItemTitleText},s.title),u.createElement(k.T,{variant:"body1",style:{color:w.wu.greyDarkest},className:t.gridItemSubtitleText},s.description))))}var T=(0,o.A)(N),R=!1;function F(e){var t,n=T(),o=e.styleProps,r=o.borderActive,a=o.borderNormal,l=e.itemStyleProps,c=e.activeItemIndex,s=e.items,d=e.onClickFunc,m=e.showItemDescription,g=e.containerRef,h=void 0===g?{containerRef:h}:g,b=e.gtmPushEvent,k=l.itemWidth,w=l.spacingHorizontal,C=(0,u.useState)(1),y=(0,p.c)(C,2),E=y[0],_=y[1],P=(0,u.useState)(0),B=(0,p.c)(P,2),I=B[0],N=B[1],S=(0,u.useMemo)(function(){return s.length},[s]),F=(0,u.useRef)(),G=(0,u.useMemo)(function(){return 0!==I},[I]),D=(0,u.useMemo)(function(){return I+E<S},[S,I,E]);return(0,u.useEffect)(function(){_(Math.floor(h.current.clientWidth/(k+w)))},[h,null==h||null==(t=h.current)?void 0:t.clientWidth,k,w]),u.createElement(u.Fragment,null,u.createElement(i.A,{in:G,timeout:900},u.createElement(f.B,{style:{position:"absolute",width:"24px",height:"100%",background:"linear-gradient(90deg, rgb(0 0 0 / 44%) 0%, rgba(0,0,0,0) 100%)",top:0,zIndex:1}}

1)),u.createElement(i.A,{in:D,timeout:900},u.createElement(f.B,{style:{position:"absolute",width:"24px",height:"100%",right:0,background:"linear-gradient(-90deg, rgb(0 0 0 / 44%) 0%, rgba(0,0,0,0) 100%)",top:0,zIndex:1}})),u.createElement(f.B,{style:{width:"calc(".concat(S," * ").concat(k,"px + (").concat(w,"px * ").concat(S-1,"))"),overflow:"hidden",position:"relative"}},u.createElement(f.B,{style:{width:"calc(".concat(E," * ").concat(k,"px + (").concat(w,"px * ").concat(E,"))"),position:"relative"}},u.createElement(v.A,(0,p.f)({},{dots:!1,infinite:!1,speed:500,slidesToScroll:1,draggable:!0,lazyLoad:!1,centerMode:!1,swipeToSlide:!0,swipe:!0,initialSlide:0,arrows:!1,beforeChange:function(e,t){R=!0,N(t)},afterChange:function(){return R=!1}},{slidesToShow:E,ref:F,className:n.slider}),s.map(function(e,t){var n=c===t?r:a;return u.createElement(A,{onClick:function(){R||d&&((0,x.P)({event:"navigation",event_action:"button_click",event_label:e.title},b),d(t,e))},imageProps:e,styleProps:(0,p.a)((0,p.a)({},l),{},{border:n}),index:t,showItemDescription:m})})))))}function G(e){var t=e.styleProps,n=t.borderActive,o=t.borderNormal,i=e.itemStyleProps,a=e.activeItemIndex,l=e.items,c=e.onClickFunc,s=e.showItemDescription,d=e.responsiveItems,m=void 0===d||d,g=e.gtmPushEvent;return u.createElement(r.A,{container:!0,style:{display:"grid",width:"100%",columnGap:"".concat(i.spacingHorizontal,"px"),rowGap:"".concat(i.spacingVertical,"px"),gridTemplateColumns:m?"repeat( auto-fill, minmax(".concat(i.itemWidth,"px, 1fr))"):"repeat( auto-fill, ".concat(i.itemWidth,"px)"),justifyContent:"center"}},l.map(function(e,t){var l=a===t?n:o;return u.createElement(r.A,{item:!0,key:t},u.createElement(A,{onClick:function(){c&&((0,x.P)({event:"navigation",event_action:"button_click",event_label:e.title},g),c(t,e))},imageProps:e,styleProps:(0,p.a)((0,p.a)({},i),{},{border:l},m?{width:"100%"}:{}),index:t,showItemDescription:s}))}))}(0,o.A)(N);var D=function(e){var t=e.images,n=void 0===t?[]:t,o=e.gridProps,i=void 0===o?{}:o;e.dataLocator;var r=e.events,a=e.activeItemIndex,l=void 0===a?-1:a,c=e.containerRef,s=e.showItemDescription,d=e.withSlider,p=e.gtmPushEvent,g=(0,m.get)(i,"itemProps.width",200),h=(0,m.get)(i,"itemProps.height",100),v=(0,m.get)(i,"itemProps.borderRadius","0px"),x=(0,m.get)(void 0===r?{}:r,"onClick",null),f=(0,m.get)(i,"spacing.horizontal",8),b=(0,m.get)(i,"spacing.vertical",8),k=(0,m.get)(i,"itemProps.borders.normal",""),w=(0,m.get)(i,"itemProps.borders.active",""),C={itemHeight:h,itemWidth:g,borderRadius:v,spacingVertical:b,spacingHorizontal:f};return void 0!==d&&d?u.createElement(F,{containerRef:c,styleProps:{borderActive:w,borderNormal:k},itemStyleProps:C,activeItemIndex:l,items:n,onClickFunc:x,showItemDescription:s,gtmPushEvent:p}):u.createElement(G,{styleProps:{borderActive:w,borderNormal:k},itemStyleProps:C,activeItemIndex:l,items:n,onClickFunc:x,showItemDescription:s,gtmPushEvent:p})};D.propTypes={activeItemIndex:h().number,images:h().array,gridProps:h().object,dataLocator:h().string};var L=u.memo(function(e){var t=(0,u.useRef)();return u.createElement(a.A,{ref:t,style:{width:"100%",overflow:"hidden",position:"relative"}},u.createElement(D,(0,p.f)({},e,{containerRef:t})))}),M=(0,o.A)(function(e){return{videoControlsContainer:{position:"absolute",bottom:"0px",height:"78px",width:"100%",background:"linear-gradient(0.28deg, #191919 0.19%, rgba(25, 25, 25, 0) 99.7%)",display:"flex",alignItems:"end"},videoControls:{width:"100%",display:"flex",flexDirection:"column"},videoControlsTop:(0,p._)({justifyContent:"space-between",alignItems:"center",display:"flex",height:"24px"},e.breakpoints.down("sm"),{height:"16px"}),videoControlsBottom:(0,p._)((0,p._)((0,p._)({color:"#FFF",padding:"32px 0px",display:"flex",alignItems:"center",justifyContent:"space-between"},e.breakpoints.down("md"),{padding:"24px 0px"}),e.breakpoints.down("sm"),{padding:"18px 0px"}),e.breakpoints.down("xs"),{padding:"14px 0px"}),videoControlsProgressBar:(0,p._)((0,p._)((0,p._)({width:"100%",backgroundColor:"#8B8E8F",color:"#fff",height:"6px",borderRadius:"11px","&::-webkit-progress-value":{background:"#fff",borderRadius:"11px"},"&::-moz-progress-bar":{background:"#fff",borderRadius:"11px"},"&::-webkit-progress-bar":{borderRadius:"11px"}},e.breakpoints.down("md"),{}),e.breakpoints.down("sm"),{height:"4px"}),e.breakpoints.down("xs"),{height:"4px"}),videoControlsProgressText:{fontWeight:500,color:"#fff","-webkit-touch-callout":"none","-webkit-user-select":"none","-khtml-user-select":"none","-moz-user-select":"none","-ms-user-select":"none","user-select":"none"},videoControlsPlay:{height:"100%",float:"left",cursor:"pointer",display:"flex",justifyContent:"center",alignItems:"center"},videoControlsProgressTime:{height:"100%",float:"right",display:"flex",justifyContent:"center",alignItems:"center",marginLeft:"8px"},videoControlsBottomLeft:(0,p._)((0,p._)((0,p._)((0,p._)((0,p._)((0,p._)((0,p._)({dis

1play:"flex",columnGap:"40px",height:"30px"},"height","100%"),"alignItems","center"),"& div",{cursor:"pointer"}),"& > div",{display:"flex",justifyContent:"start"}),e.breakpoints.down("md"),{columnGap:"32px"}),e.breakpoints.down("sm"),{columnGap:"24px"}),e.breakpoints.down("xs"),{columnGap:"16px"}),videoControlsBottomRight:(0,p._)((0,p._)((0,p._)({display:"flex",columnGap:"40px",height:"30px",alignItems:"center","& div":{cursor:"pointer"},"& > div":{display:"flex",justifyContent:"end"}},e.breakpoints.down("md"),{columnGap:"32px",height:"24px"}),e.breakpoints.down("sm"),{columnGap:"24px",height:"18px"}),e.breakpoints.down("xs"),{columnGap:"16px",height:"12px"}),videoControlsShowMore:{"& span.icon-action-common":{height:"auto",padding:0,width:"auto"},"& .icon-action-common":{padding:"4px","& svg:hover":{backgroundColor:"transparent"}}}}}),z=function(e){var t=e.onPlayClick,n=e.onPauseClick,o=e.onMuteClick,i=e.onClickFullScreen,r=e.onBackClick,l=e.onNextClick,c=e.onSeek,s=e.progressTime,d=e.progressPercentage,m=e.socialShareProps,g=e.paused,h=e.muted,v=e.progressRef,x=e.isBackButtonClickable,f=e.isNextButtonClickable,b=M({}),w=(0,u.useMemo)(function(){return window?window.location.href:""},[window]);return u.createElement(a.A,{className:b.videoControls},u.createElement(a.A,{className:b.videoControlsTop},u.createElement(a.A,{onClick:function(e){return c(e)},style:{flex:1,paddingRight:"10px",display:"flex",alignItems:"center",cursor:"pointer"}},u.createElement("progress",{ref:v,className:b.videoControlsProgressBar,value:d,max:"100"})),u.createElement(a.A,{className:b.videoControlsProgressTime},u.createElement(k.T,{variant:"body1",className:b.videoControlsProgressText},s))),u.createElement(a.A,{className:b.videoControlsBottom},u.createElement(a.A,{className:b.videoControlsBottomLeft},u.createElement(a.A,{className:b.videoControlsPlay,style:{opacity:x?1:.3},onClick:function(){return x?r():""}},u.createElement(C.N,{icon:"video-controls-back"})),u.createElement(a.A,{className:b.videoControlsPlay,onClick:function(){if(g)return t();n()}},u.createElement(C.N,{icon:g?"video-controls-play":"video-controls-pause"})),u.createElement(a.A,{className:b.videoControlsPlay,style:{opacity:f?1:.3},onClick:function(){return f?l():""}},u.createElement(C.N,{icon:"video-controls-next"}))),u.createElement(a.A,{className:b.videoControlsBottomRight},u.createElement(a.A,{onClick:o,style:{width:"24px"}},u.createElement(C.N,{icon:h?"video-controls-speaker-off":"video-controls-speaker-on"})),u.createElement(a.A,{onClick:function(){return i()}},u.createElement(C.N,{icon:"video-controls-full-screen"})),u.createElement(a.A,{onClick:function(){},className:b.videoControlsShowMore},u.createElement(y.S,(0,p.f)({},m,{sharedUrl:w,bgColor:"orange"}))))))},W=null,V=[10,25,50,75],H=V.reduce(function(e,t){return(0,p.a)((0,p.a)({},e),{},(0,p._)({},t,!1))},{}),j=function(e,t,n,o){var i=(0,u.useState)(""),r=(0,p.c)(i,2),a=r[0],l=r[1],c=(0,u.useState)(0),s=(0,p.c)(c,2),d=s[0],m=s[1];function g(e){var t=Math.floor(e/60);return[t,Math.round(e-60*t)]}function h(e,t){var n=e/t*100;V.forEach(function(e){H[e]=n>=e})}function v(){if(t.current){var e=t.current.duration,n=t.current.currentTime;if(!isNaN(e)){i=n/e*100,V.forEach(function(e){i>=e&&!H[e]&&(H[e]=!0,o({event_action:"progress",video_percent:"".concat(e,"%")}))});var i,r=g(e),a=(0,p.c)(r,2),c=a[0],s=a[1],d=g(n),u=(0,p.c)(d,2),h=u[0],v=u[1],x="".concat(h,":").concat(v.toLocaleString("en-US",{minimumIntegerDigits:2,useGrouping:!1})),f="".concat(c,":").concat(s.toLocaleString("en-US",{minimumIntegerDigits:2,useGrouping:!1}));l("".concat(x," / ").concat(f)),m(n/e*100)}}}(0,u.useEffect)(function(){h(0,1)},[e]),(0,u.useEffect)(function(){return t.current&&(t.current.play(),t.current.volume=.2,v(),t.current.addEventListener("timeupdate",v,!1),t.current.addEventListener("ended",b,!1),t.current.addEventListener("pause",x,!1),t.current.addEventListener("play",f,!1)),function(){t.current&&(t.current.removeEventListener("timeupdate",v,!1),t.current.removeEventListener("ended",b,!1),t.current.removeEventListener("pause",x,!1),t.current.removeEventListener("play",f,!1),W&&clearInterval(W))}},[]);var x=function(){W&&clearInterval(W)},f=function(){W=setInterval(function(){return v()},100)},b=function(){};return[a,d,function(){t.current&&t.current.play(),o({event_action:"play"})},function(){t.current&&t.current.pause(),o({event_action:"pause"})},function(e){var o,i,r,a=null==(o=n.current)?void 0:o.getClientRects()[0].x;if(a&&t.current){var l=e.clientX-a,c=t.current.duration;if(l<0)return t.current.currentTime=0,void h(0,c);if(l>(null==(i=n.current)?void 0:i.clientWidth))return t.current.currentTime=c,void h(c,c);var s=l/(null==(r=n.current)?void 0:r.clientWidth);t.current.currentTime=s*c,h(s*c,c)}},function(){var e;null==(e=t.current)||e.requestFullscreen()}]},O=(0,o.A)(function(e){return{root:{width:"100%",display:"flex",alignItems:"center",columnGap:"16px"},pictureContainer:(0,p._)((0,p._)({width:"50px",height:"50px",backgroundColor:"#3A3A3A",borderRadius:"100%",position:"relative",overflow:"hidden"},e.breakpoints.down("sm"),{width:"32px",height:"32px"}),"& picture",{height:"100%"})}});function U(e){var t=e.picture,n=e.title,o=e.description,i=O();return u.createElement(f.B,{className:i.root},t&&u.createElement(f.B,null,u.createElement(f.B,{className:i.pictureContainer},u.createElement(b.P,{media:t.media}))),u.createElement(f.B,{style:{}},u.createElement(l.A,{variant:"body1",style:{fontWeight:600,color:"#FFF"}},n),u.createElement(l.A,{variant:"body1",style:{marginTop:"4px",color:"#FFF"}},o)))}var q,X=(0,o.A)(function(e){return{container:{position:"absolute",height:"100%",maxWidth:"100%",width:"100%","& svg":(0,p._)((0,p._)((0,p._)({width:"auto",height:"30px",verticalAlign:"middle"},e.breakpoints.down("md"),{height:"24px"}),e.breakpoints.down("sm"),{height:"18px"}),e.breakpoints.down("xs"),{height:"12px"})},video:(0,p._)({backgroundColor:"black",width:"100%",height:"100%",objectFit:"contain",display:"block"},e.breakpoints.down("xs"),{}),videoControlsContainer:(0,p._)((0,p._)((0,p._)({position:"absolute",bottom:"0px",boxSizing:"border-box",padding:"0 72px",paddingTop:"10px",width:"100%",background:"linear-gradient(0.28deg, #191919 0.19%, rgba(25, 25, 25, 0) 99.7%)",display:"flex",flexDirection:"column",rowGap:e.spacing(4)},e.breakpoints.down("md"),{padding:"0 16px",rowGap:e.spacing(3)}),e.breakpoints.down("sm"),{rowGap:e.spacing(1.5)}),e.breakpoints.down("xs"),{rowGap:e.spacing(1)})}}),J=null,K=function(e){var t,n,o=e.video,r=e.isBackButtonVisible,a=e.isNextButtonVisible;e.onStartVideo;var l=e.onBackClick,c=e.onNextClick,s=e.gtmPushEvent,d=e.socialProps,m=e.showVideoDetails,g=X(),h=(0,u.useRef)(null),v=(0,u.useRef)(null),b=(0,u.useState)(!1),k=(0,p.c)(b,2),w=k[0],C=k[1],y=(0,u.useState)(!0),E=(0,p.c)(y,2),_=E[0],P=E[1];function B(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1500;clearTimeout(q),q=setTimeout(function(){C(!1)},e)}(0,u.useEffect)(function(){h.current&&(h.current.muted=_)},[_]),(0,u.useEffect)(function(){var e;null==(e=h.current)||e.load()},[o]),(0,u.useEffect)(function(){return function(){(0,x.P)({event:"video",event_action:"stop",event_label:o.gaEventLabel||o.title,video_duration:J},s)}},[]);var I=j(o,h,v,function(e){var t=h.current.duration;(0,x.P)((0,p.a)({event:"video",event_label:o.gaEventLabel||o.title,video_duration:t},e),s)}),N=(0,p.c)(I,6),S=N[0],A=N[1],T=N[2],R=N[3],F=N[4],G=N[5];return u.createElement(f.B,{className:g.container,onMouseMove:function(){C(!0),B()},onMouseLeave:function(){B(600)}}

1,u.createElement("video",{muted:!0,autoPlay:!0,playsInline:!0,poster:"",ref:h,className:g.video,controls:!1,preload:"metadata",onClick:function(){var e;return null!=(e=h.current)&&e.paused?T():R()},onLoadedMetadata:function(){h.current&&(J=h.current.duration,(0,x.P)({event:"video",event_action:"start",event_label:o.gaEventLabel||o.title,video_duration:h.current.duration},s))}},u.createElement("source",{src:o.url,type:"video/mp4"})),u.createElement(i.A,{in:w},u.createElement(f.B,{className:g.videoControlsContainer},void 0!==m&&m&&u.createElement(U,{picture:o.authorPicture,title:o.title,description:o.description}),u.createElement(z,{paused:null!=(t=null==(n=h.current)?void 0:n.paused)&&t,muted:_,progressRef:v,onPlayClick:T,onClickFullScreen:G,onPauseClick:R,onBackClick:l,onNextClick:c,onMuteClick:function(){return P(function(e){return!e})},onSeek:F,progressTime:S,progressPercentage:A,isBackButtonClickable:r,isNextButtonClickable:a,socialShareProps:d}))))},Q=(0,o.A)(function(e){return{root:{},gridContainer:(0,p._)({width:"100%",padding:"64px 72px 48px 72px"},e.breakpoints.down("md"),{padding:"24px 16px 16px 16px"})}}),Y=function(e){var t,n=e.videos,o=e.gridProps,i=e.activeVideoDefaultIndex,r=e.gtmPushEvent,l=e.socialProps,c=Q(),s=(0,u.useState)(null!=i?i:0),d=(0,p.c)(s,2),m=d[0],g=d[1],h=(0,u.useMemo)(function(){return n[m]},[m]),v=null!=(t=null==o?void 0:o.backgroundColor)?t:"#fae3d3";return u.createElement(a.A,{className:c.root,style:{minHeight:"100vh",display:"flex",flexDirection:"column"}},u.createElement(a.A,{style:{flex:1,maxHeight:"100vh",aspectRatio:"16/9",minHeight:"300px",width:"100%",position:"relative"}},u.createElement(K,{isBackButtonVisible:0!==m,isNextButtonVisible:m!==n.length-1,video:h,onStartVideo:function(){},onBackClick:function(){return g(m-1)},onNextClick:function(){return g(m+1)},gtmPushEvent:r,socialProps:l,showVideoDetails:!1})),u.createElement(a.A,{style:{backgroundColor:v},className:c.gridContainer},u.createElement(L,{activeItemIndex:m,images:n,gridProps:o,events:{onClick:function(e){return g(e)}},showItemDescription:!0,gtmPushEvent:r})))},Z=(0,o.A)(function(e){return{scrollDialogCloseButton:(0,p._)({position:"fixed",top:e.spacing(2),right:e.spacing(2)},e.breakpoints.up("md"),{top:e.spacing(6),right:e.spacing(6)}),closeButton:(0,p._)((0,p._)({cursor:"pointer",zIndex:9,width:e.spacing(4),height:e.spacing(4),minWidth:e.spacing(4),minHeight:e.spacing(4),maxWidth:e.spacing(4),borderRadius:"50%",padding:0,border:0,lineHeight:0,top:e.spacing(2),right:e.spacing(2),position:"fixed","&.MuiDialog-closeButton":{"&.Mu

1iButtonBase-root":{boxShadow:"0 2px 4px 0 rgba(0,0,0,0.2)","& svg":{width:"11px",height:"11px","&:hover":{backgroundColor:"transparent"},"& path":{fill:w.wu.darkGreen}},"&:not(.disabled):hover":{boxShadow:"0 2px 4px 0 rgba(0,0,0,0.2)","& svg path":{fill:w.wu.white}},"&:hover":{boxShadow:"0 2px 4px 0 rgba(0,0,0,0.2)","& svg":{backgroundColor:"transparent","&:hover":{backgroundColor:"transparent"},"& path":{fill:w.wu.white}}}}},"& path":{fill:w.wu.darkGreen}},e.breakpoints.up("sm"),{top:e.spacing(6),right:e.spacing(6)}),"&.margin50",{marginTop:e.spacing(6.25)})}});function $(e){var t=e.isModalOpen,n=e.modalRef,o=e.iframeRef,i=e.onCloseModal,r=e.videos,a=e.activeVideoIndex,l=e.gtmPushEvent,c=e.socialProps;return u.createElement(d.D,{open:t,fullScreen:!0,onClose:function(){n&&n.current&&n.current.classList.add("modalDialogClosing"),o&&o.current&&o.current.classList.add("iframeVideoModalClosing"),i()},onAnimationEnd:function(){},darkMode:!0,transparent:!1,verticallyAlign:"center",md:10,lg:8,isFixed:!0,mobileFluid:!0,color:"darkGreen",ref:n,variant:"empty"},u.createElement(et,{videos:r,activeVideoIndex:a,onClose:i,gtmPushEvent:l,socialProps:c}))}var ee={spacing:{vertical:24,horizontal:24},direction:"row",itemProps:{width:184,height:94,borders:{active:"4px solid #E87722"},borderRadius:"8px"}};function et(e){var t=e.videos,n=e.activeVideoIndex,o=e.onClose,i=e.gtmPushEvent,r=e.socialProps,l=Z();return u.createElement(a.A,{style:{height:"100vh"}},u.createElement(Y,{videos:t,gridProps:ee,activeVideoDefaultIndex:n,gtmPushEvent:i,socialProps:r}),u.createElement(s.B,{className:(0,c.default)(l.scrollDialogCloseButton,l.closeButton,"motionColorTransition"),onClick:o,size:"small",icon:"close",alt:"close",title:"Close","aria-label":"Close",hasBorderRadius:!1,color:"orange",disableFocusRipple:!0,hasMotionElevate:!1}))}}}]);
2//# sourceMappingURL=6948.225f0f932ea22b81.js.map