\r\n {props.isOpened && (\r\n \r\n
\r\n
\r\n
\r\n {props.meganavHasHeading && (\r\n
\r\n {props.Heading} \r\n \r\n {props.closeTranslation}\r\n \r\n \r\n )}\r\n\r\n
\r\n
\r\n
\r\n
\r\n {props.Blocks && (\r\n \r\n \r\n )}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n {props.message.Title}\r\n \r\n {props.message.RegionLabel &&\r\n (props.useIdsBadgeForRegion ? (\r\n \r\n \r\n . {props.translations.regionlabelshowforscreenreader}\r\n \r\n {props.message.RegionLabel} \r\n \r\n ))}\r\n \r\n\r\n
\r\n \r\n {isOpen\r\n ? props.translations.hidemessage\r\n : props.translations.showmessage}\r\n \r\n \r\n
\r\n\r\n {props.message?.RegionalContent?.length > 0 && (\r\n \r\n
\r\n {props.message.RegionalContent.map((content, index) => (\r\n
{content}
\r\n ))}\r\n
\r\n {props.message.Author} , {props.message.StartDate.slice(0, 10)}\r\n
\r\n )}\r\n \r\n
\r\n {props.children}\r\n \r\n );\r\n};\r\n\r\nexport default PanelContext;\r\n","import React, { useState, useEffect, useRef } from 'react';\r\nimport Item from './item';\r\nimport Meganav from '../Meganav';\r\n\r\nconst Topnav = (props) => {\r\n const wrapperRef = useRef(null);\r\n const [currentId, setCurrentId] = useState(null);\r\n const [blocks, setBlocks] = useState(null);\r\n\r\n useEffect(() => {\r\n document.addEventListener('click', handleClickOutside);\r\n return () => document.removeEventListener('click', handleClickOutside);\r\n }, []);\r\n\r\n const handleClick = (e, item) => {\r\n if (!item.Children) return true;\r\n\r\n e.preventDefault();\r\n\r\n setCurrentId(currentId === item.PageId ? null : item.PageId);\r\n\r\n //Load blocks\r\n props.LoadBlocks((blocks) => setBlocks(blocks));\r\n };\r\n\r\n const handleClickOutside = (e) => {\r\n if (wrapperRef.current !== null && !wrapperRef.current.contains(e.target)) {\r\n setCurrentId(null);\r\n }\r\n };\r\n\r\n const closeMeganav = () => {\r\n setCurrentId(null);\r\n };\r\n\r\n if (!props.Children) return null;\r\n\r\n const children = props.Children.map((item) => {\r\n return (\r\n handleClick(e, key)}\r\n isOpened={currentId === item.PageId}\r\n >\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Topnav;\r\n","import { useState, useEffect } from 'react';\r\n\r\n/**\r\n * This hook makes it possible to utilize media queries in your component logic.\r\n * Will run on component mount and unmount.\r\n *\r\n * {@link https://usehooks.com/useMedia/}\r\n *\r\n */\r\nexport default function useMedia(queries, values, defaultValue) {\r\n if (typeof window === 'undefined') return;\r\n\r\n // Array containing a media query list for each query\r\n const mediaQueryLists = queries.map((q) => window.matchMedia(q));\r\n\r\n // Function that gets value based on matching media query\r\n const getValue = () => {\r\n // Get index of first media query that matches\r\n const index = mediaQueryLists.findIndex((mql) => mql.matches);\r\n // Return related value or defaultValue if none\r\n return typeof values[index] !== 'undefined' ? values[index] : defaultValue;\r\n };\r\n\r\n // State and setter for matched value\r\n const [value, setValue] = useState(getValue);\r\n\r\n useEffect(\r\n () => {\r\n // Event listener callback\r\n // Note: By defining getValue outside of useEffect we ensure that it has ...\r\n // ... current values of hook args (as this hook callback is created once on mount).\r\n const handler = () => setValue(getValue);\r\n // Set a listener for each media query with above handler as callback.\r\n mediaQueryLists.forEach((mql) => mql.addListener(handler));\r\n // Remove listeners on cleanup\r\n return () =>\r\n mediaQueryLists.forEach((mql) => mql.removeListener(handler));\r\n },\r\n [] // Empty array ensures effect is only run on mount and unmount\r\n );\r\n\r\n return value;\r\n}\r\n\r\nexport function isSmallViewport() {\r\n const isSmallViewport = useMedia(['(max-width: 768px)'], [true], false);\r\n return isSmallViewport;\r\n}\r\n\r\nexport function isMediumViewport() {\r\n const isMediumViewport = useMedia(['(max-width: 1025px)'], [true], false);\r\n return isMediumViewport;\r\n}\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport { node, object, oneOf, string } from 'prop-types';\r\n\r\nconst Alert = (props) => {\r\n const classes = classNames(\r\n `c-alert`,\r\n `c-alert--${props.type}`,\r\n props.Modifiers\r\n );\r\n\r\n const alertNoTitle = !props.Title ? 'c-alert__no-title' : '';\r\n\r\n return (\r\n \r\n
\r\n
\r\n
{props.Title} \r\n )}\r\n {props.AlertDescription && (\r\n {props.AlertDescription} \r\n )}\r\n \r\n {props.children}\r\n
\r\n
\r\n {Heading &&
}\r\n {Description &&
}\r\n
this.handleVisible(e, id)}\r\n />\r\n );\r\n }\r\n };\r\n};\r\n\r\nexport default withToolbarButtonList;\r\n","import React, { useState, Component, useEffect } from 'react';\r\nimport classNames from 'classnames';\r\nimport Topnav from '../Topnav';\r\nimport Mobile from '../Mobilenav';\r\nimport AlertList from '../AlertList';\r\nimport Burger from './burger';\r\nconst withToggleHeaderTools = (WrappedComponent) => {\r\n return class ToggleHeaderTools extends Component {\r\n state = {\r\n isToolsVisible: false,\r\n };\r\n tools = [];\r\n\r\n addToolComponent(component) {\r\n this.tools.push(component);\r\n }\r\n\r\n handleToolsVisibility(isToolsVisible, height) {\r\n this.tools.forEach((tool) => {\r\n tool.setState({\r\n isVisible: false,\r\n });\r\n });\r\n\r\n this.setState({\r\n isToolsVisible,\r\n height: isToolsVisible ? height : null,\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n this.addToolComponent(component)}\r\n handleToolsVisibility={(isToolsVisible, height) =>\r\n this.handleToolsVisibility(isToolsVisible, height)\r\n }\r\n />\r\n );\r\n }\r\n };\r\n};\r\n\r\nconst Header = (props) => {\r\n let timerMobileNav = null;\r\n const [mobileNavVis, setMobileNavVis] = useState(false);\r\n const [animationStart, setAnimationStart] = useState(false);\r\n\r\n useEffect(() => {\r\n if (props.isFullOverlayInMobile) {\r\n mobileNavVis && document.body.classList.add('no-scroll');\r\n !mobileNavVis && document.body.removeAttribute('class');\r\n }\r\n });\r\n\r\n const handleClick = (e) => {\r\n e.preventDefault();\r\n setMobileNavVis(!mobileNavVis);\r\n clearTimeout(timerMobileNav);\r\n timerMobileNav = setTimeout(() => {\r\n setAnimationStart(!animationStart);\r\n }, 5);\r\n };\r\n\r\n const {\r\n Logo,\r\n Tools,\r\n ToolsBottom,\r\n LangSelectorSmall,\r\n isWideNav,\r\n isFullWidth,\r\n meganavHasHeading,\r\n } = props;\r\n\r\n const headerClasses = classNames({\r\n 'c-header': true,\r\n 'c-header--is-tools-visible': props.isToolsVisible,\r\n 'c-header--is-navigation': mobileNavVis,\r\n 'c-header--is-animating': animationStart,\r\n 'c-header--showbuildinfo': props.BuildInfo,\r\n });\r\n\r\n const headerNavClasses = classNames({\r\n 'c-header__navigation': true,\r\n 'c-header__navigation--is-full-overlay': props.isFullOverlayInMobile,\r\n });\r\n\r\n const TopNavComponent = (\r\n \r\n \r\n \r\n \r\n \r\n {item.Text}\r\n \r\n \r\n \r\n );\r\n });\r\n\r\n return (\r\n <>\r\n {props.complimentnavHeading && {`Mer om ${props.Text}:`} }\r\n \r\n {props.ManualLinksLabel && (\r\n {props.ManualLinksLabel}: \r\n )}\r\n {children}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Complimentnav;\r\n","import React from 'react';\r\nimport { node } from 'prop-types';\r\n\r\nconst AccessibilityNav = (props) => {\r\n return ;\r\n};\r\n\r\nAccessibilityNav.propTypes = {\r\n /** List items () to be displayed in the accessability navigation */\r\n children: node.isRequired,\r\n};\r\n\r\nexport default AccessibilityNav;\r\n","var map = {\n\t\"./nkk/192x192.png\": 2328,\n\t\"./nkk/48x48.png\": 27968,\n\t\"./nkk/512x512.png\": 22864,\n\t\"./nkk/apple-touch-icon-114x114.png\": 41553,\n\t\"./nkk/apple-touch-icon-120x120.png\": 34105,\n\t\"./nkk/apple-touch-icon-144x144.png\": 95549,\n\t\"./nkk/apple-touch-icon-152x152.png\": 58933,\n\t\"./nkk/apple-touch-icon-57x57.png\": 62741,\n\t\"./nkk/apple-touch-icon-60x60.png\": 63833,\n\t\"./nkk/apple-touch-icon-72x72.png\": 5427,\n\t\"./nkk/apple-touch-icon-76x76.png\": 32179,\n\t\"./nkk/favicon-128x128.png\": 32719,\n\t\"./nkk/favicon-16x16.png\": 29729,\n\t\"./nkk/favicon-196x196.png\": 47635,\n\t\"./nkk/favicon-32x32.png\": 81537,\n\t\"./nkk/favicon-96x96.png\": 26929,\n\t\"./nkk/mstile-144x144.png\": 33605,\n\t\"./nkk/mstile-150x150.png\": 86734,\n\t\"./nkk/mstile-310x150.png\": 50639,\n\t\"./nkk/mstile-310x310.png\": 45589,\n\t\"./nkk/mstile-70x70.png\": 1535\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 22109;","export default __webpack_public_path__ + \"static/favicons/512x512.png\";","import classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\nimport LinkBlock from '../LinkBlock';\r\n\r\nconst QuickSearchHits = ({\r\n suggestions,\r\n searchUrl,\r\n site,\r\n defaultQuickSearch,\r\n showSearchHitsHeadingSuffix,\r\n}) => {\r\n if (\r\n !Array.isArray(suggestions.Hits?.SearchHits) ||\r\n suggestions.Hits?.SearchHits.length === 0\r\n ) {\r\n return null;\r\n }\r\n\r\n return defaultQuickSearch?.QuickSearchSettingEnabled && site == '1177' ? (\r\n \r\n \r\n \r\n {defaultQuickSearch.QuickSearchSettingHeading || ''}{' '}\r\n \r\n \r\n ({suggestions.Hits?.TotalNumberOfHits} sökträffar)\r\n \r\n
\r\n \r\n {suggestions.Hits?.SearchHits.slice(0, 5).map((item, index) => {\r\n return (\r\n \r\n {item.Heading} \r\n \r\n );\r\n })}\r\n \r\n \r\n {suggestions.Hits.ButtonText}\r\n \r\n \r\n ) : (\r\n site !== '1177' && (\r\n <>\r\n \r\n
\r\n {suggestions.Hits?.SearchHitsHeading || ''}{' '}\r\n {showSearchHitsHeadingSuffix && suggestions.Hits?.SearchHitsSuffix}\r\n \r\n \r\n \r\n {suggestions.Hits?.SearchHits.map((term, index) => {\r\n const quickSearchClasses = classNames({\r\n 'c-search__quicksearch__search-hits__information-type': true,\r\n 'c-search__quicksearch__search-hits__information-type--1001':\r\n term.InformationType?.Key === '1001',\r\n 'c-search__quicksearch__search-hits__information-type--1002':\r\n term.InformationType?.Key === '1002',\r\n 'c-search__quicksearch__search-hits__information-type--1003':\r\n term.InformationType?.Key === '1003',\r\n 'c-search__quicksearch__search-hits__information-type--1004':\r\n term.InformationType?.Key === '1004',\r\n });\r\n\r\n const linkBlockItem = {\r\n Text: term.Heading,\r\n FriendlyTargetUrl: term.Url,\r\n };\r\n \r\n \r\n \r\n {term.Heading}\r\n \r\n {term.InformationType?.Key !== 'article' && (\r\n \r\n {term.InformationType?.Value || ''}\r\n \r\n )}\r\n \r\n\r\n {term.SelectionCode &&\r\n term.SelectionCode !== 'none' &&\r\n (term.PrimaryCareUrl || term.SpecializedCareUrl) && (\r\n \r\n {term.PrimaryCareUrl && term.SpecializedCareUrl ? (\r\n <>\r\n \r\n Primärvård\r\n {' '}\r\n \r\n Specialiserad vård\r\n \r\n \r\n ) : term.PrimaryCareUrl ? (\r\n Primärvård \r\n ) : (\r\n Specialiserad vård \r\n )}\r\n \r\n )}\r\n \r\n );\r\n })}\r\n \r\n \r\n {suggestions.Hits.ButtonText}\r\n \r\n \r\n )\r\n );\r\n};\r\n\r\nQuickSearchHits.propTypes = {\r\n hits: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n Heading: PropTypes.string,\r\n Url: PropTypes.string,\r\n InformationType: PropTypes.shape({\r\n Key: PropTypes.string,\r\n Value: PropTypes.string,\r\n }),\r\n SelectionCode: PropTypes.string,\r\n PrimaryCareUrl: PropTypes.string,\r\n SpecializedCareUrl: PropTypes.string,\r\n })\r\n ),\r\n};\r\n\r\nexport default QuickSearchHits;\r\n","import React, { useEffect, useRef } from 'react';\r\n\r\nexport default (WrappedComponent) => {\r\n const TABBABLE_ELEMENTS = 'a[href], button';\r\n const KEYCODE_ESC = 27;\r\n const KEYCODE_TAB = 9;\r\n\r\n const Container = (props) => {\r\n const keepTab = useRef();\r\n\r\n // Handle ESC key\r\n useEffect(() => {\r\n const escKeyListener = (event) => {\r\n if ((event.which || event.keyCode) === KEYCODE_ESC) {\r\n props.closeHandler && props.closeHandler();\r\n }\r\n };\r\n\r\n document.addEventListener('keydown', escKeyListener, false);\r\n\r\n return () => {\r\n document.removeEventListener('keydown', escKeyListener, false);\r\n };\r\n }, [props.closeHandler]);\r\n\r\n // Focus-trapping logic\r\n useEffect(() => {\r\n const keyListener = (event) => {\r\n const { keyCode, shiftKey, target } = event;\r\n\r\n if (keyCode === KEYCODE_TAB) {\r\n const tabbableElements = Array.from(\r\n keepTab.current.querySelectorAll(TABBABLE_ELEMENTS)\r\n );\r\n\r\n if (tabbableElements.length === 0) return;\r\n\r\n const firstTabbableElement = tabbableElements[0];\r\n const lastTabbableElement =\r\n tabbableElements[tabbableElements.length - 1];\r\n\r\n // Move focus to first element that can be tabbed if shift isn't used\r\n if (target === lastTabbableElement && !shiftKey) {\r\n event.preventDefault();\r\n firstTabbableElement.focus();\r\n\r\n // Move focus to last element that can be tabbed if shift is used\r\n } else if (target === firstTabbableElement && shiftKey) {\r\n event.preventDefault();\r\n lastTabbableElement.focus();\r\n }\r\n }\r\n };\r\n\r\n if (keepTab.current) {\r\n keepTab.current.addEventListener('keydown', keyListener, false);\r\n }\r\n\r\n return () => {\r\n if (keepTab.current) {\r\n keepTab.current.removeEventListener('keydown', keyListener, false);\r\n }\r\n };\r\n }, []);\r\n\r\n const { className } = props;\r\n\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n return Container;\r\n};\r\n","export default __webpack_public_path__ + \"static/favicons/favicon-96x96.png\";","const initialState = {};\r\n\r\nconst appendSearchHits = (state, action) => {\r\n //Remove or add SearchHits\r\n if (\r\n (action.payload.NextPage && state.NextPage > action.payload.NextPage) ||\r\n !state.NextPage\r\n ) {\r\n const index = state.SearchHits.length - action.payload.SearchHits.length;\r\n //patch browser\r\n if (index < 1) return [...action.payload.SearchHits];\r\n\r\n state.SearchHits.length = index;\r\n return [...state.SearchHits];\r\n }\r\n\r\n return [...state.SearchHits, ...action.payload.SearchHits];\r\n};\r\n\r\nexport const search = (state = initialState, action = {}) => {\r\n switch (action.type) {\r\n case 'LOADING':\r\n return Object.assign({}, state, {\r\n isLoading: true,\r\n });\r\n\r\n case 'LOAD_MORE':\r\n return Object.assign({}, state, {\r\n ...action.payload,\r\n isLoading: false,\r\n SearchHits: appendSearchHits(state, action),\r\n });\r\n case 'FILTER':\r\n return Object.assign({}, action.payload, {\r\n isLoading: false,\r\n });\r\n case 'AUTOCOMPLETE':\r\n return Object.assign({}, state, {\r\n Hits: action.payload ? action.payload : [],\r\n isVisible: action.payload !== null,\r\n currentIndexObject: action.currentIndexObject,\r\n isLoading: false,\r\n error: false,\r\n });\r\n case 'HIDE_AUTOCOMPLETE':\r\n return Object.assign({}, state, {\r\n isVisible: false,\r\n });\r\n case 'OPTION_INDEX_AUTOCOMPLETE':\r\n return Object.assign({}, state, {\r\n index: action.index,\r\n value: action.selectedValue,\r\n currentIndexObject: action.currentIndexObject,\r\n isVisible: true,\r\n });\r\n case 'OPTION_SELECT_AUTOCOMPLETE':\r\n return Object.assign({}, state, {\r\n value: action.selectedValue,\r\n selectedObject: action.selectedObject,\r\n currentIndexObject: action.currentIndexObject,\r\n isVisible: false,\r\n });\r\n case 'ONCHANGE':\r\n return Object.assign({}, state, {\r\n index: action.index,\r\n value: action.value,\r\n Hits: action.Hits,\r\n selectedObject: action.selectedObject,\r\n });\r\n case 'SEARCH':\r\n return Object.assign({}, action.payload, {\r\n isLoading: false,\r\n });\r\n case 'ERROR':\r\n return Object.assign({}, action.payload, {\r\n isLoading: false,\r\n error: true,\r\n });\r\n default:\r\n return state;\r\n }\r\n};\r\n","export default __webpack_public_path__ + \"static/favicons/48x48.png\";","export default __webpack_public_path__ + \"manifest.json\";","export default __webpack_public_path__ + \"static/favicons/favicon-16x16.png\";","import React from 'react';\r\n\r\nconst LinkBlock = (props) => {\r\n return (\r\n \r\n {props.Text}\r\n \r\n );\r\n};\r\n\r\nexport default LinkBlock;\r\n","export default __webpack_public_path__ + \"static/favicons/apple-touch-icon-76x76.png\";","export default __webpack_public_path__ + \"static/favicons/favicon-128x128.png\";","export default __webpack_public_path__ + \"static/favicons/mstile-144x144.png\";","export default __webpack_public_path__ + \"static/favicons/apple-touch-icon-120x120.png\";","import React, {\r\n useState,\r\n useEffect,\r\n useRef,\r\n useContext,\r\n createContext,\r\n} from 'react';\r\n\r\nimport qs from 'qs';\r\nimport { readCookie } from '../Base/Cookies';\r\nimport { log } from '../Helpers/helpers';\r\n\r\nexport const CookieContext = createContext({});\r\n\r\nexport const onCookieChange = (cookieName, callback) => {\r\n // store prev value in mutable context\r\n const prevContext = useRef(null);\r\n // read from \"global\" cookie context\r\n const context = useContext(CookieContext);\r\n // check if the cookie we want is allowed\r\n const isAllowed = context.isAllowed(cookieName);\r\n // if this is the first time we run - set prev and current to the same\r\n if (prevContext.current === null) {\r\n prevContext.current = isAllowed;\r\n }\r\n // did the value change? isAllowed is updated from context state.\r\n // run a callback if the value has changed\r\n if (prevContext.current !== isAllowed) {\r\n callback({ isAllowed });\r\n }\r\n // and update prev context to current\r\n prevContext.current = isAllowed;\r\n // return if the cookie is allowed\r\n return isAllowed;\r\n};\r\n\r\nconst CookieContextProvider = (props) => {\r\n const [status, setStatus] = useState('DONE');\r\n const retryCount = useRef(0);\r\n const timer = useRef(null);\r\n\r\n log('info')(`status is ${status}.`)\r\n\r\n const checkCpScript = () => {\r\n if (retryCount.current >= 20) {\r\n log('warn')('Did not load CookiePro.');\r\n setStatus('ERROR');\r\n return;\r\n }\r\n\r\n //Set flag if script has been loaded\r\n if ('OneTrust' in window) {\r\n log('info')('CookiePro successfully loaded.');\r\n setStatus('DONE');\r\n return;\r\n }\r\n\r\n log('info')('Resetting timer for check of script status.');\r\n timer.current = setTimeout(checkCpScript, 100 * ++retryCount.current);\r\n };\r\n\r\n useEffect(() => {\r\n if (props.cookiePro === true && status === 'PENDING') {\r\n checkCpScript();\r\n }\r\n }, [status]);\r\n\r\n let initialState = {\r\n C0001: true,\r\n C0002: false,\r\n C0003: false,\r\n C0004: false,\r\n C0005: false,\r\n };\r\n\r\n const handleCookieProParsing = () => {\r\n if (status === 'PENDING') {\r\n log('info')('Waiting for a cookie pro cookie.');\r\n return;\r\n }\r\n\r\n const OptanonConsent = readCookie('OptanonConsent');\r\n if (typeof OptanonConsent === 'undefined') {\r\n log('info')('No OptanonConsent cookie found.');\r\n setStatus('PENDING');\r\n return;\r\n }\r\n\r\n const parsedCookie = qs.parse(OptanonConsent);\r\n if (typeof parsedCookie.groups === 'undefined') {\r\n log('info')('No groups found in OptanonConsent cookie.');\r\n setStatus('PENDING');\r\n return;\r\n }\r\n\r\n parsedCookie.groups\r\n .split(',')\r\n .forEach(function addGroupToInitialState(group) {\r\n let [g, v] = group.split(':');\r\n initialState[g] = Boolean(Number(v));\r\n });\r\n\r\n log('info')('Parsed and updated values for cookie pro cookie.');\r\n };\r\n\r\n const handleLegacyAcceptedCookie = () => {\r\n const acceptedLegacyCookieValue = JSON.parse(readCookie('acceptedCookie'));\r\n initialState = {\r\n C0001: true,\r\n C0002: acceptedLegacyCookieValue,\r\n C0003: acceptedLegacyCookieValue,\r\n C0004: acceptedLegacyCookieValue,\r\n C0005: acceptedLegacyCookieValue,\r\n };\r\n };\r\n\r\n if (props.cookiePro === true) {\r\n handleCookieProParsing();\r\n } else {\r\n handleLegacyAcceptedCookie();\r\n }\r\n\r\n const [C0001, setC0001] = useState(initialState.C0001); // Nödvändiga\r\n const [C0002, setC0002] = useState(initialState.C0002); // Analyskakor\r\n const [C0003, setC0003] = useState(initialState.C0003); // Funktionella\r\n const [C0004, setC0004] = useState(initialState.C0004); // Riktade kakor\r\n const [C0005, setC0005] = useState(initialState.C0005); // Sociala medier kakor\r\n\r\n const Cookies = {\r\n StatusMessageCookie: C0003,\r\n PanicButtonCookie: C0003,\r\n PowerBi: C0003,\r\n ShowSensitiveImagesCookie: C0003,\r\n ReadingAid: C0003,\r\n Survey: C0003,\r\n };\r\n\r\n function isAllowed(cookieName) {\r\n return Cookies[cookieName];\r\n }\r\n\r\n const value = {\r\n isAllowed,\r\n cookies: Cookies,\r\n groups: {\r\n C0001,\r\n C0002,\r\n C0003,\r\n C0004,\r\n C0005,\r\n },\r\n };\r\n\r\n function onConsentChange(event) {\r\n // event.detail holds array with groups that has consent given\r\n // example: [\"C0001\", \"C0002\"]\r\n const consentGiven = event.detail;\r\n log('info')(`Consent was changed to ${consentGiven}`);\r\n setC0001(true);\r\n setC0002(consentGiven.includes('C0002'));\r\n setC0003(consentGiven.includes('C0003'));\r\n setC0004(consentGiven.includes('C0004'));\r\n setC0005(consentGiven.includes('C0005'));\r\n }\r\n\r\n useEffect(() => {\r\n if (typeof window !== 'undefined') {\r\n window.addEventListener('consent.onetrust', onConsentChange);\r\n }\r\n return () => {\r\n window.removeEventListener('consent.onetrust', onConsentChange);\r\n };\r\n });\r\n\r\n return (\r\n \r\n {props.children}\r\n \r\n );\r\n};\r\n\r\nexport default CookieContextProvider;\r\n","import React from 'react';\r\n\r\nconst removeNotInDateRange = ({ StartDate, StopDate }) => {\r\n if (!StartDate && !StopDate) return true;\r\n const date = new Date().toISOString();\r\n if (StartDate && !StopDate) {\r\n return StartDate < date;\r\n }\r\n if (StopDate && !StartDate) {\r\n return StopDate > date;\r\n }\r\n return StartDate < date && StopDate > date;\r\n};\r\n\r\nexport function getItemsWithRelevantDate(items) {\r\n if (!items) return [];\r\n return items.filter(removeNotInDateRange);\r\n}\r\n\r\nexport default (WrappedComponent) => {\r\n return (props) => {\r\n const { Messages, PageTypeName } = props;\r\n const messages =\r\n Messages &&\r\n PageTypeName !== 'LanguagePage' &&\r\n getItemsWithRelevantDate(Messages);\r\n return
;\r\n }\r\n\r\n if (!WrappedComponent) return null;\r\n\r\n return (\r\n \r\n
\r\n );\r\n };\r\n\r\n memo(StaticComponent, () => {\r\n return false;\r\n });\r\n\r\n return StaticComponent;\r\n};\r\n\r\nexport default staticComponent;\r\n","import React from 'react';\r\nimport classnames from 'classnames';\r\nimport proptypes from 'prop-types';\r\n\r\n/**\r\n * React wrapper for the native `` element. \r\n * \r\n * Use `NewTab` for links that should open in new tab. (target = _blank)\r\n * \r\n * Will spread all other attributes to element.\r\n * \r\n```javascript\r\n\r\nimport A from '../Anchor';\r\n\r\n \r\n a link text\r\n \r\n\r\n```\r\n\r\nWill output \r\n\r\n```html\r\n\r\n a link text\r\n \r\n```\r\n\r\n */\r\nconst A = (props) => {\r\n const { NewTab, className, children, hasIcon, buttonStyling, ...rest } = props;\r\n\r\n const attr = { ...rest };\r\n\r\n if (NewTab) {\r\n if (!attr.rel) attr.rel = '';\r\n attr.rel += ' noopener ';\r\n attr.target = '_blank';\r\n }\r\n\r\n return (\r\n \r\n {children}\r\n {hasIcon ? \r\n \r\n
{title} \r\n
{message}
\r\n
\r\n );\r\n};\r\nexport default FallbackComponent;\r\n","import React from 'react';\r\nimport T from 'prop-types';\r\nimport FallbackComponent from './fallback-component';\r\n\r\nclass ErrorBoundary extends React.Component {\r\n state = {\r\n hasError: false,\r\n };\r\n\r\n static getDerivedStateFromError() {\r\n return {\r\n hasError: true,\r\n error: { message: '', stack: '' },\r\n info: { componentStack: '' },\r\n };\r\n }\r\n\r\n componentDidCatch(error, info) {\r\n this.setState({\r\n error,\r\n info,\r\n });\r\n\r\n this.log(error, info);\r\n }\r\n\r\n log(error, info) {\r\n console.group('Component error');\r\n console.error(error);\r\n console.error(info);\r\n console.groupEnd();\r\n }\r\n\r\n render() {\r\n if (this.state.hasError) {\r\n if (typeof this.props.renderFallback === 'function') {\r\n return this.props.renderFallback(this.props);\r\n }\r\n return (\r\n \r\n {icon && \r\n {srText ?? text}\r\n \r\n\r\n {text} \r\n
\r\n );\r\n};\r\n\r\nBadge.propTypes = {\r\n id: PropTypes.string,\r\n children: PropTypes.node,\r\n icon: PropTypes.bool,\r\n type: PropTypes.oneOf([\r\n 'primary',\r\n 'secondary',\r\n 'neutral',\r\n 'success',\r\n 'info',\r\n 'attention',\r\n 'error',\r\n ]),\r\n srText: PropTypes.string,\r\n text: PropTypes.string,\r\n};\r\n\r\nexport default Badge;\r\n","export default __webpack_public_path__ + \"static/favicons/mstile-310x310.png\";","export const throttle = (func, limit) => {\r\n let lastFunc;\r\n let lastRan;\r\n return function () {\r\n const context = this;\r\n const args = arguments;\r\n if (!lastRan) {\r\n func.apply(context, args);\r\n lastRan = Date.now();\r\n } else {\r\n clearTimeout(lastFunc);\r\n lastFunc = setTimeout(function () {\r\n if (Date.now() - lastRan >= limit) {\r\n func.apply(context, args);\r\n lastRan = Date.now();\r\n }\r\n }, limit - (Date.now() - lastRan));\r\n }\r\n };\r\n};\r\n\r\nexport const debounce = (fn, delay) => {\r\n let timerId;\r\n return (...args) => {\r\n clearTimeout(timerId);\r\n timerId = setTimeout(() => fn(...args), delay);\r\n };\r\n};\r\n\r\nexport function log(type = 'log', ...msg) {\r\n // Do not log in production.\r\n if (process.env.NODE_ENV === 'production') return () => {};\r\n // Default to log function if we try to send something else\r\n if (typeof console[type] !== 'function') type = 'log';\r\n // if we pass a message log directly (will not give correct file and linenumer in console)\r\n if (msg && msg.length > 0) {\r\n return console[type](...msg);\r\n }\r\n // return console function to be run by caller.\r\n return console[type];\r\n}\r\n\r\nexport function callIfFunction(fn, ...args) {\r\n if (typeof fn === 'function') {\r\n return fn(...args);\r\n }\r\n return;\r\n}\r\n\r\n/**\r\n * Convert object to string and compare them.\r\n * Not recommended but can be useful in certain situations.\r\n */\r\nexport function jsonStringifyIsEqual(obj1, obj2) {\r\n return JSON.stringify(obj1) === JSON.stringify(obj2);\r\n}\r\n\r\n/**\r\n * Check if param is an empty object.\r\n * `isEmptyObject({}) // true`\r\n */\r\nexport function isEmptyObject(v) {\r\n for (var key in v) {\r\n if (Object.prototype.hasOwnProperty.call(v, key)) return false;\r\n }\r\n return true;\r\n}\r\n\r\n/**\r\n * Check if param is an empty string.\r\n * `isEmptyString(\"\") // true`\r\n */\r\nexport function isEmptyString(v) {\r\n if (typeof v === 'string' && v === '') return true;\r\n return false;\r\n}\r\n\r\n/**\r\n * Check if param is an empty array.\r\n * `isEmptyArray([]) // true`\r\n */\r\nexport function isEmptyArray(v) {\r\n if (Array.isArray(v) && v.length === 0) return true;\r\n return false;\r\n}\r\n\r\n/**\r\n * Check if param is falsy or empty array, object or string.\r\n ```js\r\n isFalseOrEmpty(\"\") == true\r\n isFalseOrEmpty([]) == true\r\n isFalseOrEmpty({}) == true\r\n isFalseOrEmpty(null) == true\r\n isFalseOrEmpty(undefined) == true\r\n isFalseOrEmpty(false) == true\r\n isFalseOrEmpty(0) == false\r\n ```\r\n */\r\nexport function isFalseOrEmpty(v) {\r\n if (v === 0) return false;\r\n if (!v) return true;\r\n return isEmptyString(v) || isEmptyArray(v) || isEmptyObject(v);\r\n}\r\n\r\n/**\r\n * Make first char of string uppercase.\r\n */\r\nexport function capitalize(s) {\r\n if (typeof s !== 'string') return '';\r\n return s.charAt(0).toUpperCase() + s.slice(1);\r\n}\r\n\r\nexport function preloadedState() {\r\n if (typeof window === 'undefined') {\r\n return {};\r\n }\r\n if (window.__PRELOADED_STATE__) {\r\n return window.__PRELOADED_STATE__;\r\n }\r\n return {};\r\n}\r\n\r\nexport function useSweLang(lang) {\r\n if (lang == 'sv' || lang == 'sv-SE-x-ll' || lang == 'swl') {\r\n return null;\r\n }\r\n return 'sv';\r\n}\r\n\r\nexport const getCurrentRegion = () => {\r\n const { Regionalization } = preloadedState();\r\n\r\n if (\r\n Regionalization &&\r\n Regionalization.Regions &&\r\n Regionalization.Regions.Options &&\r\n Regionalization.Regions.Options.length > 0\r\n ) {\r\n return Regionalization.Regions.Options.find((opt) => opt.Selected === true);\r\n }\r\n\r\n return null;\r\n};\r\n\r\n/**\r\n * Strips html tags from a string.\r\n */\r\nexport const stripHtml = (text) => {\r\n const doc = new DOMParser().parseFromString(text, 'text/html');\r\n return doc.body.textContent || '';\r\n};\r\n\r\n/**\r\n * Sanitizes a string for use as a URL parameter by:\r\n * - Lowercasing all letters\r\n * - Replacing Swedish characters (å, ä, ö) with their Latin equivalents\r\n * - Converting whitespace to underscores\r\n * - Removing invalid characters\r\n * - Compressing multiple underscores\r\n */\r\nexport const sanitizeUrlParam = (str) => {\r\n return str\r\n .toLowerCase()\r\n .replace(/[åä]/g, 'a')\r\n .replace(/ö/g, 'o')\r\n .replace(/\\s+/g, '_')\r\n .replace(/[^a-z0-9_]/g, '')\r\n .replace(/_{2,}/g, '_');\r\n};\r\n","export default __webpack_public_path__ + \"static/favicons/favicon-196x196.png\";","import React from 'react';\r\nimport T from 'prop-types';\r\nimport ErrorBoundary from './error-boundary';\r\nimport FallbackComponent from './fallback-component';\r\n\r\nconst PageTypeRenderer = (props) => {\r\n //TODO: throw bara i dev\r\n if (!props.PageTypes[props.PageTypeName])\r\n throw new Error(\r\n `There is no pagetype with name ${props.PageTypeName} in React app. Check exported pages.`\r\n );\r\n\r\n const RenderPageType = props.PageTypes[props.PageTypeName];\r\n\r\n const renderFallback = (props) => (\r\n \r\n \r\n );\r\n};\r\n\r\nPageTypeRenderer.propTypes = {\r\n PageTypeName: T.string,\r\n PageTypes: T.object,\r\n};\r\n\r\nexport default PageTypeRenderer;\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nconst ExpandBtn = (props) => {\r\n if (props.IsLeafNode) return null;\r\n\r\n const expandBtnClasses = classNames({\r\n 'c-expand-button': true,\r\n [`${props.ComponentClassName}-expand`]: true,\r\n 'c-expand-button--is-open': props.isOpen,\r\n });\r\n\r\n const chevronBtnClasses = classNames({\r\n [`${props.chevronMobile}`]: true,\r\n [`${props.ComponentClassName}-expand`]: true,\r\n [`${props.chevronMobile}--is-open`]: props.isOpen,\r\n });\r\n\r\n const btnClasses = props.chevronMobile ? chevronBtnClasses : expandBtnClasses;\r\n\r\n return (\r\n props.handleClick(e)}\r\n className={btnClasses}\r\n aria-controls={props.Id}\r\n aria-expanded={props.isOpen}\r\n type=\"button\"\r\n data-cy=\"ui-mobilenav-expand-button\"\r\n >\r\n {`${props.ExpandBtnText} ${props.Text}`} \r\n \r\n );\r\n};\r\n\r\nExpandBtn.defaultProps = {\r\n ExpandBtnText: '',\r\n};\r\n\r\nexport default ExpandBtn;\r\n","export default __webpack_public_path__ + \"static/favicons/mstile-310x150.png\";","import React from 'react';\r\nimport T from 'prop-types';\r\nimport ErrorBoundary from './error-boundary';\r\nimport FallbackComponent from './fallback-component';\r\n\r\nconst BlockTypeRenderer = (props) => {\r\n if (!props.Blocks[props.BlockTypeName]) {\r\n throw new Error(\r\n `There is no blocktype with name ${props.BlockTypeName} in React app. Check exported blocks.`\r\n );\r\n }\r\n const RenderBlockType = props.Blocks[props.BlockTypeName];\r\n\r\n return \r\n \r\n );\r\n};\r\n\r\nexport default BlockTypeRendererWithBoundary;\r\n","export default __webpack_public_path__ + \"static/favicons/apple-touch-icon-152x152.png\";","import React from 'react';\r\nimport * as Render from '../Base/Render';\r\nimport classNames from 'classnames';\r\nimport T from 'prop-types';\r\n\r\nconst SurveyEntry = (props) => {\r\n return (\r\n \r\n
\r\n {(props.Heading || props.ShowIcon) && (\r\n
\r\n {props.ShowIcon &&\r\n Render.Property(\r\n
{props.Heading} ,\r\n 'Heading'\r\n )}\r\n \r\n )}\r\n {props.MainBody && props.LinkUrl && props.LinkText && (\r\n
\r\n \r\n {Render.PropertyAsHTML(props.MainBody, 'MainBody')}\r\n
\r\n \r\n {Render.Property(props.LinkText, 'LinkText')}\r\n \r\n \r\n )}\r\n
\r\n
\r\n \r\n Environment: {props.BuildInfo.Environment}\r\n \r\n \r\n Server: {props.BuildInfo.Server}\r\n \r\n \r\n Branch: {props.BuildInfo.Branch}\r\n \r\n \r\n Release: {props.BuildInfo.ReleaseNumber}\r\n \r\n \r\n Built: {props.BuildInfo.Built}\r\n \r\n \r\n Request id: {' '}\r\n {props.BuildInfo.Identifier &&\r\n props.BuildInfo.Identifier.substring(0, 8)}\r\n \r\n \r\n Commit: {' '}\r\n {props.BuildInfo.Commit && props.BuildInfo.Commit.substring(0, 8)}\r\n \r\n \r\n
\r\n
\r\n );\r\n }\r\n }\r\n Container.displayName = `withAutocomplete(${getDisplayName(\r\n WrappedComponent\r\n )})`;\r\n return Container;\r\n};\r\n","export default __webpack_public_path__ + \"static/favicons/apple-touch-icon-60x60.png\";","import React, { useState } from 'react';\r\nimport classNames from 'classnames';\r\nimport ExpandBtn from './expand-button';\r\nimport Mobile from './index';\r\nimport { getCurrentRegion } from '../Helpers';\r\n\r\nconst Anchor = (props) => {\r\n const linkClasses = classNames({\r\n [`${props.ComponentClassName}__list__item__link`]:\r\n props.Type && props.Type !== '',\r\n [`${props.ComponentClassName}__list__item__link--${props.Type}`]:\r\n props.Type && props.Type !== '',\r\n });\r\n\r\n const handleClickCareGiver = (icon) => () => {\r\n if (icon && window?._paq) {\r\n window._paq.push([\r\n 'trackEvent',\r\n 'Vardpersonal mobile',\r\n 'Click Vardpersonal 1177 mobile',\r\n 'Click Vardpersonal 1177 Link mobile',\r\n ]);\r\n }\r\n };\r\n\r\n if (!props.Url || props.Url === '') return {props.Text} ;\r\n return (\r\n \r\n {props.Text}\r\n \r\n );\r\n};\r\n\r\nconst Item = (props) => {\r\n const [isOpen, setIsOpen] = useState(props.ActivePath);\r\n const [subMenuData, setSubmenuData] = useState(null);\r\n\r\n const fetchSubMenu = (pageId) => {\r\n const createRegionSlug = (path) => {\r\n const region = getCurrentRegion();\r\n if (!region) return path;\r\n\r\n return `/api/${region.Slug.toLowerCase()}/menuitem/${pageId}`;\r\n };\r\n\r\n const path = createRegionSlug(`/api/menuitem/${pageId}`);\r\n\r\n fetch(path)\r\n .then((response) => {\r\n if (response.ok) {\r\n return response.json();\r\n }\r\n throw response;\r\n })\r\n .then((data) => {\r\n setSubmenuData(data);\r\n })\r\n .catch((error) => {\r\n throw error;\r\n });\r\n };\r\n\r\n const handleClick = (e) => {\r\n e.preventDefault();\r\n setIsOpen(!isOpen);\r\n\r\n if (!props.Children && !isOpen) {\r\n fetchSubMenu(props.PageId);\r\n setSubmenuData(subMenuData);\r\n }\r\n };\r\n\r\n const itemClasses = classNames({\r\n [`${props.ComponentClassName}__list__item`]: true,\r\n [`${props.ComponentClassName}__list__item--has-children`]:\r\n props.Children && props.Children.length > 0,\r\n [`${props.ComponentClassName}__list__item--is-open`]: isOpen,\r\n [`${props.ComponentClassName}--selected-item`]:\r\n props.CurrentPageId === props.PageId, //TODO: BUGG i denna: this.props.ActivePath,\r\n });\r\n\r\n const containerClass =\r\n `${props.ComponentClassName}__list__item__container` +\r\n `${props.Icon ? ' care-giver_container' : ''}`;\r\n return (\r\n \r\n \r\n {props.Icon &&
}\r\n
\r\n {!props.HideChildrenInMobileMenu && !props.Icon && (\r\n
\r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default Item;\r\n","export const createCookie = (name, value, days) => {\r\n var expires;\r\n if (days) {\r\n var date = new Date();\r\n date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);\r\n expires = '; expires=' + date.toGMTString();\r\n } else expires = '';\r\n document.cookie = name + '=' + value + expires + '; path=/';\r\n};\r\n\r\nexport const parseCookieData = (name, cookieData) => {\r\n if (!cookieData) return null;\r\n if (typeof cookieData.split === 'undefined') return null;\r\n var nameEQ = name + '=';\r\n var ca = cookieData.split(';');\r\n for (var i = 0; i < ca.length; i++) {\r\n var c = ca[i];\r\n while (c.charAt(0) == ' ') c = c.substring(1, c.length);\r\n if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);\r\n }\r\n return null;\r\n};\r\n\r\nexport const readCookie = (name) => {\r\n if(typeof window === 'undefined'){\r\n return null;\r\n } \r\n return parseCookieData(name, document.cookie)};\r\n\r\nexport const eraseCookie = (name) => createCookie(name, '', -1);\r\n","const API_BASE = '';\r\n\r\nconst fetchbyURL = (url) =>\r\n fetch(url)\r\n .then((response) => { return response; })\r\n .catch((error) => { throw error; });\r\n\r\nconst postData = (endPoint, data) =>\r\n fetch(endPoint, {\r\n method: 'POST',\r\n body: data,\r\n })\r\n .then((response) => response)\r\n .catch((error) => console.error('Error:', error));\r\n\r\nexport const search = (query) => fetchbyURL(`${API_BASE}${query}`);\r\nexport const post = (endPoint, data) =>\r\n postData(`${API_BASE}${endPoint}`, data);\r\nexport const autocomplete = (query) => fetchbyURL(`${API_BASE}${query}`);\r\n","import React, { useState, useContext } from 'react';\r\nimport classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport PanelContext from './panelContext';\r\nimport HoverModal from '../Modal/hover-modal';\r\n\r\nconst CollapsiblePanel = (props) => {\r\n const panelContext = useContext(PanelContext);\r\n\r\n const [isCollapsed, setIsCollapsed] = useState(\r\n props.DefaultCollapsed === false ? false : true\r\n );\r\n\r\n const handleClick = () => {\r\n const { setActivePanelId } = panelContext;\r\n const { isAccordion, Id } = props;\r\n\r\n if (isAccordion) {\r\n setActivePanelId(Id);\r\n setIsCollapsed(!setIsOpen());\r\n } else {\r\n setIsCollapsed(!isCollapsed);\r\n }\r\n };\r\n\r\n const setIsOpen = () => {\r\n const { activePanelId } = panelContext;\r\n const { isAccordion, Id } = props;\r\n\r\n if (isAccordion) {\r\n return Boolean(isCollapsed && Id === activePanelId);\r\n }\r\n return !isCollapsed;\r\n };\r\n\r\n if (!props) return null;\r\n\r\n const isOpen = setIsOpen();\r\n\r\n const componentClassname = props.className;\r\n\r\n const componentClasses = classNames({\r\n [componentClassname]: true,\r\n [`${componentClassname}--is-expanded`]: isOpen,\r\n [`${componentClassname}--has-hovereffect`]: props.hasHover,\r\n });\r\n\r\n const buttonAttributes = {\r\n onClick: () => handleClick(),\r\n type: 'button',\r\n 'aria-controls': props.Id,\r\n 'aria-expanded': isOpen,\r\n className: `${componentClassname}__button`,\r\n id: `btn-${props.Id}`,\r\n };\r\n\r\n const panelAttributes = {\r\n id: props.Id,\r\n 'aria-hidden': !isOpen,\r\n 'data-cy': 'collapsible-panel',\r\n };\r\n\r\n const panelClasses = classNames({\r\n [`${componentClassname}__panel`]: true,\r\n [`${componentClassname}__panel--is-expanded`]: isOpen,\r\n });\r\n\r\n return (\r\n \r\n
\r\n {props.hasHover && (\r\n \r\n {props.Heading}\r\n \r\n \r\n {props.ExpandBtnText} {props.Heading}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {props.children}\r\n
\r\n
props.handleHamburgerClick(e)}\r\n type=\"button\"\r\n className={props.burgerBtnClassname}\r\n aria-controls=\"mobile-nav\"\r\n aria-label={\r\n props.Content.Translations && props.Content.Translations.menusr\r\n }\r\n aria-expanded={props.mobileNavVis}\r\n data-cy=\"ui-burger-btn\"\r\n >\r\n {props.text && (\r\n {props.text} \r\n )}\r\n\r\n \r\n \r\n \r\n {props.Content.Translations && props.Content.Translations.menusr}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Burger;\r\n","import { arrayOf, shape, string } from 'prop-types';\r\nimport React from 'react';\r\nimport withRelevantDate from '../Containers/withRelevantDate';\r\nimport StatusMessage from '../StatusMessage';\r\n\r\nconst AlertMessagesList = (props) => {\r\n if (!props.Messages || props.Messages.length < 1) return null;\r\n\r\n return (\r\n \r\n {props.Messages.map((message, index) => (\r\n
\r\n );\r\n};\r\n\r\nAlertMessagesList.propTypes = {\r\n Messages: arrayOf(\r\n shape({\r\n MessageId: string.isRequired,\r\n Author: string,\r\n /** StartDate is set to a string from `withRelevantDate` container */\r\n StartDate: string,\r\n Title: string.isRequired,\r\n Message: string.isRequired,\r\n })\r\n ),\r\n};\r\n\r\nexport default withRelevantDate(AlertMessagesList);\r\n","import React from 'react';\r\nimport T from 'prop-types';\r\n\r\nconst BlockProperty = (props) => {\r\n const editAttributes = {\r\n [global.PWTPlatform.EditAttributes[0]]: props.propertyName,\r\n [global.PWTPlatform.EditAttributes[1]]: true,\r\n 'data-contentgroup': true,\r\n className: 'epi-editContainer',\r\n };\r\n\r\n return {props.children}
;\r\n};\r\n\r\n/**\r\n * Will render a (list of) Block, will spread all other props to each block.\r\n */\r\nconst Block = ({\r\n blocks,\r\n propertyName,\r\n children,\r\n currentPageProps,\r\n stylePropertyName,\r\n ...props\r\n}) => {\r\n if (!blocks && global.PWTPlatform.IsEditMode)\r\n return \r\n {React.cloneElement(children, {\r\n ...block,\r\n key: index,\r\n index,\r\n UniqueBlockId: uniqueBlockId,\r\n CurrentPageProps: currentPageProps,\r\n PropertyName: stylePropertyName || propertyName,\r\n ...props,\r\n ...children.props,\r\n })}\r\n \r\n );\r\n } else {\r\n return React.cloneElement(children, {\r\n ...block,\r\n key: uniqueBlockId,\r\n index,\r\n UniqueBlockId: uniqueBlockId,\r\n CurrentPageProps: currentPageProps,\r\n PropertyName: stylePropertyName || propertyName,\r\n ...props,\r\n ...children.props,\r\n });\r\n }\r\n });\r\n\r\n if (global.PWTPlatform.IsEditMode) {\r\n return (\r\n {blockItems} \r\n );\r\n } else {\r\n return blockItems;\r\n }\r\n};\r\n\r\nBlock.propTypes = {\r\n blocks: T.any,\r\n propertyName: T.string,\r\n children: T.node,\r\n currentPageProps: T.any,\r\n};\r\n\r\nexport default Block;\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport SemanticHeader from '../Chapter/semantic-header';\r\nimport A from '../Anchor';\r\n\r\nconst Linklist = (props) => {\r\n if (!props.Links) return null;\r\n\r\n const componentClass = props.className ? `${props.className}` : 'c-linklist';\r\n\r\n const listContainerClass = classNames({\r\n [componentClass]: true,\r\n ...props.Modifiers,\r\n });\r\n\r\n const listItems = props.Links.map((item, index) => {\r\n const listItemClass = classNames(item.className, {\r\n [`${componentClass}__link`]: true,\r\n });\r\n\r\n const itemAttr = {\r\n id: item.id,\r\n href: item.Href,\r\n lang: item.Language != 'sv' ? item.Language : null,\r\n className: listItemClass,\r\n NewTab: item.NewTab,\r\n hasIcon: item.NewTab,\r\n };\r\n\r\n const trackingAttributesExists =\r\n item?.TrackAttr !== null && item?.TrackAttr !== undefined ? true : false;\r\n\r\n if (item.Icon) {\r\n itemAttr['data-icon'] = item.Icon;\r\n }\r\n\r\n if (item.onClick) {\r\n itemAttr.onClick = (e) => {\r\n if (item.onClick) item.onClick(e);\r\n };\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n {item.Text}\r\n \r\n \r\n \r\n );\r\n });\r\n\r\n const dataPrintSidebarTitle =\r\n props.Heading ||\r\n props.CurrentPageProps?.Content?.Translations?.linklistblock ||\r\n '';\r\n const listContainer = 'link-list-container';\r\n\r\n return (\r\n \r\n {props.Heading && (\r\n \r\n {props.Heading}\r\n \r\n )}\r\n \r\n {listItems}\r\n {props.ListChildren}\r\n \r\n {props.children}\r\n \r\n );\r\n};\r\n\r\nLinklist.defaultProps = {\r\n ListChildren: null,\r\n};\r\n\r\nexport default Linklist;\r\n","export default __webpack_public_path__ + \"static/favicons/favicon-32x32.png\";","export default __webpack_public_path__ + \"static/favicons/mstile-150x150.png\";","import classNames from 'classnames';\r\nimport PropTypes from 'prop-types';\r\nimport React from 'react';\r\n\r\nconst AutoCompleteSuggestions = ({\r\n suggestions,\r\n label,\r\n searchUrl,\r\n hasQuickSearch,\r\n selectedIndex,\r\n isVisible,\r\n id,\r\n}) => {\r\n if (!Array.isArray(suggestions) || suggestions.length === 0) return null;\r\n\r\n const ulProps = hasQuickSearch\r\n ? { className: 'c-search__quicksearch__autocomplete' }\r\n : {\r\n role: 'listbox',\r\n 'aria-expanded': isVisible,\r\n id: `${id}_listbox`,\r\n className: 'c-search__autocomplete',\r\n };\r\n\r\n return (\r\n \r\n {label && (\r\n \r\n {label}\r\n \r\n )}\r\n {suggestions.map((term, index) => {\r\n const itemClass = classNames({\r\n 'c-search__autocomplete__item': !hasQuickSearch,\r\n 'c-search__autocomplete__item--is-selected':\r\n !hasQuickSearch && selectedIndex === index,\r\n 'c-search__quicksearch__autocomplete__item': hasQuickSearch,\r\n 'c-search__quicksearch__autocomplete__item--is-selected':\r\n hasQuickSearch && selectedIndex === index,\r\n });\r\n return (\r\n \r\n {term} \r\n \r\n );\r\n })}\r\n \r\n );\r\n};\r\n\r\nAutoCompleteSuggestions.propTypes = {\r\n suggestions: PropTypes.arrayOf(PropTypes.string),\r\n label: PropTypes.string,\r\n searchUrl: PropTypes.string,\r\n hasQuickSearch: PropTypes.bool,\r\n selectedIndex: PropTypes.number,\r\n id: PropTypes.string,\r\n isVisible: PropTypes.bool,\r\n};\r\n\r\nexport default AutoCompleteSuggestions;\r\n","export default __webpack_public_path__ + \"static/favicons/apple-touch-icon-144x144.png\";","import React from 'react';\r\n\r\nconst Property = (property, propertyName) => {\r\n if (!global.PWTPlatform.IsEditMode) return property;\r\n\r\n const editAttributes = {\r\n [global.PWTPlatform.EditAttributes[0]]: propertyName,\r\n [global.PWTPlatform.EditAttributes[1]]: true,\r\n };\r\n\r\n return (\r\n \r\n {property}\r\n \r\n );\r\n};\r\n\r\nconst PropertyAsHTML = (property, propertyName) => {\r\n if (!global.PWTPlatform.IsEditMode && !property) return null;\r\n\r\n if (!global.PWTPlatform.IsEditMode)\r\n return
;\r\n\r\n const editAttributes = {\r\n [global.PWTPlatform.EditAttributes[0]]: propertyName,\r\n [global.PWTPlatform.EditAttributes[1]]: true,\r\n };\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport { Property, PropertyAsHTML };\r\n","import queryString from 'qs';\r\nimport * as Api from '../Api';\r\n\r\nexport const loadMorePages = (query) => (dispatch, getState, callback) => {\r\n dispatch({\r\n type: 'LOADING',\r\n payload: getState(),\r\n });\r\n\r\n Api.search(query)\r\n .then((response) => response.json())\r\n .then((payload) => {\r\n if (typeof callback === 'function') {\r\n callback(payload, query);\r\n }\r\n dispatch({\r\n type: 'LOAD_MORE',\r\n key: query,\r\n payload: payload,\r\n });\r\n });\r\n};\r\n\r\nexport const filterPages = (query) => (dispatch, getState, callback) => {\r\n dispatch({\r\n type: 'LOADING',\r\n payload: getState(),\r\n });\r\n\r\n Api.search(query)\r\n .then((response) => response.json())\r\n .then((payload) => {\r\n if (typeof callback === 'function') {\r\n callback(payload, query);\r\n }\r\n dispatch({\r\n type: 'FILTER',\r\n key: query,\r\n payload: payload,\r\n });\r\n });\r\n};\r\n\r\nexport const autoComplete = (query, fallback) => (dispatch, getState) => {\r\n dispatch({\r\n type: 'LOADING',\r\n payload: getState(),\r\n });\r\n\r\n Api.autocomplete(query)\r\n .then((response) => {\r\n if (!response.ok && response.status !== 200) {\r\n throw new Error(response.status);\r\n }\r\n const qs = queryString.parse(query.substring(query.indexOf('?')), {\r\n ignoreQueryPrefix: true,\r\n });\r\n if (qs.q == getState().value) return response.json();\r\n\r\n return { aborted: true, valueReq: qs.q, valueState: getState().value };\r\n })\r\n .then((payload) => {\r\n //Only dispatch response from the last request\r\n //TODO: When better browsersupport for fetch: abort request instead\r\n\r\n if (payload && payload.aborted) return;\r\n\r\n return dispatch({\r\n type: 'AUTOCOMPLETE',\r\n key: query,\r\n payload: payload,\r\n });\r\n })\r\n .catch((e) => {\r\n const qs = queryString.parse(query.substring(query.indexOf('?')), {\r\n ignoreQueryPrefix: true,\r\n });\r\n if (fallback && fallback.length > 0 && qs.q) {\r\n const result = fallback\r\n .filter((item) => item.toLowerCase().startsWith(qs.q.toLowerCase()))\r\n .slice(0, 8);\r\n\r\n return dispatch({\r\n type: 'AUTOCOMPLETE',\r\n key: query,\r\n payload: result,\r\n });\r\n } else {\r\n console.error('Could not fetch autocomplete data from the server.');\r\n console.error(e.message);\r\n dispatch({\r\n type: 'ERROR',\r\n payload: e,\r\n });\r\n }\r\n });\r\n};\r\n\r\nexport const fetchByQuery = (query) => (dispatch, getState, callback) => {\r\n dispatch({\r\n type: 'LOADING',\r\n payload: getState(),\r\n });\r\n\r\n Api.search(query)\r\n .then((response) => response.json())\r\n .then((payload) => {\r\n if (typeof callback === 'function') {\r\n callback(payload, query);\r\n }\r\n dispatch({\r\n type: 'SEARCH',\r\n key: query,\r\n payload: payload,\r\n });\r\n });\r\n};\r\n\r\nexport const fetchByPost = (endPoint, data) => (dispatch, getState) => {\r\n dispatch({\r\n type: 'LOADING',\r\n payload: getState(),\r\n });\r\n\r\n Api.post(endPoint, data)\r\n .then((response) => response.json())\r\n .then((payload) =>\r\n dispatch({\r\n type: 'SEARCH',\r\n payload: payload,\r\n })\r\n );\r\n};\r\n","import React from 'react';\r\n\r\nconst SemanticHeader = ({ isH3, isH4, children, ...props }) =>\r\n isH3 ? (\r\n {children} \r\n ) : isH4 ? (\r\n {children} \r\n ) : (\r\n {children} \r\n );\r\n\r\nexport default SemanticHeader;\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nconst Item = (props) => {\r\n const ItemClassName = props.itemClassName ? props.itemClassName : 'c-meganav';\r\n\r\n const classes = classNames({\r\n [`${ItemClassName}__list__item`]: true,\r\n [`${ItemClassName}__list__item--is-selected`]: props.ActivePath,\r\n });\r\n\r\n return (\r\n \r\n \r\n {props.Text} \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Item;\r\n","import PropTypes from 'prop-types';\r\nimport React, { useEffect } from 'react';\r\nimport withAutocomplete from '../Containers/withAutocomplete';\r\nimport { isMediumViewport } from '../Hooks/useMedia';\r\nimport AutoCompleteSuggestions from './autocomplete-suggestions';\r\nimport QuickSearchHits from './quicksearch-results';\r\n\r\n/**\r\n * Repo: PWT-PlattformUI\r\n *\r\n * Containers: withAutocomplete\r\n *\r\n * Sites: All PWT\r\n *\r\n * @description Search field used in the global page search.\r\n *\r\n */\r\nconst SearchField = ({\r\n hasNoAutocomplete,\r\n handleKeyDown,\r\n handleChange,\r\n handleBlur,\r\n Suggestions = {},\r\n id,\r\n searchUrl,\r\n className,\r\n defaultValue,\r\n placeholder,\r\n hasQuickSearch,\r\n showSearchHitsHeadingSuffix,\r\n defaultQuickSearch,\r\n site,\r\n}) => {\r\n let selectedTerm = null;\r\n\r\n const isMobileViewport = isMediumViewport();\r\n\r\n useEffect(() => {\r\n document.body.classList.remove('no-scroll');\r\n if (Suggestions.Hits?.SearchHits?.length > 5 && isMobileViewport) {\r\n document.body.classList.add('no-scroll');\r\n }\r\n }, [Suggestions.Hits]);\r\n\r\n if (hasNoAutocomplete && !hasQuickSearch) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n\r\n const suggestionsArray = hasQuickSearch\r\n ? Suggestions.Hits.AutoComplete\r\n : Suggestions.Hits;\r\n\r\n return (\r\n \r\n handleKeyDown(e)}\r\n onChange={(e) => handleChange(e)}\r\n onBlur={(e) => handleBlur(e)}\r\n type=\"text\"\r\n id={id}\r\n name=\"q\"\r\n placeholder={placeholder}\r\n className={`${className}__field__query`}\r\n data-cy=\"ui-searchform-input\"\r\n />\r\n\r\n {defaultQuickSearch?.QuickSearchSettingEnabled &&\r\n site === '1177' &&\r\n Suggestions.isVisible &&\r\n Suggestions.Hits?.SearchHits?.length > 0 && (\r\n \r\n {Suggestions.Hits.AutoComplete?.length > 0 && (\r\n \r\n {!Suggestions.isLoading &&\r\n suggestionsArray &&\r\n suggestionsArray.length > 0 && (\r\n \r\n Det finns {suggestionsArray && suggestionsArray.length}{' '}\r\n sökordsförslag. Använd uppåt och nedåtpil för att navigera i\r\n resultatet.\r\n {selectedTerm}\r\n
\r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nSearchField.propTypes = {\r\n handleKeyDown: PropTypes.func,\r\n handleChange: PropTypes.func,\r\n handleBlur: PropTypes.func,\r\n Suggestions: PropTypes.shape({\r\n Hits: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\r\n index: PropTypes.number,\r\n value: PropTypes.string,\r\n isVisible: PropTypes.bool,\r\n }),\r\n defaultValue: PropTypes.string,\r\n id: PropTypes.string,\r\n searchUrl: PropTypes.string,\r\n className: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n hasNoAutocomplete: PropTypes.bool,\r\n hasQuickSearch: PropTypes.bool,\r\n showSearchHitsHeadingSuffix: PropTypes.bool,\r\n defaultQuickSearch: PropTypes.object,\r\n site: PropTypes.string,\r\n};\r\n\r\nexport const SearchFieldWithoutAutocomplete = (props) => (\r\n \r\n {links.map((link, index) => (\r\n \r\n {link.Text} \r\n \r\n ))}\r\n \r\n );\r\n };\r\n\r\n return (\r\n \r\n \r\n {children}\r\n {careGiverLink}\r\n \r\n {props.mobileNavHasFooterLinks && \r\n );\r\n};\r\n\r\nexport default Mobile;\r\n","import React, { useState, useEffect } from 'react';\r\nimport * as Cookies from '../Base/Cookies';\r\nimport classNames from 'classnames';\r\n\r\nconst CookiePanel = (props) => {\r\n const [isVisible, setIsVisible] = useState();\r\n const [isAccepted, setIsAccepted] = useState();\r\n\r\n useEffect(() => {\r\n setIsVisible(\r\n Cookies.parseCookieData('acceptedCookie', props.cookies) === null\r\n );\r\n }, []);\r\n\r\n const closeCookieHandler = (e) => {\r\n e.preventDefault();\r\n Cookies.createCookie('acceptedCookie', true, 365);\r\n setIsAccepted(true);\r\n\r\n setTimeout(() => {\r\n setIsAccepted(true);\r\n }, 2500);\r\n };\r\n\r\n if (!isVisible || !props || !props.CookieConsent) {\r\n return null;\r\n }\r\n const { CookieConsentText, CookieButtonText } = props.CookieConsent;\r\n\r\n const classes = classNames({\r\n 'cookie-panel': true,\r\n 'cookie-panel--is-closed': isAccepted,\r\n });\r\n\r\n return (\r\n \r\n
\r\n
\r\n {CookieButtonText}\r\n \r\n