{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Blocks/Video/VideoBlock.tsx"],"names":["getVideoUrl","videoId","videoSource","VideoIframe","iframe","position","top","left","height","width","VideoBlock","props","Div","css","compose","className","header","for","component","ratio","SixteenToNine","loading","frameBorder","allowFullScreen","allowFullscreen","src","description"],"mappings":"2FAAA,+GAcaA,EAAc,SAACC,EAAiBC,GAC3C,MAAoB,YAAhBA,EACK,2BAA2BD,EACT,UAAhBC,EACF,4BAA4BD,OAD9B,GAKHE,EAAc,IAAOC,OAAO,CAChCC,SAAU,WACVC,IAAK,IACLC,KAAM,IACNC,OAAQ,OACRC,MAAO,SAGHC,EAAa,aAAU,SAACC,GAAoB,OAChD,kBAAC,IAAOC,IAAG,CAACC,IAAKF,EAAMG,UAAWC,UAAW,KAC1C,YAAiBJ,EAAMK,SAAW,kBAAC,IAAW,CAACC,IAAKN,EAAMK,OAAQE,UAAU,OAC7E,kBAAC,IAAW,CAACC,MAAO,IAAMC,cAAeP,IAAG,GAC1C,kBAACV,EAAW,CACVkB,QAAQ,OACRC,YAAY,IACZC,gBAAiB,YAAiBZ,EAAMa,iBACxCC,IAAKzB,EAAY,YAAiBW,EAAMV,SAAU,YAAiBU,EAAMT,iBAG5E,YAAiBS,EAAMe,cAAgB,kBAAC,IAAW,CAACT,IAAKN,EAAMe,kBAIrD,Y,MAZmC,CAAErB,SAAU","file":"assets/67.chunk.6f3c088703b7f9cc2afa.js","sourcesContent":["/**\r\n * @ComponentFor VideoBlock\r\n */\r\nimport React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { EpiProperty, epiPropertyValue } from '@avensia/scope-episerver';\r\nimport VideoBlockType from './VideoBlock.type';\r\nimport VideoSource from './VideoSource.type';\r\nimport AspectRatio, { Ratio } from './../../AspectRatio';\r\nimport padStyled from 'Shared/Blocks/PaddedBlock';\r\nimport { BOX_ITEM_CLASSNAME } from 'Shared/BoxLayout';\r\n\r\ntype PropType = VideoBlockType & StyledProps;\r\n\r\nexport const getVideoUrl = (videoId: string, videoSource: VideoSource) => {\r\n  if (videoSource === 'youTube') {\r\n    return `//www.youtube.com/embed/${videoId}`;\r\n  } else if (videoSource === 'vimeo') {\r\n    return `//player.vimeo.com/video/${videoId}`;\r\n  }\r\n};\r\n\r\nconst VideoIframe = styled.iframe({\r\n  position: 'absolute',\r\n  top: '0',\r\n  left: '0',\r\n  height: '100%',\r\n  width: '100%',\r\n});\r\n\r\nconst VideoBlock = padStyled((props: PropType) => (\r\n  <styled.Div css={props.compose()} className={BOX_ITEM_CLASSNAME}>\r\n    {epiPropertyValue(props.header) && <EpiProperty for={props.header} component=\"h2\" />}\r\n    <AspectRatio ratio={Ratio.SixteenToNine} css={{ position: 'relative' }}>\r\n      <VideoIframe\r\n        loading=\"lazy\"\r\n        frameBorder=\"0\"\r\n        allowFullScreen={epiPropertyValue(props.allowFullscreen)}\r\n        src={getVideoUrl(epiPropertyValue(props.videoId), epiPropertyValue(props.videoSource))}\r\n      />\r\n    </AspectRatio>\r\n    {epiPropertyValue(props.description) && <EpiProperty for={props.description} />}\r\n  </styled.Div>\r\n));\r\n\r\nexport default VideoBlock;\r\n"],"sourceRoot":""}