{"version":3,"file":"5872.js","sources":["webpack://frontend/./src/react_repo/components/residential/HelpAndAdvice/components/Articles/index.tsx","webpack://frontend/./src/react_repo/components/residential/HelpAndAdvice/index.tsx"],"sourcesContent":["import { FunctionComponent } from 'react'\r\n\r\nexport type ArticleType = { text: string; link: string; subcategory: string }\r\nexport type ArticlesType = Array<ArticleType>\r\ninterface ArticlesInterface {\r\n  articles: ArticlesType\r\n  subFilter: string\r\n}\r\nconst Articles: FunctionComponent<ArticlesInterface> = ({\r\n  articles,\r\n  subFilter\r\n}) => {\r\n  const arranged: Record<string, ArticlesType> = articles.reduce(\r\n    (obj: Record<string, ArticlesType>, curr: ArticleType) => {\r\n      if (obj[curr.subcategory]) {\r\n        obj[curr.subcategory] = [...obj[curr.subcategory], curr]\r\n      }\r\n      if (!obj[curr.subcategory]) {\r\n        obj[curr.subcategory] = [curr]\r\n      }\r\n      return obj\r\n    },\r\n    {}\r\n  )\r\n  const keys = Object.keys(arranged)\r\n  return subFilter ? (\r\n    <div className=\"wc-grid mb-16\" role=\"list\">\r\n      <div className=\"wc-col-12\">\r\n        <h3>{subFilter}</h3>\r\n      </div>\r\n      {articles\r\n        .filter((article) =>\r\n          subFilter ? article?.subcategory === subFilter : true\r\n        )\r\n        .map((article, index) => (\r\n          <div className=\"wc-col-12 wc-col-md-4\" role=\"listitem\">\r\n            <a\r\n              key={article?.text ?? index}\r\n              className=\"btn-outline-arrow\"\r\n              href={article?.link}\r\n            >\r\n              <span dangerouslySetInnerHTML={{ __html: article?.text }}></span>\r\n            </a>\r\n          </div>\r\n        ))}\r\n    </div>\r\n  ) : (\r\n    <>\r\n      {keys.map((key) => (\r\n        <div className=\"wc-grid mb-16\" key={key} role=\"list\">\r\n          <div className=\"wc-col-12\">\r\n            <h3>{key}</h3>\r\n          </div>\r\n          {arranged[key].map((article, index) => (\r\n            <div className=\"wc-col-12 wc-col-md-4\" role=\"listitem\">\r\n              <a\r\n                key={article?.text ?? index}\r\n                className=\"btn-outline-arrow\"\r\n                href={article?.link}\r\n              >\r\n                <span\r\n                  dangerouslySetInnerHTML={{ __html: article?.text }}\r\n                ></span>\r\n              </a>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      ))}\r\n    </>\r\n  )\r\n}\r\nexport default Articles\r\n","import { FunctionComponent, useState, FormEvent, useEffect } from 'react'\r\nimport Articles from './components/Articles'\r\n\r\ninterface HelpAndAdviceInterface {\r\n  id: string\r\n}\r\n\r\nconst HelpAndAdvice: FunctionComponent<HelpAndAdviceInterface> = ({ id }) => {\r\n  const [subFilter, setSubFilter] = useState<string>('')\r\n\r\n  const handleNavClick = (sc: string) => {\r\n    setSubFilter(sc)\r\n  }\r\n\r\n  const handleSelect = (event: FormEvent<HTMLSelectElement>) => {\r\n    setSubFilter(event.currentTarget.value)\r\n  }\r\n\r\n  const [subcategories, setSubcategories] = useState([])\r\n  const [articles, setArticles] = useState<\r\n    Array<{ text: string; link: string; subcategory: string }>\r\n  >([])\r\n\r\n  useEffect(() => {\r\n    fetch('/api/tabs/GetArticles?id=' + id)\r\n      .then((response) => {\r\n        return response.json()\r\n      })\r\n      .then((data) => {\r\n        const jsonData = JSON.parse(data)\r\n        !!jsonData?.subcategories && setSubcategories(jsonData.subcategories)\r\n        !!jsonData?.articles && setArticles(jsonData.articles)\r\n      })\r\n      .catch((e) => console.log(e))\r\n  }, [])\r\n\r\n  return subcategories.length > 0 ? (\r\n    <section>\r\n      <nav className=\"hidden lg:block\">\r\n        <ul className=\"horizontal-nav mb-16 list-none\">\r\n          <li className=\"horizontal-nav--item list-none pl-0\">\r\n            <button\r\n              onClick={() => {\r\n                handleNavClick('')\r\n              }}\r\n              className={`horizontal-nav--link${!subFilter ? ' active' : ''}`}\r\n            >\r\n              All\r\n            </button>\r\n          </li>\r\n          {subcategories.map((subcategory) => (\r\n            <li key={subcategory} className=\"horizontal-nav--item list-none\">\r\n              <button\r\n                onClick={() => {\r\n                  handleNavClick(subcategory)\r\n                }}\r\n                className={`horizontal-nav--link${\r\n                  subFilter === subcategory ? ' active' : ''\r\n                }`}\r\n              >\r\n                {subcategory}\r\n              </button>\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      </nav>\r\n\r\n      <div className=\"maxWidth540 pb-16 block lg:hidden\">\r\n        <label htmlFor=\"needHelpSelect\" className=\"label-primary sr-only\">\r\n          I need help with\r\n        </label>\r\n        <div className=\"wc-select\">\r\n          <select\r\n            id=\"needHelpSelect\"\r\n            name=\"needHelpSelect\"\r\n            className=\"form-control\"\r\n            onChange={handleSelect}\r\n          >\r\n            <option value=\"\">All</option>\r\n            {subcategories.map((subcategory) => (\r\n              <option key={subcategory} value={subcategory}>\r\n                {subcategory}\r\n              </option>\r\n            ))}\r\n          </select>\r\n        </div>\r\n      </div>\r\n\r\n      <Articles subFilter={subFilter} articles={articles} />\r\n    </section>\r\n  ) : (\r\n    <div></div>\r\n  )\r\n}\r\n\r\nexport default HelpAndAdvice\r\n"],"names":["articles","subFilter","arranged","obj","curr","keys","Object","article","index","key","id","setSubFilter","useState","handleNavClick","sc","subcategories","setSubcategories","setArticles","useEffect","fetch","response","data","jsonData","JSON","e","subcategory","event","Articles"],"mappings":"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"}