\r\n \r\n \r\n);\r\n","import React from 'react';\r\nimport Linklist from '../platformui/Linklist';\r\nimport SectionWrapper from '../platformui/ListContainer/section-wrapper';\r\nimport * as Render from '../platformui/Base/Render';\r\n\r\nexport default (props) => {\r\n switch (props.CurrentPageProps.PageTypeName) {\r\n case 'CollectionPage':\r\n return (\r\n \r\n \r\n \r\n );\r\n\r\n default:\r\n return (\r\n \r\n );\r\n }\r\n};\r\n","import React from 'react';\r\nimport * as Render from '../platformui/Base/Render';\r\nimport ListContainer from '../platformui/ListContainer';\r\n\r\nconst ListContainerBlock = (props) => (\r\n \r\n);\r\n\r\nexport default ListContainerBlock;\r\n","import React from 'react';\r\nimport Statistics from '../components/statistics';\r\n\r\nimport Data from '../pages/article/IneraEmbedded.json';\r\n\r\nconst PowerBIBlock = (props) => {\r\n return ;\r\n};\r\n\r\nexport default PowerBIBlock;\r\n","import React from 'react';\r\nimport ReadingAidDynamic from '../components/reading-aid/reading-aid-dynamic';\r\n\r\nconst ReadingAidBlock = (props) => ;\r\n\r\nexport default ReadingAidBlock;\r\n","import React from 'react';\r\nimport SearchBlock from '../platformui/SearchBlock';\r\nexport default (props) => ;\r\n","import React from 'react';\r\nimport SearchLinkList from '../platformui/SearchLinkList';\r\nimport SectionWrapper from '../platformui/ListContainer/section-wrapper';\r\n\r\nexport default (props) => {\r\n if (\r\n props.CurrentPageProps.PageTypeName == 'CollectionPage' ||\r\n props.PropertyName == 'SectionContent'\r\n ) {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n return ;\r\n};\r\n","import React from 'react';\r\nimport { MediaGallery, Render } from '../platformui/';\r\n\r\nexport default (props) => (\r\n \r\n);\r\n","import React from 'react';\r\nimport {\r\n MediaGalleryImage,\r\n} from '../platformui/';\r\n\r\nexport default (props) => (\r\n \r\n);\r\n","import React from 'react';\r\nimport {\r\n MediaGalleryVideo,\r\n} from '../platformui/';\r\n\r\nexport default (props) => (\r\n \r\n);\r\n","import React from 'react';\r\nimport * as Render from '../platformui/Base/Render';\r\nimport SubjectIntro from '../platformui/SubjectIntro';\r\n\r\nexport default (props) => (\r\n \r\n);\r\n","import React from 'react';\r\nimport SurveyEntry from '../platformui/SurveyEntry';\r\nexport default (props) => ;\r\n","import React from 'react';\r\nimport SemanticHeader from '../platformui/Chapter/semantic-header';\r\nimport ServiceInfoBlock from './tab-container-block/service-info/serviceinfo-block';\r\nimport {\r\n Block as ContentAreaRenderer,\r\n BlockTypeRenderer,\r\n} from '../platformui/Base/Render';\r\nimport ServiceInfoEndedOutagesBlock from './tab-container-block/service-info/service-info-ended-outages-block';\r\nimport ServiceInfoPlannedOutagesBlock from './tab-container-block/service-info/service-info-planned-outages-block';\r\nimport './tab-block.scss'\r\nimport '../components/tab-block/tab-block.scss';\r\n/**\r\n * @typedef {Object} BlockType\r\n */\r\n\r\n/**\r\n * @typedef {Object} TabBlockProps\r\n * @property {string} [Heading] - Optional heading text.\r\n * @property {string} [Description] - Optional description text.\r\n * @property {BlockType[]} Content - Array of blocks.\r\n */\r\n\r\n/**\r\n * Renders a tab block with its content blocks, with an optional header and description.\r\n *\r\n * @param {TabBlockProps} props\r\n * @returns {JSX.Element}\r\n */\r\n\r\nconst Blocks = {\r\n ServiceInfoBlock,\r\n ServiceInfoPlannedOutagesBlock,\r\n ServiceInfoEndedOutagesBlock,\r\n};\r\n\r\nexport const TabBlock = (props) => {\r\n const { Heading, Description, Content } = props;\r\n\r\n return (\r\n <>\r\n {Heading && (\r\n \r\n {Heading}\r\n \r\n )}\r\n {Description && {Description}
}\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n","export const checkForUpdatesHelper = async (\r\n url,\r\n setIsLoading,\r\n setServiceData\r\n) => {\r\n setIsLoading(true);\r\n\r\n let options = {\r\n headers: {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n },\r\n };\r\n\r\n try {\r\n const response = await fetch('/' + url, options);\r\n\r\n if (!response.ok) {\r\n throw new Error(`HTTP error! Status: ${response.status}`);\r\n }\r\n\r\n const data = await response.json();\r\n\r\n if (Array.isArray(data)) {\r\n setServiceData(data);\r\n } else {\r\n setServiceData([]);\r\n }\r\n } catch (error) {\r\n console.error('Fetch error:', error);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport Accordion from '../../../components/accordion';\r\nimport { Spinner } from '../../../platformui';\r\nimport { checkForUpdatesHelper } from './check-for-updates-helper';\r\n\r\nconst ServiceInfoEndedOutagesBlock = (props) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [serviceData, setServiceData] = useState([]);\r\n\r\n useEffect(() => {\r\n checkForUpdatesHelper(\r\n props.ServiceInfoApiUrl,\r\n setIsLoading,\r\n setServiceData\r\n );\r\n }, []);\r\n\r\n return isLoading ? (\r\n \r\n ) : (\r\n \r\n );\r\n};\r\n\r\nexport default ServiceInfoEndedOutagesBlock;\r\n","import React, { useState, useEffect } from 'react';\r\nimport Accordion from '../../../components/accordion';\r\nimport { Spinner } from '../../../platformui';\r\nimport { checkForUpdatesHelper } from './check-for-updates-helper';\r\n\r\nconst ServiceInfoPlannedOutagesBlock = (props) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [serviceData, setServiceData] = useState([]);\r\n\r\n useEffect(() => {\r\n checkForUpdatesHelper(\r\n props.ServiceInfoApiUrl,\r\n setIsLoading,\r\n setServiceData\r\n );\r\n }, []);\r\n\r\n return isLoading ? (\r\n \r\n ) : (\r\n \r\n );\r\n};\r\n\r\nexport default ServiceInfoPlannedOutagesBlock;\r\n","import React from 'react';\r\nimport ServiceInfo from '../../../components/service-info';\r\n\r\nconst ServiceInfoBlock = (props) => ;\r\n\r\nexport default ServiceInfoBlock;\r\n","import { React, useState } from 'react';\r\nimport {\r\n BlockTypeRenderer,\r\n Block as ContentAreaRenderer,\r\n} from '../../platformui/Base/Render';\r\nimport { sanitizeUrlParam } from '../../platformui/Helpers/helpers';\r\nimport { TabBlock } from '../tab-block';\r\n//To be removed when moving to Opti 12 in favor of IDS module import';\r\nimport './tab-container-block.scss';\r\nimport { useEffect } from 'react';\r\nimport { isMediumViewport } from '../../platformui/Hooks/useMedia';\r\n\r\nconst Blocks = {\r\n TabBlock,\r\n};\r\n\r\n/**\r\n * @typedef {Object} TabBlockType\r\n * @property {string} TabHeading - The tab's heading.\r\n */\r\n\r\n/**\r\n * @typedef {Object} TabContainerBlockProps\r\n * @property {TabBlockType[]} MainContent - Array of tab blocks.\r\n */\r\n\r\n/**\r\n * Renders a tab container with selectable tabs.\r\n *\r\n * @param {TabContainerBlockProps} props\r\n * @returns {JSX.Element|null}\r\n */\r\nexport const TabContainerBlock = (props) => {\r\n const { MainContent } = props;\r\n\r\n if (!MainContent || MainContent.length === 0) {\r\n return null;\r\n }\r\n\r\n const urlParams = new URLSearchParams(window.location.search);\r\n const initialTabParam = urlParams.get('selectedTab') || null;\r\n\r\n const initialTab = initialTabParam\r\n ? MainContent.findIndex(\r\n (block) => sanitizeUrlParam(block.TabHeading) === initialTabParam\r\n )\r\n : null;\r\n\r\n const [selectedTab, setSelectedTabState] = useState(initialTab);\r\n\r\n /**\r\n * @param {string} tabHeading\r\n */\r\n const updateSelectedTabParam = (tabHeading) => {\r\n const newUrl = new URL(window.location.href);\r\n newUrl.searchParams.set('selectedTab', tabHeading);\r\n window.history.pushState({}, '', newUrl);\r\n };\r\n\r\n /**\r\n * @param {number} index\r\n * @param {string} tabHeading\r\n */\r\n const setSelectedTab = (index, tabHeading) => {\r\n setSelectedTabState(index);\r\n updateSelectedTabParam(sanitizeUrlParam(tabHeading));\r\n };\r\n\r\n useEffect(() => {\r\n if (MainContent[0] !== null && initialTab === null) {\r\n setSelectedTab(0, MainContent[0].TabHeading);\r\n }\r\n }, []);\r\n\r\n return (\r\n \r\n {isMediumViewport() ? (\r\n
\r\n setSelectedTab(MainContent.findIndex((block) => sanitizeUrlParam(block.TabHeading) === e.target.value), e.target.value)}\r\n value={selectedTab !== null ? sanitizeUrlParam(MainContent[selectedTab].TabHeading) : \"\"}\r\n >\r\n {MainContent.map((block, index) => (\r\n \r\n ))}\r\n \r\n
\r\n ) : (\r\n
\r\n {MainContent.map((block, index) => (\r\n {\r\n setSelectedTab(index, block.TabHeading);\r\n }}\r\n aria-selected={index === selectedTab}\r\n >\r\n {block.TabHeading}\r\n \r\n ))}\r\n
\r\n )}\r\n
\r\n {MainContent.map((block, index) => (\r\n
\r\n \r\n \r\n \r\n \r\n ))}\r\n
\r\n {ServiceName && (\r\n
{ServiceName}
\r\n )}\r\n {Begin && (\r\n
\r\n Starttid: {formatDate(Begin, true)}\r\n
\r\n )}\r\n {End && (\r\n
\r\n Åtgärdad: {formatDate(End, true)}\r\n
\r\n )}\r\n {Details && (\r\n
\r\n
Detaljerad information:{' '}\r\n
\r\n
\r\n )}\r\n
\r\n {Begin && (\r\n
\r\n Tid: {formatDateRange(Begin, End)}\r\n
\r\n )}\r\n {Details && (\r\n
\r\n \r\n \r\n )}\r\n
\r\n
{\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n toggleAccordion();\r\n }\r\n }}\r\n className=\"ids-expandable__button\"\r\n role=\"button\"\r\n tabIndex=\"0\"\r\n aria-expanded={isOpen}\r\n aria-controls=\"ids-expandable__content\"\r\n >\r\n \r\n
\r\n {formatDateWithoutYear(Begin) + ' - ' + ServiceName}\r\n
\r\n \r\n \r\n \r\n {renderOutageTypeContent()}\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default AccordionItem;\r\n","import React from 'react';\r\nimport { Alert } from '../../platformui';\r\nimport { sortByDate } from './accordion-helpers';\r\nimport AccordionItem from './accordion-item';\r\n\r\nconst Accordion = ({ props, type }) => {\r\n const alertMessage =\r\n type === 'Ended' ? 'avslutade driftstörningar' : 'servicefönster';\r\n\r\n const sortedProps = sortByDate(props, type);\r\n\r\n return (\r\n \r\n {props?.length !== 0 ? (\r\n <>\r\n {sortedProps.map((item, index) => (\r\n
\r\n ))}\r\n \r\n ) : (\r\n
\r\n {{`Just nu finns inga ${alertMessage}.`}
}\r\n \r\n )}\r\n Ogiltigt datum
;\r\n }\r\n\r\n const day = dateTime.getDate();\r\n const month = dateTime.getMonth();\r\n const year = dateTime.getFullYear();\r\n\r\n const getMonthName = (monthNumber, shortenMonthName) => {\r\n const monthNames = Array.from({ length: 12 }, (_, i) => {\r\n const date = new Date(dateTime.getFullYear(), i, 1);\r\n const month = date.toLocaleString('sv-SE', { month: 'long' });\r\n return shortenMonthName ? month.slice(0, 3) : month;\r\n });\r\n\r\n return monthNames[monthNumber];\r\n };\r\n\r\n return (\r\n \r\n
{day}
\r\n
{getMonthName(month, false)}
\r\n
\r\n {getMonthName(month, true)}\r\n
\r\n
{year}
\r\n
\r\n
\r\n
\r\n Datum:{renderDate()}\r\n \r\n
\r\n
\r\n Tid:{' '}\r\n {`${startTime}–${endTime}`}\r\n
\r\n
\r\n
\r\n
Plats:\r\n
{location}
\r\n
\r\n
\r\n
\r\n \r\n
\r\n
\r\n {props.Vignette && (\r\n
\r\n {props.Vignette}\r\n \r\n )}\r\n {props.Date &&
}\r\n
\r\n \r\n {props.Title}\r\n \r\n \r\n {typeof props.Preamble === 'string' && (\r\n \r\n
{props.Preamble}
\r\n
\r\n
\r\n {props.Heading && (\r\n \r\n {props.Heading}\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default EventSearchArticleListBlock;\r\n","import React, { Fragment } from 'react';\r\nimport { string, array } from 'prop-types';\r\nimport Item from './item';\r\nimport A from '../../platformui/Anchor';\r\n\r\nconst propTypes = {\r\n LinkText: string,\r\n LinkUrl: string,\r\n /** See - component */\r\n SearchHits: array,\r\n};\r\n\r\nconst ItemList = (props) => {\r\n const { SearchResult } = props;\r\n const { SearchHits } = SearchResult;\r\n\r\n const btnAttr = {\r\n href: props.LinkUrl,\r\n className: 'link-item-list__button',\r\n buttonStyling: true,\r\n };\r\n\r\n return (\r\n \r\n
\r\n {SearchHits.map((item, index) => {\r\n return
\r\n \r\n {props.LinkText}\r\n \r\n \r\n );\r\n};\r\n\r\nItemList.propTypes = propTypes;\r\n\r\nexport default ItemList;\r\n","import React from 'react';\r\nimport { string } from 'prop-types';\r\nimport { LazyLoadImage } from '../../platformui/Image';\r\nimport classnames from 'classnames';\r\nimport FormatDateTime from '../../platformui/FormatDateTime';\r\nimport HeadingElement from './heading';\r\n\r\nconst propTypes = {\r\n Heading: string,\r\n Url: string,\r\n Date: string,\r\n Text: string,\r\n Image: string,\r\n};\r\n\r\nconst Item = (props) => {\r\n const { Image, Heading, Url, Date, Text } = props;\r\n\r\n const infoType = `search-list__type--${props.item.InformationType}`;\r\n const classNames = classnames({\r\n 'search-list__item': true,\r\n 'search-list__item--has-img': Boolean(Image),\r\n [infoType]: props.item.InformationType,\r\n });\r\n\r\n return (\r\n \r\n {Image && (\r\n \r\n )}\r\n \r\n {props.item.Vignette && (\r\n
{props.item.Vignette}\r\n )}\r\n {Date &&
}\r\n {\r\n
\r\n {Heading}\r\n \r\n }\r\n {Text && {Text}
}\r\n \r\n \r\n {props.translations.showcontentas}\r\n \r\n props.onClick(true)}\r\n >\r\n \r\n {props.translations.showasbricks}\r\n \r\n \r\n props.onClick(false)}\r\n >\r\n \r\n {props.translations.showaslist}\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default EventListViewToggler;\r\n","import React, { useState } from 'react';\r\nimport classNames from 'classnames';\r\nimport * as Render from '../../platformui/Base/Render';\r\nimport Section from '../../platformui/Section';\r\nimport EventArticleList from '../event-article-list';\r\nimport EventListViewToggler from './event-list-view-toggler';\r\nimport { useSweLang } from '../../platformui/Helpers/helpers';\r\n\r\nconst EventTeaserItemLink = (props) => {\r\n const classes = props.className\r\n ? props.className\r\n : 'medium-6 large-3 columns c-teaser-outer';\r\n\r\n const teaserHeadingLink = classNames({\r\n 'c-teaser__heading--no-text': !props.Preamble,\r\n });\r\n\r\n const teaserClasses = classNames({\r\n 'c-teaser': true,\r\n 'c-teaser--eq-height': true,\r\n 'c-teaser--has-img': props.Media,\r\n });\r\n\r\n return (\r\n \r\n \r\n
\r\n
\r\n
\r\n {props.TitleTranslation && (\r\n
\r\n {props.TitleTranslation}\r\n \r\n )}\r\n {props.Preamble && (\r\n \r\n
{props.Preamble}
\r\n
\r\n
\r\n
\r\n {props.BlockTypeName === 'PageListBlock'\r\n ? Render.Property(Items, 'ListRoot')\r\n : Render.Property(Items, 'MainContent')}\r\n
\r\n ) : (\r\n \r\n {props.BlockTypeName === 'PageListBlock'\r\n ? Render.Property(Items, 'ListRoot')\r\n : Render.Property(Items, 'MainContent')}\r\n
\r\n );\r\n};\r\n\r\nconst EventTeaser = (props) => {\r\n const modifiers = {\r\n ...props.SectionModifiers,\r\n 'c-section--navigation': props.BlockTypeName === 'PageListBlock',\r\n };\r\n\r\n const [toggleBrickView, setToggleBrickView] = useState(!props.ShowListView);\r\n\r\n const showListViewToggler =\r\n props.BlockTypeName === 'PageListBlock' && props.UseListToggler;\r\n\r\n const sectionHeader = classNames({\r\n 'c-section__header': true,\r\n 'c-section__header--listview-shown': showListViewToggler,\r\n 'c-section__header--heading-shown': props.Heading,\r\n 'c-section__header--double-column':\r\n props.CurrentPageProps.BlockTypeName == 'DoubleColumnBlock',\r\n });\r\n\r\n return (\r\n \r\n \r\n {props.Heading ? (\r\n \r\n {props.Heading}\r\n
\r\n ) : (\r\n {props.Translations?.currentarticles}
\r\n )}\r\n {showListViewToggler && (\r\n {\r\n setToggleBrickView(value);\r\n }}\r\n toggleBrickView={toggleBrickView}\r\n />\r\n )}\r\n \r\n {props.Items && (\r\n \r\n )}\r\n {props.children}\r\n \r\n );\r\n};\r\n\r\nexport { EventTeaser, EventTeaserItemLink };\r\n","import React from 'react';\r\nimport T from 'prop-types';\r\n\r\nconst Chevron = (props) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nChevron.defaultProps = {\r\n fillColor: '#01A5A3',\r\n className: 'svg-path-chevron',\r\n};\r\n\r\nChevron.propTypes = {\r\n fillColor: T.string,\r\n className: T.string,\r\n};\r\n\r\nexport default Chevron;\r\n","import React from 'react';\r\nimport ReadingAidButton from '../../platformui/ReadingAid/reading-aid-button';\r\nimport Spinner from '../../platformui/Spinner';\r\n\r\nconst ReadingAidDynamic = (props) => {\r\n const ReadingAid = props.CurrentPageProps.SiteHeader.ReadingAid;\r\n const ReadingAidProps = {\r\n ReadingAidLoaded: ReadingAid.LoadedText,\r\n ReadingAidButtonText: ReadingAid.ButtonText,\r\n };\r\n return (\r\n \r\n
\r\n {props.ReadingAidText && (\r\n
\r\n
{props.ReadingAidText}
\r\n
\r\n )}\r\n {ReadingAid && (\r\n
\r\n \r\n
\r\n )}\r\n
\r\n
{icon}
}\r\n {title && !variant && (\r\n \r\n
{title}
\r\n \r\n )}\r\n {variant && (\r\n \r\n
{icon}
\r\n
{title}
\r\n
{infoData}
}\r\n {isExpandable && (\r\n \r\n {\r\n setOpened();\r\n }}\r\n className=\"ids-alert__expand\"\r\n aria-controls=\"alert-content\"\r\n aria-expanded={opened ? 'true' : 'false'}\r\n aria-label={\r\n opened\r\n ? `${title} Minimera alertmeddelande ${\r\n type === 'error' && `${statusName}`\r\n } `\r\n : `${title} Maximera alertmeddelande ${\r\n type === 'attention' && `${statusName}`\r\n } `\r\n }\r\n >\r\n {!opened ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n
\r\n )}\r\n {opened && isExpandable && (\r\n \r\n {status &&
{status}
}\r\n {lastUpdated && (\r\n
{lastUpdated}
\r\n )}\r\n {details && (\r\n
\r\n Detaljerad information:{details}\r\n
\r\n )}\r\n
\r\n
\r\n Startdatum: {formatDate(item.Date)}\r\n \r\n
\r\n
\r\n Status: {item.StatusName}\r\n
\r\n );\r\n\r\n const detailsHtml = (\r\n \r\n );\r\n allparentRefErrror.push(parentRefErrror);\r\n return (\r\n }\r\n type={'error'}\r\n title={item.Name}\r\n details={detailsHtml}\r\n status={status}\r\n lastUpdated={lastUpdated}\r\n opened={openedErrorExpandable[index]}\r\n setOpened={() => {\r\n toggleExpandable(\r\n index,\r\n 'openedErrorExpandables',\r\n setOpenedErrorExpandable,\r\n openedErrorExpandable\r\n );\r\n }}\r\n isExpandable\r\n index\r\n />\r\n );\r\n });\r\n };\r\n\r\n const WarningCards = () => {\r\n return warningStatuses.map((item, idx) => {\r\n const parentRefWarning = useRef(null);\r\n\r\n const lastUpdated = (\r\n \r\n
\r\n Startdatum: {formatDate(item.Date)}\r\n \r\n
\r\n
\r\n Status: {item.StatusName}\r\n
\r\n );\r\n return (\r\n }\r\n type={'attention'}\r\n title={item.Name}\r\n details={detailsHtml}\r\n status={status}\r\n lastUpdated={lastUpdated}\r\n opened={openedWarningExpandable[idx]}\r\n setOpened={() => {\r\n toggleExpandable(\r\n idx,\r\n 'openedWarningExpandables',\r\n setOpenedWarningExpandable,\r\n openedWarningExpandable\r\n );\r\n }}\r\n isExpandable\r\n />\r\n );\r\n });\r\n };\r\n\r\n const NoErrorsCard = () => {\r\n return (\r\n }\r\n type={'success'}\r\n title={props.OkMessage}\r\n status={Translations.statuslabel}\r\n variant={'compact'}\r\n />\r\n );\r\n };\r\n\r\n const ServiceInfoCards = () => {\r\n return serviceMessages.map((serviceItem, index) => {\r\n const detailsHtml = (\r\n \r\n );\r\n return (\r\n }\r\n type={'info'}\r\n title={serviceItem.Heading}\r\n infoData={detailsHtml}\r\n />\r\n );\r\n });\r\n };\r\n\r\n if (!allStatuses) {\r\n return (\r\n \r\n \r\n {props.Translations.couldnotload}\r\n \r\n
\r\n );\r\n }\r\n\r\n let listSize = Math.ceil(allStatuses.length / 3);\r\n\r\n const list1 = {\r\n list: allStatuses.slice(0, listSize),\r\n };\r\n\r\n const list2 = {\r\n list: allStatuses.slice(listSize, listSize * 2),\r\n };\r\n\r\n const list3 = {\r\n list: allStatuses.slice(listSize * 2, listSize * 3),\r\n };\r\n\r\n return (\r\n \r\n {allStatuses && allStatuses.length === 0 && !isLoading ? (\r\n
{props.Translations.couldnotload}
\r\n ) : isLoading ? (\r\n
\r\n ) : (\r\n <>\r\n
\r\n {errorStatuses.length > 0 && }\r\n {warningStatuses.length > 0 && }\r\n {serviceMessages.length > 0 && }\r\n\r\n {errorStatuses.length === 0 &&\r\n warningStatuses.length === 0 &&\r\n props.OkMessage &&\r\n allStatuses.length !== 0 && }\r\n \r\n
\r\n {props.Translations.statusheading}\r\n \r\n\r\n \r\n \r\n\r\n \r\n\r\n \r\n