{"version":3,"sources":["webpack:///./src/components/ResourceItem/ResourceItem.jsx","webpack:///./src/components/ResourceListing/ResourceListing.jsx","webpack:///./src/components/ResourcePage/ResourcePage.jsx","webpack:///./src/pages/resources.jsx","webpack:///./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js","webpack:///./src/components/Banner/Banner.jsx","webpack:///./node_modules/@babel/runtime/helpers/esm/inheritsLoose.js","webpack:///./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js","webpack:///./node_modules/@babel/runtime/helpers/esm/extends.js","webpack:///./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js"],"names":["defaultProps","title","string","fluid","object","fixed","description","node","link","handleChange","func","ResourceItem","props","resourceTags","tags","R","useEffect","AOS","init","offset","duration","once","className","data-aos","ContentfulLink","map","tag","i","cx","onClick","e","selectedItem","id","value","name","index","JSON","stringify","propTypes","items","array","resourceCities","resourceTopics","ResourceListing","dictionary","ContentfulCity","ContentfulTopic","state","setState","useState","results","activeResults","selected","currentTags","k","tagGroup","x","includesTags","item","itemTags","changes","changedSelect","newResults","mergeTag","ids","Container100","group","Select","updateBtnText","selectProps","itemToString","d","initialSelectedItem","onSelectedItemChange","length","featuredImage","ResourcePage","contentfulData","useStaticQuery","query","contentRef","useRef","data","bottomBanner","extractBanner","resourceSubtitle","extractRichText","list","extractLink","resourceTitle","Page","Section","aos","theme","subtitle","ref","modifier","Banner","_assertThisInitialized","self","ReferenceError","bool","backgroundSize","oneOf","children","content","fluidBackground","hero","style","textColor","overrideOverlay","otherProps","Wrapper","backgroundOrigin","_inheritsLoose","subClass","superClass","prototype","Object","create","constructor","_setPrototypeOf","o","p","setPrototypeOf","__proto__","_extends","assign","target","arguments","source","key","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf"],"mappings":"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","file":"component---src-pages-resources-jsx-6ea4b0024e6987467c20.js","sourcesContent":["import { useEffect } from \"react\";\r\nimport * as R from \"ramda\";\r\n// import { scrollToElement } from \"../../common/scrollHelpers.js\";\r\nimport GatsbyImage from \"gatsby-image\";\r\nimport ContentfulLink from \"../ContentfulLink/ContentfulLink.jsx\";\r\nimport { string, object, node, func } from \"prop-types\";\r\nimport \"aos/dist/aos.css\";\r\nimport AOS from \"aos\";\r\nimport cx from \"classnames\";\r\n\r\nconst defaultProps = {\r\n  title: string,\r\n  fluid: object,\r\n  fixed: object,\r\n  description: node,\r\n  link: object,\r\n  handleChange: func,\r\n};\r\n\r\nconst ResourceItem = (props) => {\r\n  const { title, description, fluid, handleChange, fixed, link, resourceTags } =\r\n    props;\r\n  const tags = R.compose(R.sortBy(R.prop(\"__typename\")), R.uniq)(resourceTags);\r\n\r\n  useEffect(() => {\r\n    AOS.init({\r\n      offset: 100,\r\n      duration: 1000,\r\n      once: true,\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <div className=\"resources__item\" data-aos=\"fade-up\">\r\n      {/* <GatsbyImage className=\"resources__item-img\" fluid={fluid} /> */}\r\n      <GatsbyImage\r\n        className=\"resources__item-img resources__item-img--fixed\"\r\n        fixed={fixed}\r\n      />\r\n\r\n      {title && (\r\n        <ContentfulLink {...link}>\r\n          <h2 className=\"resources__item-title\">{title}</h2>\r\n        </ContentfulLink>\r\n      )}\r\n      {tags && (\r\n        <div className=\"resources__tag-container\">\r\n          {tags.map((tag, i) => (\r\n            <button\r\n              key={`${i}-${JSON.stringify(tag.name)}`}\r\n              className={cx(\"resources__tag\", \"btn\", \"btn--text\")}\r\n              onClick={(e) =>\r\n                handleChange(\r\n                  { selectedItem: { id: tag.id, value: tag.name } },\r\n                  tag.index,\r\n                )\r\n              }\r\n            >\r\n              {tag.name}\r\n            </button>\r\n          ))}\r\n        </div>\r\n      )}\r\n      {description && (\r\n        <div className=\"resources__item-description\">{description}</div>\r\n      )}\r\n      {link && <ContentfulLink {...link} className=\"btn btn--text\" />}\r\n    </div>\r\n  );\r\n};\r\n\r\nResourceItem.propTypes = defaultProps;\r\nexport default ResourceItem;\r\n","import { useEffect, useState } from \"react\";\r\nimport { array } from \"prop-types\";\r\nimport Container100 from \"../Container/Container100.jsx\";\r\nimport ResourceItem from \"../ResourceItem/ResourceItem.jsx\";\r\nimport * as R from \"ramda\";\r\nimport \"./resource-listing.scss\";\r\nimport Select from \"../Select/Select.jsx\";\r\nimport \"aos/dist/aos.css\";\r\nimport AOS from \"aos\";\r\n\r\nconst propTypes = {\r\n  items: array,\r\n  resourceCities: array,\r\n  resourceTopics: array,\r\n};\r\n\r\n//title, description, fluid, link\r\nconst ResourceListing = (props) => {\r\n  const { items } = props;\r\n  const dictionary = {\r\n    ContentfulCity: \"All Cities\",\r\n    ContentfulTopic: \"All Topics\",\r\n  };\r\n\r\n  const [state, setState] = useState({\r\n    results: items,\r\n    activeResults: items,\r\n    selected: [null, null],\r\n  });\r\n\r\n  const currentTags = R.compose(\r\n    R.values,\r\n    R.mapObjIndexed((i, k) => {\r\n      return { tagGroup: i[0], tags: R.map((x) => ({ index: k, ...x }))(i[1]) };\r\n    }),\r\n    R.toPairs,\r\n    R.map(R.groupBy(R.prop(\"__typename\")), R.uniq),\r\n    R.unnest,\r\n    R.pluck(\"resourceTags\"),\r\n    R.filter((x) => x.resourceTags !== null)\r\n  )(items);\r\n\r\n  const includesTags = R.curry((tags, item) => {\r\n    const itemTags = R.compose(R.pluck(\"id\"), R.prop(\"resourceTags\"))(item);\r\n    //or R.any for OR\r\n    return R.all(R.includes(R.__, itemTags), tags);\r\n  });\r\n\r\n  const handleChange = (changes, k) => {\r\n    const changedSelect = state.selected;\r\n    changedSelect[k] = changes.selectedItem.id;\r\n    const newResults = R.compose(R.filter(includesTags(R.reject(R.isNil, changedSelect))))(\r\n      state.results\r\n    );\r\n\r\n    setState({\r\n      ...state,\r\n      activeResults: newResults,\r\n      selected: changedSelect,\r\n    });\r\n  };\r\n\r\n  useEffect(() => {\r\n    AOS.init({\r\n      offset: 100,\r\n      duration: 1000,\r\n      once: true,\r\n    });\r\n  }, []);\r\n\r\n  const mergeTag = (itemTags, currentTags) => {\r\n    const ids = R.compose(R.map(R.prop(\"id\")))(itemTags);\r\n    const items = R.unnest(R.map(R.prop(\"tags\"))(currentTags));\r\n    return R.map((id) => R.find(R.propEq(\"id\", id))(items))(ids);\r\n  };\r\n\r\n  return (\r\n    <Container100>\r\n      {currentTags && (\r\n        <div className=\"resources__filters\" data-aos=\"fade-up\">\r\n          {/* \r\n            Controlled select simply passes in State of select from external source\r\n            TODO: better way to accomplish both controlled and non controlled selects within the same component?\r\n             */}\r\n          {currentTags.map((group, k) => (\r\n            <Select\r\n              key={k}\r\n              updateBtnText={true}\r\n              selectProps={{\r\n                selectedItem: R.compose(\r\n                  R.defaultTo({\r\n                    id: null,\r\n                    value: dictionary[group.tagGroup],\r\n                  }),\r\n                  R.last(),\r\n                  R.map(\r\n                    R.applySpec({\r\n                      id: R.prop(\"id\"),\r\n                      value: R.prop(\"name\"),\r\n                    })\r\n                  ),\r\n\r\n                  R.filter(R.propEq(\"id\", state.selected[k])),\r\n                  R.prop(\"tags\")\r\n                )(currentTags[k]),\r\n                items: [\r\n                  {\r\n                    id: null,\r\n                    value: dictionary[group.tagGroup],\r\n                  },\r\n                  ...R.map((i) => ({ id: i.id, value: i.name }))(group.tags),\r\n                ],\r\n                itemToString: (d) =>\r\n                  !R.isNil(d)\r\n                    ? d.value\r\n                    : () => ({\r\n                        id: null,\r\n                        value: dictionary[group.tagGroup],\r\n                      }),\r\n                initialSelectedItem: state.selected[k] || {\r\n                  id: null,\r\n                  value: dictionary[group.tagGroup],\r\n                },\r\n                onSelectedItemChange: (changes) => handleChange(changes, k),\r\n              }}\r\n            />\r\n          ))}\r\n        </div>\r\n      )}\r\n      <div className=\"resources__container\">\r\n        {state.activeResults &&\r\n          state.activeResults.length > 0 &&\r\n          state.activeResults.map((item, k) => (\r\n            <ResourceItem\r\n              key={k}\r\n              fluid={item.featuredImage.fluid}\r\n              fixed={item.featuredImage.fixed}\r\n              title={item.title}\r\n              description={item.description}\r\n              link={item.link}\r\n              resourceTags={\r\n                item.resourceTags ? mergeTag(item.resourceTags, currentTags) : currentTags\r\n              }\r\n              handleChange={handleChange}\r\n            />\r\n          ))}\r\n\r\n        {state.activeResults.length <= 0 && (\r\n          <div className=\"resources__item resources__item--no-results\">\r\n            <h2>No Results</h2>\r\n            <p>There are not results for the the selected facets above.</p>\r\n          </div>\r\n        )}\r\n      </div>\r\n    </Container100>\r\n  );\r\n};\r\n\r\nResourceListing.propTypes = propTypes;\r\nexport default ResourceListing;\r\n","import { useEffect, useRef } from \"react\";\r\nimport * as R from \"ramda\";\r\nimport { useStaticQuery, graphql } from \"gatsby\";\r\n// import { scrollToElement } from \"../../common/scrollHelpers.js\";\r\nimport ResourceListing from \"../ResourceListing/ResourceListing.jsx\";\r\nimport \"aos/dist/aos.css\";\r\nimport AOS from \"aos\";\r\n\r\nimport {\r\n  extractBanner,\r\n  extractRichText,\r\n  extractLink,\r\n} from \"../../common/contentful-extract.jsx\";\r\n\r\nimport Banner from \"../Banner/Banner.jsx\";\r\n// import Container100 from \"../Container/Container100.jsx\";\r\nimport Page from \"../Page/Page.jsx\";\r\nimport Section from \"../Section/Section.jsx\";\r\n\r\nconst ResourcePage = () => {\r\n  const contentfulData = useStaticQuery(query);\r\n\r\n  const contentRef = useRef();\r\n\r\n  const data = R.compose(\r\n    R.evolve({\r\n      bottomBanner: extractBanner,\r\n      resourceSubtitle: extractRichText,\r\n      list: R.map(\r\n        R.evolve({\r\n          description: extractRichText,\r\n          link: extractLink,\r\n        }),\r\n      ),\r\n    }),\r\n    R.defaultTo({}),\r\n    R.prop(\"contentfulResourceListingPage\"),\r\n  )(contentfulData);\r\n\r\n  const { bottomBanner, resourceTitle, resourceSubtitle, list } = data;\r\n\r\n  useEffect(() => {\r\n    // https://github.com/michalsnik/aos\r\n    // initialize animation on scroll when the page loads\r\n    AOS.init({\r\n      offset: 100,\r\n      duration: 1000,\r\n      once: true,\r\n    });\r\n  }, []);\r\n\r\n  return (\r\n    <Page title=\"Resources\">\r\n      <Section\r\n        aos={true}\r\n        theme=\"light\"\r\n        title={resourceTitle}\r\n        subtitle={resourceSubtitle}\r\n        ref={contentRef}\r\n        modifier={\"section--spacing-sm\"}\r\n      >\r\n        <ResourceListing items={list} />\r\n      </Section>\r\n      <Banner {...bottomBanner} aos={true} />\r\n    </Page>\r\n  );\r\n};\r\n\r\nexport default ResourcePage;\r\n\r\nconst query = graphql`\r\n  {\r\n    # allContentfulResourceItem {\r\n    #   nodes {\r\n    #     title\r\n    #     description {\r\n    #       raw\r\n    #     }\r\n    #     featuredImage {\r\n    #       fluid(maxWidth: 368, maxHeight: 368) {\r\n    #         aspectRatio\r\n    #         sizes\r\n    #         src\r\n    #         srcSet\r\n    #         srcSetWebp\r\n    #         srcWebp\r\n    #         base64\r\n    #       }\r\n    #     }\r\n    #     resourceTags {\r\n    #       ... on ContentfulCity {\r\n    #         id\r\n    #         name\r\n    #         slug\r\n    #         __typename\r\n    #       }\r\n    #       ... on ContentfulTopic {\r\n    #         id\r\n    #         name\r\n    #         slug\r\n    #         __typename\r\n    #       }\r\n    #     }\r\n    #     link {\r\n    #       ...Link\r\n    #     }\r\n    #   }\r\n    # }\r\n    contentfulResourceListingPage {\r\n      resourceSubtitle {\r\n        raw\r\n      }\r\n      resourceTitle\r\n      bottomBanner {\r\n        backgroundImage {\r\n          fluid {\r\n            base64\r\n            aspectRatio\r\n            src\r\n            srcSet\r\n            srcWebp\r\n            srcSetWebp\r\n            sizes\r\n          }\r\n          file {\r\n            url\r\n          }\r\n        }\r\n        backgroundSize\r\n        textColor\r\n        subtitle {\r\n          raw\r\n        }\r\n        title {\r\n          raw\r\n        }\r\n        content {\r\n          raw\r\n        }\r\n        link {\r\n          ...Link\r\n        }\r\n      }\r\n      list {\r\n        title\r\n        description {\r\n          raw\r\n        }\r\n        featuredImage {\r\n          fluid(maxWidth: 368, maxHeight: 368) {\r\n            aspectRatio\r\n            sizes\r\n            src\r\n            srcSet\r\n            srcSetWebp\r\n            srcWebp\r\n            base64\r\n          }\r\n          fixed(width: 368, height: 368, quality: 70) {\r\n            src\r\n            srcSet\r\n            srcSetWebp\r\n            srcWebp\r\n            base64\r\n          }\r\n        }\r\n        resourceTags {\r\n          ... on ContentfulCity {\r\n            id\r\n            name\r\n            slug\r\n            __typename\r\n          }\r\n          ... on ContentfulTopic {\r\n            id\r\n            name\r\n            slug\r\n            __typename\r\n          }\r\n        }\r\n        link {\r\n          ...Link\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n","// export { default } from \"../components/HelpPage/HelpPage.jsx\";\r\n// Gatsby Build Fails when using export { default } syntax\r\n// https://github.com/gatsbyjs/gatsby/issues/12384\r\nimport ResourcePage from \"../components/ResourcePage/ResourcePage.jsx\";\r\nexport default ResourcePage;\r\n","export default function _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}","import { bool, node, object, oneOf, string } from \"prop-types\";\r\nimport cx from \"classnames\";\r\n\r\nimport \"./banner.scss\";\r\nimport \"./steps-ol.scss\";\r\nimport \"../../scss/global.scss\";\r\n\r\nimport BackgroundImage from \"gatsby-background-image\";\r\nimport Container100 from \"../Container/Container100.jsx\";\r\nimport ContentfulLink from \"../ContentfulLink/ContentfulLink.jsx\";\r\n\r\nconst propTypes = {\r\n  aos: bool, // https://github.com/michalsnik/aos\r\n  backgroundSize: oneOf([\"\", \"contain\", \"cover\"]),\r\n  children: node,\r\n  className: string,\r\n  content: node,\r\n  fluidBackground: object, // gatsby fluid image\r\n  hero: bool,\r\n  link: object, // link object for <ContentfulLink>\r\n  style: object,\r\n  subtitle: node,\r\n  textColor: oneOf([\"Light\", \"Dark\"]),\r\n  title: node,\r\n  overrideOverlay: bool,\r\n};\r\n\r\nconst Banner = (props) => {\r\n  const {\r\n    aos,\r\n    backgroundSize,\r\n    children,\r\n    className,\r\n    content,\r\n    fluidBackground,\r\n    hero,\r\n    link,\r\n    style,\r\n    subtitle,\r\n    textColor,\r\n    title,\r\n    overrideOverlay,\r\n    ...otherProps\r\n  } = props;\r\n\r\n  // the BackgroundImage won't show up at all unless it has a fluid prop. If we\r\n  // don't have one, just use a div\r\n  const Wrapper = (props) =>\r\n    fluidBackground ? (\r\n      <BackgroundImage\r\n        {...props}\r\n        fluid={fluidBackground}\r\n        style={{\r\n          ...style,\r\n          backgroundSize,\r\n          backgroundOrigin:\r\n            backgroundSize === \"contain\" ? \"content-box\" : \"border-box\",\r\n        }}\r\n      />\r\n    ) : (\r\n      <div {...props} />\r\n    );\r\n\r\n  return (\r\n    <Wrapper\r\n      className={cx(\"banner\", className, {\r\n        \"banner--hero\": hero,\r\n        \"banner--dark-text\": textColor === \"Dark\",\r\n      })}\r\n      {...otherProps}\r\n      fluid={fluidBackground}\r\n    >\r\n      {/* //currently unused */}\r\n      {overrideOverlay ||\r\n        (textColor !== \"Dark\" && backgroundSize === \"cover\" && (\r\n          <div className=\"banner__overlay\"></div>\r\n        ))}\r\n      <Container100 className=\"banner__container\">\r\n        <div className=\"banner__titles\" data-aos={aos && \"fade-up\"}>\r\n          <div className=\"banner__title fancy-bold\">{title} </div>\r\n          {subtitle && <div className=\"banner__subtitle\">{subtitle}</div>}\r\n        </div>\r\n\r\n        <div data-aos={aos && \"fade-up\"}>\r\n          {children}\r\n\r\n          {content ? (\r\n            <div className=\"banner__content steps-ol\">{content}</div>\r\n          ) : null}\r\n\r\n          {link ? (\r\n            <div className=\"banner__link-container\">\r\n              <ContentfulLink\r\n                {...link}\r\n                className={cx(\"btn\", {\r\n                  // if there is a photo background, always use transparent btn\r\n                  \"btn--transparent\":\r\n                    textColor !== \"Dark\" && backgroundSize === \"cover\",\r\n                })}\r\n              />\r\n            </div>\r\n          ) : null}\r\n        </div>\r\n      </Container100>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nBanner.propTypes = propTypes;\r\nexport default Banner;\r\n","import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  setPrototypeOf(subClass, superClass);\n}","export default function _setPrototypeOf(o, p) {\n  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n    o.__proto__ = p;\n    return o;\n  };\n\n  return _setPrototypeOf(o, p);\n}","export default function _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}","export default function _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}"],"sourceRoot":""}