\r\n}) \r\n )\r\n}\r\n\r\nexport default(MappableList);","\r\nconst BodyTextList = ({textList}) => {\r\n \r\n return (\r\n\r\n {textList.benefitText}
\r\n )\r\n\r\n}\r\nexport default BodyTextList;","import React from 'react';\r\nimport { PropTypes } from 'prop-types';\r\n\r\n\r\nconst Title = ({title, id, }) => {\r\n\r\n return {title} \r\n\r\n}\r\n\r\nTitle.propTypes = {\r\n title: PropTypes.string.isRequired,\r\n id: PropTypes.string\r\n}\r\nexport default Title;","import React from 'react';\r\nimport CompanyLogo from '../artefacts/logo';\r\n//import Logo from '../logo';\r\nimport MappableList from \"../shared/mapping/\";\r\nimport BodyTextList from \"../shared/bodytextlist/\"\r\nimport Title from '../shared/title/';\r\n\r\n\r\nconst Card = ({title, bodyText, cardImage, id, itemLinks, paragraphText, styleName}) => {\r\n /* return one org a single card text, image, title and links could be optional*/\r\n \r\n //const { id, orgTitle, organisationLogo, orgLinks} = organisation\r\n return (\r\n \r\n {cardImage && }\r\n { title && }\r\n { bodyText && <p>{bodyText}</p> }\r\n \r\n { paragraphText && <BodyTextList textList={paragraphText}/> }\r\n\r\n \r\n <ul className=\"listnostyle\">\r\n { itemLinks && <MappableList mapList={itemLinks} id={id} styleName=\"listnostyle\" /> }\r\n </ul>\r\n </div>\r\n );\r\n};\r\n\r\nexport default Card;","import Card from \"../whoisusing/Card\"\r\nconst CardList = ({ title, bodyText, contentImage, id, itemList, paragraphTextList, styles }) => {\r\n\r\n return (\r\n \r\n itemList && itemList.length > 0 ? itemList.map(item => \r\n {\r\n return <Card key={`${id}_itemcard`} id={item.id} cardImage={contentImage} itemLinks={itemList} styleName=\"card-content\"/>\r\n }) :\r\n\r\n paragraphTextList && paragraphTextList.length > 0 && paragraphTextList.map(benefit => {\r\n return <Card key={`${benefit.id}_card`} title={title} bodyText={bodyText} paragraphText={benefit} styleName=\"card-content\" />\r\n })\r\n )\r\n \r\n}\r\nexport default CardList;\r\n","import React from 'react';\r\nimport LinkListItem from '../links/LinkListItem';\r\n\r\n\r\nconst ReadNextItem = ({ linkItem, styleName }) => {\r\n\r\n return (\r\n <LinkListItem key={linkItem.id} styleName={styleName} link={linkItem}/>\r\n );\r\n};\r\n\r\nexport default ReadNextItem;","import React from 'react';\r\n\r\n\r\nconst TwoColumnGrid = ({id, leftSideContent, rightSideContent}) => {\r\n \r\n return(\r\n <div className=\"gridRow\">\r\n <div className=\"gridColumn\">\r\n {leftSideContent}\r\n </div>\r\n { rightSideContent && <div id={id} className=\"gridColumn\">{ rightSideContent}</div> }\r\n </div>\r\n )\r\n}\r\nexport default TwoColumnGrid;","\r\n\r\nconst Video = ({ name, width, height, source }) => {\r\n\r\n return( \r\n <>\r\n <iframe id=\"videobox\" height={height} src=\"https://www.youtube.com/embed/dn1ryloOLvk\" title=\"YouTube video player\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowFullScreen></iframe>\r\n {/* this will ideally need adding to the backend to remove hard-coding*/}\r\n <div id=\"video-link\"><a href=\"https://openreferraluk.org/open-referral-uk-video-transcript\">View the full video transcript including visual description</a></div>\r\n </>\r\n \r\n )\r\n}\r\nexport default Video;\r\n\r\n","import { useEffect, } from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\n\r\nconst mainTitle = `Open Referral UK`;\r\n\r\nconst PageTitle = ({ title }) => {\r\n const location = useLocation();\r\n\r\n useEffect(() => {\r\n document.title = `${!!title ? `${title} | ` : ''}${mainTitle}`;\r\n\r\n if (!!window.ga) {\r\n window.ga('send', 'pageview', { page: location.pathname, title: document.title });\r\n }\r\n\r\n if (!!window.dataLayer) {\r\n const dataLayer = window.dataLayer;\r\n dataLayer.push({ \r\n event: 'page-changed',\r\n url: location.pathname,\r\n page_title: document.title\r\n });\r\n }\r\n\r\n return () => {\r\n document.title = mainTitle;\r\n //window.ga('send', 'pageview', { page: location.pathname, title: document.title });\r\n };\r\n }, [title, location]);\r\n\r\n return <></>;\r\n};\r\n\r\nexport default PageTitle;","import React from \"react\";\r\nimport Section from \"../section/index\";\r\nimport Who from \"./Who\";\r\nimport InjectHtml from \"./InjectHtml\";\r\nimport PropTypes from \"prop-types\";\r\nimport CardList from \"../cardlist/\";\r\nimport Title from \"../shared/title\";\r\nimport { Link } from \"react-router-dom\";\r\nimport ReadNextItem from \"../readnext\";\r\nimport TwoColumnGrid from \"./sidebyside/\";\r\nimport Video from \"../shared/video\";\r\nimport PageTitle from \"../genericcontentpage/PageTitle\";\r\n//refactoring\r\n//look at structure of api response for page\r\n//remove env var setting and checks for now as I cannot pick them up on the server at the moment\r\n\r\nfunction HomePage({ homePageProps, contentRef, classname }) {\r\n const {\r\n heroBanner: { body, title },\r\n PullQuote: { quote },\r\n BenefitsAndOpportunities,\r\n introParagraph,\r\n caseStudiesLink,\r\n benefitsSection,\r\n readNextLinks,\r\n } = homePageProps;\r\n\r\n let caseStudyLinks = [];\r\n caseStudyLinks.push(caseStudiesLink);\r\n\r\n return (\r\n <main id=\"content\" ref={contentRef} className=\"main-container\">\r\n <PageTitle title={\"\"} />\r\n\r\n <div className=\"page-container\">\r\n <Section headingText={title} bodyText={body} styleName=\"section\" />\r\n <TwoColumnGrid\r\n id=\"right\"\r\n leftSideContent={<InjectHtml paragraphText={introParagraph} />}\r\n rightSideContent={<Video name=\"oruk-video\" height=\"250\" />}\r\n />\r\n {caseStudiesLink && caseStudiesLink.id && (\r\n <p id=\"case-studies\" className=\"card-content\">\r\n <Link to={caseStudiesLink.url}>\r\n {caseStudiesLink.TextToDisplay}\r\n </Link>\r\n </p>\r\n )}\r\n \r\n </div>\r\n\r\n {quote && (\r\n <section className=\"figure-block\">\r\n <figure className=\"page-container\">\r\n <blockquote className=\"format\">\r\n {homePageProps.PullQuote.quote}\r\n </blockquote>\r\n <figcaption>\r\n {homePageProps.PullQuote.Attribution &&\r\n homePageProps.PullQuote.Attribution}\r\n </figcaption>\r\n </figure>\r\n </section>\r\n )}\r\n\r\n <div className=\"page-container\">\r\n {BenefitsAndOpportunities && (\r\n <InjectHtml\r\n paragraphText={BenefitsAndOpportunities}\r\n sectionClassName=\"format list-items-boxed benefits\"\r\n />\r\n )}\r\n\r\n {homePageProps.CommunityStatsBox &&\r\n homePageProps.CommunityStatsBox.title && (\r\n <Who {...homePageProps.CommunityStatsBox} />\r\n )}\r\n\r\n {benefitsSection && benefitsSection.title && (\r\n <Title title={benefitsSection.title} />\r\n )}\r\n {benefitsSection &&\r\n benefitsSection.introParagraph &&\r\n benefitsSection.benefits && <p>{benefitsSection.introParagraph}</p>}\r\n {benefitsSection && benefitsSection.benefits && (\r\n <div id={`${benefitsSection.id}_title`} className=\"cardgrid\">\r\n <CardList\r\n key={benefitsSection.id}\r\n bodyText={benefitsSection.benefits.benefitText}\r\n paragraphTextList={benefitsSection.benefits}\r\n contentImage={benefitsSection.benefits.icon}\r\n />\r\n </div>\r\n )}\r\n <hr />\r\n {readNextLinks && (\r\n <div>\r\n <ul className=\"listnostyle readlinkscard\">\r\n {readNextLinks.map((next, index) => {\r\n return (\r\n <ReadNextItem\r\n key={index}\r\n linkItem={next}\r\n styleName=\"listnostyle readlinksitem\"\r\n />\r\n );\r\n })}\r\n </ul>\r\n </div>\r\n )}\r\n </div>\r\n </main>\r\n );\r\n}\r\n\r\nHomePage.propTypes = {\r\n links: PropTypes.array,\r\n};\r\n\r\nexport default HomePage;\r\n","import React from 'react';\r\nimport ReadNextItem from '../readnext';\r\n\r\nconst ArticleListPage = ({article}) => {\r\n\r\n return (\r\n article.links &&\r\n <ul className=\"card-link-container listnostyle\">\r\n {article.links.map ((link, index) => {\r\n return <ReadNextItem key={link.id ? link.id : index} linkItem={link} styleName=\"test\" />\r\n })}\r\n </ul>\r\n )\r\n\r\n }\r\n export default ArticleListPage;\r\n\r\n","import { useState, useEffect } from 'react';\r\nimport ArticleListPage from './ArticleListPage';\r\nimport InjectHtml from \"../home/InjectHtml\";\r\nimport PageTitle from '../genericcontentpage/PageTitle';\r\nconst BASE_URL = process.env.REACT_APP_BASE_URL;\r\n\r\nconst GenericLandingPage = ({ cmsLocation, articleType, contentRef }) => {\r\n\r\n const [article, setArticle] = useState(null);\r\n const [data, setData] = useState(null);\r\n const [isError, setIsError] = useState(null);\r\n \r\n useEffect(() => {\r\n fetch(new URL(cmsLocation, BASE_URL).href)\r\n .then(res => res.json())\r\n .then(jsonRes => setData(jsonRes))\r\n .catch(err => setIsError(err))\r\n }, [cmsLocation]);\r\n\r\n useEffect(() => {\r\n // check we have data, no error, and if data is array, array has elements\r\n if (data && !isError && (!Array.isArray(data) || data.length)) {\r\n const pageData = Array.isArray(data) ? data[0] : data;\r\n setArticle(pageData[articleType])\r\n };\r\n\r\n }, [article, data, isError, articleType]);\r\n\r\n if (isError || !article) return null;\r\n\r\n return <div className=\"page-container\">\r\n <main className=\"main-container\" ref={contentRef} id=\"content\">\r\n <PageTitle title={article.title} />\r\n <h1>{article.title}</h1>\r\n <InjectHtml paragraphText={article.introParagraph} />\r\n <ArticleListPage article={article} />\r\n </main>\r\n </div>;\r\n};\r\n\r\nexport default GenericLandingPage;","import React from \"react\";\r\n\r\nconst Numbers = ({ numbers }) => {\r\n if (!numbers) return null;\r\n\r\n //return a single badge pass params\r\n\r\n const keyArray = Object.keys(numbers).filter((n) => n !== \"id\");\r\n\r\n const numbersAray = keyArray.map((key) => {\r\n return (\r\n <li className=\"numbers\" key={key}>\r\n <span>{numbers[key]}</span> {key}\r\n </li>\r\n );\r\n });\r\n\r\n return (\r\n <div className=\"who\">\r\n <ul className=\"numbers-container\">{numbersAray}</ul>\r\n </div>\r\n );\r\n};\r\nexport default Numbers;\r\n","import AnchorLink from 'react-anchor-link-smooth-scroll';\r\n\r\nconst SideMenu = ({ subMenu }) => {\r\n\t// don't render sidebar unless we have at least one section that has a title\r\n\tif (!subMenu || subMenu.length === 0 || (subMenu.length === 1 && !subMenu[0])) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t//TO DO select the active sub menu item probably based off the URL passed to the API\r\n\r\n\t\t<>\r\n\t\t\t<aside className=\"sidebar flex-left\">\r\n\t\t\t\t<h2 className=\"sidebar__heading\">On this page</h2>\r\n\t\t\t\t<nav>\r\n\t\t\t\t\t<ul>\r\n\t\t\t\t\t\t{subMenu.map((menuItem, index) => {\r\n\t\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t\t<li key={index}>\r\n\t\t\t\t\t\t\t\t\t<AnchorLink href={`#section-${index + 1}-heading`}>\r\n\t\t\t\t\t\t\t\t\t\t{menuItem}\r\n\t\t\t\t\t\t\t\t\t</AnchorLink>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t)\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</nav>\r\n\t\t\t</aside>\r\n\t\t</>\r\n\t)\r\n}\r\n\r\n\r\nexport default SideMenu;\r\n","import React from 'react';\r\nimport CompanyLogo from '../../artefacts/logo';\r\n\r\nimport LinkListItem from '../../links/LinkListItem';\r\n//use generic\r\n\r\nconst Card = ({organisation, styleName}) => {\r\n /* return one single card */\r\n \r\n const { id, orgTitle, organisationLogo, orgLinks} = organisation\r\n \r\n let logo = <></>;\r\n\r\n if (organisationLogo && organisationLogo.CompanyLogo) {\r\n logo = (\r\n <div className=\"card__img-container\">\r\n <CompanyLogo logo={organisationLogo.CompanyLogo} />\r\n </div>\r\n );\r\n }\r\n\r\n return (\r\n <li key={id} className={styleName}>\r\n {logo}\r\n <h3>{orgTitle}</h3>\r\n <ul className=\"listnostyle card__sub-list\">\r\n {orgLinks &&\r\n Object.keys(orgLinks).length > 0 &&\r\n orgLinks.map((orgLink) => {\r\n orgLink.external = true;\r\n return <LinkListItem key={`${id}${orgLink.id}`} link={orgLink} />;\r\n })}\r\n </ul>\r\n </li>\r\n );\r\n};\r\n\r\nexport default Card;","import Card from \"./Card\"\r\n//refactored\r\nconst CardList = ({ organisationList, id, styles }) => {\r\n\r\n return (\r\n \r\n organisationList && organisationList.length > 0 && organisationList.map(organisation => \r\n {\r\n \r\n return <Card key={organisation.id} organisation={organisation} styleName=\"card-content listnostyle\"/>\r\n \r\n })\r\n )\r\n \r\n}\r\nexport default CardList;","import LinkExternal from '../footer/LinkExternal';\r\n\r\nconst LinkWithTitle = ({ link, title }) => {\r\n if (!link) return null;\r\n\r\n return (\r\n <>\r\n <hr />\r\n <section>\r\n {link.TextToDisplay && <h3>{title}</h3> }\r\n <p>\r\n <LinkExternal link={link} styleName=\"\"/> \r\n </p>\r\n </section>\r\n </>\r\n )\r\n}\r\n\r\nexport default LinkWithTitle;","import { Fragment } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport Numbers from './badge/'\r\nimport SideMenu from \"../sidemenu/\";\r\nimport useOukapi from '../../helpers/dataFetch';\r\nimport CardList from './Cards/CardList';\r\nimport Title from '../shared/title';\r\nimport LinkWithTitleSection from \"./LinkWithTitleSection\";\r\nimport BackButton from '../genericcontentpage/BackButton';\r\n\r\n//build a picture\r\nconst WhoIsUsing = ({ parent, contentRef }) => {\r\n\r\n //use styles prop\r\n\r\n const getObjects = (orgSections) => {\r\n\r\n let titles = orgSections.filter(org => org.title);\r\n\r\n return titles.map(title => {\r\n return title.title\r\n });\r\n }\r\n\r\n const getGroups = (orgSections) => {\r\n\r\n let orgTitles = orgSections.filter(org => org.title);\r\n return orgTitles;\r\n\r\n }\r\n\r\n const BASE_URL = process.env.REACT_APP_BASE_URL;\r\n const REACT_APP_WHO_IS_USING_PAGE = process.env.REACT_APP_WHO_IS_USING_PAGE;\r\n\r\n const [{ data, isError }, isFetching] = useOukapi(`${BASE_URL}${REACT_APP_WHO_IS_USING_PAGE}`);\r\n const {\r\n pageTitle,\r\n numbers,\r\n id,\r\n orgSections,\r\n caseStudiesLink,\r\n underNumbersText,\r\n registerLink,\r\n registerLinkWithTitle\r\n } = data\r\n\r\n //need id make sure all keys set\r\n console.log(id);\r\n\r\n if (isFetching || isError)\r\n return null;\r\n\r\n return (\r\n <main id=\"content\" className=\"main-container\" ref={contentRef}>\r\n <div className=\"page-container flex-container\">\r\n <SideMenu subMenu={getObjects(orgSections)} />\r\n <article className=\"flex-right\"> \r\n <BackButton parent={parent} />\r\n\r\n <h1>{pageTitle}</h1>\r\n\r\n <Numbers numbers={numbers} />\r\n <p>{underNumbersText}</p>\r\n\r\n <a href={registerLink.url} className=\"button button-primary\">\r\n {registerLink.TextToDisplay}\r\n </a>\r\n\r\n <p>\r\n <Link to={caseStudiesLink.url} >{caseStudiesLink.TextToDisplay}</Link>\r\n </p>\r\n\r\n {orgSections && getGroups(orgSections).map((organisation, index) => {\r\n return <Fragment key={`${organisation.id}grouptitle}`}>\r\n <Title title={organisation.title} id={`section-${index + 1}-heading`} />\r\n <ul id={`${organisation.id}_title`} className=\"cardgrid\">\r\n <CardList key={organisation.id} organisationList={organisation.Organisation} type=\"org\" />\r\n </ul>\r\n </Fragment>\r\n })}\r\n\r\n <LinkWithTitleSection {...registerLinkWithTitle} />\r\n\r\n </article>\r\n\r\n </div>\r\n\r\n </main>\r\n )\r\n\r\n}\r\nexport default WhoIsUsing;\r\n\r\n","import InjectHtml from \"../home/InjectHtml\";\r\n\r\nexport const covertHeadingToIdentifier = (heading) => {\r\n if (!heading || typeof heading !== \"string\") return null;\r\n return heading.toLowerCase().replace(/\\s/g, \"-\");\r\n};\r\n\r\nexport const HtmlSection = ({ section, index, children }) => {\r\n const header = section.sectionHeading ? (\r\n <h2 id={`section-${index + 1}-heading`}>{section.sectionHeading}</h2>\r\n ) : null;\r\n\r\n const sectionClassName = covertHeadingToIdentifier(section.sectionHeading);\r\n\r\n return (\r\n <div className={sectionClassName}>\r\n <InjectHtml\r\n itemKey={`${index}body`}\r\n paragraphText={section.sectionBody}\r\n paragraphHeader={header}\r\n />\r\n {children}\r\n </div>\r\n );\r\n};\r\n\r\nconst HtmlSections = ({ sections }) =>\r\n sections.map((section, index) => (\r\n <HtmlSection key={section.id} index={index} section={section} />\r\n ));\r\n\r\nexport default HtmlSections;\r\n","import { Link } from 'react-router-dom';\r\n\r\nconst ReadNextLink = ({ link }) => {\r\n if (!link)\r\n return null;\r\n\r\n return <Link to={link.url}>\r\n {link.TextToDisplay}\r\n </Link>;\r\n};\r\n\r\nexport default ReadNextLink;","import HtmlSections from '../htmlsection';\r\nimport SideMenu from '../sidemenu';\r\nimport PageTitle from './PageTitle';\r\nimport BackButton from './BackButton';\r\nimport ReadNextLink from './ReadNextLink';\r\n\r\nconst GenericContent = ({ description, showDescription = false, article, articleClassName, parent, contentRef, Sections = HtmlSections, RelatedLink = ReadNextLink }) => {\r\n\r\n if (!article)\r\n return null;\r\n\r\n const { title, sections = [], ReadNextLink: link } = article;\r\n\r\n const sectionHeadings = sections.map(section => section.sectionHeading);\r\n\r\n return <main id=\"content\" ref={contentRef} className=\"main-container\">\r\n <PageTitle title={title} />\r\n <div className={`page-container flex-container`}>\r\n <SideMenu subMenu={sectionHeadings} />\r\n <article className={`flex-right ${articleClassName}`}>\r\n <BackButton parent={parent} />\r\n <h1>{title}</h1>\r\n {showDescription && !!description && <p><small>{description}</small></p>}\r\n <div className=\"body\">\r\n <Sections sections={sections} />\r\n </div>\r\n {!!link && <hr />}\r\n <RelatedLink link={link} />\r\n </article>\r\n </div>\r\n </main>;\r\n};\r\n\r\nexport default GenericContent;","import { useState, useEffect } from 'react';\r\nimport NotFound from '../errorpage';\r\nimport GenericContent from './GenericContent';\r\n\r\nconst BASE_URL = process.env.REACT_APP_BASE_URL;\r\n\r\nconst GenericContentContainer = ({ cmsLocation, articleType, parent = null, contentRef, articleClassName = null, ContentComponent = GenericContent, NotFoundComponent = NotFound }) => {\r\n const [article, setArticle] = useState(null);\r\n const [isNotFound, setIsNotFound] = useState(false);\r\n const [data, setData] = useState(null);\r\n const [isError, setIsError] = useState(null);\r\n const [description, setDescription] = useState(null);\r\n const [slugfield, setSlugfield] = useState(null);\r\n\r\n useEffect(() => {\r\n fetch(new URL(cmsLocation, BASE_URL).href)\r\n .then(res => res.json())\r\n .then(jsonRes => setData(jsonRes))\r\n .catch(err => setIsError(err))\r\n }, [cmsLocation]);\r\n\r\n useEffect(() => {\r\n // check we have data, no error, and if data is array, array has elements\r\n\r\n if (data && !isError) {\r\n if ((!Array.isArray(data) || data.length)) {\r\n const pageData = Array.isArray(data) ? data[0] : data;\r\n setArticle(pageData[articleType]);\r\n setIsNotFound(false);\r\n setDescription(pageData.description);\r\n setSlugfield(pageData.slugfield);\r\n }\r\n else {\r\n setIsNotFound(true);\r\n }\r\n };\r\n }, [article, data, isError, articleType]);\r\n\r\n if (isError || isNotFound)\r\n return !!NotFoundComponent ? <NotFoundComponent parent={parent} /> : null;\r\n\r\n if (!article)\r\n return null;\r\n\r\n const props = {\r\n slugfield,\r\n description,\r\n article,\r\n parent,\r\n contentRef,\r\n articleClassName\r\n };\r\n\r\n return <ContentComponent {...props} />;\r\n};\r\n\r\nexport default GenericContentContainer;","import GenericContentContainer from './GenericContentContainer';\r\nimport GenericContent from './GenericContent';\r\n\r\nconst GenericContentPage = (props) => <GenericContentContainer {...props} ContentComponent={GenericContent} />;\r\n\r\nexport default GenericContentPage;","import GenericContentContainer from './GenericContentContainer';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst CaseStudyRelatedLinkContent = ({ slugfield = '', description, showDescription = false, article }) => {\r\n\r\n if (!article)\r\n return null;\r\n\r\n const { title } = article;\r\n\r\n return <div>\r\n <h2 className='case-study-heading'>Other relevent case studies</h2>\r\n \r\n <div class='case-study-related'>\r\n <Link to={`/community/case-studies/${slugfield}`}><h3>{title}</h3></Link>\r\n <p>\r\n {description}\r\n </p>\r\n </div>\r\n </div>;\r\n};\r\n\r\nconst CaseStudyRelatedLink = ({ link }) => {\r\n if (!link)\r\n return null;\r\n\r\n return <>\r\n <GenericContentContainer \r\n cmsLocation={`/case-studies?slugfield=${link.url}`}\r\n articleType=\"CaseStudy\"\r\n ContentComponent={CaseStudyRelatedLinkContent}\r\n NotFoundComponent={null}\r\n />\r\n <div>\r\n <h2 className='case-study-heading'>Share your case study about adopting Open Referral UK?</h2>\r\n \r\n <div>\r\n <a href=\"mailto:hello@openreferraluk.org\" class=\"button button-primary\">Contact us to share your case studies</a> \r\n </div>\r\n </div>\r\n </>;\r\n};\r\n\r\nexport default CaseStudyRelatedLink;","import CaseStudyRelatedLink from './CaseStudyRelatedLink';\r\nimport GenericContent from './GenericContent';\r\n\r\nconst CaseStudy = (props) => <GenericContent {...props} showDescription={true} RelatedLink={CaseStudyRelatedLink} />;\r\n\r\nexport default CaseStudy;","import CaseStudy from './CaseStudy';\r\nimport GenericContentContainer from './GenericContentContainer';\r\n\r\nconst CaseStudyPage = ({ slugField, contentRef }) => <GenericContentContainer \r\n articleClassName=\"case-study\" \r\n cmsLocation={`/case-studies?slugfield=${slugField}`}\r\n articleType=\"CaseStudy\"\r\n parent={{ path: `/community/case-studies`, title: `Case studies` }}\r\n ContentComponent={CaseStudy}\r\n contentRef={contentRef}\r\n/>;\r\n\r\nexport default CaseStudyPage;","import { covertHeadingToIdentifier, HtmlSection } from '../htmlsection';\r\nimport { useState } from 'react';\r\nimport GenericContent from './GenericContent';\r\nimport InjectHtml from '../home/InjectHtml';\r\nimport 'formdata-polyfill';\r\n\r\nconst apiUrl = 'https://validator.openreferraluk.org/api';\r\n\r\nconst onSubmitSetResponse = (e, setResponse) => {\r\n e.preventDefault();\r\n\r\n const form = e.target;\r\n const data = new URLSearchParams(new FormData(form));\r\n\r\n fetch(form.action, {\r\n method: form.method,\r\n mode: 'cors', // no-cors, *cors, same-origin\r\n cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached\r\n //credentials: 'same-origin', // include, *same-origin, omit\r\n headers: {\r\n 'Content-Type': 'application/x-www-form-urlencoded',\r\n },\r\n //redirect: 'follow', // manual, *follow, error\r\n //referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url\r\n body: data\r\n })\r\n .then(async response => setResponse(await response.json()))\r\n .catch(error => {\r\n console.log(error);\r\n setResponse({ success: false });\r\n });\r\n};\r\n\r\nconst ResponseMessage = ({ response }) => {\r\n const { success, error, errors } = response;\r\n\r\n if (success !== true && success !== false)\r\n return null;\r\n\r\n if (success)\r\n return <div className=\"alert alert-success mt-1rem\" aria-live=\"polite\">Registered successfully</div>;\r\n\r\n if (errors)\r\n return <div className=\"alert alert-danger mt-1rem\" aria-live=\"polite\">{errors.map(error => <div>{error.message}</div>)}</div>;\r\n\r\n if (error)\r\n return <div className=\"alert alert-danger mt-1rem\" aria-live=\"polite\">{error}</div>;\r\n \r\n return <div className=\"alert alert-danger mt-1rem\" aria-live=\"polite\">Registration unsuccessful</div>;\r\n};\r\n\r\nconst FieldClassName = (field, response) => {\r\n const { errors = [] } = response;\r\n return `${errors.filter(error => error.field === field).length > 0 ? 'error': ''}`;\r\n};\r\n\r\nconst KeepInformedSection = ({ section, index }) => {\r\n //const [response, setResponse] = useState({});\r\n //const onSubmit = e => onSubmitSetResponse(e, setResponse);\r\n\r\n return <HtmlSection key={section.id} index={index} section={section}>\r\n <div className=\"mt-1rem\">\r\n <a href=\"https://openreferraluk.us1.list-manage.com/subscribe?u=9cdac16b200ed03ca1159653a&id=00056900bd\" className=\"button button-primary\">\r\n Subscribe to the Open Referral UK mailing list\r\n </a>\r\n </div>\r\n {/* <form className=\"form-section\" action={`${apiUrl}/registerUser`} method=\"post\" onSubmit={onSubmit}>\r\n <h3>Sign up to our news letter</h3>\r\n <label className=\"required\">Email address</label>\r\n <div className=\"input-with-button\">\r\n <input type=\"email\" id=\"email-address\" name=\"email_address\" className={FieldClassName('email_address', response)} required />\r\n <button type=\"submit\" className=\"button button-primary\">Subscribe</button>\r\n </div>\r\n <ResponseMessage response={response} />\r\n </form> */}\r\n </HtmlSection>;\r\n};\r\n\r\nconst RegisterYourOrganisation = ({ section, index }) => { \r\n const [response, setResponse] = useState({});\r\n const onSubmit = e => onSubmitSetResponse(e, setResponse);\r\n \r\n return <form className=\"form-section\" action={`${apiUrl}/registerOrganisation`} method=\"post\" onSubmit={onSubmit}>\r\n <h3>{section.sectionHeading}</h3>\r\n <InjectHtml itemKey={`${index}body`} paragraphText={section.sectionBody} />\r\n\r\n <div className=\"form-item\">\r\n <label htmlFor=\"organisation-name\" className=\"required\">Organisation name</label>\r\n <input type=\"text\" id=\"organisation-name\" name=\"organisation_name\" className={FieldClassName('organisation_name', response)} required />\r\n </div>\r\n\r\n <div className=\"form-item\">\r\n <label htmlFor=\"organisation-type\" className=\"required\">Organisation type</label>\r\n <input type=\"text\" id=\"organisation-type\" name=\"organisation_type\" list=\"organisation-types\" className={FieldClassName('organisation_type', response)} required />\r\n <datalist id=\"organisation-types\">\r\n <option value=\"Commissioning a directory of services\" />\r\n <option value=\"Supplying directory software and API\" />\r\n <option value=\"Consuming an Open Referral UK compliant API\" />\r\n <option value=\"Maintaining service data\" />\r\n </datalist>\r\n </div>\r\n\r\n <div className=\"form-item\">\r\n <label className=\"required\">Organisation adoption stage</label>\r\n <div className={`check-list ${FieldClassName('adoptation_stage', response)}`}>\r\n <div className=\"check-item\">\r\n <input type=\"radio\" id=\"adoption-considering\" name=\"adoptation_stage\" value=\"Considering\" /> <label htmlFor=\"adoption-considering\">Considering</label>\r\n </div>\r\n <div className=\"check-item\">\r\n <input type=\"radio\" id=\"adoption-adopting\" name=\"adoptation_stage\" value=\"Adopting\" /> <label htmlFor=\"adoption-adopting\">Adopting</label>\r\n </div>\r\n <div className=\"check-item\">\r\n <input type=\"radio\" id=\"adoption-adopted\" name=\"adoptation_stage\" value=\"Adopted\" /> <label htmlFor=\"adoption-adopted\">Adopted</label>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div className=\"form-item\">\r\n <label htmlFor=\"url\">\r\n Web link URL (optional)\r\n <small>Provide a link for people to read about your adoption or organisation.</small>\r\n </label>\r\n <input type=\"text\" id=\"url\" name=\"url\" />\r\n </div>\r\n\r\n <div className=\"form-item\">\r\n <label htmlFor=\"private-email-address\">\r\n <span className=\"required\">Private email address</span>\r\n <small>So that we can follow-up with you to verify your organisation. Will not be shared.</small>\r\n </label>\r\n <input type=\"email\" id=\"private-email-address\" name=\"private_email_address\" className={FieldClassName('private_email_address', response)} required />\r\n </div>\r\n\r\n <div className=\"form-item\">\r\n <label htmlFor=\"public-email-address\">\r\n Public email address (optional)\r\n <small>Will be shared alongside your organisation on our Who's using page.</small>\r\n </label>\r\n <input type=\"email\" id=\"public-email-address\" name=\"public_email_address\" />\r\n </div>\r\n\r\n <div className=\"form-item\">\r\n <br />\r\n <button type=\"submit\" className=\"button button-primary\">Register organisation</button>\r\n </div>\r\n \r\n <ResponseMessage response={response} />\r\n </form>;\r\n};\r\n\r\nconst RegisterSections = ({ sections }) => sections.map((section, index) => {\r\n const identifier = covertHeadingToIdentifier(section.sectionHeading);\r\n\r\n if (identifier === `keep-informed`)\r\n return <KeepInformedSection key={section.id} index={index} section={section} />;\r\n\r\n if (identifier === `register-your-organisation`)\r\n return <RegisterYourOrganisation key={section.id} index={index} section={section} />;\r\n\r\n return <HtmlSection key={section.id} index={index} section={section} />;\r\n});\r\n\r\nconst RegisterContent = (props) => <GenericContent {...props} showDescription={false} Sections={RegisterSections} />;\r\n\r\nexport default RegisterContent;","import RegisterContent from './RegisterContent';\r\nimport GenericContentContainer from './GenericContentContainer';\r\n\r\nconst RegisterPage = (props) => <GenericContentContainer \r\n {...props}\r\n articleClassName='register-page'\r\n parent={{ path: `/community`, title: `Community` }}\r\n ContentComponent={RegisterContent}\r\n/>;\r\n\r\nexport default RegisterPage;","import { Link } from \"react-router-dom\";\r\n\r\nconst CaseStudyOverview = ({ CaseStudy, description, slugfield }) => {\r\n const { title } = CaseStudy;\r\n\r\n return (\r\n <li>\r\n <Link to={`case-studies/${slugfield}`}>\r\n {title}\r\n </Link>\r\n <p className=\"case-study-description\">{description}</p>\r\n </li>\r\n )\r\n};\r\n\r\nexport default CaseStudyOverview;","import { useState, useEffect } from 'react';\r\nimport CaseStudyOverview from './CaseStudyOverview';\r\nimport InjectHtml from \"../home/InjectHtml\";\r\nimport useOukapi from '../../helpers/dataFetch';\r\nimport PageTitle from '../genericcontentpage/PageTitle';\r\nimport BackButton from '../genericcontentpage/BackButton';\r\nimport NotFound from '../errorpage';\r\nconst BASE_URL = process.env.REACT_APP_BASE_URL;\r\nconst CASE_STUDIES_LANDING_PAGE = process.env.REACT_APP_CASE_STUDIES_LANDING_PAGE;\r\nconst CASE_STUDIES = process.env.REACT_APP_CASE_STUDIES;\r\n\r\nconst LandingPage = ({ parent, contentRef }) => {\r\n\tconst [title, setTitle] = useState(\"\");\r\n\tconst [introParagraph, setIntroParagraph] = useState(\"\");\r\n\r\n\tconst [{ data: landingData, isError: isLandingError }, isFeatchingLanding] = useOukapi(new URL(CASE_STUDIES_LANDING_PAGE, BASE_URL).href);\r\n\tconst [{ data: casesData, isError: isCasesError}, isFeatchingCases] = useOukapi(new URL(CASE_STUDIES, BASE_URL).href);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (landingData.hasOwnProperty(\"title\") && landingData.hasOwnProperty(\"introParagraph\")) {\r\n\t\t\tsetTitle(landingData.title);\r\n\t\t\tsetIntroParagraph(landingData.introParagraph)\r\n\t\t}\r\n\t}, [landingData]);\r\n\r\n\tif (isFeatchingLanding || isFeatchingCases)\r\n\t\treturn null;\r\n\r\n\tif (isLandingError || isCasesError || !landingData || !casesData)\r\n\t\treturn <NotFound />;\r\n\r\n\tconst caseStudyOverviewElements = casesData.map(caseStudy => {\r\n\t\treturn <CaseStudyOverview {...caseStudy} key={caseStudy.id} />\r\n\t});\r\n\r\n\treturn (\r\n <div className=\"page-container\" ref={contentRef}>\r\n <main id=\"content\" className=\"main-container\">\r\n <PageTitle title={title} />\r\n <BackButton parent={parent} />\r\n <h1>{title}</h1>\r\n <InjectHtml paragraphText={introParagraph} />\r\n <ul className=\"card-link-container listnostyle\">\r\n {caseStudyOverviewElements}\r\n </ul>\r\n </main>\r\n </div>\r\n );\r\n}\r\n\r\nexport default LandingPage;","import { Link } from \"react-router-dom\";\r\nimport { useRef } from 'react';\r\n\r\nconst SkipToContent = ({ contentRef }) => {\r\n const skipLink = useRef(null);\r\n\r\n return (\r\n <Link ref={skipLink} to=\"#content\" onClick={() => { if (skipLink.current && contentRef.current) { skipLink.current.blur(); contentRef.current.focus()}}} className=\"skiplink\">Skip to main content</Link>\r\n )\r\n};\r\n\r\nexport default SkipToContent;","const LinkLabel = ({ label, url }) => !!url ? <a href={url} target='_blank' rel='noreferrer'>{label}</a> : <span>{label}</span>;\r\n\r\nconst Checked = ({ label, url, message, cssClassName = '' }) => <div className={`checked ${cssClassName}`}><LinkLabel {...{ label, url }} /> {!!message && <div className='message'>{message}</div>}</div>;\r\nconst PartialChecked = ({ label, url, message, cssClassName = '' }) => <div className={`partial-checked ${cssClassName}`} tabIndex='0'><LinkLabel {...{ label, url }} /> {!!message && <div className='message'>{message}</div>}</div>;\r\nconst Unchecked = ({ label, url, message, cssClassName = '' }) => <div className={`unchecked ${cssClassName}`} tabIndex='0'><LinkLabel {...{ label, url }} /> {!!message && <div className='message'>{message}</div>}</div>;\r\n\r\nconst Checkbox = ({ isChecked, positiveMessage, negativeMessage, url, errorMessage, successMessage = undefined }) =>\r\n isChecked\r\n ? <Checked label={positiveMessage || 'Yes'} message={successMessage} url={url} />\r\n : <Unchecked label={negativeMessage || 'No'} message={errorMessage} url={url} />;\r\n\r\nexport default Checkbox;\r\n\r\nexport const IsServicesValidCheckbox = ({ item }) =>\r\n <Checkbox isChecked={item.isServicesValid} errorMessage={item.servicesMessage} positiveMessage={'Valid'} url={`${item.url}/services`} />;\r\n\r\nexport const IsServiceExampleValidCheckbox = ({ item }) =>\r\n <Checkbox isChecked={item.isServiceExampleValid} errorMessage={item.serviceExampleMessage} positiveMessage={'Valid'} url={!!item.serviceExampleIdentifier ? `${item.url}/services/${item.serviceExampleIdentifier}` : undefined} />;\r\n\r\nconst cleanTestName = (name = '') => name.replace(/ Test/gi, '').replace(/ Search/gi, '');\r\n\r\nexport const IsSearchEnabled = ({ item }) => {\r\n const searchResults = item.searchResults || [];\r\n searchResults.sort((a, b) => cleanTestName(a.testName).localeCompare(cleanTestName(b.testName)));\r\n\r\n const message = <ul>\r\n {searchResults.map(r => <li key={r.testName}>{cleanTestName(r.testName)}: {r.success ? 'Yes' : r.errorMessage}</li>)}\r\n </ul>;\r\n\r\n const allSuccess = searchResults.every(r => r.success);\r\n if (allSuccess)\r\n return <Checked label={'Yes'} message={message} />;\r\n\r\n const partialSuccess = searchResults.some(r => r.success);\r\n if (partialSuccess)\r\n return <PartialChecked label={'Partial'} message={message} />;\r\n\r\n return <Unchecked label={'No'} message={message} />;\r\n};","const ApiLink = ({item}) => <>\r\n <a href={`https://tools.openreferraluk.org/ApiQuery/?endpoint=${item.url}`}>API</a>{' '}\r\n <a href={`https://validator.openreferraluk.org/?endpoint=${item.url}`}>Validation</a>\r\n</>;\r\n\r\nexport default ApiLink;","const getTimeMessage = (n, singular) => Math.round(n) === 1 ? `${Math.round(n)} ${singular} ago` : `${Math.round(n)} ${singular}s ago`;\r\n\r\nexport const getTimeDiffMessage = (lastCheck) => {\r\n const now = Date.now();\r\n const timestamp = lastCheck;\r\n const diff = now - timestamp;\r\n\r\n const seconds = diff / 1000;\r\n\r\n if (Math.round(seconds) < 60)\r\n return getTimeMessage(seconds < 0 ? 0 : seconds, 'second');\r\n\r\n const minutes = seconds / 60;\r\n\r\n if (Math.round(minutes) < 60)\r\n return getTimeMessage(minutes, 'minute');\r\n\r\n const hours = minutes / 60;\r\n\r\n if (Math.round(hours) < 24)\r\n return getTimeMessage(hours, 'hour');\r\n\r\n const days = hours / 24;\r\n\r\n if (Math.round(days) < 365)\r\n return getTimeMessage(days, 'day');\r\n\r\n const years = days / 365;\r\n\r\n return getTimeMessage(years, 'year');\r\n};\r\n\r\nconst months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\r\nconst formatNumber = (n) => (n < 10) ? `0${n}` : `${n}`;\r\n\r\nexport const getDateText = (utcDate) => {\r\n const localDate = new Date(utcDate);\r\n\r\n const year = localDate.getFullYear();\r\n const month = months[localDate.getMonth()];\r\n const day = localDate.getDate();\r\n const hour = formatNumber(localDate.getHours());\r\n const minute = formatNumber(localDate.getMinutes());\r\n const second = formatNumber(localDate.getSeconds());\r\n\r\n return `${day} ${month} ${year} ${hour}:${minute}:${second}`;\r\n};\r\n\r\nexport const getTimeTaken = milliseconds => {\r\n const seconds = (milliseconds / 1000).toFixed(2);\r\n\r\n if (milliseconds < 60000)\r\n return `${seconds} second${seconds === 1 ? '' : 's'}`;\r\n\r\n const minutes = Math.round(milliseconds / 60000);\r\n\r\n return `${minutes} minute${minutes === 1 ? '' : 's'}`;\r\n};\r\n\r\nexport const dbStringToUtc = dbString => Date.parse(`${dbString}.000Z`);","import { getTimeDiffMessage, getDateText, getTimeTaken, dbStringToUtc } from './utilities';\r\n\r\nconst LastChecked = ({ item }) => {\r\n\r\n const { checkIsRunning, lastCheck, timeTaken } = item;\r\n const utcLastCheck = dbStringToUtc(lastCheck);\r\n const date = getDateText(utcLastCheck);\r\n const diff = getTimeDiffMessage(utcLastCheck);\r\n const time = getTimeTaken(timeTaken);\r\n\r\n if (checkIsRunning || !lastCheck)\r\n return <span title={`Started check at ${date} (${diff}).`}>Checking...</span>;\r\n\r\n if (utcLastCheck < new Date(2019, 0, 1))\r\n return <span>Not run yet</span>;\r\n\r\n return <span title={`${date} (took: ${time})`}>{diff}</span>;\r\n};\r\n\r\nexport default LastChecked;","export const getUrlAndLabel = (item, prefix) => {\r\n const url = item[`${prefix}Url`];\r\n const label = item[`${prefix}Label`];\r\n return { url, label };\r\n};\r\n\r\nconst LabelLink = ({ url, label }) =>\r\n !!url\r\n ? <a href={url} target='_blank' rel='noopener noreferrer'>{label}</a>\r\n : <span>{label}</span>;\r\n\r\nexport default LabelLink;\r\n\r\nexport const OrganisationLabel = ({ item }) => LabelLink(getUrlAndLabel(item, 'organisation'));\r\n\r\nexport const DeveloperLabel = ({ item }) => LabelLink(getUrlAndLabel(item, 'developer'));","import InjectHtml from '../home/InjectHtml';\r\n\r\nconst Title = ({ children, help }) =>\r\n !!help[children]\r\n ? <span className='with-help'>{children}<span className='help' tabIndex='0'><span className='help-text'><InjectHtml sectionClassName='' itemKey={`help-${children}`} paragraphText={help[children]} /></span></span></span>\r\n : <span>{children}</span>;\r\n\r\nexport default Title;","import { useState, useRef, useEffect } from \"react\";\r\n\r\nconst SummaryButton = ({ summary, rowNum }) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n //const readRef = useRef(null);\r\n const closeRef = useRef(null);\r\n\r\n useEffect(() => {\r\n if (isOpen) {\r\n document.body.style.overflow = \"hidden\";\r\n closeRef.current.focus();\r\n } else {\r\n document.body.style.overflow = \"scroll\";\r\n //readRef.current.focus();\r\n }\r\n }, [isOpen]);\r\n\r\n if (!summary) return <span>-</span>;\r\n\r\n const dialogId = `dialog${rowNum}content`;\r\n\r\n return (\r\n <>\r\n <button\r\n className=\"button-link\"\r\n onClick={() => setIsOpen(true)}\r\n //ref={readRef}\r\n >\r\n Read\r\n </button>\r\n <div className={`modal-background ${isOpen ? \"visible\" : \"\"}`}>\r\n <div\r\n className={`modal ${isOpen ? \"visible\" : \"\"}`}\r\n role=\"dialog\"\r\n aria-labelledby={dialogId}\r\n aria-modal=\"true\"\r\n >\r\n <button\r\n className=\"close-button button-link\"\r\n onClick={() => setIsOpen(false)}\r\n ref={closeRef}\r\n >\r\n close\r\n </button>\r\n <p id={dialogId}>{summary}</p>\r\n </div>\r\n </div>\r\n </>\r\n );\r\n};\r\n\r\nexport default SummaryButton;\r\n","import Checkbox, { IsServicesValidCheckbox, IsServiceExampleValidCheckbox, IsSearchEnabled } from './checkbox';\r\nimport ApiLink from './apiLink';\r\nimport LastChecked from './lastChecked';\r\nimport { OrganisationLabel, DeveloperLabel } from './labelLink';\r\nimport Title from './title';\r\nimport SummaryButton from './summaryButton';\r\n\r\nconst Item = ({ item, help }) => <div className=\"item\">\r\n <h3><OrganisationLabel item={item} /></h3>\r\n\r\n <div className=\"developer\">\r\n <div className=\"label\"><Title help={help}>Developer
\r\n \r\n
\r\n
Endpoint up \r\n
\r\n
\r\n
\r\n
Services feed \r\n
\r\n
\r\n
\r\n
\r\n
{`Service {id} feed`} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Last checked \r\n
\r\n
\r\n
\r\n
\r\n {data.map(item =>
;\r\n\r\nexport default Items;","import Checkbox, { IsServicesValidCheckbox, IsServiceExampleValidCheckbox, IsSearchEnabled } from './checkbox';\r\nimport ApiLink from './apiLink';\r\nimport LastChecked from './lastChecked';\r\nimport { OrganisationLabel, DeveloperLabel } from './labelLink';\r\nimport SummaryButton from './summaryButton';\r\n\r\nconst Row = ({ item, index }) => \r\n ;\r\n\r\nexport default Row;","import Row from \"./row\";\r\nimport Title from \"./title\";\r\n\r\nconst Table = ({ data, help }) => (\r\n \r\n \r\n \r\n \r\n Organisation \r\n \r\n \r\n Developer \r\n \r\n \r\n Endpoint up \r\n \r\n \r\n Services feed \r\n \r\n \r\n {`Service {id} feed`} \r\n \r\n \r\n Searchable \r\n \r\n \r\n Last checked \r\n \r\n \r\n Summary \r\n \r\n \r\n Explore \r\n \r\n \r\n \r\n \r\n {data.map((item, index) => (\r\n |
\r\n ))}\r\n \r\n
\r\n);\r\n\r\nexport default Table;\r\n","import Items from './items';\r\nimport Table from './table';\r\nimport { getDateText } from './utilities';\r\nimport { useEffect, useState } from 'react';\r\nimport InjectHtml from '../home/InjectHtml';\r\nimport PageTitle from '../genericcontentpage/PageTitle';\r\n\r\nconst apiUrl = 'https://validator.openreferraluk.org/api';\r\n\r\nconst BASE_URL = process.env.REACT_APP_BASE_URL;\r\nconst contentSlugfield = `dashboard-content`;\r\nconst contentPath = `/pages?slugfield=${contentSlugfield}`;\r\nconst helpSlugfield = `dashboard-help`;\r\nconst helpPath = `/pages?slugfield=${helpSlugfield}`;\r\n\r\nconst compareLabels = (a, b) => (a.label || '').localeCompare(b.label);\r\n\r\nconst sortData = (data) => {\r\n data.sort(compareLabels);\r\n return data;\r\n};\r\n\r\nconst fetchData = async () => {\r\n try {\r\n const response = await fetch(apiUrl);\r\n if (response.status === 200)\r\n return response.json();\r\n return [];\r\n }\r\n catch (err) {\r\n console.log('error ', err);\r\n return [];\r\n }\r\n};\r\n\r\nconst parseContent = (contentArray) => {\r\n const content = contentArray.find(c => c.slugfield === contentSlugfield) || {};\r\n const { title, sections } = content.page;\r\n const header = (sections.find(s => s.sectionHeading === 'header') || {}).sectionBody;\r\n const footer = (sections.find(s => s.sectionHeading === 'footer') || {}).sectionBody;\r\n return { title, header, footer };\r\n};\r\n\r\nconst parseHelp = (contentArray, slugfield) => {\r\n const content = contentArray.find(c => c.slugfield === slugfield) || {};\r\n const { title, sections = [] } = content.page;\r\n return sections.reduce((accumulator, s) => { accumulator[s.sectionHeading] = s.sectionBody; return accumulator; }, { title });\r\n};\r\n\r\nconst Dashboard = ({ overrideData = undefined, contentRef }) => {\r\n const [data, setData] = useState(overrideData || []);\r\n const [content, setContent] = useState({});\r\n const [help, setHelp] = useState({});\r\n const [lastFetched, setLastFetched] = useState(Date.now());\r\n\r\n useEffect(() => {\r\n if (!!overrideData)\r\n return;\r\n\r\n (async () => {\r\n const newData = sortData((await fetchData()) || []);\r\n newData.sort((a, b) => (a.organisationLabel || '').localeCompare(b.organisationLabel || ''));\r\n\r\n const isRunning = newData.some(d => d.checkIsRunning);\r\n\r\n if (isRunning) {\r\n setTimeout(() => setLastFetched(Date.now()), 60000);\r\n }\r\n \r\n setData(overrideData || newData);\r\n })();\r\n }, [overrideData, lastFetched]);\r\n\r\n useEffect(() => {\r\n fetch(new URL(contentPath, BASE_URL).href)\r\n .then(res => res.json())\r\n .then(contentArray => setContent(parseContent(contentArray)))\r\n .catch(err => console.error(err))\r\n }, []);\r\n\r\n useEffect(() => {\r\n fetch(new URL(helpPath, BASE_URL).href)\r\n .then(res => res.json())\r\n .then(helpArray => setHelp(parseHelp(helpArray, helpSlugfield)))\r\n .catch(err => console.error(err))\r\n }, []);\r\n\r\n return \r\n
\r\n \r\n {content.title} \r\n \r\n\r\n \r\n {`Data fetched: ${getDateText(lastFetched)}`}\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n
{section.sectionHeading} \r\n \r\n
{page.title} \r\n {page.sections.map(section => )}\r\n ;\r\n};\r\n\r\nconst Content = ({ slugfield, content }) => {\r\n if (!slugfield)\r\n return Provide the slugfield in they query string (?slugfield={`{slugfield}`})
;\r\n\r\n if (!content || !content.length)\r\n return No content found with the slugfield {slugfield}
;\r\n\r\n return content.map(c => \r\n
\r\n \r\n Preview \r\n \r\n \r\n
\r\n
\r\n
\r\n
Cookies on Open Referral UK \r\n
We use some essential cookies to make this service work.
\r\n\r\n
We'd also like to use analytics cookies so we can understand how you use the service and make improvements.
\r\n
\r\n Accept analytics cookies \r\n Reject analytics cookies \r\n
\r\n
View cookies
\r\n
\r\n
\r\n
\r\n \r\n {routes.map(r => \r\n
\r\n \r\n )\r\n );\r\n}\r\n\r\nexport default App;\r\n","import { useEffect } from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nexport default function ScrollToTop() {\r\n\r\n const location = useLocation();\r\n\r\n useEffect(() => {\r\n window.scrollTo({ top: 0, left: 0 });\r\n }, [location]);\r\n\r\n return null;\r\n}","const reportWebVitals = onPerfEntry => {\r\n if (onPerfEntry && onPerfEntry instanceof Function) {\r\n import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n getCLS(onPerfEntry);\r\n getFID(onPerfEntry);\r\n getFCP(onPerfEntry);\r\n getLCP(onPerfEntry);\r\n getTTFB(onPerfEntry);\r\n });\r\n }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","const ErrorFallback = ({ error }) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default ErrorFallback;\r\n","import 'react-app-polyfill/ie11';\r\nimport 'react-app-polyfill/stable';\r\nimport 'core-js/features/string/repeat';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\nimport ScrollToTop from './components/navigator/ScrollToTop';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport { BrowserRouter as Router } from 'react-router-dom';\r\nimport ErrorFallback from \"./components/banner/ErrorFallback\";\r\nimport { ErrorBoundary } from \"react-error-boundary\";\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n ,\r\n \r\n document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}