{"version":3,"sources":["webpack:///./js-local/core/components/layout/PageHeader.js","webpack:///./apps/resource-center/Disclaimer.js","webpack:///./apps/resource-center/ResourceCenterApp.js","webpack:///./apps/resource-center/webservices.js","webpack:///./apps/resource-center/index.js","webpack:///./js-local/core/components/layout/Content.js","webpack:///./js-global/core/components/elements/image/Image.js","webpack:///./js-local/core/components/layout/PageContent.js"],"names":["PageHeaderRegion","styled","div","getThemeProp","media","Large","ContentStyled","Wrapper","Flex","Title","h1","Aside","PageHeader","title","aside","Content","px","py","propTypes","PropTypes","string","node","DisclaimerText","Disclaimer","href","OverridePageContent","LogoWrapper","a","Small","TypeHeading","ContentHeading","MainContentWrapper","Box","ContentBox","FlagImage","ContentLookupStyled","Link","IncomingMarkup","LargeIcon","SmallIcon","TopContent","TopContentBkgd","props","tinycolor","darken","toString","ResourcesContent","DisclaimerCont","InfoWrapper","SectionLinks","CustomHeader","alignItems","flexDirection","mb","ml","pt","iconCheck","icn","idSlug","str","toLowerCase","replace","itemToString","item","name","initialHash","window","location","hash","setHash","ResourceCenterApp","themeName","useState","apiResults","setApiResults","activeInfoBox","setActiveInfoBox","activeInfoBoxRef","useRef","scrollToTop","scrollTo","top","behavior","useEffect","axios","create","withCredentials","get","headers","then","res","data","err","console","error","results","current","scrollIntoView","searchItems","Object","keys","reduce","acc","key","keyItems","map","id","code","concat","airlines","cars","countries","hotels","states","length","contentDataLookup","content","iconType","contentBlocks","resource","wrappedContent","r","contentId","ref","p","Image","alt","src","renderFallback","mt","kind","text","size","iconPrefix","onClick","pb","dangerouslySetInnerHTML","__html","alignSelf","iconSuffix","iconSize","width","m","sectionLinks","slug","my","mainContent","interactive","placement","justifyContent","items","onChange","newSelection","labelKey","placeholder","PageContent","fullWidth","pageHeader","process","theme","document","querySelector","dataset","ReactDOM","render","getElementById","children","bool","defaultProps","undefined","ImgRegion","isBrokenImage","setState","state","this","onLoad","handleOnLoad","React","Component","isRequired","func","ShadedRegion","h2","MainContent","contentMaxWidth","GlobalStyles","createGlobalStyle","SidebarContent","transparentSidebar","XLargeOnly","maxSidebarWidth","ContentPadding","ContentChildren","hasSideBar","css","LoaderRegion","pageHeaderAside","sidebarContent","secondaryContent","pageHeaderSecondary","promoteSidebar","isPageLoading","maxWidth","flex","order"],"mappings":"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","file":"resource-center.bundle.js","sourcesContent":["/**\r\n * DEPRECATED: Remove after no longer needed, currently only used by resource-center\r\n */\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport PropTypes from 'prop-types';\r\nimport { Flex } from '@rebass/grid';\r\nimport { media, getThemeProp } from '@amtrav/themes';\r\nimport Content from './Content';\r\n\r\n// TASK: Removed hard-coded styles\r\nexport const PageHeaderRegion = styled.div`\r\n  background: ${getThemeProp('global.pageHeaderBackground--color')};\r\n  border-bottom: 1px solid #e9e9e9;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  ${media.Large`\r\n    height: 78px;\r\n  `}\r\n`;\r\n\r\nconst ContentStyled = styled.div`\r\n  flex-grow: 1;\r\n`;\r\n\r\nPageHeaderRegion.Wrapper = styled(Flex)`\r\n  flex-direction: column;\r\n\r\n  @media (min-width: 960px) {\r\n    align-items: center;\r\n    flex-direction: row;\r\n    justify-content: space-between;\r\n  }\r\n`;\r\n\r\nPageHeaderRegion.Title = styled.h1`\r\n  font-weight: 800;\r\n  font-size: 20px;\r\n  margin: 0;\r\n\r\n  ${media.Large`\r\n    font-size: 24px;\r\n  `}\r\n`;\r\n\r\nPageHeaderRegion.Aside = styled.div`\r\n  flex-basis: 40%;\r\n  display: flex;\r\n\r\n  ${media.Large`\r\n    padding: 0;\r\n    text-align: right;\r\n    justify-content: flex-end;\r\n  `};\r\n`;\r\n\r\nconst PageHeader = ({ title, aside }) => (\r\n  <PageHeaderRegion>\r\n    <ContentStyled>\r\n      <Content>\r\n        <PageHeaderRegion.Wrapper px={[2, 2, 2, 4]} py={[3, 3, 3, 0]}>\r\n          <PageHeaderRegion.Title>{title}</PageHeaderRegion.Title>\r\n          <PageHeaderRegion.Aside>{aside}</PageHeaderRegion.Aside>\r\n        </PageHeaderRegion.Wrapper>\r\n      </Content>\r\n    </ContentStyled>\r\n  </PageHeaderRegion>\r\n);\r\n\r\nPageHeader.propTypes = {\r\n  title: PropTypes.string,\r\n  aside: PropTypes.node,\r\n};\r\n\r\nexport default PageHeader;\r\n","/* eslint-disable max-len */\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nconst DisclaimerText = styled.div`\r\n  color: #333333;\r\n`;\r\n\r\nconst Disclaimer = () => {\r\n  return (\r\n    <DisclaimerText>\r\n      This is a publicly-available directory of travel policies and travel restrictions currently in place due to the\r\n      COVID pandemic. Our goal is to gather in one place information about countries, U.S. states, airlines, hotels, and\r\n      car rental companies.\r\n      <br />\r\n      <br />\r\n      We want to be as accurate and timely as possible and sincerely apologize if we get anything wrong. Don&apos;t\r\n      hesitate to double-check our advice with a quick Google search, and reach out to Elliott (\r\n      <a href=\"mailto:elliottm@amtrav.com\">elliottm@amtrav.com</a>) if you spot a mistake.\r\n    </DisclaimerText>\r\n  );\r\n};\r\n\r\nexport default Disclaimer;\r\n","/* eslint-disable jsx-a11y/anchor-has-content */\r\n/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useState, useEffect, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { hot } from 'react-hot-loader/root';\r\nimport styled from 'styled-components';\r\nimport { Flex, Box } from '@rebass/grid';\r\nimport tinycolor from 'tinycolor2';\r\nimport { ThemeSystemProvider } from '@amtrav/theme-system';\r\nimport { DynamicThemeProvider, getThemeProp, media } from '@amtrav/themes';\r\nimport { ClickableGraphic, Card, AutocompleteInput, FullPageLoader, Tooltip } from '@amtrav/view-components';\r\nimport {\r\n  IconArrowUpLong,\r\n  IconChainLink,\r\n  IconUSAFlag,\r\n  IconEarth,\r\n  IconPlaneLine,\r\n  IconCarLine,\r\n  IconHotelLine,\r\n  IconInfo,\r\n  IconChatSquare,\r\n} from '@amtrav/icons';\r\nimport PageContent from '../../js-local/core/components/layout/PageContent';\r\nimport { PageHeaderRegion } from '../../js-local/core/components/layout/PageHeader';\r\nimport Image from '../../js-global/core/components/elements/image/Image';\r\nimport Disclaimer from './Disclaimer';\r\nimport { fetchRegionalAlerts } from './webservices';\r\n\r\nconst OverridePageContent = styled.div`\r\n  & ${PageHeaderRegion} {\r\n    margin-top: 0;\r\n  }\r\n`;\r\n\r\nconst LogoWrapper = styled.a`\r\n  width: 140px;\r\n\r\n  ${media.Small`\r\n    width: 225px;\r\n  `}\r\n`;\r\n\r\nconst TypeHeading = styled(Flex)`\r\n  font-size: 26px;\r\n  font-weight: 600;\r\n  align-items: center;\r\n`;\r\n\r\nconst ContentHeading = styled(Flex)`\r\n  font-size: 26px;\r\n  margin: 0 0 16px;\r\n  align-items: center;\r\n\r\n  & button {\r\n    display: none;\r\n  }\r\n\r\n  & :hover {\r\n    & button {\r\n      display: inline;\r\n    }\r\n  }\r\n`;\r\n\r\nconst MainContentWrapper = styled(Box)`\r\n  background-color: #f1f1f1;\r\n\r\n  & a {\r\n    color: ${getThemeProp('global.link--color')};\r\n    word-break: break-word;\r\n  }\r\n`;\r\n\r\nconst ContentBox = styled(Box)`\r\n  & h3 {\r\n    font-size: 22px;\r\n    margin: 16px 0 8px 0;\r\n  }\r\n\r\n  & h4 {\r\n    margin: 16px 0 8px 0;\r\n    font-size: 20px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  & ul {\r\n    margin: 0 0 8px 0;\r\n  }\r\n\r\n  & li {\r\n    margin: 8px 0;\r\n    line-height: 1.3;\r\n\r\n    a {\r\n      word-break: break-word;\r\n    }\r\n  }\r\n\r\n  & ol {\r\n    margin: 8px 0;\r\n  }\r\n\r\n  p {\r\n    margin: 0 0 8px 0;\r\n  }\r\n\r\n  table {\r\n    width: 320px !important;\r\n  }\r\n`;\r\n\r\nconst FlagImage = styled.div`\r\n  width: 40px;\r\n  height: 40px;\r\n  margin-right: 10px;\r\n\r\n  img {\r\n    width: 40px;\r\n    height: 40px;\r\n  }\r\n`;\r\n\r\nconst ContentLookupStyled = styled.a`\r\n  font-size: 16px;\r\n  text-decoration: none;\r\n`;\r\n\r\nconst Link = styled(Flex)`\r\n  font-size: 16px;\r\n  align-items: center;\r\n  color: ${getThemeProp('global.link--color')};\r\n\r\n  a {\r\n    text-decoration: none;\r\n  }\r\n`;\r\n\r\nconst IncomingMarkup = styled(Box)`\r\n  line-height: 1.3;\r\n`;\r\n\r\nconst LargeIcon = styled(Box)`\r\n  height: 30px;\r\n  width: 30px;\r\n  font-size: 30px;\r\n  margin-right: 8px;\r\n`;\r\n\r\nconst SmallIcon = styled(Box)`\r\n  font-size: 22px;\r\n  height: 22px;\r\n  margin-right: 8px;\r\n`;\r\n\r\nconst TopContent = styled(Flex)`\r\n  margin: auto;\r\n`;\r\n\r\nconst TopContentBkgd = styled(Flex)`\r\n  width: 100%;\r\n  background-color: ${(props) => tinycolor(getThemeProp('global.light--color')(props)).darken(6).toString()};\r\n  box-shadow: ${getThemeProp('card.box-shadow')};\r\n`;\r\n\r\nconst ResourcesContent = styled(Box)`\r\n  margin: auto;\r\n`;\r\n\r\nconst DisclaimerCont = styled(Flex)`\r\n  height: 16px;\r\n  align-items: center;\r\n  color: ${getThemeProp('global.warning--color')};\r\n  cursor: pointer;\r\n  margin: 8px 0;\r\n`;\r\n\r\nconst InfoWrapper = styled.div`\r\n  font-size: 16px;\r\n  margin-right: 5px;\r\n`;\r\n\r\nconst SectionLinks = styled(Flex)`\r\n  height: unset;\r\n  flex-wrap: wrap;\r\n  background-color: #e2f1ff;\r\n  padding-left: 12px;\r\n  padding-right: 12px;\r\n  line-height: 1.3;\r\n\r\n  ${media.Small`\r\n   height: 130px;\r\n   justify-content: center;\r\n   line-height: unset;\r\n  `}\r\n`;\r\n\r\nconst CustomHeader = () => {\r\n  return (\r\n    <Flex\r\n      alignItems={['flex-start', 'flex-start', 'center']}\r\n      flexDirection={['column', 'column', 'row']}\r\n      mb={['-8px', '-8px', 0]}>\r\n      <LogoWrapper href=\"/\">a2b by AmTrav</LogoWrapper>\r\n      <Box ml={[0, 0, 3]} pt={[0, 0, '10px']}>\r\n        COVID Resource Center\r\n      </Box>\r\n    </Flex>\r\n  );\r\n};\r\n\r\nconst iconCheck = (icn) => {\r\n  switch (icn) {\r\n    case 'usaFlag':\r\n      return <IconUSAFlag />;\r\n    case 'globe':\r\n      return <IconEarth />;\r\n    case 'plane':\r\n      return <IconPlaneLine />;\r\n    case 'hotel':\r\n      return <IconHotelLine />;\r\n    case 'car':\r\n      return <IconCarLine />;\r\n    default:\r\n      return null;\r\n  }\r\n};\r\nconst idSlug = (str) => str.toLowerCase().replace(/ /g, '-');\r\n\r\n// Check for null because if user hits esc it will send null to this func.\r\nconst itemToString = (item) => (item ? item.name : '');\r\n\r\n// The hash is removed from the URL (possibly from the legacy JSR handling). This captures it\r\n// before it is removed and saves it to be replaced/used after the API results come back.\r\nconst initialHash = window.location.hash.replace('#', '');\r\nconst setHash = (hash) => {\r\n  window.location.hash = hash;\r\n};\r\n\r\nconst ResourceCenterApp = ({ themeName }) => {\r\n  const [apiResults, setApiResults] = useState({});\r\n  const [activeInfoBox, setActiveInfoBox] = useState(null);\r\n\r\n  const activeInfoBoxRef = useRef(null);\r\n\r\n  const scrollToTop = () => {\r\n    setActiveInfoBox(null);\r\n    setHash('');\r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n  };\r\n\r\n  const mapContent = (resource, title, iconType) => {\r\n    const wrappedContent = resource.map((r) => {\r\n      const contentId = r.code;\r\n      const copyHashedUrl = () => {\r\n        setHash(contentId);\r\n      };\r\n      return (\r\n        <ContentBox key={contentId} id={contentId} ref={contentId === activeInfoBox ? activeInfoBoxRef : null}>\r\n          <Card p=\"20px 24px 16px 24px\" mb={3}>\r\n            <Flex flexDirection=\"column\">\r\n              <ContentHeading>\r\n                {r.code.length < 3 ? (\r\n                  <FlagImage>\r\n                    <Image\r\n                      alt=\"Country Flag\"\r\n                      src={`https://cdn.amtrav.com/flags-country/${r.code}.png`}\r\n                      renderFallback={() => (\r\n                        <Box p=\"6px\">\r\n                          <IconEarth />\r\n                        </Box>\r\n                      )}\r\n                    />\r\n                  </FlagImage>\r\n                ) : null}\r\n                {r.name}{' '}\r\n                <Box ml={2} mt=\"-2px\">\r\n                  <ClickableGraphic\r\n                    kind=\"primary\"\r\n                    text=\"link\"\r\n                    size=\"small\"\r\n                    iconPrefix={<IconChainLink />}\r\n                    onClick={copyHashedUrl}\r\n                  />\r\n                </Box>\r\n              </ContentHeading>\r\n              <IncomingMarkup pb={3} dangerouslySetInnerHTML={{ __html: r.content }} />\r\n              <Box alignSelf=\"flex-end\">\r\n                <ClickableGraphic\r\n                  text=\"Back to top\"\r\n                  size=\"small\"\r\n                  iconSuffix={<IconArrowUpLong />}\r\n                  iconSize=\"16px\"\r\n                  onClick={scrollToTop}\r\n                />\r\n              </Box>\r\n            </Flex>\r\n          </Card>\r\n        </ContentBox>\r\n      );\r\n    });\r\n\r\n    return (\r\n      <ResourcesContent width={['100%', '1024px']} id={idSlug(title)} key={idSlug(title)}>\r\n        <TypeHeading m={['30px 16px 16px', '30px 0 16px 0']}>\r\n          <LargeIcon>{iconCheck(iconType)}</LargeIcon>\r\n          {title}\r\n        </TypeHeading>\r\n        <Box>{wrappedContent}</Box>\r\n      </ResourcesContent>\r\n    );\r\n  };\r\n\r\n  useEffect(() => {\r\n    fetchRegionalAlerts().then((results) => {\r\n      setApiResults(results);\r\n      setActiveInfoBox(initialHash);\r\n      // For some reason the hash is removed from the URL. This places it back\r\n      setHash(initialHash);\r\n    });\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (activeInfoBoxRef.current) {\r\n      activeInfoBoxRef.current.scrollIntoView({ behavior: 'smooth' });\r\n    }\r\n  }, [activeInfoBox]);\r\n\r\n  const searchItems = Object.keys(apiResults).reduce((acc, key) => {\r\n    const keyItems = apiResults[key].map((item) => ({\r\n      id: item.code,\r\n      name: item.name,\r\n    }));\r\n    return acc.concat(keyItems);\r\n  }, []);\r\n\r\n  const onSearchChange = (newSelection) => {\r\n    if (newSelection) {\r\n      setActiveInfoBox(newSelection.id);\r\n      setHash(newSelection.id);\r\n    }\r\n  };\r\n\r\n  const { airlines, cars, countries, hotels, states } = apiResults;\r\n\r\n  if (Object.keys(apiResults).length === 0) {\r\n    // return 'Loading...';\r\n    return (\r\n      <DynamicThemeProvider themeName={themeName}>\r\n        <ThemeSystemProvider themeName={themeName}>\r\n          <FullPageLoader />\r\n        </ThemeSystemProvider>\r\n      </DynamicThemeProvider>\r\n    );\r\n  }\r\n\r\n  const contentDataLookup = {\r\n    states: {\r\n      content: states,\r\n      title: 'State-by-State Policies',\r\n      iconType: 'usaFlag',\r\n    },\r\n    countries: {\r\n      content: countries,\r\n      title: 'Country-Level Restrictions & Guidelines',\r\n      iconType: 'globe',\r\n    },\r\n    airlines: {\r\n      content: airlines,\r\n      title: 'Airline Safety & Policies',\r\n      iconType: 'plane',\r\n    },\r\n    hotels: {\r\n      content: hotels,\r\n      title: 'Hotel Brand Safety & Policies',\r\n      iconType: 'hotel',\r\n    },\r\n    cars: {\r\n      content: cars,\r\n      title: 'Ground Transportation Provider Safety & Policies',\r\n      iconType: 'car',\r\n    },\r\n  };\r\n\r\n  const contentBlocks = Object.keys(contentDataLookup).map((key) => {\r\n    return contentDataLookup[key]\r\n      ? mapContent(\r\n          contentDataLookup[key].content,\r\n          contentDataLookup[key].title,\r\n          contentDataLookup[key].iconType,\r\n          activeInfoBox,\r\n        )\r\n      : null;\r\n  });\r\n\r\n  const sectionLinks = Object.keys(contentDataLookup).map((key) => {\r\n    const slug = idSlug(contentDataLookup[key].title);\r\n    const { iconType } = contentDataLookup[key];\r\n    return contentDataLookup[key] ? (\r\n      <Box my={2} key={slug} width={['100%', '506px']}>\r\n        <ContentLookupStyled href={`#${slug}`}>\r\n          <Flex alignItems=\"center\">\r\n            <SmallIcon>{iconCheck(iconType)}</SmallIcon>\r\n            {contentDataLookup[key].title}\r\n          </Flex>\r\n        </ContentLookupStyled>\r\n      </Box>\r\n    ) : null;\r\n  });\r\n\r\n  const mainContent = (\r\n    <MainContentWrapper width={1}>\r\n      <TopContentBkgd>\r\n        <TopContent px={[3, 0]} py={3} flexDirection={['column', 'column']} width={['100%', '1024px']}>\r\n          <SectionLinks pb={[1, 0]} mb={[0, 3]} width={1} flexDirection=\"column\">\r\n            {sectionLinks}\r\n            <DisclaimerCont width={['100%', '506px']}>\r\n              <InfoWrapper>\r\n                <IconInfo />\r\n              </InfoWrapper>\r\n              <Tooltip content={<Disclaimer />} kind=\"light\" interactive placement=\"top\">\r\n                Important information about this data\r\n              </Tooltip>\r\n            </DisclaimerCont>\r\n          </SectionLinks>\r\n          <Flex width={1} flexDirection={['column', 'row']} justifyContent=\"space-between\">\r\n            <Link my={[3, 0]} justifyContent={['flex-start', 'flex-end']}>\r\n              <SmallIcon>\r\n                <IconChatSquare />\r\n              </SmallIcon>\r\n              <a href=\"/chat\">Contact Us </a>\r\n            </Link>\r\n            <Box width={['100%', '506px']}>\r\n              <AutocompleteInput\r\n                items={searchItems}\r\n                itemToString={itemToString}\r\n                onChange={onSearchChange}\r\n                labelKey=\"name\"\r\n                placeholder=\"US State, Country, Airline, Hotel or Car\"\r\n              />\r\n            </Box>\r\n          </Flex>\r\n          <Link>\r\n            <a href=\"https://www.tripsguard.com\">\r\n              Powered by <b>tripsguard.com</b>\r\n            </a>\r\n          </Link>\r\n        </TopContent>\r\n      </TopContentBkgd>\r\n      <div id=\"top-of-page\" />\r\n      {contentBlocks}\r\n    </MainContentWrapper>\r\n  );\r\n\r\n  return (\r\n    <DynamicThemeProvider themeName={themeName}>\r\n      <ThemeSystemProvider themeName={themeName}>\r\n        <OverridePageContent>\r\n          <PageContent fullWidth pageHeader={<CustomHeader />} mainContent={mainContent} />\r\n        </OverridePageContent>\r\n      </ThemeSystemProvider>\r\n    </DynamicThemeProvider>\r\n  );\r\n};\r\n\r\nResourceCenterApp.propTypes = {\r\n  themeName: PropTypes.string,\r\n};\r\n\r\nexport default process.env.USE_HMR ? hot(ResourceCenterApp) : ResourceCenterApp;\r\n","import axios from 'axios';\r\n\r\nexport const fetchRegionalAlerts = () => {\r\n  const endpoint = '/api/v1/RegionalAlerts/All';\r\n  return axios\r\n    .create({ withCredentials: true })\r\n    .get(endpoint, {\r\n      headers: {\r\n        'WS-Orig-Path': window.location.href,\r\n      },\r\n    })\r\n    .then((res) => res.data)\r\n    .catch((err) => {\r\n      console.error(err);\r\n      throw err;\r\n    });\r\n};\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport ResourceCenterApp from './ResourceCenterApp';\r\n\r\nconst { theme } = document.querySelector('body').dataset;\r\n\r\nReactDOM.render(<ResourceCenterApp themeName={theme} />, document.getElementById('ResourceCenterApp'));\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { media } from '@amtrav/themes';\r\nimport styled from 'styled-components';\r\n\r\nconst ContentStyled = styled.div`\r\n  max-width: ${({ fullWidth }) => (fullWidth ? 'unset' : '1325px')};\r\n\r\n  ${media.Large`\r\n    margin-left: 210px;\r\n  `}\r\n`;\r\n\r\nconst Content = ({ children, fullWidth }) => <ContentStyled fullWidth={fullWidth}>{children}</ContentStyled>;\r\n\r\nContent.propTypes = {\r\n  children: PropTypes.node,\r\n  fullWidth: PropTypes.bool,\r\n};\r\n\r\nContent.defaultProps = {\r\n  children: undefined,\r\n  fullWidth: false,\r\n};\r\n\r\nexport default Content;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled from 'styled-components';\r\n\r\nexport const ImgRegion = styled.div`\r\n  display: ${({ isBrokenImage }) => (isBrokenImage ? 'none' : 'inline-block')};\r\n`;\r\n\r\nclass Image extends React.Component {\r\n  constructor(props) {\r\n    super(props);\r\n\r\n    this.state = {\r\n      isBrokenImage: true,\r\n    };\r\n  }\r\n\r\n  handleOnLoad = () => {\r\n    this.setState({\r\n      isBrokenImage: false,\r\n    });\r\n  };\r\n\r\n  render() {\r\n    const { isBrokenImage } = this.state;\r\n    const { alt, src, renderFallback } = this.props;\r\n    return (\r\n      <>\r\n        <ImgRegion isBrokenImage={isBrokenImage}>\r\n          <img alt={alt} src={src} onLoad={this.handleOnLoad} />\r\n        </ImgRegion>\r\n        {isBrokenImage && renderFallback()}\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nImage.propTypes = {\r\n  /**\r\n   * Image Url\r\n   */\r\n  src: PropTypes.string.isRequired,\r\n  /**\r\n   * Alternate text for an image\r\n   */\r\n  alt: PropTypes.string,\r\n  /**\r\n   * Render prop fallback (only rendered if src url fails)\r\n   */\r\n  renderFallback: PropTypes.func,\r\n};\r\nImage.defaultProps = {\r\n  alt: '',\r\n  renderFallback: () => {},\r\n};\r\n\r\nexport default Image;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport styled, { createGlobalStyle, css } from 'styled-components';\r\nimport { Box, Flex } from '@rebass/grid';\r\nimport { ThemeSystemProvider } from '@amtrav/theme-system';\r\nimport { media, DynamicThemeProvider, getThemeProp } from '@amtrav/themes';\r\nimport { SteppedProgressBar } from '@amtrav/view-components';\r\nimport Content from './Content';\r\n\r\nexport const ShadedRegion = styled(Box)`\r\n  @media screen {\r\n    background: #e8e8e8;\r\n  }\r\n`;\r\n\r\nconst PageHeader = styled.h2`\r\n  font-size: 20px;\r\n  line-height: 1;\r\n  margin: 0;\r\n  padding: 0;\r\n`;\r\n\r\nconst MainContent = styled(Box)`\r\n  max-width: ${({ contentMaxWidth }) => contentMaxWidth};\r\n`;\r\n\r\nconst GlobalStyles = createGlobalStyle`\r\n  html {\r\n    background: ${getThemeProp('global.greyPalette.100')};\r\n  }\r\n`;\r\n\r\nconst SidebarContent = styled(Flex)`\r\n  background-color: ${({ transparentSidebar }) => (transparentSidebar ? 'transparent' : ' #e8e8e8')};\r\n  justify-content: center;\r\n  width: 100%;\r\n\r\n  ${media.XLargeOnly`\r\n    max-width: ${({ maxSidebarWidth }) => maxSidebarWidth}; \r\n  `};\r\n`;\r\n\r\nconst ContentPadding = styled(Box)`\r\n  @media print {\r\n    padding: 0;\r\n  }\r\n`;\r\n\r\nconst ContentChildren = styled(Flex)`\r\n  ${({ hasSideBar }) =>\r\n    hasSideBar &&\r\n    css`\r\n      min-height: calc(100vh - 78px);\r\n    `};\r\n  // this is for Safari & IE\r\n  height: 100%;\r\n`;\r\n\r\nconst LoaderRegion = styled.div`\r\n  position: absolute;\r\n  top: 48px;\r\n  left: 0;\r\n  right: 0;\r\n  height: 5px;\r\n  overflow: hidden;\r\n\r\n  ${media.Large`\r\n      top: 0;\r\n    `};\r\n`;\r\n\r\nconst { theme } = document.querySelector('body').dataset;\r\n\r\nconst PageContent = ({\r\n  pageHeader,\r\n  pageHeaderAside,\r\n  mainContent,\r\n  sidebarContent,\r\n  secondaryContent,\r\n  fullWidth = false,\r\n  pageHeaderSecondary,\r\n  maxSidebarWidth = '405px',\r\n  promoteSidebar,\r\n  transparentSidebar,\r\n  contentMaxWidth = '1325px',\r\n  isPageLoading = false,\r\n}) => (\r\n  <>\r\n    <DynamicThemeProvider themeName={theme || 'bouncnext'}>\r\n      <ThemeSystemProvider themeName={theme}>\r\n        <GlobalStyles />\r\n        {isPageLoading ? (\r\n          <LoaderRegion>\r\n            <Content fullWidth>\r\n              <SteppedProgressBar />\r\n            </Content>\r\n          </LoaderRegion>\r\n        ) : null}\r\n        {pageHeader || pageHeaderSecondary || pageHeaderAside ? (\r\n          <ShadedRegion>\r\n            <Content fullWidth={fullWidth}>\r\n              <ContentPadding px={['12px', '12px', '12px', 4]} py=\"14px\" maxWidth={contentMaxWidth}>\r\n                <Flex width=\"100%\" justifyContent=\"space-between\" alignItems=\"center\">\r\n                  <Box width=\"100%\">\r\n                    <Flex justifyContent=\"space-between\" alignItems=\"center\">\r\n                      {pageHeader ? <PageHeader>{pageHeader}</PageHeader> : null}\r\n                      {pageHeaderAside ? <Box flex=\"0 0 auto\">{pageHeaderAside}</Box> : null}\r\n                    </Flex>\r\n                    {pageHeaderSecondary || null}\r\n                  </Box>\r\n                </Flex>\r\n              </ContentPadding>\r\n            </Content>\r\n          </ShadedRegion>\r\n        ) : null}\r\n        <Content fullWidth={fullWidth}>\r\n          <ContentChildren\r\n            hasSideBar={sidebarContent}\r\n            flexDirection={sidebarContent ? ['column', 'column', 'column', 'column', 'row'] : 'column'}>\r\n            <MainContent\r\n              order={promoteSidebar ? [1, 1, 1, 1, 0] : null}\r\n              flex=\"1 1 auto\"\r\n              contentMaxWidth={contentMaxWidth}>\r\n              {mainContent}\r\n            </MainContent>\r\n            {sidebarContent && (\r\n              <SidebarContent maxSidebarWidth={maxSidebarWidth} transparentSidebar={transparentSidebar} flex=\"1 1 auto\">\r\n                {sidebarContent}\r\n              </SidebarContent>\r\n            )}\r\n          </ContentChildren>\r\n        </Content>\r\n        {secondaryContent}\r\n      </ThemeSystemProvider>\r\n    </DynamicThemeProvider>\r\n  </>\r\n);\r\n\r\nPageContent.propTypes = {\r\n  pageHeader: PropTypes.node,\r\n  pageHeaderAside: PropTypes.node,\r\n  pageHeaderSecondary: PropTypes.node,\r\n  mainContent: PropTypes.node,\r\n  secondaryContent: PropTypes.node,\r\n  sidebarContent: PropTypes.node,\r\n  fullWidth: PropTypes.bool,\r\n  promoteSidebar: PropTypes.bool,\r\n  transparentSidebar: PropTypes.bool,\r\n  maxSidebarWidth: PropTypes.string,\r\n  contentMaxWidth: PropTypes.string,\r\n  isPageLoading: PropTypes.bool,\r\n};\r\n\r\nexport default PageContent;\r\n"],"sourceRoot":""}