https://www.wagrain-kleinarl.at/static/js/696.db1cb5d1.chunk.js

1"use strict";(self.webpackChunk_micado_digital_tvb_wagrain_react=self.webpackChunk_micado_digital_tvb_wagrain_react||[]).push([[696],{2696:function(e,t,o){o.r(t),o.d(t,{default:function(){return x}});var n=o(4942),i=o(9439),r=o(2791),s=o(8182),l=o(5803),a=o(3703),d=function(){var e=new Date,t=e.getMonth()+1,o=e.getDate();return t>=12||t<=2||3===t&&o<=10?"Winter":t>=3&&t<=5?"Fr\xfchling":t>=6&&t<=8?"Sommer":"Herbst"},u=o(2759),c=o(184),v=(0,l.ZP)((function(){return o.e(394).then(o.bind(o,1394))})),p=function(e){var t=e.handleSeasonClick,o=e.lang,n=e.items,l=e.season,a=(0,r.useState)(!1),d=(0,i.Z)(a,2),u=d[0],p=d[1],f=(0,r.useState)(!1),m=(0,i.Z)(f,2),b=m[0],g=m[1],y=(0,r.useState)(!1),_=(0,i.Z)(y,2),h=_[0],k=_[1],x=(0,r.useState)(!1),w=(0,i.Z)(x,2),j=w[0],Z=w[1];return(0,r.useEffect)((function(){(null===n||void 0===n?void 0:n.length)>0&&n.forEach((function(e){null!==e&&void 0!==e&&e.keywords&&null!==e&&void 0!==e&&e.keywords.some((function(e){return e.title.includes("Fr\xfchling")}))&&Z(!0),null!==e&&void 0!==e&&e.keywords&&null!==e&&void 0!==e&&e.keywords.some((function(e){return e.title.includes("Sommer")}))&&g(!0),null!==e&&void 0!==e&&e.keywords&&null!==e&&void 0!==e&&e.keywords.some((function(e){return e.title.includes("Winter")}))&&p(!0),null!==e&&void 0!==e&&e.keywords&&null!==e&&void 0!==e&&e.keywords.some((function(e){return e.title.includes("Herbst")}))&&k(!0)}))}),[n]),(0,c.jsxs)("div",{className:(0,s.default)("video-player-root__buttons","video-player-root__buttons--season"),children:[(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"Winter"===l,"video-player-root__buttons-button--disabled":!u}),onClick:function(e){return t(e,"Winter")},title:"Winter",children:(0,c.jsx)(v,{color:"initial",src:"/img/icons/videos/winter.svg",size:24})}),(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"Fr\xfchling"===l,"video-player-root__buttons-button--disabled":!j}),onClick:function(e){return t(e,"Fr\xfchling")},title:"Fr\xfchling",children:(0,c.jsx)(v,{color:"initial",src:"/img/icons/videos/spring.svg",size:24})}),(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"Sommer"===l,"video-player-root__buttons-button--disabled":!b}),onClick:function(e){return t(e,"Sommer")},title:"Sommer",children:(0,c.jsx)(v,{color:"initial",src:"/img/icons/videos/summer.svg",size:24})}),(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"Herbst"===l,"video-player-root__buttons-button--disabled":!h}),onClick:function(e){return t(e,"Herbst")},title:"Herbst",children:(0,c.jsx)(v,{color:"initial",src:"/img/icons/videos/autumn.svg",size:24})}),(0,c.jsx)("span",{className:(0,s.default)("video-player-root__buttons-label"),children:"de"===o?"Jahreszeit":"season"})]})},f=(0,l.ZP)((function(){return o.e(394).then(o.bind(o,1394))})),m=function(e){var t=e.handleWeatherClick,o=e.lang,n=e.items,l=e.season,a=e.weather,d=(0,r.useState)(!1),u=(0,i.Z)(d,2),v=u[0],p=u[1],m=(0,r.useState)(!1),b=(0,i.Z)(m,2),g=b[0],y=b[1],_=(0,r.useState)(!1),h=(0,i.Z)(_,2),k=h[0],x=h[1],w=(0,r.useState)(!1),j=(0,i.Z)(w,2),Z=j[0],F=j[1];return(0,r.useEffect)((function(){y(!1),F(!1),x(!1),p(!1),(null===n||void 0===n?void 0:n.length)>0&&n.map((function(e){return null!==e&&void 0!==e&&e.keywords&&(e.keywords.some((function(e){return"Sonnig"===e.title}))&&e.keywords.some((function(e){return e.title===l}))&&y(!0),e.keywords.some((function(e){return"Nebelig"===e.title}))&&e.keywords.some((function(e){return e.title===l}))&&p(!0),e.keywords.some((function(e){return"Bew\xf6lkt"===e.title}))&&e.keywords.some((function(e){return e.title===l}))&&x(!0),e.keywords.some((function(e){return"Wechselhaft"===e.title}))&&e.keywords.some((function(e){return e.title===l}))&&F(!0)),null}))}),[n,l]),(0,c.jsxs)("div",{className:(0,s.default)("video-player-root__buttons","video-player-root__buttons--weather"),children:[(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"Nebelig"===a,"video-player-root__buttons-button--disabled":!v}),onClick:function(e){return t(e,"Nebelig")},title:"Nebelig",children:(0,c.jsx)(f,{color:"initial",src:"/img/icons/videos/foggy.svg",size:24})}),(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"Sonnig"===a,"video-player-root__buttons-button--disabled":!g}),onClick:function(e){return t(e,"Sonnig")},title:"Sonnig",children:(0,c.jsx)(f,{color:"initial",src:"/img/icons/videos/sunny.svg",size:24})}),(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"Bew\xf6lkt"===a,"video-player-root__buttons-button--disabled":!k}),onClick:function(e){return t(e,"Bew\xf6lkt")},title:"Bew\xf6lkt",children:(0,c.jsx)(f,{color:"initial",src:"/img/icons/videos/cloudy.svg",size:24})}),(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"We

1chselhaft"===a,"video-player-root__buttons-button--disabled":!Z}),onClick:function(e){return t(e,"Wechselhaft")},title:"Wechselhaft",children:(0,c.jsx)(f,{color:"initial",src:"/img/icons/videos/changeable.svg",size:24})}),(0,c.jsx)("span",{className:(0,s.default)("video-player-root__buttons-label"),children:"de"===o?"Wetter":"Weather"})]})},b=(0,l.ZP)((function(){return o.e(394).then(o.bind(o,1394))})),g=function(e){var t=e.handleTimeClick,o=e.items,n=e.lang,l=e.season,a=e.time,d=e.weather,u=(0,r.useState)(!1),v=(0,i.Z)(u,2),p=v[0],f=v[1],m=(0,r.useState)(!1),g=(0,i.Z)(m,2),y=g[0],_=g[1],h=(0,r.useState)(!1),k=(0,i.Z)(h,2),x=k[0],w=k[1],j=(0,r.useState)(!1),Z=(0,i.Z)(j,2),F=Z[0],S=Z[1];return(0,r.useEffect)((function(){f(!1),_(!1),w(!1),S(!1),(null===o||void 0===o?void 0:o.length)>0&&o.map((function(e){return null!==e&&void 0!==e&&e.keywords&&(e.keywords.some((function(e){return"Morgen"===e.title}))&&e.keywords.some((function(e){return e.title===l}))&&e.keywords.some((function(e){return e.title===d}))&&f(!0),e.keywords.some((function(e){return"Mittag"===e.title}))&&e.keywords.some((function(e){return e.title===l}))&&e.keywords.some((function(e){return e.title===d}))&&_(!0),e.keywords.some((function(e){return"Abend"===e.title}))&&e.keywords.some((function(e){return e.title===l}))&&e.keywords.some((function(e){return e.title===d}))&&w(!0),e.keywords.some((function(e){return"Nacht"===e.title}))&&e.keywords.some((function(e){return e.title===l}))&&e.keywords.some((function(e){return e.title===d}))&&S(!0)),null}))}),[o,l,d]),(0,c.jsxs)("div",{className:(0,s.default)("video-player-root__buttons","video-player-root__buttons--time"),children:[(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"Morgen"===a,"video-player-root__buttons-button--disabled":!p}),onClick:function(e){return t(e,"Morgen")},title:"Morgen",children:(0,c.jsx)(b,{color:"initial",src:"/img/icons/videos/morning.svg",size:24})}),(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"Mittag"===a,"video-player-root__buttons-button--disabled":!y}),onClick:function(e){return t(e,"Mittag")},title:"Mittag",children:(0,c.jsx)(b,{color:"initial",src:"/img/icons/videos/midday.svg",size:24})}),(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"Abend"===a,"video-player-root__buttons-button--disabled":!x}),onClick:function(e){return t(e,"Abend")},title:"Abend",children:(0,c.jsx)(b,{color:"initial",src:"/img/icons/videos/evening.svg",size:24})}),(0,c.jsx)("div",{className:(0,s.default)("video-player-root__buttons-button",{"video-player-root__buttons-button--selected":"Nacht"===a,"video-player-root__buttons-button--disabled":!F}),onClick:function(e){return t(e,"Nacht")},title:"Nacht",children:(0,c.jsx)(b,{color:"initial",src:"/img/icons/videos/night.svg",size:24})}),(0,c.jsx)("span",{className:(0,s.default)("video-player-root__buttons-label"),children:"de"===n?"Tageszeit":"time of day"})]})},y=(0,o(2187).Z)((function(e){var t,o,i,r,s,l;return{root:{fontFamily:"Source Sans Pro","& video":{aspectRatio:"1920 / 1080",height:"100%",objectFit:"cover",display:"block",width:"100%"}},videoWrapper:{alignItems:"center",aspectRatio:"1920 / 1080",display:"flex",justifyContent:"center",position:"relative"},nav:(t={alignItems:"center",background:"rgba(0,0,0,0.5)",cursor:"pointer",display:"flex",height:40,justifyContent:"center",position:"absolute",top:"50%",marginTop:-20,width:40},(0,n.Z)(t,e.breakpoints.up("md"),{height:56,marginTop:-28,width:56}),(0,n.Z)(t,"&.video-player-root__nav--next",{right:0}),(0,n.Z)(t,"&.video-player-root__nav--prev",{left:0}),(0,n.Z)(t,"& svg",(0,n.Z)({width:"32px !important"},e.breakpoints.up("md"),{width:"40px !important"})),t),options:(r={alignItems:"center",background:"#FFFFFF",display:"flex",flexDirection:"column",margin:"0 auto",rowGap:e.spacing(2.5),padding:e.spacing(2)},(0,n.Z)(r,e.breakpoints.up(374),{alignItems:"flex-start"}),(0,n.Z)(r,e.breakpoints.up("sm"),{alignItems:"center",flexDirection:"row",flexWrap:"wrap",gap:e.spacing(5),justifyContent:"center",maxWidth:"none",padding:e.spacing(2.5,4)}),(0,n.Z)(r,e.breakpoints.up("lg"),{display:"grid",gridTemplateColumns:"auto auto auto 1fr",gap:e.spacing(7)}),(0,n.Z)(r,"& .video-player-root__buttons",(0,n.Z)({alignItems:"center",display:"flex",flexWrap:"wrap",gap:e.spacing(1),justifyContent:"center"},e.breakpoints.up("sm"),{display:"grid",gridTemplateColumns:"1fr 1fr 1fr 1fr",gridTemplateRows:"1fr auto",gridRowGap:e.spacing(1),textAlign:"center"})),(0,n.Z)(r,"& .video-player-root__buttons-button",(o={alignItems:"center",border:"1px solid #A29786",borderRadius:"50%",cursor:"pointer",display:"flex",height:48,justifyContent:"center",transition:"background 250ms ease, border 250ms ease, color 250ms ease",width:48},(0,n.Z)(o,e.breakpoints.up(374),{height:55,width:55}),(0,n.Z)(o,"& svg path",{fill:"#A29786"}),(0,n.Z)(o,"&:hover",{background:e.palette.primary.main,border:"1px solid "+e.palette.primary.main,color:"#FFFFFF","& svg path":{fill:"#FFFFFF !important"}}),(0,n.Z)(o,"&.video-player-root__buttons-button--selected",{background:e.palette.primary.main,border:"1px solid "+e.palette.primary.main,color:"#FFFFFF","& svg path":{fill:"#FFFFFF !important"}}),(0,n.Z)(o,"&.video-player-root__buttons-button--disabled",{background:"none !important",border:"1px solid #A29786 !important",opacity:.3,pointerEvents:"none","& svg path":{fill:"#A29786 !important"}}),o)),(0,n.Z)(r,"& .video-player-root__buttons-label",(i={color:"#A29786",fontWeight:700,fontSize:12,letterSpacing:"0.4px",flex:"1 0 100%",paddingLeft:e.spacing(0),textAlign:"center",textTransform:"uppercase"},(0,n.Z)(i,e.breakpoints.up(374),{flex:"unset",paddingLeft:e.spacing(1),textAlign:"left"}),(0,n.Z)(i,e.breakpoints.up("sm"),{gridColumn:"1 / -1",paddingLeft:e.spacing(0),textAlign:"center"}),i)),r),optionsHighlights:{"& .video-player-root__buttons--weather":{"& .video-player-root__buttons-label":{opacity:"0.3 !important"},"& .video-player-root__buttons-button":{background:"none !important",border:"1px solid #A29786 !important",opacity:"0.3 !important",pointerEvents:"none","& svg path":{fill:"#A29786 !important"}}},"& .video-player-root__buttons--time":{"& .video-player-root__buttons-label":{opacity:"0.3 !important"},"& .video-player-root__buttons-button":{background:"none !important",border:"1px solid #A29786 !important",opacity:"0.3 !important",pointerEvents:"none","& svg path":{fill:"#A29786 !important"}}}},controls:(s={alignItems:"center",display:"flex",flexWrap:"wrap",gap:e.spacing(3),justifyContent:"space-between",maxWidth:500,width:"100%"},(0,n.Z)(s,e.breakpoints.up("sm"),{justifyContent:"center",width:"auto"}),(0,n.Z)(s,e.breakpoints.up("md"),{flexDirection:"row",gridRowGap:e.spacing(3),textAlign:"center"}),(0,n.Z)(s,e.breakpoints.up("lg"),{marginLeft:"auto"}

1),s),controlsItem:(l={alignItems:"center",display:"flex",flexDirection:"column",flexWrap:"wrap",gap:e.spacing(1),justifyContent:"center"},(0,n.Z)(l,e.breakpoints.up("md"),{gridRowGap:e.spacing(1),textAlign:"center"}),(0,n.Z)(l,"& .video-player-root__buttons-label",{padding:0}),l),controlsButtonActive:{background:e.palette.primary.main,border:"1px solid "+e.palette.primary.main+" !important",color:"#FFFFFF","& svg path":{fill:"#FFFFFF !important"}}}})),_=(0,l.ZP)((function(){return o.e(814).then(o.t.bind(o,7961,23))})),h=(0,l.ZP)((function(){return o.e(710).then(o.bind(o,6710))})),k=(0,l.ZP)((function(){return o.e(394).then(o.bind(o,1394))})),x=function(e){var t=e.defaultSeason,o=void 0===t?"Winter":t,l=e.folder,v=e.lang,f=void 0===v?"de":v,b="",x=(0,r.useState)(o),w=(0,i.Z)(x,2),j=w[0],Z=w[1],F=(0,r.useState)("Mittag"),S=(0,i.Z)(F,2),N=S[0],C=S[1],W=(0,r.useState)("Sonnig"),A=(0,i.Z)(W,2),z=A[0],M=A[1],E=(0,r.useState)(!1),T=(0,i.Z)(E,2),I=T[0],D=T[1],H=(0,r.useState)(""),P=(0,i.Z)(H,2),R=P[0],B=P[1],G=(0,r.useState)(0),L=(0,i.Z)(G,2),J=L[0],K=L[1],O=(0,r.useState)([]),Q=(0,i.Z)(O,2),U=Q[0],V=Q[1],X=(0,r.useState)(!1),Y=(0,i.Z)(X,2),q=Y[0],$=Y[1],ee=(0,r.useState)(0),te=(0,i.Z)(ee,2),oe=te[0],ne=te[1],ie=(0,r.useState)(0),re=(0,i.Z)(ie,2),se=re[0],le=re[1],ae=y(),de=(0,r.useRef)(),ue=(0,a.Z)("".concat(b,"/Micado.WebEngine/Micado.WebEngine.Plugin.Media/List.api?FolderNames=").concat(l,"&Types=11&Sort=1")),ce=ue.items,ve=ue.entries,pe=(0,u.Z)({lang:"de",station:"7",url:"https://www.wagrain-kleinarl.at/SkigebieteManager/Micado.SkigebieteManager.Plugin.WeatherApi/GetDetails.api"});(0,r.useEffect)((function(){o||Z(d())}),[o]),console.log(j,N,z),(0,r.useEffect)((function(){if(pe.state)switch(pe.state){case"A":case"B":case"C":default:M("Sonnig");break;case"D":case"E":case"F":case"K":case"Y":case"Z":M("Bew\xf6lkt");break;case"G":case"H":case"I":case"J":case"L":case"M":case"N":case"O":case"P":case"Q":case"R":case"U":case"V":case"W":case"X":M("Wechselhaft");break;case"S":case"T":M("Nebelig")}}),[pe.state]),(0,r.useEffect)((function(){if(ve>0)if(I){var e=ce.filter((function(e){return null!==e&&void 0!==e&&e.keywords?e.keywords.some((function(e){return e.title===j}))&&e.keywords.some((function(e){return"Highlight"===e.title})):null}));le(e.length),V(e)}else if("Nacht"===N){var t=ce.filter((function(e){return null!==e&&void 0!==e&&e.keywords?e.keywords.some((function(e){return e.title===j}))&&e.keywords.some((function(e){return e.title===N})):null}));V(t)}else{var o=ce.filter((function(e){return null!==e&&void 0!==e&&e.keywords?e.keywords.some((function(e){return e.title===j}))&&e.keywords.some((function(e){return e.title===z}))&&e.keywords.some((function(e){return e.title===N})):null}));V(o)}}),[ce,ve,j,N,z,I]),(0,r.useEffect)((function(){if((null===U||void 0===U?void 0:U.length)>0){var e=U.map((function(e){var t,o;return I?b+(null===e||void 0===e||null===(o=e.media)||void 0===o?void 0:o.filename):null===e||void 0===e||null===(t=e.media)||void 0===t?void 0:t.filename}));if(I&&Array.isArray(e)&&e.length>0)B(e);else if(e)B(b+e[0]);else{var t,o;B(b+(null===ce||void 0===ce||null===(t=ce[0])||void 0===t||null===(o=t.media)||void 0===o?void 0:o.filename))}}else{var n,i;B(b+(null===ce||void 0===ce||null===(n=ce[0])||void 0===n||null===(i=n.media)||void 0===i?void 0:i.filename))}}),[b,U,I,ce]);return(0,c.jsxs)("div",{className:(0,s.default)(ae.root,"video-player-root"),children:[(0,c.jsxs)("div",{className:(0,s.default)(ae.videoWrapper,"video-player-root__video-wrapper"),children:[R||(null===R||void 0===R?void 0:R.length)>0?(0,c.jsx)(h,{url:R,controls:!0,height:"100%",width:"100%",loop:!1,muted:!0,playing:!0,ref:de,onEnded:function(){return function(){if(I){var e;e=Array.isArray(R)?R[0]:R;var t=U.findIndex((function(t){var o;return b+(null===t||void 0===t||null===(o=t.media)||void 0===o?void 0:o.filename)===e}))+1;t<U.length&&(B(b+U[t].media.filename),K(0))}else $(!0)}()},onStart:function(){return function(e){var t,o;e?null===de||void 0===de||null===(t=de.current)||void 0===t||t.seekTo(0,"seconds"):null===de||void 0===de||null===(o=de.current)||void 0===o||o.seekTo(J,"seconds")}()}}):(0,c.jsx)(_,{color:"#E62850"}),I&&(null===U||void 0===U?void 0:U.length)>1&&(0,c.jsxs)("div",{className:ae.navigation,children:[(0,c.jsx)("div",{className:(0,s.default)(ae.nav,"video-player-root__nav--prev"),onClick:function(){var e,t=(oe-1+se)%se;ne(t);var o=U[t];B(b+(null===o||void 0===o||null===(e=o.media)||void 0===e?void 0:e.filename))},children:(0,c.jsx)(k,{color:"initial",src:"/img/icons/videos/chevron-left.svg",size:40})}),(0,c.jsx)("div",{className:(0,s.default)(ae.nav,"video-player-root__nav--next"),onClick:function(){var e,t=(oe+1)%se;ne(t);var o=U[t];B(b+(null===o||void 0===o||null===(e=o.media)||void 0===e?void 0:e.filename))},children:(0,c.jsx)(k,{color:"initial",src:"/img/icons/videos/chevron-right.svg",size:40})})]})]}),(0,c.jsxs)("div",{className:(0,s.default)(ae.options,"video-player-root__options",(0,n.Z)({},ae.optionsHighlights,I)),children:[(0,c.jsx)(p,{handleSeasonClick:function(e,t){e.preventDefault(),Z(t),C("Mittag"),K(0),$(!1)},items:ce,lang:f,season:j}),(0,c.jsx)(m,{handleWeatherClick:function(e,t){var o;(e.preventDefault(),M(t),q)?K(0):K(null===de||void 0===de||null===(o=de.current)||void 0===o?void 0:o.getCurrentTime());$(!1)},items:ce,lang:f,season:j,weather:z}),(0,c.jsx)(g,{handleTimeClick:function(e,t){var o;(e.preventDefault(),C(t),q)?K(0):K(null===de||void 0===de||null===(o=de.current)||void 0===o?void 0:o.getCurrentTime());$(!1)}

1,items:ce,lang:f,season:j,weather:z,time:N}),(0,c.jsxs)("div",{className:(0,s.default)(ae.controls,"video-player-root__controls"),children:[(0,c.jsxs)("div",{className:(0,s.default)(ae.controlsItem,"video-player-root__controls-item"),children:[(0,c.jsx)("div",{className:(0,s.default)(ae.button,"video-player-root__controls-restart","video-player-root__buttons-button",(0,n.Z)({},ae.controlsButtonActive,I)),onClick:function(){D(!I)},children:(0,c.jsx)(k,{color:"initial",src:"/img/icons/videos/highlight.svg",size:24})}),(0,c.jsx)("span",{className:(0,s.default)(ae.label,"video-player-root__buttons-label"),children:"Highlights"})]}),(0,c.jsxs)("div",{className:(0,s.default)(ae.controlsItem,"video-player-root__controls-item"),children:[(0,c.jsx)("div",{className:(0,s.default)(ae.button,"video-player-root__controls-restart","video-player-root__buttons-button"),onClick:function(){return function(){var e;K(0),null===de||void 0===de||null===(e=de.current)||void 0===e||e.seekTo(0,"seconds"),Z(d()),D(!1)}()},children:(0,c.jsx)(k,{color:"initial",src:"/img/icons/videos/restart.svg",size:24})}),(0,c.jsx)("span",{className:(0,s.default)(ae.label,"video-player-root__buttons-label"),children:"de"===f?"Zur\xfccksetzen":"reset"})]})]})]})]})}}}]);
2//# sourceMappingURL=696.db1cb5d1.chunk.js.map