- \r\n {links.map((item, index) => {\r\n return (\r\n
- \r\n
\r\n
\r\n );\r\n};\r\n\r\nContact.propTypes = {\r\n image: PropTypes.exact(Image.propTypes),\r\n name: PropTypes.string,\r\n title: PropTypes.string,\r\n phoneLink: PropTypes.exact(Link.propTypes),\r\n mailLink: PropTypes.exact(Link.propTypes),\r\n};\r\n\r\nexport default Contact;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst ContactInformation = ({ heading, textHtml }) => {\r\n return (\r\n \r\n {image && ![]()
}\r\n
\r\n \r\n {name &&
\r\n {name}
}\r\n {title &&{title}
}\r\n {phoneLink && (\r\n \r\n
\r\n )}\r\n {mailLink && (\r\n \r\n
\r\n )}\r\n \r\n {heading &&
\r\n );\r\n};\r\n\r\nContactInformation.propTypes = {\r\n heading: PropTypes.string,\r\n textHtml: PropTypes.string,\r\n};\r\n\r\nexport default ContactInformation;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Contact from 'components/contact';\r\n\r\nconst ContactUs = ({ heading, contacts }) => {\r\n return (\r\n {heading}
}\r\n {textHtml && (\r\n\r\n
\r\n );\r\n};\r\n\r\nContactUs.propTypes = {\r\n heading: PropTypes.string,\r\n contacts: PropTypes.arrayOf(PropTypes.exact(Contact.propTypes)),\r\n};\r\n\r\nexport default ContactUs;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport * as Components from '../../app.components';\r\n\r\nconst ContentArea = ({ blocks }) => {\r\n return blocks ? (\r\n \r\n
\r\n \r\n {heading &&
\r\n {heading}
}\r\n {contacts && contacts.length > 0 && (\r\n\r\n {contacts.map((item, index) => (\r\n \r\n \r\n ))}\r\n
\r\n )}\r\n \r\n {blocks.map((block, index) => {\r\n const Block = Components[block.componentName];\r\n if (!Block) {\r\n // eslint-disable-next-line no-console\r\n console.error(`Components.${block.componentName} is not defined`);\r\n return null;\r\n }\r\n return (\r\n
\r\n ) : null;\r\n};\r\n\r\nContentArea.propTypes = {\r\n blocks: PropTypes.array,\r\n};\r\n\r\nContentArea.viewModelMeta = 'ignore';\r\n\r\nexport default ContentArea;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nconst CoursePartLink = ({\r\n text,\r\n partId,\r\n onClick = () => {},\r\n active = false,\r\n}) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n);\r\n\r\nSpinner.propTypes = {\r\n className: PropTypes.string,\r\n text: PropTypes.string,\r\n};\r\n\r\nSpinner.viewModelMeta = 'ignore';\r\n\r\nexport default Spinner;\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport CoursePartLink from './course-part-link';\r\nimport Spinner from 'components/spinner';\r\nimport scrollToElement from 'scroll-to-element';\r\n\r\nconst CourseContent = ({\r\n coursePartsLinks,\r\n loadCoursePartEndpoint,\r\n loadingText,\r\n errorText,\r\n prevButtonText,\r\n nextButtonText,\r\n navigationAriaLabel = 'Navigasjonsmeny for undervisning',\r\n}) => {\r\n const numberOfPartsLinks = coursePartsLinks ? coursePartsLinks.length : 0;\r\n const partsLinksAreExist = numberOfPartsLinks > 0;\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [error, setError] = useState(null);\r\n const [pageContent, setPageContent] = useState(null);\r\n const [pageId, setPageId] = useState(\r\n partsLinksAreExist ? coursePartsLinks[0].partId : null\r\n );\r\n\r\n const scrollToTopOfContent = () => {\r\n scrollToElement('.course-content', {\r\n offset: 0,\r\n ease: 'linear',\r\n duration: 500,\r\n });\r\n };\r\n\r\n const firstPartsLinkIsActive = partsLinksAreExist\r\n ? pageId !== coursePartsLinks[0].partId\r\n : false;\r\n\r\n const lastPartsLinkIsActive = partsLinksAreExist\r\n ? pageId !== coursePartsLinks[numberOfPartsLinks - 1].partId\r\n : false;\r\n\r\n const currentPartsLinkIndex = partsLinksAreExist\r\n ? coursePartsLinks.findIndex(p => p.partId === pageId)\r\n : null;\r\n\r\n const loadPageContent = () => {\r\n setIsLoading(true);\r\n setError(null);\r\n\r\n let xhr = new XMLHttpRequest();\r\n let query = `${loadCoursePartEndpoint}?partId=${pageId}`;\r\n\r\n xhr.onreadystatechange = function () {\r\n if (xhr.readyState === XMLHttpRequest.DONE) {\r\n if (xhr.status === 200) {\r\n setIsLoading(false);\r\n setPageContent(xhr.response);\r\n }\r\n }\r\n };\r\n\r\n xhr.onerror = function () {\r\n setError(errorText);\r\n setIsLoading(false);\r\n };\r\n\r\n xhr.open('GET', query, true);\r\n xhr.send();\r\n };\r\n\r\n const handleNavigate = activePartId => {\r\n setPageId(activePartId);\r\n };\r\n\r\n const handlePrevButtonClick = () => {\r\n firstPartsLinkIsActive &&\r\n setPageId(coursePartsLinks[currentPartsLinkIndex - 1].partId);\r\n scrollToTopOfContent();\r\n };\r\n\r\n const handleNextButtonClick = () => {\r\n lastPartsLinkIsActive &&\r\n setPageId(coursePartsLinks[currentPartsLinkIndex + 1].partId);\r\n scrollToTopOfContent();\r\n };\r\n\r\n useEffect(() => {\r\n pageId && loadPageContent(pageId);\r\n }, [pageId]);\r\n\r\n return (\r\n \r\n {coursePartsLinks && (\r\n \r\n
\r\n );\r\n};\r\n\r\nCourseContent.propTypes = {\r\n coursePartsLinks: PropTypes.arrayOf(\r\n PropTypes.exact(CoursePartLink.propTypes)\r\n ),\r\n loadCoursePartEndpoint: PropTypes.string.isRequired,\r\n loadingText: PropTypes.string.isRequired,\r\n errorText: PropTypes.string.isRequired,\r\n nextButtonText: PropTypes.string.isRequired,\r\n prevButtonText: PropTypes.string.isRequired,\r\n navigationAriaLabel: PropTypes.string,\r\n};\r\n\r\nexport default CourseContent;\r\n","import React from 'react';\r\n\r\n/** Attaches an event listener for `eventName` to `window`. */\r\nexport default function useEvent(\r\n eventName = '',\r\n eventHandler = () => {},\r\n dependencies = []\r\n) {\r\n React.useEffect(() => {\r\n window.addEventListener(eventName, eventHandler);\r\n return () => window.removeEventListener(eventName, eventHandler);\r\n }, dependencies);\r\n}\r\n","import useEvent from './use-event';\r\n\r\n/** Executes the provided callback when a click event occurs outside of the provided ref */\r\nconst useClickOutside = (ref, callback = () => {}) => {\r\n useEvent('click', e => {\r\n if (\r\n ref.current &&\r\n e.target !== ref.current &&\r\n !ref.current.contains(e.target)\r\n ) {\r\n callback();\r\n }\r\n });\r\n};\r\n\r\nexport default useClickOutside;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport useClickOutside from '../../hooks/use-click-outside';\r\n\r\nconst DropDown = ({ items, label, onOptionClicked, selectedOptionIndex }) => {\r\n const [isOpen, setIsOpen] = useState(false);\r\n const toggling = () => setIsOpen(!isOpen);\r\n const handleOptionClick = index => {\r\n setIsOpen(false);\r\n onOptionClicked(index);\r\n };\r\n const close = () => setIsOpen(false);\r\n const dropdownRef = React.useRef();\r\n useClickOutside(dropdownRef, close);\r\n\r\n return (\r\n - \r\n {coursePartsLinks.map((link, index) => (\r\n
- \r\n
{error}
\r\n )}\r\n {pageContent && }\r\n\r\n {numberOfPartsLinks > 0 && (\r\n \r\n {firstPartsLinkIsActive && (\r\n \r\n {prevButtonText}\r\n \r\n )}\r\n {lastPartsLinkIsActive && (\r\n \r\n {nextButtonText}\r\n \r\n )}\r\n
\r\n )}\r\n \r\n \r\n {items[selectedOptionIndex].heading}\r\n \r\n {label}\r\n\r\n \r\n {items.map((item, index) => (\r\n \r\n handleOptionClick(index)}\r\n className=\"drop-down__option-button\"\r\n >\r\n {item.heading}\r\n \r\n \r\n ))}\r\n \r\n
\r\n );\r\n};\r\n\r\nDropDown.propTypes = {\r\n label: PropTypes.string,\r\n items: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n heading: PropTypes.string,\r\n text: PropTypes.string,\r\n })\r\n ),\r\n onOptionClicked: PropTypes.func,\r\n selectedOptionIndex: PropTypes.number,\r\n};\r\n\r\nDropDown.viewModelMeta = 'ignore';\r\n\r\nexport default DropDown;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst EmbeddableFormBlock = ({ html }) => {\r\n function createHtml() {\r\n return { __html: html };\r\n }\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nEmbeddableFormBlock.propTypes = {\r\n html: PropTypes.string,\r\n};\r\n\r\nexport default EmbeddableFormBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\n// NOTE: When running tests, importing SVGs directly will make the application crash, so all icons are exported as noops instead.\r\nconst icons = require(\r\n process.env.NODE_ENV === 'test'\r\n ? '../../assets/inline-icons/icons-noop.js'\r\n : '../../assets/inline-icons/icons.js'\r\n).default;\r\n\r\nconst Icon = ({ className, name, style, useFill }) => {\r\n const defaultProps = icons[name].customDefaultProps;\r\n\r\n return icons[name]\r\n ? React.createElement(icons[name], {\r\n ...(defaultProps && defaultProps),\r\n className: cn('icon', className, { '-use-fill-color': useFill }),\r\n focusable: 'false',\r\n style,\r\n })\r\n : null;\r\n};\r\n\r\nIcon.propTypes = {\r\n className: PropTypes.string,\r\n name: PropTypes.oneOf(Object.keys(icons)).isRequired,\r\n style: PropTypes.object,\r\n useFill: PropTypes.bool,\r\n};\r\n\r\nIcon.viewModelMeta = 'ignore';\r\n\r\nexport default Icon;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichText from 'components/rich-text';\r\nimport Icon from 'components/icon';\r\nimport cn from 'classnames';\r\n\r\nconst themes = {\r\n blueWithIcon: '--blue-with-icon',\r\n};\r\n\r\nconst QuickSearchPanel = ({\r\n searchInputLabel,\r\n placeholder,\r\n searchPageUrl,\r\n searchInputName,\r\n helpTextHtml,\r\n submitButtonText,\r\n formAriaLabel = 'Søkefelt for globalsøk i hurtigsøkpanelet',\r\n autocompleteEndpoint, // TODO: BE side done, FE side is not implemented yet.\r\n theme,\r\n}) => {\r\n const inputRef = React.useRef();\r\n\r\n React.useEffect(() => {\r\n inputRef.current.focus();\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nQuickSearchPanel.propTypes = {\r\n searchInputLabel: PropTypes.string,\r\n placeholder: PropTypes.string.isRequired,\r\n searchPageUrl: PropTypes.string.isRequired,\r\n searchInputName: PropTypes.string.isRequired,\r\n helpTextHtml: PropTypes.string,\r\n submitButtonText: PropTypes.string.isRequired,\r\n autocompleteEndpoint: PropTypes.string,\r\n formAriaLabel: PropTypes.string,\r\n theme: PropTypes.oneOf(Object.values(themes)),\r\n};\r\n\r\nQuickSearchPanel.viewModelMeta = {\r\n theme: 'ignore',\r\n};\r\n\r\nQuickSearchPanel.themes = themes;\r\n\r\nexport default QuickSearchPanel;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Icon from 'components/icon/icon';\r\n\r\nconst themes = {\r\n subscribe: 'subscribe',\r\n};\r\n\r\nconst LinkButton = ({\r\n url,\r\n text,\r\n openInNewTab = false,\r\n className,\r\n iconName,\r\n theme,\r\n}) => {\r\n return (\r\n \r\n \r\n
\r\n {helpTextHtml && (\r\n \r\n
\r\n );\r\n};\r\n\r\nErrorBlock.propTypes = {\r\n errorCode: PropTypes.string,\r\n bigText: PropTypes.string,\r\n smallText: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes),\r\n search: PropTypes.exact(QuickSearchPanel.propTypes),\r\n link: PropTypes.exact(LinkButton.propTypes),\r\n};\r\n\r\nexport default ErrorBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichText from 'components/rich-text';\r\nimport Image from 'components/image';\r\nimport cn from 'classnames';\r\n\r\nconst Factbox = ({ className, backgroundColor, title, icon, textHtml }) => {\r\n return (\r\n {errorCode}
\r\n{bigText}
\r\n {smallText}
\r\n {image && (\r\n \r\n
\r\n )}\r\n {search && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n )}\r\n {title && {title}
}\r\n {textHtml && (\r\n\r\n
\r\n )}\r\n {textHtml && (\r\n \r\n
\r\n )}\r\n \r\n \r\n ) : null;\r\n};\r\n\r\nFactboxWithTextBlock.propTypes = {\r\n className: PropTypes.string,\r\n factbox: PropTypes.exact(Factbox.propTypes),\r\n factboxPosition: PropTypes.oneOf(['left', 'right']).isRequired,\r\n textHtml: PropTypes.string,\r\n};\r\n\r\nFactboxWithTextBlock.viewModelMeta = {\r\n className: 'ignore',\r\n};\r\n\r\nexport default FactboxWithTextBlock;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport cn from 'classnames';\r\n\r\nconst icons = {\r\n instagram: 'instagram',\r\n facebook: 'facebook',\r\n youtube: 'youtube',\r\n};\r\n\r\nconst SocialLink = ({ url, icon, className, openInNewTab, ariaLabel }) => {\r\n return (\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nFooter.propTypes = {\r\n subscribeButton: PropTypes.exact(LinkButton.propTypes),\r\n content1Html: PropTypes.string,\r\n content2Html: PropTypes.string,\r\n socialLinks: PropTypes.arrayOf(PropTypes.exact(SocialLink.propTypes)),\r\n copyrightText: PropTypes.string,\r\n cookiesLink: PropTypes.exact(Link.propTypes),\r\n};\r\n\r\nexport default Footer;\r\n","const prefixesDictionary = {};\r\n\r\nconst generateUniqueId = prefix => {\r\n if (!prefixesDictionary[prefix]) {\r\n prefixesDictionary[prefix] = 1;\r\n } else {\r\n prefixesDictionary[prefix] += 1;\r\n }\r\n return `${prefix}-${prefixesDictionary[prefix]}`;\r\n};\r\n\r\nexport default {\r\n generateUniqueId,\r\n};\r\n","import React, { useMemo } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Link from 'components/link';\r\nimport RichText from 'components/rich-text';\r\nimport idHelper from 'js/id-helper';\r\n\r\nconst GettingStartedLink = ({ heading, introHtml, link }) => {\r\n const uniqueId = useMemo(\r\n () => idHelper.generateUniqueId('getting-started-link'),\r\n []\r\n );\r\n const headingId = `${uniqueId}-heading`;\r\n const descriptionId = `${uniqueId}-description`;\r\n\r\n return (\r\n \r\n
\r\n \r\n {content1Html && (\r\n
\r\n \r\n {subscribeButton && (\r\n
\r\n - \r\n {socialLinks.map((socialLink, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n
\r\n \r\n {copyrightText && (\r\n
\r\n {copyrightText}
\r\n )}\r\n {cookiesLink && (\r\n \r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nFrontPageHero.propTypes = {\r\n backgroundImage: PropTypes.exact(Image.propTypes),\r\n backgroundImageMobile: PropTypes.exact(Image.propTypes),\r\n mainHeading: PropTypes.string,\r\n secondaryHeadingLeft: PropTypes.string,\r\n secondaryHeadingRight: PropTypes.string,\r\n gettingStartedLinks: PropTypes.arrayOf(\r\n PropTypes.exact(GettingStartedLink.propTypes)\r\n ),\r\n gettingStartedReadMoreLink: PropTypes.exact(Link.propTypes),\r\n};\r\n\r\nexport default FrontPageHero;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport RichText from 'components/rich-text';\r\nimport LinkButton from 'components/link-button';\r\nimport cn from 'classnames';\r\n\r\nconst styles = {\r\n default: 'default',\r\n overlay: 'overlay',\r\n};\r\n\r\nconst FullWidthBanner = ({\r\n backgroundImage,\r\n heading,\r\n textHtml,\r\n style,\r\n readMoreButton,\r\n}) => {\r\n return (\r\n \r\n {imageSource && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n {mainHeading}
\r\n\r\n
\r\n \r\n
\r\n \r\n {secondaryHeadingLeft && (\r\n
\r\n {gettingStartedReadMoreLink && (\r\n \r\n {secondaryHeadingLeft}\r\n
\r\n )}\r\n\r\n {secondaryHeadingRight && (\r\n\r\n {secondaryHeadingRight}\r\n
\r\n )}\r\n- \r\n {gettingStartedLinks.map((gettingStartedLink, index) => (\r\n
\r\n {heading &&
\r\n \r\n );\r\n};\r\n\r\nFullWidthBanner.propTypes = {\r\n backgroundImage: PropTypes.exact(Image.propTypes),\r\n heading: PropTypes.string,\r\n textHtml: PropTypes.string,\r\n style: PropTypes.oneOf(Object.values(styles)).isRequired,\r\n readMoreButton: PropTypes.exact(LinkButton.propTypes),\r\n};\r\n\r\nexport default FullWidthBanner;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport RichText from 'components/rich-text';\r\nimport Link from 'components/link';\r\n\r\nconst GettingStartedTeaser = ({ image, heading, introHtml, link }) => {\r\n return (\r\n {heading}
}\r\n {textHtml && (\r\n{heading}
\r\n )}\r\n {introHtml && (\r\n\r\n
\r\n );\r\n};\r\n\r\nGettingStartedList.propTypes = {\r\n teasers: PropTypes.arrayOf(PropTypes.exact(GettingStartedTeaser.propTypes))\r\n .isRequired,\r\n};\r\n\r\nexport default GettingStartedList;\r\n","import React, { useCallback } from 'react';\r\n\r\nexport default function useToggle(initiallyActive) {\r\n const [isActive, setIsActive] = React.useState(initiallyActive);\r\n const toggle = useCallback(() => setIsActive(isActive => !isActive), []);\r\n const activate = useCallback(() => setIsActive(true), []);\r\n const deactivate = useCallback(() => setIsActive(false), []);\r\n\r\n return [isActive, toggle, deactivate, activate];\r\n}\r\n","/* eslint-disable react/prop-types */\r\nimport React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\nimport Link from 'components/link';\r\n\r\nconst MenuLink = ({\r\n className,\r\n openInNewTab,\r\n url,\r\n text,\r\n tabindex,\r\n isActive,\r\n isCurrent = false,\r\n}) => (\r\n - \r\n {teasers.map((teaser, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n {headerMenuLinks && (\r\n
\r\n );\r\n};\r\n\r\nHeaderMenu.propTypes = {\r\n headerMenuLinks: PropTypes.arrayOf(PropTypes.exact(MenuLink.propTypes)),\r\n};\r\n\r\nexport default HeaderMenu;\r\n","import React, { useCallback, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport useToggle from 'hooks/use-toggle';\r\nimport useClickOutside from 'hooks/use-click-outside';\r\nimport MainMenu from 'components/main-menu';\r\nimport HeaderMenu from 'components/header/header-menu';\r\nimport QuickSearchPanel from 'components/quick-search-panel';\r\nimport cn from 'classnames';\r\nimport Icon from 'components/icon';\r\nimport Image from 'components/image';\r\nimport useEvent from 'hooks/use-event';\r\nimport FocusTrap from 'focus-trap-react';\r\n\r\nconst Header = ({\r\n logo,\r\n mainMenu,\r\n quickSearchPanel,\r\n headerMenu,\r\n buttonSearchAriaLabel = 'Søkevindu',\r\n buttonMenuAriaLabel = 'Meny',\r\n buttonCloseAriaLabel,\r\n quickSearchPanelTitleAriaLabel = 'Modalvindu for globalsøk',\r\n mainMenuTitleAriaLabel = 'Modalvindu for hovedmeny',\r\n}) => {\r\n const [popupIsOpened, togglePopup, hidePopup] = useToggle(false);\r\n const [searchMode, setSearchModIsActive] = useState(false);\r\n\r\n const onMenuButtonClick = useCallback(() => {\r\n setSearchModIsActive(false);\r\n togglePopup();\r\n }, []);\r\n\r\n const onSearchButtonClick = React.useCallback(() => {\r\n setSearchModIsActive(true);\r\n togglePopup();\r\n }, []);\r\n\r\n const navigationRef = React.useRef();\r\n\r\n useClickOutside(navigationRef, () => {\r\n hidePopup();\r\n });\r\n\r\n useEvent('keydown', event => {\r\n event.key === 'Escape' && hidePopup();\r\n });\r\n\r\n return (\r\n - \r\n {headerMenuLinks.map((link, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n \r\n {logo.image &&
\r\n \r\n );\r\n};\r\n\r\nHeader.propTypes = {\r\n logo: PropTypes.shape({\r\n url: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes),\r\n expandedMenuImage: PropTypes.exact(Image.propTypes),\r\n ariaLabel: PropTypes.string,\r\n }),\r\n mainMenu: PropTypes.exact(MainMenu.propTypes),\r\n headerMenu: PropTypes.exact(HeaderMenu.propTypes),\r\n quickSearchPanel: PropTypes.exact(QuickSearchPanel.propTypes),\r\n buttonSearchAriaLabel: PropTypes.string,\r\n buttonMenuAriaLabel: PropTypes.string,\r\n buttonCloseAriaLabel: PropTypes.string,\r\n quickSearchPanelTitleAriaLabel: PropTypes.string,\r\n mainMenuTitleAriaLabel: PropTypes.string,\r\n};\r\n\r\nexport default Header;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport RichText from 'components/rich-text';\r\nimport cn from 'classnames';\r\n\r\nconst ImageWithCaption = ({\r\n image,\r\n caption,\r\n imageSizeClassName,\r\n className,\r\n}) => {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {logo.expandedMenuImage && (\r\n \r\n
\r\n {searchMode ? (\r\n \r\n {image && (\r\n
\r\n );\r\n};\r\n\r\nImageWithCaption.propTypes = {\r\n image: PropTypes.exact(Image.propTypes).isRequired,\r\n caption: PropTypes.string,\r\n className: PropTypes.string,\r\n imageSizeClassName: PropTypes.string,\r\n};\r\n\r\nImageWithCaption.viewModelMeta = {\r\n className: 'ignore',\r\n imageSizeClassName: 'ignore',\r\n};\r\n\r\nexport default ImageWithCaption;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport ImageWithCaption from 'components/image-with-caption';\r\nimport Slider from 'react-slick';\r\nimport debounce from 'lodash/debounce';\r\nimport cn from 'classnames';\r\n\r\nconst gallerySettings = {\r\n dots: true,\r\n centerMode: true,\r\n infinite: false,\r\n speed: 500,\r\n centerPadding: 0,\r\n slidesToScroll: 1,\r\n slidesToShow: 1,\r\n};\r\n\r\nconst galleryImageClassName = 'image-gallery__image';\r\n\r\nconst ImageGallery = ({ items, className }) => {\r\n const imageGalleryContainer = React.useRef(null);\r\n const [currentSlideIndex, setCurrentSlideIndex] = React.useState(0);\r\n\r\n const getSlideHeight = slideIndex => {\r\n let slideHeight = 0;\r\n if (imageGalleryContainer && imageGalleryContainer.current) {\r\n const currentSlide = imageGalleryContainer.current.querySelectorAll(\r\n '.' + galleryImageClassName\r\n )[slideIndex];\r\n const currentSlideImage = currentSlide.querySelector('.image');\r\n if (currentSlideImage) {\r\n slideHeight = currentSlideImage.offsetHeight;\r\n }\r\n }\r\n return slideHeight;\r\n };\r\n\r\n const updateNavigationControlsPosition = currentSlideIndex => {\r\n if (imageGalleryContainer && imageGalleryContainer.current) {\r\n const slideHeight = getSlideHeight(currentSlideIndex);\r\n const sliderDots =\r\n imageGalleryContainer.current.querySelector('.slick-dots');\r\n const sliderArrows =\r\n imageGalleryContainer.current.querySelectorAll('.slick-arrow');\r\n if (sliderArrows && sliderArrows.length > 0) {\r\n for (let i = 0; i < sliderArrows.length; i++) {\r\n sliderArrows[i].style.top = slideHeight / 2 + 'px';\r\n sliderArrows[i].style.display = 'block';\r\n }\r\n }\r\n if (sliderDots) {\r\n sliderDots.style.top = slideHeight - 65 + 'px';\r\n sliderDots.style.display = 'block';\r\n }\r\n }\r\n };\r\n\r\n React.useEffect(() => {\r\n function recalculateElementsPosition() {\r\n updateNavigationControlsPosition(currentSlideIndex);\r\n }\r\n const debouncedRecalculateElementsPosition = debounce(\r\n recalculateElementsPosition,\r\n 100\r\n );\r\n window.addEventListener('resize', debouncedRecalculateElementsPosition);\r\n return () => {\r\n window.removeEventListener(\r\n 'resize',\r\n debouncedRecalculateElementsPosition\r\n );\r\n };\r\n }, []);\r\n\r\n React.useEffect(() => {\r\n updateNavigationControlsPosition(currentSlideIndex);\r\n }, [currentSlideIndex]);\r\n\r\n const onSlideChange = currentSlideIndex => {\r\n setCurrentSlideIndex(currentSlideIndex);\r\n };\r\n\r\n return items && items.length > 0 ? (\r\n \r\n \r\n {items.map((image, index) => (\r\n \r\n \r\n ))}\r\n \r\n
\r\n \r\n ) : null;\r\n};\r\n\r\nImageGallery.propTypes = {\r\n className: PropTypes.string,\r\n items: PropTypes.arrayOf(PropTypes.exact(ImageWithCaption.propTypes))\r\n .isRequired,\r\n};\r\n\r\nImageGallery.viewModelMeta = {\r\n className: 'ignore',\r\n};\r\n\r\nexport default ImageGallery;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichText from 'components/rich-text';\r\nimport ImageWithCaption from 'components/image-with-caption';\r\nimport cn from 'classnames';\r\n\r\nconst ImageWithTextBlock = ({ image, className, imagePosition, textHtml }) => {\r\n const twoColumns = image && textHtml;\r\n\r\n return image || textHtml ? (\r\n \r\n
\r\n )}\r\n {textHtml && (\r\n \r\n
\r\n )}\r\n \r\n \r\n ) : null;\r\n};\r\n\r\nImageWithTextBlock.propTypes = {\r\n className: PropTypes.string,\r\n image: PropTypes.exact(ImageWithCaption.propTypes),\r\n imagePosition: PropTypes.oneOf(['left', 'right']).isRequired,\r\n textHtml: PropTypes.string,\r\n};\r\n\r\nImageWithTextBlock.viewModelMeta = {\r\n className: 'ignore',\r\n};\r\n\r\nexport default ImageWithTextBlock;\r\n","import PropTypes from 'prop-types';\r\nconst IngredientBase = {};\r\n\r\nIngredientBase.propTypes = {\r\n heading: PropTypes.string,\r\n text: PropTypes.string,\r\n};\r\n\r\nexport default IngredientBase;\r\n","import React, { useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport RichText from 'components/rich-text';\r\nimport DropDown from 'components/drop-down/drop-down';\r\nimport IngredientBase from './ingredient-base';\r\n\r\nconst Ingredients = ({\r\n heading,\r\n forAdults,\r\n forChildren,\r\n forKindergarten,\r\n label,\r\n}) => {\r\n const [selectedOptionIndex, setSelectedOptionIndex] = useState(0);\r\n const items = [forAdults, forChildren, forKindergarten].filter(Boolean);\r\n const selectedItem = items[selectedOptionIndex] || null;\r\n return (\r\n \r\n {heading &&
\r\n );\r\n};\r\n\r\nIngredients.propTypes = {\r\n heading: PropTypes.string,\r\n label: PropTypes.string,\r\n forAdults: PropTypes.exact(IngredientBase.propTypes),\r\n forChildren: PropTypes.exact(IngredientBase.propTypes),\r\n forKindergarten: PropTypes.exact(IngredientBase.propTypes),\r\n};\r\n\r\nexport default Ingredients;\r\n","import PubSub from 'pubsub-js';\r\n\r\nconst errorMessageTopic = 'error-message';\r\nconst messageTopic = 'message';\r\n\r\nfunction onTopic(topic, func) {\r\n if (typeof func !== 'function') {\r\n return;\r\n }\r\n\r\n return PubSub.subscribe(topic, (topic, { message }) => {\r\n func({ message });\r\n });\r\n}\r\n\r\nfunction send(topic, { message }) {\r\n PubSub.publish(topic, { message });\r\n}\r\n\r\nconst onErrorMessage = func => onTopic(errorMessageTopic, func);\r\n\r\nconst onMessage = func => onTopic(messageTopic, func);\r\n\r\nconst sendErrorMessage = ({ message }) => send(errorMessageTopic, { message });\r\n\r\nconst sendMessage = ({ message }) => send(messageTopic, { message });\r\n\r\nexport default {\r\n onErrorMessage,\r\n onMessage,\r\n sendErrorMessage,\r\n sendMessage,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport cn from 'classnames';\r\n\r\nimport messenger from 'js/messenger';\r\n\r\nclass Message extends React.Component {\r\n static propTypes = {\r\n isErrorMessage: PropTypes.bool,\r\n text: PropTypes.string,\r\n };\r\n\r\n state = {\r\n isErrorMessage: this.props.isErrorMessage,\r\n isVisible: false,\r\n text: this.props.text,\r\n };\r\n\r\n show = ({ message, isErrorMessage }) => {\r\n this.setState(\r\n { isVisible: !!message, isErrorMessage, text: message },\r\n () => {\r\n if (!this.state.isErrorMessage) {\r\n setTimeout(() => {\r\n this.hide();\r\n }, 3000);\r\n }\r\n }\r\n );\r\n };\r\n\r\n hide = () => {\r\n this.setState({ isVisible: false });\r\n };\r\n\r\n componentDidMount() {\r\n if (this.props.text) {\r\n this.setState({ isVisible: true });\r\n }\r\n\r\n messenger.onErrorMessage(({ message }) => {\r\n this.show({ message, isErrorMessage: true });\r\n });\r\n\r\n messenger.onMessage(({ message }) => {\r\n this.show({ message, isErrorMessage: false });\r\n });\r\n }\r\n\r\n render() {\r\n return (\r\n this.state.isVisible && (\r\n {heading}
}\r\n{this.state.text}
\r\n {this.state.isErrorMessage && (\r\n \r\n )}\r\n \r\n )\r\n );\r\n }\r\n}\r\n\r\nMessage.viewModelMeta = 'ignore';\r\n\r\nexport default Message;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport Image from 'components/image';\r\nimport useEvent from 'hooks/use-event';\r\nimport FocusTrap from 'focus-trap-react';\r\n\r\nconst Modal = ({\r\n isOpened = false,\r\n closeLabel,\r\n onClose,\r\n children,\r\n logo,\r\n titleAriaLabel,\r\n}) => {\r\n useEvent('keydown', event => {\r\n if (event.key === 'Escape') {\r\n onClose && onClose();\r\n }\r\n });\r\n\r\n return (\r\n isOpened && (\r\n\r\n
\r\n \r\n \r\n {logo && \r\n {closeLabel && (\r\n \r\n {closeLabel}\r\n \r\n )}\r\n
\r\n {children}\r\n \r\n {image &&
\r\n \r\n {heading &&
\r\n {heading}
}\r\n {introHtml && (\r\n\r\n
\r\n );\r\n })();\r\n\r\nPagesListItem.propTypes = {\r\n image: PropTypes.exact(Image.propTypes),\r\n heading: PropTypes.string,\r\n introHtml: PropTypes.string,\r\n link: PropTypes.exact(Link.propTypes),\r\n id: PropTypes.number.isRequired,\r\n};\r\n\r\nexport default PagesListItem;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport cn from 'classnames';\r\n\r\nconst SelectOption = ({ id, value, label, isSelected, onChange }) => {\r\n const handleChange = () => {\r\n onChange({ value: value });\r\n };\r\n\r\n return (\r\n \r\n \r\n {label}\r\n \r\n
\r\n );\r\n};\r\n\r\nSelectOption.propTypes = {\r\n id: PropTypes.string,\r\n value: PropTypes.string.isRequired,\r\n label: PropTypes.string.isRequired,\r\n isSelected: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n};\r\n\r\nSelectOption.viewModelMeta = {\r\n id: 'ignore',\r\n};\r\n\r\nexport default SelectOption;\r\n","import React, { useState, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport SelectOption from 'components/select-option';\r\n\r\nconst TagFilter = ({\r\n options = [],\r\n name,\r\n clearLabel,\r\n multiselect = false,\r\n onChange = () => {},\r\n}) => {\r\n const [clearOption, setClearOption] = useState(\r\n clearLabel ? { label: clearLabel, value: '' } : null\r\n );\r\n const [optionsMap, setOptions] = useState(\r\n new Map(options.map(o => [o.value, o]))\r\n );\r\n\r\n useEffect(() => {\r\n if (clearOption) {\r\n clearOption.isSelected = ![...optionsMap.values()].find(\r\n o => o.isSelected\r\n );\r\n setClearOption(Object.assign({}, clearOption));\r\n }\r\n }, [optionsMap]);\r\n\r\n const refreshOptions = () => {\r\n setOptions(new Map(optionsMap));\r\n };\r\n\r\n const handleClearOptionChange = () => {\r\n for (var option of optionsMap.values()) {\r\n option.isSelected = false;\r\n }\r\n refreshOptions();\r\n onChange({\r\n options: [],\r\n selectedValues: [],\r\n value: null,\r\n });\r\n };\r\n\r\n const handleOptionChange = e => {\r\n var targetOption = optionsMap.get(e.value);\r\n if (!multiselect && targetOption.isSelected) return;\r\n\r\n targetOption.isSelected = !targetOption.isSelected;\r\n if (!multiselect && targetOption.isSelected) {\r\n for (var option of optionsMap.values()) {\r\n option.isSelected = option === targetOption;\r\n }\r\n }\r\n refreshOptions();\r\n const options = [...optionsMap.values()];\r\n const selectedValues = options.filter(o => o.isSelected).map(o => o.value);\r\n const value = (options.find(o => o.isSelected) || {}).value || null;\r\n onChange({\r\n options: options,\r\n selectedValues: selectedValues,\r\n value: value,\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nTagFilter.propTypes = {\r\n name: PropTypes.string.isRequired,\r\n multiselect: PropTypes.bool,\r\n options: PropTypes.arrayOf(PropTypes.exact(SelectOption.propTypes)),\r\n clearLabel: PropTypes.string,\r\n onChange: PropTypes.func,\r\n};\r\nexport default TagFilter;\r\n","import isRunningOnClient from '@creuna/utils/is-running-on-client';\r\n\r\n/* NOTE: Implement Google Tag Manager for this module to work correctly\r\n\r\n Step 1\r\n Copy the following JavaScript and paste it as close to the opening tag as possible on every page of your website\r\n \r\n\r\n Step 2\r\n Copy the following snippet and paste it immediately after the opening tag on every page of your website\r\n \r\n*/\r\n\r\nfunction Timeout(fn, delay) {\r\n const id = setTimeout(() => {\r\n this.clear();\r\n fn();\r\n }, delay);\r\n\r\n this.cleared = false;\r\n this.clear = () => {\r\n this.cleared = true;\r\n clearTimeout(id);\r\n };\r\n}\r\n\r\nfunction getCallbackEnhancedData(data, callback) {\r\n if (typeof callback !== 'function') {\r\n return data;\r\n }\r\n\r\n // NOTE: The timeout will call the callback after the delay unless eventCallback is called first, clearing the timeout.\r\n // This ensures that the callback will be called even if GTM is unavailable or can't handle the event fast enough.\r\n const callbackTimeout = new Timeout(callback, 300);\r\n\r\n return Object.assign({}, data, {\r\n eventCallback: () => {\r\n if (!callbackTimeout.cleared) {\r\n callbackTimeout.clear();\r\n callback();\r\n }\r\n },\r\n });\r\n}\r\n\r\nfunction send(data, callback) {\r\n if (!data || !isRunningOnClient) {\r\n return;\r\n }\r\n\r\n window.dataLayer = window.dataLayer || [];\r\n\r\n if (data.length) {\r\n data.forEach(dataObject => {\r\n window.dataLayer.push(getCallbackEnhancedData(dataObject, callback));\r\n });\r\n } else {\r\n window.dataLayer.push(getCallbackEnhancedData(data, callback));\r\n }\r\n}\r\n\r\nexport default {\r\n send,\r\n};\r\n","import analytics from './analytics';\r\nimport getData from '@creuna/utils/get-data';\r\nimport messenger from './messenger';\r\n\r\nconst defaultFetchOptions = {\r\n headers: {\r\n Accept: 'application/json',\r\n 'Content-Type': 'application/json',\r\n },\r\n credentials: 'include',\r\n};\r\n\r\nfunction parseResponse(response) {\r\n return response.json().then(json => ({ json, response }));\r\n}\r\n\r\nfunction handleUserMessages({ json, response }) {\r\n if (json.messageToUser) {\r\n if (json.success) {\r\n messenger.sendMessage({ message: json.messageToUser });\r\n } else {\r\n messenger.sendErrorMessage({ message: json.messageToUser });\r\n }\r\n }\r\n\r\n return { json, response };\r\n}\r\n\r\nfunction handleAnalytics({ json, response }) {\r\n if (json.analytics) {\r\n analytics.send(json.analytics);\r\n }\r\n\r\n return { json, response };\r\n}\r\n\r\nfunction handleNotOk({ json, response }) {\r\n // NOTE: `response.ok` is true when the returned status is in the inclusive range 200-299.\r\n if (!response.ok && !json.messageToUser) {\r\n const error = new Error(response.statusText);\r\n\r\n error.name = `${response.status} on ${response.url}`;\r\n\r\n throw error;\r\n }\r\n\r\n return { json, response };\r\n}\r\n\r\nfunction handleResponse({ json }) {\r\n return json.payload || json;\r\n}\r\n\r\nfunction handleFetchError(error) {\r\n messenger.sendErrorMessage({\r\n message:\r\n getData('generic-error-message') ||\r\n 'Noe gikk galt. Vennligst prøv igjen senere.',\r\n });\r\n\r\n return Promise.reject(error);\r\n}\r\n\r\nfunction request(url, options) {\r\n return fetch(url, options)\r\n .then(parseResponse)\r\n .then(handleUserMessages)\r\n .then(handleAnalytics)\r\n .then(handleNotOk)\r\n .then(handleResponse)\r\n .catch(handleFetchError);\r\n}\r\n\r\nfunction post(endpoint, data) {\r\n return request(\r\n endpoint,\r\n Object.assign({}, defaultFetchOptions, {\r\n body: data,\r\n method: 'post',\r\n })\r\n );\r\n}\r\n\r\nfunction get(endpoint) {\r\n return request(endpoint, defaultFetchOptions);\r\n}\r\n\r\nfunction execute(endpoint, data) {\r\n if (endpoint.indexOf('/static-site/api') !== -1) {\r\n return new Promise(resolve => {\r\n setTimeout(() => {\r\n resolve(request(endpoint, defaultFetchOptions));\r\n }, 1000);\r\n });\r\n }\r\n\r\n return post(endpoint, JSON.stringify(data));\r\n}\r\n\r\nexport default {\r\n execute,\r\n get,\r\n};\r\n","import replaceQueryParameters from '@creuna/utils/replace-query-parameters';\r\n\r\nconst _getUndefinedIfEmpty = value => {\r\n return !value || value === '' || value.length === 0 ? undefined : value;\r\n};\r\n\r\nconst getFilterSelectedValues = options => {\r\n return options.filter(o => o.isSelected).map(o => o.value);\r\n};\r\n\r\nconst createQuery = () => {\r\n return new Object();\r\n};\r\n\r\nconst setQueryValue = (query, name, value) => {\r\n query[name] = _getUndefinedIfEmpty(value);\r\n};\r\n\r\nconst setToQueryFilterOptions = (query, filter, currentOptions = null) => {\r\n if (!filter) {\r\n return;\r\n }\r\n setQueryValue(\r\n query,\r\n filter.name,\r\n getFilterSelectedValues(currentOptions || filter.options)\r\n );\r\n};\r\n\r\nconst setToQueryTextInputValue = (query, textInput, currentValue = null) => {\r\n if (!textInput) {\r\n return;\r\n }\r\n setQueryValue(query, textInput.name, currentValue ?? textInput.value);\r\n};\r\n\r\nconst updatePageQueryString = query => {\r\n var newUrl = replaceQueryParameters(window.location.toString(), query);\r\n window.history.replaceState({}, document.title, newUrl);\r\n};\r\n\r\nexport default {\r\n createQuery,\r\n setQueryValue,\r\n getFilterSelectedValues,\r\n setToQueryFilterOptions,\r\n setToQueryTextInputValue,\r\n updatePageQueryString,\r\n};\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport PagesListItem from './pages-list-item';\r\nimport TagFilter from 'components/tag-filter';\r\nimport api from '../../js/api-helper';\r\nimport formHelper from 'js/form-helper';\r\nimport replaceQueryParameters from '@creuna/utils/replace-query-parameters';\r\nimport Spinner from 'components/spinner';\r\n\r\nconst PagesList = ({ tagFilter, loadItemsEndpoint, errorText }) => {\r\n const buildDefaultQuery = () => {\r\n const query = formHelper.createQuery();\r\n if (tagFilter) {\r\n formHelper.setToQueryFilterOptions(query, tagFilter);\r\n }\r\n return query;\r\n };\r\n\r\n const [isLoading, setIsLoading] = React.useState(false);\r\n const [pages, setPages] = React.useState(null);\r\n const [error, setError] = React.useState(false);\r\n const [query, setQuery] = React.useState(buildDefaultQuery());\r\n\r\n const loadPages = () => {\r\n setIsLoading(true);\r\n var loadUrl = replaceQueryParameters(loadItemsEndpoint, query);\r\n api\r\n .get(loadUrl)\r\n .then(response => {\r\n setIsLoading(false);\r\n if (response.listItems.length !== 0) {\r\n setPages(response.listItems);\r\n }\r\n })\r\n .catch(() => {\r\n setError(true);\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n const handleTagFilterChange = e => {\r\n formHelper.setToQueryFilterOptions(query, tagFilter, e.options);\r\n setQuery(Object.assign({}, query));\r\n };\r\n\r\n React.useEffect(() => {\r\n formHelper.updatePageQueryString(query);\r\n loadPages();\r\n }, [query]);\r\n return (\r\n - \r\n {clearOption && (\r\n
- \r\n
- \r\n
\r\n {tagFilter && (\r\n
\r\n );\r\n};\r\n\r\nPagesList.propTypes = {\r\n tagFilter: PropTypes.exact(TagFilter.propTypes),\r\n listItems: PropTypes.arrayOf(PropTypes.exact(PagesListItem.propTypes)),\r\n errorText: PropTypes.string.isRequired,\r\n loadItemsEndpoint: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default PagesList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport cn from 'classnames';\r\nimport isRunningOnClient from '@creuna/utils/is-running-on-client';\r\n\r\nconst PrintButton = ({ label, className }) => {\r\n const printPage = () => {\r\n isRunningOnClient && window.print();\r\n };\r\n\r\n return (\r\n \r\n
\r\n )}\r\n {error ? (\r\n {errorText}
\r\n ) : (\r\n pages && (\r\n - \r\n {pages.map(listItem => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nAnswer.propTypes = {\r\n text: PropTypes.string.isRequired,\r\n name: PropTypes.string,\r\n isCorrect: PropTypes.bool,\r\n showResults: PropTypes.bool,\r\n onChange: PropTypes.func,\r\n checked: PropTypes.bool,\r\n isMultipleChoice: PropTypes.bool,\r\n};\r\n\r\nAnswer.viewModelMeta = {\r\n showResults: 'ignore',\r\n checked: 'ignore',\r\n name: 'ignore',\r\n isMultipleChoice: 'ignore',\r\n};\r\n\r\nexport default Answer;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Answer from './answer';\r\nimport RichText from 'components/rich-text';\r\n\r\nconst Question = ({\r\n textHtml,\r\n answers,\r\n showResults,\r\n questionNumber,\r\n selectNoteText,\r\n onChange = () => {},\r\n isSelected,\r\n showValidation,\r\n}) => {\r\n const [checkedValue, setIsChecked] = React.useState(null);\r\n const [checkedItems, setCheckedItems] = React.useState({});\r\n const handleChange = event => {\r\n setCheckedItems({\r\n ...checkedItems,\r\n [event.target.name]: event.target.checked,\r\n });\r\n setIsChecked(null);\r\n };\r\n\r\n const isMultipleChoice = answers.filter(a => a.isCorrect).length > 1;\r\n\r\n React.useEffect(() => {\r\n const allMultipleChoicesFalse = arr => arr.every(v => v === false);\r\n\r\n let checkIfMultySelected =\r\n Object.keys(checkedItems).length > 0\r\n ? !allMultipleChoicesFalse(Object.values(checkedItems))\r\n : false;\r\n let checkIfSingleSelected = isMultipleChoice\r\n ? false\r\n : checkedValue !== null;\r\n\r\n onChange(questionNumber, checkIfMultySelected || checkIfSingleSelected);\r\n }, [checkedValue, checkedItems]);\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nQuestion.propTypes = {\r\n textHtml: PropTypes.string.isRequired,\r\n showResults: PropTypes.bool,\r\n questionNumber: PropTypes.number,\r\n selectNoteText: PropTypes.string,\r\n answers: PropTypes.arrayOf(PropTypes.exact(Answer.propTypes)).isRequired,\r\n onChange: PropTypes.func,\r\n isSelected: PropTypes.bool,\r\n showValidation: PropTypes.bool,\r\n};\r\n\r\nQuestion.viewModelMeta = {\r\n questionNumber: 'ignore',\r\n showResults: 'ignore',\r\n selectNoteText: 'ignore',\r\n onChange: 'ignore',\r\n isSelected: 'ignore',\r\n showValidation: 'ignore',\r\n};\r\n\r\nexport default Question;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Question from './question';\r\n\r\nconst Questionnaire = ({\r\n getResultButtonText,\r\n restartButtonText,\r\n questions,\r\n selectNoteText,\r\n}) => {\r\n const [showResults, setShowResults] = React.useState(false);\r\n const [qIndex, setQIndex] = React.useState(1);\r\n const [questionsList, setQuestionsList] = React.useState([]);\r\n const [showValidation, setShowValidation] = React.useState(false);\r\n\r\n const setAllQuestionsUnselected = () => {\r\n const tmpArr = questions && questions.map(q => q);\r\n for (var i in tmpArr) {\r\n tmpArr[i].isSelected = false;\r\n }\r\n setQuestionsList(tmpArr);\r\n };\r\n\r\n const onGetResultClick = () => {\r\n const selectedAnswers = questionsList.filter(q => q.isSelected === true);\r\n const allAnswersSelected = questions.length === selectedAnswers.length;\r\n\r\n if (allAnswersSelected) {\r\n setShowResults(true);\r\n setShowValidation(false);\r\n } else {\r\n setShowValidation(true);\r\n setShowResults(false);\r\n }\r\n };\r\n\r\n const onRestartClick = () => {\r\n setShowResults(false);\r\n setQIndex(qIndex + 1);\r\n setShowValidation(false);\r\n setAllQuestionsUnselected();\r\n };\r\n\r\n const onQuestionChange = (index, isSelected) => {\r\n let tmpArr = questionsList.map(q => ({ ...q }));\r\n tmpArr[index] = {\r\n ...tmpArr[index],\r\n isSelected: isSelected,\r\n };\r\n\r\n setQuestionsList(tmpArr);\r\n };\r\n\r\n React.useEffect(() => {\r\n setAllQuestionsUnselected();\r\n }, []);\r\n\r\n return (\r\n \r\n {selectNoteText}\r\n
\r\n )}\r\n - \r\n {answers.map((answer, index) => (\r\n
- \r\n
\r\n {questionsList && (\r\n {\r\n e.preventDefault;\r\n onGetResultClick();\r\n }}\r\n >\r\n {getResultButtonText}\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nQuestionnaire.propTypes = {\r\n getResultButtonText: PropTypes.string.isRequired,\r\n restartButtonText: PropTypes.string.isRequired,\r\n questions: PropTypes.arrayOf(PropTypes.exact(Question.propTypes)),\r\n selectNoteText: PropTypes.string,\r\n};\r\n\r\nexport default Questionnaire;\r\n","import PropTypes from 'prop-types';\r\n\r\nconst ReactComponent = {};\r\n\r\n// Empty propTypes needed in order for ReactComponent.cs to be generated.\r\nReactComponent.propTypes = {\r\n componentName: PropTypes.string.isRequired,\r\n};\r\n\r\nReactComponent.viewModelMeta = 'ignore'; // Not generated automatically, defained on BE instead.\r\n\r\n// 'ReactComponent' is used as the base class in all generated .cs-files (configurerd in CSharpWebpackPlugin options in webpack.config.js)\r\nexport default ReactComponent;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon/icon';\r\n\r\nconst RecipePageDetails = ({ cookTime, difficulty }) => {\r\n return (\r\n - \r\n {questionsList.map((question, index) => (\r\n
- \r\n
\r\n {cookTime && (\r\n
\r\n );\r\n};\r\n\r\nRecipePageDetails.propTypes = {\r\n cookTime: PropTypes.string,\r\n difficulty: PropTypes.string,\r\n};\r\n\r\nexport default RecipePageDetails;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport SelectOption from 'components/select-option';\r\nimport Icon from 'components/icon';\r\nimport useToggle from '../../hooks/use-toggle';\r\nimport useEvent from '../../hooks/use-event';\r\nimport useClickOutside from '../../hooks/use-click-outside';\r\nimport useIsMounted from '../../hooks/use-is-mounted';\r\nimport cn from 'classnames';\r\n\r\nconst CategoryFilter = ({\r\n label,\r\n placeholder,\r\n options = [],\r\n name,\r\n onChange = () => {},\r\n}) => {\r\n const [isOpen, toggle, close] = useToggle(false);\r\n const [hasTouch, setHasTouch] = React.useState(false);\r\n useEvent('touchstart', () => setHasTouch(true));\r\n\r\n const fakeSelectRef = React.useRef();\r\n useClickOutside(fakeSelectRef, close);\r\n\r\n const [selectedOption, setSelectedOption] = React.useState(\r\n options.find(o => o.isSelected) || {}\r\n );\r\n\r\n const isMounted = useIsMounted();\r\n\r\n const handleChange = value => {\r\n setSelectedOption(options.find(x => x.value === value) || {});\r\n const currentOptions = options.map(option => {\r\n const currentOption = Object.assign({}, option);\r\n currentOption.isSelected = currentOption.value === value;\r\n return currentOption;\r\n });\r\n onChange({ options: currentOptions });\r\n close();\r\n };\r\n\r\n return (\r\n \r\n
\r\n )}\r\n {difficulty && (\r\n \r\n
\r\n )}\r\n \r\n handleChange(e.target.value)}\r\n value={selectedOption.value}\r\n aria-label={label}\r\n >\r\n {placeholder && }\r\n {options.map(option => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nCategoryFilter.propTypes = {\r\n label: PropTypes.string,\r\n placeholder: PropTypes.string.isRequired,\r\n options: PropTypes.arrayOf(PropTypes.exact(SelectOption.propTypes)),\r\n name: PropTypes.string.isRequired,\r\n onChange: PropTypes.func,\r\n};\r\n\r\nexport default CategoryFilter;\r\n","import React from 'react';\r\n\r\nexport default function useIsMounted() {\r\n const [isMounted, setIsMounted] = React.useState(false);\r\n\r\n React.useEffect(() => setIsMounted(true), []);\r\n\r\n return isMounted;\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\n\r\nconst SearchQueryInput = ({\r\n label,\r\n name,\r\n value,\r\n placeholder,\r\n autocompleteEndpoint, // TODO: BE side done, FE side is not implemented yet.\r\n submitButtonAriaLabel = 'Sende inn',\r\n onChange = () => {},\r\n}) => {\r\n const [currentValue, setCurrentValue] = React.useState(value);\r\n\r\n const handleInput = e => {\r\n setCurrentValue(e.target.value);\r\n };\r\n\r\n const handleClick = e => {\r\n e.preventDefault();\r\n onChange({ value: currentValue });\r\n return false;\r\n };\r\n\r\n return (\r\n \r\n \r\n {selectedOption.label || placeholder}\r\n
\r\n {isOpen && (\r\n - \r\n {placeholder && (\r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nSearchQueryInput.propTypes = {\r\n label: PropTypes.string,\r\n name: PropTypes.string.isRequired,\r\n value: PropTypes.string,\r\n autocompleteEndpoint: PropTypes.string,\r\n placeholder: PropTypes.string,\r\n onChange: PropTypes.func,\r\n submitButtonAriaLabel: PropTypes.string,\r\n};\r\n\r\nexport default SearchQueryInput;\r\n","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport CategoryFilter from './category-filter';\r\nimport SearchQueryInput from './search-query-input';\r\nimport TagFilter from 'components/tag-filter';\r\nimport formHelper from 'js/form-helper';\r\n\r\nconst SearchForm = ({\r\n categoryFilter1,\r\n categoryFilter2,\r\n searchQueryInput,\r\n tagFilter,\r\n formAriaLabel = 'Søkefelt for globalsøk',\r\n onChange = () => {},\r\n onInit = () => {},\r\n}) => {\r\n const [query, setQuery] = React.useState(null);\r\n\r\n const buildInitQuery = () => {\r\n var query = formHelper.createQuery();\r\n formHelper.setToQueryFilterOptions(query, categoryFilter1);\r\n formHelper.setToQueryFilterOptions(query, categoryFilter2);\r\n formHelper.setToQueryFilterOptions(query, tagFilter);\r\n formHelper.setToQueryTextInputValue(query, searchQueryInput);\r\n return query;\r\n };\r\n\r\n useEffect(() => {\r\n var initQuery = buildInitQuery();\r\n setQuery(initQuery);\r\n onInit({ query: initQuery, searchText: initQuery[searchQueryInput.name] });\r\n }, []);\r\n\r\n const queryUpdated = () => {\r\n setQuery(Object.assign({}, query));\r\n onChange({ query: query, searchText: query[searchQueryInput.name] });\r\n };\r\n\r\n const handleFilterChange = (filter, e) => {\r\n formHelper.setToQueryFilterOptions(query, filter, e.options);\r\n queryUpdated();\r\n };\r\n\r\n const handleTextInputChnage = (input, e) => {\r\n formHelper.setToQueryTextInputValue(query, input, e.value);\r\n queryUpdated();\r\n };\r\n\r\n return (\r\n \r\n {categoryFilter1 && (\r\n
\r\n {tagFilter && (\r\n \r\n handleFilterChange(categoryFilter1, e)}\r\n {...categoryFilter1}\r\n />\r\n
\r\n )}\r\n {categoryFilter2 && (\r\n \r\n handleFilterChange(categoryFilter2, e)}\r\n {...categoryFilter2}\r\n />\r\n
\r\n )}\r\n \r\n handleTextInputChnage(searchQueryInput, e)}\r\n {...searchQueryInput}\r\n />\r\n
\r\n {tags.join(', ')}
\r\n )}\r\n {heading && {heading}
}\r\n {(cookTime || difficulty) && (\r\n\r\n {cookTime && (\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nTeaser.propTypes = {\r\n heading: PropTypes.string,\r\n image: PropTypes.exact(Image.propTypes),\r\n tags: PropTypes.arrayOf(PropTypes.string),\r\n url: PropTypes.string,\r\n trackUrl: PropTypes.string,\r\n cookTime: PropTypes.string,\r\n difficulty: PropTypes.string,\r\n};\r\nexport default Teaser;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Teaser from 'components/teaser/teaser';\r\n\r\nconst SearchResult = ({ teasers }) => {\r\n return (\r\n \r\n
\r\n )}\r\n {difficulty && (\r\n \r\n
\r\n )}\r\n \r\n {teasers && (\r\n
\r\n );\r\n};\r\n\r\nSearchResult.propTypes = {\r\n teasers: PropTypes.arrayOf(PropTypes.exact(Teaser.propTypes)),\r\n totalCount: PropTypes.number,\r\n};\r\n\r\nSearchResult.empty = () => {\r\n return {\r\n teasers: [],\r\n totalCount: 0,\r\n };\r\n};\r\n\r\nexport default SearchResult;\r\n","function format(string, ...args) {\r\n return string.replace(/{(\\d+)}/g, function (match, number) {\r\n return typeof args[number] !== 'undefined' ? args[number] : '';\r\n });\r\n}\r\n\r\nexport default {\r\n format,\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport SearchForm from './search-form';\r\nimport SearchResult from 'components/search-result';\r\nimport api from '../../js/api-helper';\r\nimport replaceQueryParameters from '@creuna/utils/replace-query-parameters';\r\n\r\nimport stringHelper from 'js/string-helper';\r\nimport Spinner from 'components/spinner';\r\nimport formHelper from 'js/form-helper';\r\n\r\nconst Search = ({\r\n headingTemplate,\r\n heading,\r\n searchForm,\r\n searchEndpoint,\r\n pageSize,\r\n errorText,\r\n noResultsText,\r\n loadMoreText,\r\n loadingText,\r\n}) => {\r\n const [result, setResult] = useState(SearchResult.empty());\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [showError, setShowError] = useState(false);\r\n const [searchQuery, setSearchQuery] = useState(null);\r\n const [currentHeading, setCurrentHeading] = useState(null);\r\n const [page, setPage] = useState(1);\r\n\r\n const updateHeading = searchText => {\r\n if (searchText) {\r\n if (headingTemplate) {\r\n var newHeading = stringHelper.format(headingTemplate, searchText);\r\n setCurrentHeading(newHeading);\r\n }\r\n } else {\r\n setCurrentHeading(heading);\r\n }\r\n };\r\n\r\n const search = () => {\r\n const currentResult = result;\r\n setIsLoading(true);\r\n setShowError(false);\r\n let query = Object.assign({}, searchQuery);\r\n formHelper.updatePageQueryString(query);\r\n query = Object.assign(query, { page: page, pageSize: pageSize });\r\n var searchUrl = replaceQueryParameters(searchEndpoint, query);\r\n api\r\n .execute(searchUrl)\r\n .then(response => {\r\n setIsLoading(false);\r\n const loadedResult = response;\r\n loadedResult.teasers = [\r\n ...currentResult.teasers,\r\n ...loadedResult.teasers,\r\n ];\r\n setResult(loadedResult);\r\n })\r\n .catch(() => {\r\n setShowError(true);\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (searchQuery) {\r\n search();\r\n }\r\n }, [searchQuery, page]);\r\n\r\n const handleFormChange = e => {\r\n setSearchQuery(Object.assign({}, e.query));\r\n updateHeading(e.searchText);\r\n setPage(1);\r\n setResult(SearchResult.empty());\r\n };\r\n\r\n const handleLoadMore = () => {\r\n setPage(page + 1);\r\n };\r\n\r\n return (\r\n - \r\n {teasers.map((teaser, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n {currentHeading &&
\r\n );\r\n};\r\n\r\nSearch.propTypes = {\r\n headingTemplate: PropTypes.string,\r\n heading: PropTypes.string,\r\n searchForm: PropTypes.exact(SearchForm.propTypes).isRequired,\r\n noResultsText: PropTypes.string.isRequired,\r\n errorText: PropTypes.string.isRequired,\r\n searchEndpoint: PropTypes.string.isRequired,\r\n pageSize: PropTypes.number,\r\n loadMoreText: PropTypes.string.isRequired,\r\n loadingText: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default Search;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport LinkButton from 'components/link-button';\r\n\r\nconst SeeAlsoLinks = ({ heading, links }) => {\r\n return (\r\n {currentHeading}
}\r\n\r\n
\r\n {showError && errorText && {errorText}
}\r\n {result.teasers.length > 0 ? (\r\n {noResultsText}
\r\n )}\r\n {result.teasers.length < result.totalCount && (\r\n \r\n \r\n {isLoading &&
\r\n )}\r\n \r\n {heading &&
\r\n );\r\n};\r\n\r\nSeeAlsoLinks.propTypes = {\r\n heading: PropTypes.string,\r\n links: PropTypes.arrayOf(PropTypes.exact(LinkButton.propTypes)),\r\n};\r\n\r\nexport default SeeAlsoLinks;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Image from 'components/image';\r\nimport RichText from 'components/rich-text';\r\nimport LinkButton from 'components/link-button';\r\nimport cn from 'classnames';\r\n\r\nconst sizes = {\r\n default: 'default',\r\n small: 'small',\r\n};\r\n\r\nconst SimpleListTeaser = ({ image, heading, introHtml, link, size }) => {\r\n const _size = size || sizes.default;\r\n return (\r\n {heading}
}\r\n {links && (\r\n- \r\n {links.map((link, index) => (\r\n
- \r\n
{heading}
\r\n )}\r\n {introHtml && (\r\n\r\n {topTeaser &&
\r\n );\r\n};\r\n\r\nSimpleList.propTypes = {\r\n topTeaser: PropTypes.exact(SimpleListTeaser.propTypes),\r\n teasers: PropTypes.arrayOf(PropTypes.exact(SimpleListTeaser.propTypes)),\r\n};\r\n\r\nexport default SimpleList;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Teaser from 'components/teaser/teaser';\r\nimport LinkButton from 'components/link-button/link-button';\r\n\r\nconst TeasersList = ({ heading, teasers, seeMoreLink }) => {\r\n return (\r\n - \r\n {teasers.map((teaser, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n {heading &&
\r\n );\r\n};\r\n\r\nTeasersList.propTypes = {\r\n heading: PropTypes.string,\r\n teasers: PropTypes.arrayOf(PropTypes.exact(Teaser.propTypes)).isRequired,\r\n seeMoreLink: PropTypes.exact(LinkButton.propTypes),\r\n};\r\nexport default TeasersList;\r\n","import React, { useState, useCallback, useRef } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport Icon from 'components/icon';\r\nimport useToggle from 'hooks/use-toggle';\r\nimport Image from 'components/image';\r\nimport Modal from 'components/modal';\r\nimport Spinner from 'components/spinner';\r\nimport YouTube from 'react-youtube';\r\nimport cn from 'classnames';\r\nimport useEvent from 'hooks/use-event';\r\n\r\nconst Video = ({\r\n logo,\r\n thumbnailImage,\r\n closeLabel,\r\n videoId,\r\n sources,\r\n autoplay,\r\n showRelated,\r\n modalTitleAriaLabel = 'Modalvindu for videoavspiller',\r\n}) => {\r\n const [popupIsOpened, togglePopup, hidePopup] = useToggle(false);\r\n const [youtubePlayerReady, setYoutubePlayerReady] = useState(false);\r\n const videoBlock = useRef();\r\n\r\n useEvent('keydown', event => {\r\n if (event.key === 'Escape') {\r\n hidePopup();\r\n }\r\n });\r\n\r\n const youtubeVideoOptions = {\r\n height: '390',\r\n width: '640',\r\n playerVars: {\r\n autoplay: autoplay ? 1 : 0,\r\n rel: showRelated ? 1 : 0,\r\n },\r\n };\r\n\r\n const localVideoOptions = {\r\n ...(autoplay ? { autoPlay: 'autoplay' } : {}),\r\n };\r\n\r\n const onReady = useCallback(() => {\r\n setYoutubePlayerReady(true);\r\n if (videoBlock && videoBlock.current) {\r\n const youtubeIframe = videoBlock.current.querySelector('iframe');\r\n\r\n if (youtubeIframe) {\r\n youtubeIframe.setAttribute('tabindex', '0');\r\n }\r\n }\r\n }, [videoBlock]);\r\n\r\n return (\r\n {heading}
}\r\n- \r\n {teasers.map((teaser, index) => (\r\n
- \r\n
\r\n \r\n ))}\r\n
\r\n \r\n \r\n {sources && sources.length > 0 ? (\r\n
\r\n );\r\n};\r\n\r\nVideo.propTypes = {\r\n logo: PropTypes.exact(Image.propTypes),\r\n closeLabel: PropTypes.string,\r\n thumbnailImage: PropTypes.exact(Image.propTypes),\r\n videoId: PropTypes.string,\r\n sources: PropTypes.arrayOf(\r\n PropTypes.shape({\r\n url: PropTypes.string.isRequired,\r\n mimeType: PropTypes.string.isRequired,\r\n })\r\n ),\r\n autoplay: PropTypes.bool,\r\n showRelated: PropTypes.bool,\r\n modalTitleAriaLabel: PropTypes.string,\r\n};\r\n\r\nexport default Video;\r\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\tid: moduleId,\n\t\tloaded: false,\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Flag the module as loaded\n\tmodule.loaded = true;\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.nmd = (module) => {\n\tmodule.paths = [];\n\tif (!module.children) module.children = [];\n\treturn module;\n};","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t818: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = (parentChunkLoadingFunction, data) => {\n\tvar [chunkIds, moreModules, runtime] = data;\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some((id) => (installedChunks[id] !== 0))) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = globalThis[\"webpackChunkFiskesprell_Web\"] = globalThis[\"webpackChunkFiskesprell_Web\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(8624)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(6472)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(5348)))\n__webpack_require__.O(undefined, [121], () => (__webpack_require__(1038)))\nvar __webpack_exports__ = __webpack_require__.O(undefined, [121], () => (__webpack_require__(273)))\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["deferred","React","ClockBig","props","createElement","defaultProps","module","exports","default","___EXPOSE_LOADER_IMPORT___","___EXPOSE_LOADER_GLOBAL_THIS___","Instagram","Facebook","Youtube","CookBig","Play","Clock","Menu","req","require","keys","reduce","icons","filename","id","replace","component","customDefaultProps","_objectSpread","Cook","document","documentElement","Object","defineProperty","HTMLElement","prototype","get","self","this","update","fn","value","classes","className","split","index","indexOf","join","ret","add","push","remove","splice","toggle","contains","item","i","length","touchEndHappened","classListPolyfill","addEventListener","onTouchStart","classList","onTouchEnd","setTimeout","onMouseDown","keyCodeWhiteList","e","which","inputDetection","Arrow","Close","Search","Print","map","webpackContext","webpackContextResolve","__webpack_require__","o","Error","code","resolve","RichText","_ref","text","cn","dangerouslySetInnerHTML","__html","propTypes","PropTypes","AccordionBlock","title","items","AccordionComponent","allowMultipleExpanded","allowZeroExpanded","AccordionItem","key","AccordionItemState","_ref2","expanded","Fragment","AccordionItemHeading","AccordionItemButton","name","AccordionItemPanel","textHtml","isRequired","ariaCurrentTypes","page","step","location","true","Link","ariaCurrent","openInNewTab","url","tabindex","ariaLabelledBy","ariaDescribedBy","href","target","tabIndex","rel","values","Breadcrumbs","links","ariaLabel","_extends","transforms","downFit","downFill","skipForResizeExtensions","queryParameters","width","undefined","height","transform","center","checkImageCanBeResized","extension","pop","trim","toLowerCase","some","serializeCenter","x","y","concat","buildResizeUrl","centerX","centerY","resizeUrl","replaceQueryParameters","assign","resizeQuery","queryHash","CryptoJs","hash","calcImageWidth","containerWidth","resolution","Math","ceil","window","devicePixelRatio","calcImageHeight","containerHeight","Transforms","Image","constructor","arguments","_defineProperty","imageResizer","src","canBeResized","ratio","containerOffsetWidth","containerOffsetHeight","fill","container","offsetWidth","offsetHeight","autoTransform","fit","autoCalcWidthOnly","autoCalcHeightOnly","skipByWidth","state","skipByHeight","widthResolution","heightResolution","newWidth","newHeight","newRatio","setState","previousState","focusPoint","debounce","handleResize","componentDidMount","debouncedHandleResize","componentWillUnmount","removeEventListener","componentDidUpdate","render","fluid","style","backgroundImage","backgroundPosition","ref","c","alt","_Image","Contact","image","phoneLink","mailLink","ContactInformation","heading","ContactUs","contacts","ContentArea","blocks","block","Block","Components","componentName","console","error","CoursePartLink","partId","onClick","active","disabled","Spinner","CourseContent","coursePartsLinks","loadCoursePartEndpoint","loadingText","errorText","prevButtonText","nextButtonText","navigationAriaLabel","numberOfPartsLinks","partsLinksAreExist","isLoading","setIsLoading","useState","setError","pageContent","setPageContent","pageId","setPageId","scrollToTopOfContent","scrollToElement","offset","ease","duration","firstPartsLinkIsActive","lastPartsLinkIsActive","currentPartsLinkIndex","findIndex","p","useEffect","loadPageContent","xhr","XMLHttpRequest","query","onreadystatechange","readyState","DONE","status","response","onerror","open","send","link","handleNavigate","activePartId","handlePrevButtonClick","handleNextButtonClick","useEvent","eventName","eventHandler","dependencies","callback","current","DropDown","label","onOptionClicked","selectedOptionIndex","isOpen","setIsOpen","dropdownRef","useClickOutside","close","toggling","handleOptionClick","EmbeddableFormBlock","html","Icon","useFill","focusable","themes","blueWithIcon","QuickSearchPanel","searchInputLabel","placeholder","searchPageUrl","searchInputName","helpTextHtml","submitButtonText","formAriaLabel","autocompleteEndpoint","theme","inputRef","focus","action","method","role","type","LinkButton","iconName","subscribe","ErrorBlock","errorCode","bigText","smallText","search","Factbox","backgroundColor","icon","FactboxWithTextBlock","factbox","factboxPosition","twoColumns","SocialLink","instagram","facebook","youtube","Footer","content1Html","content2Html","subscribeButton","socialLinks","copyrightText","cookiesLink","socialLink","prefixesDictionary","GettingStartedLink","introHtml","uniqueId","useMemo","idHelper","prefix","headingId","descriptionId","FrontPageHero","backgroundImageMobile","mainHeading","secondaryHeadingLeft","secondaryHeadingRight","gettingStartedLinks","gettingStartedReadMoreLink","isDesktopView","body","clientWidth","imageWidth","setImageWidth","imageSource","setImageSource","isDesktop","screen","gettingStartedLink","FullWidthBanner","readMoreButton","overlay","GettingStartedTeaser","GettingStartedList","teasers","teaser","useToggle","initiallyActive","isActive","setIsActive","useCallback","activate","MenuLink","isCurrent","MainMenu","firstColumnLinks","secondColumnLinks","thirdColumnHeading","thirdColumnLinks","subscribeLink","menuIsOpened","toggleMenu","onMenuButtonClick","HeaderMenu","headerMenuLinks","Header","logo","mainMenu","quickSearchPanel","headerMenu","buttonSearchAriaLabel","buttonMenuAriaLabel","buttonCloseAriaLabel","quickSearchPanelTitleAriaLabel","mainMenuTitleAriaLabel","popupIsOpened","togglePopup","hidePopup","searchMode","setSearchModIsActive","onSearchButtonClick","navigationRef","event","FocusTrap","header__popup_opened","expandedMenuImage","ImageWithCaption","caption","imageSizeClassName","gallerySettings","dots","centerMode","infinite","speed","centerPadding","slidesToScroll","slidesToShow","galleryImageClassName","ImageGallery","imageGalleryContainer","currentSlideIndex","setCurrentSlideIndex","updateNavigationControlsPosition","slideHeight","slideIndex","currentSlideImage","querySelectorAll","querySelector","getSlideHeight","sliderDots","sliderArrows","top","display","debouncedRecalculateElementsPosition","Slider","afterChange","ImageWithTextBlock","imagePosition","IngredientBase","Ingredients","forAdults","forChildren","forKindergarten","setSelectedOptionIndex","filter","Boolean","selectedItem","errorMessageTopic","messageTopic","onTopic","topic","func","PubSub","message","_ref3","Message","isErrorMessage","isVisible","hide","show","messenger","Modal","isOpened","closeLabel","onClose","children","titleAriaLabel","PagesListItem","linkUrlExists","ItemContent","SelectOption","isSelected","onChange","handleChange","TagFilter","options","clearLabel","multiselect","clearOption","setClearOption","optionsMap","setOptions","Map","find","refreshOptions","handleOptionChange","targetOption","option","selectedValues","handleClearOptionChange","Timeout","delay","clear","cleared","clearTimeout","getCallbackEnhancedData","data","callbackTimeout","eventCallback","isRunningOnClient","dataLayer","forEach","dataObject","defaultFetchOptions","headers","Accept","credentials","parseResponse","json","then","handleUserMessages","messageToUser","success","_ref4","handleAnalytics","analytics","handleNotOk","ok","statusText","handleResponse","payload","handleFetchError","getData","Promise","reject","request","fetch","catch","endpoint","post","JSON","stringify","setQueryValue","_getUndefinedIfEmpty","createQuery","currentOptions","textInput","currentValue","newUrl","toString","history","replaceState","PagesList","tagFilter","loadItemsEndpoint","pages","setPages","setQuery","buildDefaultQuery","formHelper","loadPages","loadUrl","api","listItems","listItem","PrintButton","printPage","print","Answer","isCorrect","checked","showResults","isMultipleChoice","Question","answers","questionNumber","selectNoteText","showValidation","checkedValue","setIsChecked","checkedItems","setCheckedItems","a","checkIfMultySelected","every","v","answer","Questionnaire","getResultButtonText","restartButtonText","questions","setShowResults","qIndex","setQIndex","questionsList","setQuestionsList","setShowValidation","setAllQuestionsUnselected","tmpArr","q","onQuestionChange","question","onRestartClick","preventDefault","onGetResultClick","selectedAnswers","ReactComponent","RecipePageDetails","cookTime","difficulty","CategoryFilter","hasTouch","setHasTouch","fakeSelectRef","selectedOption","setSelectedOption","isMounted","setIsMounted","useIsMounted","currentOption","SearchQueryInput","submitButtonAriaLabel","setCurrentValue","SearchForm","categoryFilter1","categoryFilter2","searchQueryInput","onInit","initQuery","buildInitQuery","searchText","queryUpdated","handleFilterChange","handleTextInputChnage","input","Teaser","tags","trackUrl","TeaserTag","attributes","defaultBehaviour","ctrlKey","_response","SearchResult","totalCount","empty","string","_len","args","Array","_key","match","number","headingTemplate","searchForm","searchEndpoint","pageSize","noResultsText","loadMoreText","result","setResult","showError","setShowError","searchQuery","setSearchQuery","currentHeading","setCurrentHeading","setPage","currentResult","searchUrl","loadedResult","handleFormChange","newHeading","stringHelper","updateHeading","handleLoadMore","SeeAlsoLinks","sizes","small","SimpleListTeaser","size","_size","SimpleList","topTeaser","TeasersList","seeMoreLink","Video","thumbnailImage","videoId","sources","autoplay","showRelated","modalTitleAriaLabel","youtubePlayerReady","setYoutubePlayerReady","videoBlock","useRef","youtubeVideoOptions","playerVars","localVideoOptions","autoPlay","onReady","youtubeIframe","setAttribute","poster","controls","loop","muted","source","mimeType","YouTube","opts","containerClassName","__webpack_module_cache__","moduleId","cachedModule","loaded","__webpack_modules__","call","m","O","chunkIds","priority","notFulfilled","Infinity","fulfilled","j","r","n","getter","__esModule","d","definition","enumerable","g","globalThis","Function","obj","prop","hasOwnProperty","Symbol","toStringTag","nmd","paths","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","chunkLoadingGlobal","bind","__webpack_exports__"],"sourceRoot":""}\r\n \r\n {sources.map((source, index) => (\r\n
\r\n ) : (\r\n videoId && (\r\n \r\n {!youtubePlayerReady &&
\r\n )\r\n )}\r\n \r\n