{"version":3,"sources":["styles/Application.module.sass","styles/PageHeader.module.sass","../node_modules/@tjclifton/storyblok-react-utils/dist/components/storyblok sync /^/.//.*$","components/PageHeader.tsx","components/storyblok/Page.tsx","Application.tsx","reportWebVitals.ts","index.tsx","styles/Page.module.sass"],"names":["module","exports","map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","PageHeader","props","headerStyles","useResponsiveValue","max","margin","Button","className","styles","menuButton","onClick","onMenuButtonClick","basic","inverted","icon","Icon","name","type","style","backgroundPosition","backgroundSize","backgroundImage","backgroundImageUrl","height","children","none","Header","size","textAlign","Page","blok","data","content","Helmet","titleTemplate","property","window","location","href","headerType","headerImageUrl","url","headerSize","Grid","centered","verticalAlign","stretched","GridColumn","width","title","as","headerTitle","headerSubtitle","sub","headerCallout","length","only","Container","callout","_uid","classNames","container","above","nav","Menu","secondary","pointing","renderNavigation","maxWidth","body","Segment","navigationItemsQuery","gql","pagesQuery","pageQuery","Application","useState","loaded","setLoaded","sidebarVisible","setSidebarVisible","useLocation","useQuery","fetchPolicy","navigationLoading","loading","navigationData","pagesData","pathFor","item","path","isRootItem","full_slug","notFoundPage","useMemoOne","PageItems","items","find","useEffect","scrollTo","renderNavigationLinks","exact","to","activeClassName","renderPage","page","Component","onLoaded","Loader","active","Sidebar","Pushable","pushable","visible","onHide","animation","vertical","Pusher","pusher","dimmed","atEnter","opacity","atLeave","atActive","routeWrapper","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","client","ApolloClient","uri","request","operation","setContext","headers","token","process","version","ReactDOM","render","StrictMode","document","getElementById"],"mappings":"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","file":"static/js/main.ae9a19fe.chunk.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"pushable\":\"Application_pushable__hWHKI\",\"active\":\"Application_active__2jVxs\",\"pusher\":\"Application_pusher__2Fah3\",\"routeWrapper\":\"Application_routeWrapper__duxex\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"large\":\"PageHeader_large__2c9WH\",\"small\":\"PageHeader_small__3Ocyt\",\"none\":\"PageHeader_none__3lhm-\",\"menuButton\":\"PageHeader_menuButton__38k7j\"};","var map = {\n\t\"./ArticleIndex\": 196,\n\t\"./ArticleIndex.d\": 229,\n\t\"./ArticleIndex.d.ts\": 229,\n\t\"./ArticleIndex.js\": 196,\n\t\"./Grid\": 197,\n\t\"./Grid.d\": 230,\n\t\"./Grid.d.ts\": 230,\n\t\"./Grid.js\": 197,\n\t\"./Header\": 198,\n\t\"./Header.d\": 231,\n\t\"./Header.d.ts\": 231,\n\t\"./Header.js\": 198,\n\t\"./Html\": 199,\n\t\"./Html.d\": 233,\n\t\"./Html.d.ts\": 233,\n\t\"./Html.js\": 199,\n\t\"./Image\": 200,\n\t\"./Image.d\": 234,\n\t\"./Image.d.ts\": 234,\n\t\"./Image.js\": 200,\n\t\"./Page\": 201,\n\t\"./Page.d\": 237,\n\t\"./Page.d.ts\": 237,\n\t\"./Page.js\": 201,\n\t\"./Paragraph\": 202,\n\t\"./Paragraph.d\": 247,\n\t\"./Paragraph.d.ts\": 247,\n\t\"./Paragraph.js\": 202,\n\t\"./Segment\": 206,\n\t\"./Segment.d\": 248,\n\t\"./Segment.d.ts\": 248,\n\t\"./Segment.js\": 206,\n\t\"./VideoArticle\": 139,\n\t\"./VideoArticle.d\": 249,\n\t\"./VideoArticle.d.ts\": 249,\n\t\"./VideoArticle.js\": 139\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 308;","import React from 'react';\n\nimport styles from '@styles/PageHeader.module.sass';\nimport { Button, Header, Icon } from 'semantic-ui-react';\nimport { useResponsiveValue, Visibility } from '@tjclifton/storyblok-react-utils';\n\n/**\n *\n */\nexport interface PageHeaderPropTypes {\n  readonly type: 'large' | 'small' | 'none';\n  readonly backgroundImageUrl?: string;\n  readonly backgroundPosition?: string;\n  readonly backgroundSize?: string;\n  readonly height?: string;\n\n  readonly onMenuButtonClick?: () => void\n}\n\n/**\n *\n * @param props\n */\nconst PageHeader: React.FC<PageHeaderPropTypes> = props => {\n  const headerStyles = useResponsiveValue({max: 'sm'}, {\n    margin: '0 3rem 0 3rem'\n  }, {});\n\n  return <header>\n    <Visibility max=\"sm\">\n      <Button\n        className={styles.menuButton}\n        onClick={props.onMenuButtonClick}\n        basic\n        inverted\n        icon={<Icon name=\"bars\"></Icon>}\n      ></Button>\n    </Visibility>\n\n    {props.type === 'large' || props.type === 'small' ?\n      <div className={styles[props.type]} style={{\n        backgroundPosition: props.backgroundPosition,\n        backgroundSize: props.backgroundSize,\n        backgroundImage: `url(\"${props.backgroundImageUrl}\")`,\n        height: props.height\n      }}>\n        {props.children}\n      </div>\n    :\n      <div className={styles.none}>\n        <Header size=\"medium\" textAlign=\"center\" style={headerStyles}>\n          The Compromised Christianity of the ACL\n        </Header>\n      </div>\n    }\n  </header>;\n};\n\nexport default PageHeader;\n","import React from 'react';\nimport { Helmet } from 'react-helmet';\nimport { DynamicComponent, Paragraph, ParagraphBlok, Visibility } from '@tjclifton/storyblok-react-utils';\nimport { Container, Grid, GridColumn, Header, Menu, Segment } from 'semantic-ui-react';\nimport { StoryblokComponent, StoryData } from 'storyblok-js-client';\n\nimport styles from '@styles/Page.module.sass';\nimport MediaQuery from 'react-responsive';\nimport classNames from 'classnames';\nimport { data } from 'jquery';\nimport PageHeader, { PageHeaderPropTypes } from '../PageHeader';\n\n/**\n *\n */\nexport interface StoryblokPageComponent extends StoryblokComponent<'page'> {\n  readonly body: ReadonlyArray<StoryblokComponent<string>>;\n\n  readonly description?: string;\n\n  readonly image?: {\n    readonly filename: string;\n  };\n\n  readonly headerType: 'large' | 'small' | 'none';\n\n  readonly headerTitle?: string;\n\n  readonly headerImageUrl?: {\n    readonly url: string;\n  };\n\n  readonly headerCallout?: ReadonlyArray<ParagraphBlok>;\n\n  readonly headerSubtitle?: string;\n\n  readonly headerSize?: string;\n\n  readonly backgroundPosition?: string;\n\n  readonly backgroundSize?: string;\n}\n\n/**\n *\n */\nexport interface PagePropTypes {\n  readonly data: StoryData<StoryblokPageComponent>;\n\n  /**\n   *\n   */\n  readonly renderNavigation?: () => JSX.Element | null;\n\n  /**\n   *\n   */\n  readonly onMenuButtonClick?: PageHeaderPropTypes['onMenuButtonClick'];\n}\n\n/**\n *\n * @param props\n * @returns\n */\nconst Page: React.FC<PagePropTypes> = props => {\n  const { data: { content: blok } } = props;\n\n  return <div>\n    <Helmet titleTemplate=\"The Compromised Christianity of ACL | %s\">\n      <meta\n        property=\"og:title\"\n        content={props.data.name}\n      />\n      <meta property=\"og:url\" content={window.location.href} />\n      <title>{props.data.name}</title>\n    </Helmet>\n\n    <PageHeader\n      type={blok.headerType}\n      backgroundImageUrl={blok.headerImageUrl?.url}\n      backgroundPosition={blok.backgroundPosition}\n      backgroundSize={blok.backgroundSize}\n      height={blok.headerSize}\n      onMenuButtonClick={props.onMenuButtonClick}\n    >\n      <Grid centered verticalAlign=\"middle\" stretched>\n        <GridColumn width={16} textAlign=\"center\">\n          <div className={styles.title}>\n            <Header as=\"h1\">{blok.headerTitle || data.name}</Header>\n\n            {blok.headerSubtitle && <Header sub>{blok.headerSubtitle}</Header>}\n\n            {blok.headerCallout?.length ?\n              <Visibility only=\"lg\">\n                <Container className={styles.callout}>\n                  {blok.headerCallout?.map(content =>\n                    <Paragraph blok={content} key={content._uid} />\n                  )}\n                </Container>\n              </Visibility>\n            :\n              null\n            }\n          </div>\n        </GridColumn>\n      </Grid>\n    </PageHeader>\n\n    <Container\n      className={classNames(\n        styles.container\n      )}\n    >\n      <Visibility above=\"sm\">\n        <nav className={styles.nav}>\n          <Menu secondary pointing>\n            {props.renderNavigation?.()}\n          </Menu>\n        </nav>\n      </Visibility>\n\n      <section className={styles.content}>\n        <MediaQuery maxWidth={725}>\n          <Container className={styles.callout}>\n            {blok.headerCallout?.map(content =>\n              <Paragraph blok={content} key={content._uid} />\n            )}\n          </Container>\n        </MediaQuery>\n\n        {blok.body?.map(content =>\n          <DynamicComponent blok={content} key={content._uid} />\n        )}\n      </section>\n      <Segment basic textAlign=\"center\">\n        Copyright &copy; 2021. A ministry of <a href=\"http://thechurchofadelaide.com\">The Church of Adelaide</a>.\n      </Segment>\n    </Container>\n  </div>;\n};\n\nexport default Page;\n","import React, { useEffect, useState } from 'react';\nimport { NavLink, Route, useLocation } from 'react-router-dom';\nimport { Loader, Menu, Sidebar } from 'semantic-ui-react';\nimport { StoryData } from 'storyblok-js-client';\nimport { useQuery } from '@apollo/react-hooks';\nimport classNames from 'classnames';\nimport { AnimatedSwitch } from 'react-router-transition';\nimport { gql } from 'apollo-boost';\n\nimport 'fomantic-ui-css/semantic.css';\nimport 'fomantic-ui-css/semantic.js';\n\nimport './styles/fomantic-overrides.sass';\nimport styles from './styles/Application.module.sass';\nimport { Content } from '@tjclifton/storyblok-react-utils';\nimport Page from './components/storyblok/Page';\nimport { useMemoOne } from 'use-memo-one';\n\n\n/**\n *\n */\ninterface PageContent {\n  readonly headerTitle: string;\n  readonly headerImageUrl: Readonly<{\n    url: string;\n  }>;\n  readonly headerCallout: string;\n  readonly headerSubtitle: string;\n  readonly headerSize: string;\n  readonly backgroundPosition: string;\n  readonly image: Readonly<{\n    backgroundSize: string;\n    filename: string;\n  }>\n}\n\n/**\n *\n */\ninterface PageStoryData extends StoryData<PageContent> {\n  readonly path: string;\n}\n\n/**\n *\n */\ninterface PageQueryResults {\n  readonly PageItems: Readonly<{\n    items: ReadonlyArray<PageStoryData>\n  }>\n}\n\nconst navigationItemsQuery = gql`{\n  PageItems(filter_query_v2: {in_navigation: {in: \"true\"}}, sort_by: \"content.navigationOrder:asc\") {\n    items {\n      id\n      name\n      full_slug\n      path\n    }\n  }\n}`;\n\nconst pagesQuery = gql`{\n  PageItems {\n    items {\n      id\n      name\n      full_slug\n      path\n    }\n  }\n}`;\n\nconst pageQuery = gql`\n  query GetPage($typeId: ID!) {\n    PageItem(id: $typeId) {\n      id\n      name\n      slug\n      parent_id\n      content {\n        _uid\n        component\n        body\n        description\n        headerType\n        headerTitle\n        headerImageUrl {\n          url\n        }\n        headerCallout\n        headerSubtitle\n        headerSize\n        backgroundPosition\n        backgroundSize\n        image {\n          filename\n        }\n      }\n    }\n  }`;\n\n/**\n *\n * @param _props\n * @returns\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst Application: React.FC = props => {\n  const [ loaded, setLoaded ] = useState(false);\n  const [ sidebarVisible, setSidebarVisible ] = useState(false);\n  const location = useLocation();\n\n  const { loading: navigationLoading, data: navigationData } = useQuery(navigationItemsQuery, {\n    fetchPolicy: 'cache-first',\n  });\n\n  const { data: pagesData } = useQuery<PageQueryResults>(pagesQuery, {\n    fetchPolicy: 'cache-first',\n  });\n\n  /**\n   *\n   * @param item\n   * @returns\n   */\n  const isRootItem = (item: PageStoryData) => item.path === '/';\n\n  /**\n   *\n   * @param item\n   * @returns\n   */\n  const pathFor = (item: PageStoryData) => isRootItem(item) ?\n    '/' : `/${item.path || item.full_slug}`;\n\n\n  const notFoundPage = useMemoOne(\n    () => pagesData?.PageItems.items.find(item => pathFor(item) === '/404'),\n    [pagesData]\n  );\n\n  /**\n   * When the page changes...\n   */\n  useEffect(() => {\n    // Scroll to the top\n    window.scrollTo(0, 0);\n\n    // Stop showing the side-menu if a page changes\n    setSidebarVisible(false);\n  }, [location]);\n\n  /**\n   *\n   * @returns\n   */\n  const renderNavigationLinks = () =>\n    navigationData?.PageItems.items.map((item: PageStoryData) =>\n      <NavLink\n        exact\n        to={pathFor(item)}\n        className=\"menu item\"\n        activeClassName={'active'}\n        key={item.id}\n      >\n        {item.name}\n      </NavLink>\n    );\n\n  /**\n   *\n   * @param page\n   * @returns\n   */\n  const renderPage = (page: PageStoryData) =>\n    <Content type=\"page\"\n      id={page.id}\n      pageQuery={pageQuery}\n      Component={Page}\n      onLoaded={() => setLoaded(true)}\n    >\n      {data =>\n        <Page\n          data={data}\n          onMenuButtonClick={() => setSidebarVisible(true)}\n          renderNavigation={renderNavigationLinks} />\n      }\n    </Content>;\n\n  /**\n   *\n   * @returns\n   */\n  const renderApp = () => <>\n    {!loaded && <Loader active size=\"large\" className=\"orange elastic\" />}\n    <Sidebar.Pushable className={classNames(styles.pushable, {[styles.active]: sidebarVisible})}>\n      <Sidebar\n        as={Menu}\n        visible={sidebarVisible}\n        onHide={() => setSidebarVisible(false)}\n        animation=\"push\"\n        inverted\n        vertical\n      >\n        {renderNavigationLinks()}\n      </Sidebar>\n\n      <Sidebar.Pusher className={styles.pusher} dimmed={sidebarVisible}>\n        <AnimatedSwitch\n          atEnter={{ opacity: 0 }}\n          atLeave={{ opacity: 0 }}\n          atActive={{ opacity: 1 }}\n          className={styles.routeWrapper}\n        >\n          {pagesData?.PageItems.items.map(page =>\n            <Route exact path={pathFor(page)} key={page.id}>\n              {renderPage(page)}\n            </Route>\n          )}\n          <Route>\n            {pagesData ?\n              notFoundPage ?\n                renderPage(notFoundPage)\n              :\n                'Not found'\n            :\n              null\n            }\n          </Route>\n        </AnimatedSwitch>\n      </Sidebar.Pusher>\n    </Sidebar.Pushable>\n  </>;\n\n  /**\n   *\n   * @returns\n   */\n  const renderLoading = () =>\n    <Loader active size=\"large\" className=\"orange elastic\" />;\n\n  return navigationLoading ? renderLoading() : renderApp();\n};\n\nexport default Application;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import ApolloClient from 'apollo-boost';\nimport React from 'react';\nimport { ApolloProvider } from 'react-apollo';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router } from 'react-router-dom';\nimport Application from './Application';\nimport reportWebVitals from './reportWebVitals';\n\nconst client = new ApolloClient({\n  uri: 'https://gapi.storyblok.com/v1/api',\n  request: operation => {\n    operation.setContext({\n      headers: {\n        token: process.env.REACT_APP_STORYBLOK_PREVIEW_TOKEN,\n        version: 'draft'\n      }\n    });\n  }\n});\n\nReactDOM.render(\n  <React.StrictMode>\n    <ApolloProvider client={client}>\n      <Router>\n        <Application />\n      </Router>\n    </ApolloProvider>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"title\":\"Page_title__DHzuq\",\"callout\":\"Page_callout__ma_3J\",\"container\":\"Page_container__mUemw\",\"hidden\":\"Page_hidden__3YtA0\",\"header\":\"Page_header__HBVG0\",\"nav\":\"Page_nav__205y7\"};"],"sourceRoot":""}