{"version":3,"sources":["webpack:///./src/components/modules/no-results/no-results.js","webpack:///./src/components/modules/accordion/accordion.js","webpack:///./src/templates/fact-sheet-library/fact-sheet-library.js"],"names":["NoResults","query","className","role","href","onClick","e","preventDefault","triggerWebchat","AccordionCard","observer","categories","data","initialSelection","useState","activeCategory","setActiveCategory","map","category","id","convertStringToCamelcase","key","isActiveCategory","undefined","setTimeout","document","getElementById","scrollIntoView","onHeaderClick","data-toggle","data-target","aria-expanded","aria-labelledby","data-parent","filter","item","includes","label","url","description","to","inject","regionStore","wagtail","unmappedFactSheets","page","factSheetFilter","setFactSheetFilter","factSheets","value","validInEngland","validInScotland","currentRegion","title","keywords","split","searchTerms","term","toLowerCase","some","q","indexOf","factSheetCategories","element","sort","a","b","textA","toUpperCase","textB","Set","concat","hasFeedbackForm","seoTitle","canonical","canonicalUrl","dangerouslySetInnerHTML","__html","body","replace","onSubmit","htmlFor","type","aria-describedby","placeholder","onChange","target","length"],"mappings":"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","file":"component---src-templates-fact-sheet-library-fact-sheet-library-js-b92b9c73bf000ad14002.js","sourcesContent":["import React from \"react\"\n\nimport PropTypes from \"prop-types\"\n\nimport { triggerWebchat } from \"../../../helpers/helpers.js\"\n\nimport \"./no-results.scss\"\n\nexport const NoResults = ({ query }) => {\n  const onWebchatClick = e => {\n    e.preventDefault()\n    triggerWebchat()\n  }\n\n  return (\n    <div className=\"alert alert-secondary p-3 p-sm-4 no-results\" role=\"alert\">\n      <h3 className=\"alert-heading mb-2 mb-sm-3\">No results for \"{query}\"</h3>\n\n      <hr />\n\n      <ul>\n        <li>Try using more general words and check your spelling.</li>\n        <li>\n          Make sure you are in the right jurisdiction of the website (England\n          and Wales, or Scotland).\n        </li>\n      </ul>\n\n      <p>\n        If you still can’t find what you need you can&nbsp;\n        <a href=\"#\" className=\"no-results-link\" onClick={onWebchatClick}>\n          webchat\n        </a>\n        &nbsp;with one of our advisers.\n      </p>\n    </div>\n  )\n}\n\nNoResults.propTypes = {\n  query: PropTypes.string,\n}\n","import React, { useState } from \"react\"\n\nimport { Link } from \"gatsby\"\nimport PropTypes from \"prop-types\"\nimport { observer } from \"mobx-react\"\n\nimport { convertStringToCamelcase } from \"../../../helpers/helpers\"\n\nimport \"./accordion.scss\"\n\nexport const AccordionCard = observer(\n  ({ categories, data, initialSelection }) => {\n    const [activeCategory, setActiveCategory] = useState(\n      categories[initialSelection]\n    )\n\n    const onHeaderClick = category => {\n      const isActiveCategory = category === activeCategory\n      setActiveCategory(isActiveCategory ? undefined : category)\n      if (!isActiveCategory) {\n        setTimeout(() => {\n          document\n            .getElementById(`${convertStringToCamelcase(category)}`)\n            .scrollIntoView()\n        }, 200)\n      }\n    }\n\n    return categories.map(category => {\n      const id = convertStringToCamelcase(category)\n      return (\n        <div id={id} key={category} className=\"accordion card\">\n          <button\n            className={`\n              accordion-header \n              card-header \n              ${activeCategory === category ? \"open\" : \"\"}\n            `}\n            onClick={() => onHeaderClick(category)}\n            data-toggle=\"collapse\"\n            data-target={`${id}-collapse`}\n            aria-expanded={activeCategory === category}\n          >\n            <h2 id={`${id}-heading`} className=\"mb-0 h5 accordion-header-title\">\n              {category}\n            </h2>\n          </button>\n\n          <div\n            id={`${id}-collapse`}\n            className={`\n              collapse \n              ${activeCategory === category ? \"show\" : \"\"}\n            `}\n            aria-labelledby={`${id}-heading`}\n            data-parent=\"#accordion\"\n          >\n            <div className=\"card-body\">\n              <ul className=\"list-group list-group-flush\">\n                {data\n                  .filter(\n                    item => item.category && item.category.includes(category)\n                  )\n                  .map(({ label, url, description }) => (\n                    <li key={label} className=\"list-group-item\">\n                      <Link to={url} className=\"accordion-link\">\n                        {label}\n                      </Link>\n                      <p className=\"accordion-desc\">{description}</p>\n                    </li>\n                  ))}\n              </ul>\n            </div>\n          </div>\n        </div>\n      )\n    })\n  }\n)\n\nAccordionCard.propTypes = {\n  categories: PropTypes.array,\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      category: PropTypes.string,\n    })\n  ),\n  initialSelection: PropTypes.number,\n}\n","import React, { useState } from \"react\"\n\nimport { graphql, Link } from \"gatsby\"\nimport { inject, observer } from \"mobx-react\"\n\nimport { SEO } from \"../../components/base/seo/seo\"\nimport { Wrapper } from \"../../components/base/wrapper/wrapper\"\nimport { AccordionCard } from \"../../components/modules/accordion/accordion\"\nimport { NoResults } from \"../../components/modules/no-results/no-results\"\n\nexport default inject(\"regionStore\")(\n  observer(({ data, regionStore }) => {\n    const { unmappedFactSheets, page } = data.wagtail\n\n    const [factSheetFilter, setFactSheetFilter] = useState()\n\n    const factSheets = unmappedFactSheets\n      .filter(value => value[\"__typename\"] === \"FactSheet\")\n      .filter(({ validInEngland, validInScotland }) =>\n        regionStore.currentRegion === \"EW\" ? validInEngland : validInScotland\n      )\n      .filter(({ title, keywords }) => {\n        keywords = keywords ? keywords.split(\", \") : []\n\n        const searchTerms = [title, ...keywords].map(term => term.toLowerCase())\n\n        return factSheetFilter\n          ? searchTerms.some(q => q.indexOf(factSheetFilter.toLowerCase()) >= 0)\n          : (title, keywords)\n      })\n      .map(({ title, url, factSheetCategories, description }) => ({\n        url,\n        label: title,\n        description,\n        category: factSheetCategories.map(\n          element => element[\"category\"][\"name\"]\n        ),\n      }))\n      .filter(({ category }) => !category.includes(\"Hidden\"))\n      .sort((a, b) => {\n        const textA = a.label.toUpperCase()\n        const textB = b.label.toUpperCase()\n        return textA < textB ? -1 : textA > textB ? 1 : 0\n      })\n\n    const categories = [\n      ...new Set([].concat(...factSheets.map(({ category }) => category))),\n    ].sort((a, b) => (a < b ? -1 : a > b ? 1 : 0))\n\n    const handler = ({ target }) => {\n      setFactSheetFilter(target.value.toLowerCase())\n    }\n\n    return (\n      <Wrapper hasFeedbackForm={true}>\n        <SEO\n          title={page.seoTitle}\n          description={page.description}\n          canonical={page.canonicalUrl}\n        />\n\n        <h1>Our fact sheet library</h1>\n\n        <div\n          dangerouslySetInnerHTML={{\n            __html: page.body\n              .replace(/<b>/g, \"<strong>\")\n              .replace(/<\\/b>/g, \"</strong>\"),\n          }}\n        />\n\n        <form\n          onSubmit={e => {\n            e.preventDefault()\n          }}\n        >\n          <div className=\"form-group\">\n            <label htmlFor=\"factSheetSearchInput\">Search</label>\n            <input\n              type=\"search\"\n              className=\"form-control\"\n              id=\"factSheetSearchInput\"\n              aria-describedby=\"factSheetHelp\"\n              placeholder=\"Enter search terms\"\n              onChange={handler}\n            />\n            <small id=\"factSheetHelp\" className=\"form-text text-muted\">\n              Use this input to search through our fact sheets.\n            </small>\n          </div>\n        </form>\n\n        {factSheetFilter ? (\n          <div>\n            <h2 className=\"h3\">Search Results</h2>\n\n            {!factSheets.length && <NoResults query={factSheetFilter} />}\n\n            <ul className=\"list-group list-group-flush\">\n              {factSheets.map(({ label, url, description }) => (\n                <li key={label} className=\"list-group-item\">\n                  <Link to={url}>{label}</Link>\n                  <p className=\"accordion-desc\">{description}</p>\n                </li>\n              ))}\n            </ul>\n          </div>\n        ) : (\n          categories.length > 0 && (\n            <AccordionCard\n              categories={categories}\n              data={factSheets}\n              initialSelection={0}\n            />\n          )\n        )}\n      </Wrapper>\n    )\n  })\n)\n\nexport const query = graphql`\n  query($slug: String) {\n    wagtail {\n      page(slug: $slug) {\n        ... on FactSheetLibraryPage {\n          seoTitle\n          title\n          description\n          canonicalUrl\n          body\n        }\n      }\n      unmappedFactSheets: pages {\n        ... on FactSheet {\n          title\n          url\n          validInEngland\n          validInScotland\n          description\n          keywords\n          factSheetCategories {\n            category {\n              id\n              name\n            }\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}