{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Blocks/PodPlayer/PodPlayerBlock.tsx"],"names":["state","currentBreakpoint","dispatch","onToggleRadioPlay","isOpen","embedRadioPlayUrl","props","isMobile","Medium","Wrapper","css","compose","className","title","Description","description","CustomButton","to","embedUrl","url","target","appearance","Secondary","button","onClick","div","padding","y","fontWeight","letterSpacing","x"],"mappings":"2FAAA,W,EAAA,sFAkDe,sBACb,aACE,SAACA,GAA4B,OAC3BC,kBAAmBD,EAAMC,sBAE3B,SAACC,GAAgC,OAC/BC,kBAAiB,SAACC,EAAQC,GACxBH,EAAS,YAAgBE,EAAQC,QANvC,EAxBqB,SAACC,GACtB,IAAMC,EAAWD,EAAML,kBAAoB,IAAWO,OACtD,OACE,kBAACC,EAAO,CAACC,IAAKJ,EAAMK,UAAWC,UAAW,KACxC,4BAAK,YAAiBN,EAAMO,QAC5B,kBAACC,EAAW,KAAE,YAAiBR,EAAMS,cACpCR,EACC,kBAACS,EAAY,CAACC,GAAI,YAAiBX,EAAMY,UAAUC,IAAKC,OAAO,SAASC,WAAY,IAAiBC,WAClG,YAAiBhB,EAAMiB,SAG1B,kBAACP,E,CAECQ,QAAS,WAAM,OAAAlB,EAAMH,mBAAkB,EAAM,YAAiBG,EAAMY,UAAUC,MAC9EE,WAAY,IAAiBC,WAE5B,YAAiBhB,EAAMiB,cAoBlC,IAAMd,EAAU,IAAOgB,MAAG,GACxBC,QAAS,CAAEC,EAAG,QACb,MAAsB,CACrBD,QAAS,CAAEC,EAAG,M,IAIZb,EAAc,YAAO,IAAG,CAC5Bc,WAAY,OACZF,QAAS,CACPC,EAAG,QAIDX,EAAe,YAAO,IAAQ,CAClCa,cAAe,aAAa,IAC5BH,QAAS,CACPC,EAAG,EACHG,EAAG,aAAa","file":"assets/65.chunk.35b2bb78fe24a311cbd4.js","sourcesContent":["/**\r\n * @ComponentFor PodPlayerBlock\r\n */\r\n\r\nimport React from 'react';\r\nimport { Breakpoint } from '@avensia/scope';\r\nimport { epiPropertyValue } from '@avensia/scope-episerver';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport PodPlayerType from './PodPlayerBlock.type';\r\nimport { Appearance as ButtonAppearance } from 'Shared/Button';\r\nimport P from 'Shared/Generic/P';\r\nimport Button from 'Shared/Button';\r\nimport { pixelsToUnit, large, minMediumMediaQuery, huge } from 'Shared/Style';\r\nimport connect from 'Shared/connect';\r\nimport { BOX_ITEM_CLASSNAME } from 'Shared/BoxLayout';\r\nimport { toggleRadioPlay } from 'RadioPlay/action-creators';\r\n\r\ntype ConnectStateType = {\r\n  currentBreakpoint: number;\r\n};\r\n\r\ntype ConnectActionType = {\r\n  onToggleRadioPlay: (isOpen: boolean, embedRadioPlayUrl: string) => void;\r\n};\r\n\r\ntype PropType = PodPlayerType & ConnectActionType & ConnectStateType & StyledProps;\r\n\r\nconst podPlayerBlock = (props: PropType) => {\r\n  const isMobile = props.currentBreakpoint < Breakpoint.Medium;\r\n  return (\r\n    <Wrapper css={props.compose()} className={BOX_ITEM_CLASSNAME}>\r\n      <h2>{epiPropertyValue(props.title)}</h2>\r\n      <Description>{epiPropertyValue(props.description)}</Description>\r\n      {isMobile ? (\r\n        <CustomButton to={epiPropertyValue(props.embedUrl).url} target=\"_blank\" appearance={ButtonAppearance.Secondary}>\r\n          {epiPropertyValue(props.button)}\r\n        </CustomButton>\r\n      ) : (\r\n        <CustomButton\r\n          // tslint:disable-next-line:jsx-no-lambda\r\n          onClick={() => props.onToggleRadioPlay(true, epiPropertyValue(props.embedUrl).url)}\r\n          appearance={ButtonAppearance.Secondary}\r\n        >\r\n          {epiPropertyValue(props.button)}\r\n        </CustomButton>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default styled(\r\n  connect(\r\n    (state): ConnectStateType => ({\r\n      currentBreakpoint: state.currentBreakpoint,\r\n    }),\r\n    (dispatch): ConnectActionType => ({\r\n      onToggleRadioPlay(isOpen, embedRadioPlayUrl) {\r\n        dispatch(toggleRadioPlay(isOpen, embedRadioPlayUrl));\r\n      },\r\n    }),\r\n  )(podPlayerBlock),\r\n);\r\n\r\nconst Wrapper = styled.div({\r\n  padding: { y: large },\r\n  [minMediumMediaQuery]: {\r\n    padding: { y: huge },\r\n  },\r\n});\r\n\r\nconst Description = styled(P, {\r\n  fontWeight: 'bold',\r\n  padding: {\r\n    y: large,\r\n  },\r\n});\r\n\r\nconst CustomButton = styled(Button, {\r\n  letterSpacing: pixelsToUnit(0.8),\r\n  padding: {\r\n    y: 0,\r\n    x: pixelsToUnit(30),\r\n  },\r\n});\r\n"],"sourceRoot":""}