{"version":3,"file":"component---src-pages-contact-tsx-54db8747fecc5ebe7f00.js","mappings":"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","sources":["webpack://dfl-ipp-website/./src/pages/contact.tsx"],"sourcesContent":["/**\n * The contact page\n *\n */\n\n// IMPORTS\nimport React from \"react\";\nimport {graphql} from \"gatsby\";\nimport styled from \"styled-components\";\nimport {connect} from \"react-redux\";\nimport {Dispatch} from \"redux\";\nimport moment from \"moment\";\nimport {\n  SEO,\n  GlobalStyle,\n  NavigationHeader,\n  ConsentBanner,\n  ContactFooter,\n  ContactCardPerson,\n  // Grid\n} from \"../components\";\n\nimport {AppState} from \"../store/\";\nimport {\n  updateRegionAction,\n  setTimezoneDetectedAction,\n  updateUTCOffsetAction,\n  updateIsNavigationInvertedAction,\n  updateIsNavigationHiddenAction,\n  updateIsHomepageAboveVideoAction,\n} from \"../store/system/actions\";\nimport {DflRegionType, WPAcfPostsProps, FullpageHeadline, stage, px, breakpoints, MainContentWrapper} from \"../models\";\nimport {getDflRegionByTimezone, encryptMail} from \"../util/util\";\n\nimport \"../../static/fonts.css\";\n\n// COMPONENT PROPERTIES\ninterface PropsFromState {\n  timezoneDetected: boolean;\n  selectedRegion: DflRegionType;\n}\nconst mapStateToProps = (state: AppState): PropsFromState => {\n  return {\n    timezoneDetected: state.system.timezoneDetected,\n    selectedRegion: state.system.selectedRegion,\n  };\n};\n\ninterface PropsFromDispatch {\n  updateRegion: (region: DflRegionType) => void;\n  setTimezoneDetected: () => void;\n  updateUTCOffset: (newOffset: number) => void;\n  updateNavigationInverted: (isInverted: boolean) => void;\n  updateIsNavigationHidden: (isNavigationHidden: boolean) => void;\n  updateIsHomepageAboveVideo: (isInverted: boolean) => void;\n}\nconst mapDispatchToProps = (dispatch: Dispatch): PropsFromDispatch => {\n  return {\n    updateRegion: (region: DflRegionType) => {\n      return dispatch(updateRegionAction(region));\n    },\n    setTimezoneDetected: () => {\n      return dispatch(setTimezoneDetectedAction());\n    },\n    updateUTCOffset: (newOffset: number) => {\n      return dispatch(updateUTCOffsetAction(newOffset));\n    },\n    updateNavigationInverted: (isInverted: boolean) => {\n      return dispatch(updateIsNavigationInvertedAction(isInverted));\n    },\n    updateIsNavigationHidden: (isNavigationHidden: boolean) => {\n      return dispatch(updateIsNavigationHiddenAction(isNavigationHidden));\n    },\n    updateIsHomepageAboveVideo: (isInverted: boolean) => {\n      return dispatch(updateIsHomepageAboveVideoAction(isInverted));\n    },\n  };\n};\n\ninterface IndexPageProps extends PropsFromState, PropsFromDispatch {\n  data: {\n    wpPost: WPAcfPostsProps;\n  };\n}\n\n// STYLES\nconst IntroHeadlineWrapper = styled.div`\n  margin-top: 100px;\n\n  /* tablet */\n  @media (min-width: ${px(breakpoints.tablet)}) {\n    margin-top: 120px;\n  }\n\n  /* desktop HD */\n  @media (min-width: ${px(breakpoints.desktopHd)}) {\n    margin-top: 140px;\n  }\n`;\nconst ContactSectionWrapper = styled.div`\n  width: 100%;\n  padding: 32px 0;\n  margin-bottom: 50px;\n\n  /* tablet */\n  @media (min-width: ${px(breakpoints.tablet)}) {\n    padding: 40px 0;\n    margin-bottom: 100px;\n  }\n`;\nconst ContactSection = styled.div`\n  width: 100%;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  flex-wrap: nowrap;\n\n  /* desktop HD */\n  @media (min-width: ${px(breakpoints.desktopHd)}) {\n    width: ${px(stage.outerWidth)};\n    margin: auto;\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n`;\n\nconst ContactWrapper = styled.div`\n  margin-bottom: 50px;\n\n  /* tablet */\n  @media (min-width: ${px(breakpoints.tablet)}) {\n    margin: 0 auto 30px;\n  }\n\n  /* desktop HD */\n  @media (min-width: ${px(breakpoints.desktopHd)}) {\n    margin: 0 0 10px 0;\n  }\n`;\n\n// COMPONENT\nclass IndexPage extends React.Component<IndexPageProps> {\n  constructor(props: IndexPageProps) {\n    super(props);\n  }\n\n  componentDidMount() {\n    // get Timezone and utc offset once\n    if (!this.props.timezoneDetected) {\n      const dflRegion = getDflRegionByTimezone();\n      this.props.updateRegion(dflRegion);\n\n      if (moment && moment().utcOffset() !== null) {\n        // ignore daylight savings time\n        const isDayLightSavings = moment().isDST();\n        const dayLightSavingsOffset = isDayLightSavings ? 1 : 0;\n        this.props.updateUTCOffset(moment().utcOffset() / 60 - dayLightSavingsOffset);\n      }\n      this.props.setTimezoneDetected();\n    }\n\n    // set navigation to black (could be inverted, coming from landing page)\n    this.props.updateNavigationInverted(false);\n    this.props.updateIsHomepageAboveVideo(false);\n\n    // unhide the menu if it is hidden\n    this.props.updateIsNavigationHidden(false);\n  }\n\n  render() {\n    const {data, selectedRegion} = this.props;\n    const {contactsBli: contactsBLI, contactsDfl: contactsDFL} = data.wpPost.contacts;\n    const localBliContacts = contactsBLI.filter(contact => {\n      return contact.market === selectedRegion;\n    });\n    const bliContactsExceptLocal = contactsBLI.filter(contact => contact.market !== this.props.selectedRegion);\n\n    return (\n      <div>\n        <GlobalStyle />\n        <ConsentBanner />\n        <SEO title=\"Contact\" />\n        {/* @ts-ignore */}\n        <NavigationHeader isTextDark />\n\n        <MainContentWrapper>\n          <IntroHeadlineWrapper>\n            <FullpageHeadline>Local Contacts</FullpageHeadline>\n          </IntroHeadlineWrapper>\n\n          <ContactSectionWrapper>\n            <ContactSection>\n              {localBliContacts.map((contact, contactIndex) => (\n                <ContactWrapper key={contactIndex}>\n                  <ContactCardPerson\n                    avatar={contact.image.sourceUrl}\n                    {...contact}\n                    email={encryptMail(contact.email)}\n                  />\n                </ContactWrapper>\n              ))}\n            </ContactSection>\n          </ContactSectionWrapper>\n\n          <FullpageHeadline>Bundesliga International GmbH</FullpageHeadline>\n          <ContactSectionWrapper>\n            <ContactSection>\n              {bliContactsExceptLocal.map((contact, contactIndex) => (\n                <ContactWrapper key={contactIndex}>\n                  <ContactCardPerson\n                    avatar={contact.image.sourceUrl}\n                    {...contact}\n                    email={encryptMail(contact.email)}\n                  />\n                </ContactWrapper>\n              ))}\n            </ContactSection>\n          </ContactSectionWrapper>\n\n          <FullpageHeadline>DFL Deutsche Fußball Liga GmbH</FullpageHeadline>\n          <ContactSectionWrapper>\n            <ContactSection>\n              {contactsDFL.map((contact, contactIndex) => (\n                <ContactWrapper key={contactIndex}>\n                  <ContactCardPerson\n                    avatar={contact.image.sourceUrl}\n                    {...contact}\n                    email={encryptMail(contact.email)}\n                  />\n                </ContactWrapper>\n              ))}\n            </ContactSection>\n          </ContactSectionWrapper>\n          <ContactFooter />\n        </MainContentWrapper>\n      </div>\n    );\n  }\n}\n\nexport const pageQuery = graphql`\n  query($contacts_id: Int = 1) {\n    wpPost(databaseId: {eq: $contacts_id}) {\n      contacts {\n        contactsBli {\n          image {\n            sourceUrl\n          }\n          name\n          market\n          position\n          positionTwo\n          email\n          phone\n        }\n        contactsDfl {\n          image {\n            sourceUrl\n          }\n          name\n          market\n          position\n          positionTwo\n          phone\n          email\n        }\n      }\n    }\n  }\n`;\n\nexport default connect(\n  mapStateToProps,\n  mapDispatchToProps,\n)(IndexPage);\n"],"names":["IntroHeadlineWrapper","styled","px","breakpoints","ContactSectionWrapper","ContactSection","stage","ContactWrapper","IndexPage","props","componentDidMount","this","timezoneDetected","dflRegion","getDflRegionByTimezone","updateRegion","moment","utcOffset","dayLightSavingsOffset","isDST","updateUTCOffset","setTimezoneDetected","updateNavigationInverted","updateIsHomepageAboveVideo","updateIsNavigationHidden","render","data","selectedRegion","wpPost","contacts","contactsBLI","contactsBli","contactsDFL","contactsDfl","localBliContacts","filter","contact","market","bliContactsExceptLocal","title","isTextDark","map","contactIndex","key","avatar","image","sourceUrl","email","encryptMail","React","connect","state","system","dispatch","region","updateRegionAction","setTimezoneDetectedAction","newOffset","updateUTCOffsetAction","isInverted","updateIsNavigationInvertedAction","isNavigationHidden","updateIsNavigationHiddenAction","updateIsHomepageAboveVideoAction"],"sourceRoot":""}