{"version":3,"sources":["webpack:///./src/pages/whats-on.js","webpack:///./src/components/whats-on-item.js"],"names":["WhatsOn","props","state","render","this","data","property","content","name","className","title","url","extraTitle","isYouTube","extraText","times","startTime","dayOfWeek","hours","minutes","endTime","class","href","React","Component","WhatsOnItem","getDay","dayINeed","hour","moment","isoWeekday","set","seconds","milliseconds","add","componentDidMount","reduce","accumulator","currentValue","push","setState","compact","rtl","subtitle","days","format","length","join","some","time","isBetween","target","rel"],"mappings":"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","file":"component---src-pages-whats-on-js-acc25574ff51651355c8.js","sourcesContent":["import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport Layout from \"../components/layout\";\nimport Helmet from \"react-helmet\";\nimport WhatsOnItem from \"../components/whats-on-item\";\n\nclass WhatsOn extends React.Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {};\n  }\n\n  render() {\n    const { data } = this.props;\n\n    return (\n      <Layout>\n        <Helmet>\n          <title>What's On - Gracehouse Church Logan</title>\n          <meta\n            property=\"og:title\"\n            content=\"What's On - Gracehouse Church Logan\"\n          />\n          <meta\n            name=\"description\"\n            content=\"Discover our events. We run Sunday Services, Community Groups, Prayer Meetings and more.\"\n          />\n          <meta\n            property=\"og:description\"\n            content=\"Discover our events. We run Sunday Services, Community Groups, Prayer Meetings and more.\"\n          />\n        </Helmet>\n        <section className=\"updates-header\">\n          <div className=\"container\">\n            <h1>\n              What's <span>On</span>\n            </h1>\n          </div>\n        </section>\n        <section className=\"generic-body\">\n          <div className=\"container\">\n            <div className=\"whats-on-list\">\n              {/* 7.30 - 8.30 */}\n              <WhatsOnItem\n                title=\"Sunday Service\"\n                url=\"https://www.youtube.com/channel/UC7ko9KyfJ5PS9eOuhjuWmbQ\"\n                extraTitle={\"Church\"}\n                isYouTube={true}\n                extraText={\"Sun 9:30am\"}\n                times={[\n                  {\n                    startTime: {\n                      dayOfWeek: 7,\n                      hours: 9,\n                      minutes: 30,\n                    },\n                    endTime: {\n                      dayOfWeek: 7,\n                      hours: 12,\n                      minutes: 0,\n                    },\n                  },\n                ]}\n              />\n              <div className=\"whats-on-item\">\n                <h2>Community Groups</h2>\n                <p className=\"m-b-sm\">\n                    Contact us at <a class=\"generic-link\" href='mailto:admin@gracehouse.com.au'>admin@gracehouse.com.au</a>\n                  </p>\n              </div>\n\n\n              <WhatsOnItem\n                title=\"Prayer Meetings\"\n                extraText={\"Mon 6:00am, Wed 6:00am & Fri 6:00am\"}\n              />\n            </div>\n          </div>\n        </section>\n      </Layout>\n    );\n  }\n}\n\nexport default WhatsOn;\n\nexport const pageQuery = graphql`\n  query WhatsOnQuery {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n  }\n`;\n","import React from \"react\";\nimport moment from \"moment\";\n\n// Assumes when there is multiple times for a single item,\n// that the times are always same (dates differ only)\nclass WhatsOnItem extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      times: [],\n    };\n  }\n  // Thursday = 4\n  getDay(dayINeed, hour, minutes) {\n    // if we haven't yet passed the day of the week that I need:\n    if (moment().isoWeekday() <= dayINeed) {\n      // then just give me this week's instance of that day\n      return moment()\n        .isoWeekday(dayINeed)\n        .set({ hour: hour, minutes: minutes, seconds: 0, milliseconds: 0 });\n    } else {\n      // otherwise, give me next week's instance of that day\n      return moment()\n        .add(1, \"weeks\")\n        .isoWeekday(dayINeed)\n        .set({ hour: hour, minutes: minutes, seconds: 0, milliseconds: 0 });\n    }\n  }\n  componentDidMount() {\n    const times = this.props.times\n      ? this.props.times.reduce((accumulator, currentValue) => {\n          accumulator.push({\n            startTime: this.getDay(\n              currentValue.startTime.dayOfWeek,\n              currentValue.startTime.hours,\n              currentValue.startTime.minutes\n            ),\n            endTime: this.getDay(\n              currentValue.endTime.dayOfWeek,\n              currentValue.endTime.hours,\n              currentValue.endTime.minutes\n            ),\n          });\n          return accumulator;\n        }, [])\n      : null;\n    this.setState({\n      times: times,\n    });\n  }\n\n  render() {\n    const {\n      title,\n      url,\n      compact,\n      rtl,\n      subtitle,\n      extraText,\n      extraTitle,\n      isYouTube,\n    } = this.props;\n    const reducer = (accumulator, currentValue) => {\n      accumulator.push(currentValue.startTime.format(\"ddd\"));\n      return accumulator;\n    };\n    const days = this.state.times ? this.state.times.reduce(reducer, []) : null;\n    return (\n      <div\n        className={`whats-on-item ${compact ? \"whats-on-item--compact\" : \"\"} ${\n          rtl ? \"whats-on-item--rtl\" : \"\"\n        }`}\n      >\n        <h2>{title}</h2>\n        {extraText ? (\n          <p className=\"m-b-sm\">\n            <div className=\"text-bold\">{extraTitle}</div>\n            {extraText}\n          </p>\n        ) : null}\n        {this.state.times && this.state.times.length > 0 && (\n          <>\n            <p>\n              {url ? (\n                <div className=\"text-bold\">\n                  {isYouTube ? \"YouTube Live\" : \"Zoom\"}\n                </div>\n              ) : null}\n              {days.join(\", \")} {this.state.times[0].startTime.format(\"h:mma\")}{\" \"}\n              - {this.state.times[0].endTime.format(\"h:mma\")}\n            </p>\n            {subtitle && <p>{subtitle}</p>}\n            {this.state.times.some((time) =>\n              moment()\n                .add(10, \"minutes\")\n                .isBetween(time.startTime, time.endTime)\n            ) ? (\n              <a\n                className={`whats-on-button whats-on-button--live`}\n                href={url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                Join Meeting\n              </a>\n            ) : (\n              <div className={`whats-on-button`}>Starting Later</div>\n            )}\n          </>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default WhatsOnItem;\n"],"sourceRoot":""}