element.');\n }\n var callbackRef = function callbackRef(element) {\n var containerElements = _this3.props.containerElements;\n if (child) {\n if (typeof child.ref === 'function') {\n child.ref(element);\n } else if (child.ref) {\n child.ref.current = element;\n }\n }\n _this3.focusTrapElements = containerElements ? containerElements : [element];\n };\n var childWithRef = React.cloneElement(child, {\n ref: callbackRef\n });\n return childWithRef;\n }\n return null;\n }\n }]);\n}(React.Component); // support server-side rendering where `Element` will not be defined\nvar ElementType = typeof Element === 'undefined' ? Function : Element;\nFocusTrap.propTypes = {\n active: PropTypes.bool,\n paused: PropTypes.bool,\n focusTrapOptions: PropTypes.shape({\n document: PropTypes.object,\n onActivate: PropTypes.func,\n onPostActivate: PropTypes.func,\n checkCanFocusTrap: PropTypes.func,\n onPause: PropTypes.func,\n onPostPause: PropTypes.func,\n onUnpause: PropTypes.func,\n onPostUnpause: PropTypes.func,\n onDeactivate: PropTypes.func,\n onPostDeactivate: PropTypes.func,\n checkCanReturnFocus: PropTypes.func,\n initialFocus: PropTypes.oneOfType([PropTypes.instanceOf(ElementType), PropTypes.string, PropTypes.bool, PropTypes.func]),\n fallbackFocus: PropTypes.oneOfType([PropTypes.instanceOf(ElementType), PropTypes.string,\n // NOTE: does not support `false` as value (or return value from function)\n PropTypes.func]),\n escapeDeactivates: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n clickOutsideDeactivates: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n returnFocusOnDeactivate: PropTypes.bool,\n setReturnFocus: PropTypes.oneOfType([PropTypes.instanceOf(ElementType), PropTypes.string, PropTypes.bool, PropTypes.func]),\n allowOutsideClick: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n preventScroll: PropTypes.bool,\n tabbableOptions: PropTypes.shape({\n displayCheck: PropTypes.oneOf(['full', 'legacy-full', 'non-zero-area', 'none']),\n getShadowRoot: PropTypes.oneOfType([PropTypes.bool, PropTypes.func])\n }),\n trapStack: PropTypes.array,\n isKeyForward: PropTypes.func,\n isKeyBackward: PropTypes.func\n }),\n containerElements: PropTypes.arrayOf(PropTypes.instanceOf(ElementType)),\n // DOM element ONLY\n children: PropTypes.oneOfType([PropTypes.element,\n // React element\n PropTypes.instanceOf(ElementType) // DOM element\n ])\n\n // NOTE: _createFocusTrap is internal, for testing purposes only, so we don't\n // specify it here. It's expected to be set to the function returned from\n // require('focus-trap'), or one with a compatible interface.\n};\nFocusTrap.defaultProps = {\n active: true,\n paused: false,\n focusTrapOptions: {},\n _createFocusTrap: createFocusTrap\n};\nmodule.exports = FocusTrap;","import React, { useState, useEffect, useRef} from \"react\";\r\nimport cn from \"classnames\";\r\nimport Cookies from 'js-cookie';\r\n\r\nexport interface ISignLink {\r\n signInLabel: string;\r\n signInUrl: string;\r\n signOutUrl?: string;\r\n signOutLabel: string;\r\n isSignedIn: boolean;\r\n className?: string;\r\n serverErrorText: string;\r\n returnUrl?: string; \r\n}\r\nconst SignLink = ({ signInUrl, signInLabel, signOutLabel, signOutUrl, isSignedIn, className, returnUrl }: ISignLink) => {\r\n\r\n const signInLinkUrl = returnUrl ? signInUrl +'?ReturnUrl=' + returnUrl : signInUrl;\r\n\r\n const handleLogout = (e: React.FormEvent) => {\r\n e.preventDefault();\r\n\r\n const options = {\r\n method: \"POST\"\r\n };\r\n\r\n fetch(signOutUrl, options)\r\n .then((response) => {\r\n console.log('response', response);\r\n if (response.status == 200) {\r\n window.location.reload();\r\n }\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n return (\r\n <>\r\n {isSignedIn ? (\r\n
\r\n ) : (\r\n
\r\n {signInLabel}\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default SignLink;\r\n","import cn from \"classnames\";\r\nimport React, { MutableRefObject, useState, useEffect } from \"react\";\r\n\r\nexport interface IHamburger {\r\n className?: string;\r\n isExpanded: boolean;\r\n ariaLabel?: string;\r\n toggleMenu?: () => any;\r\n forwardRef?: MutableRefObject
;\r\n}\r\n\r\nexport const Hamburger = ({ className, toggleMenu = () => {}, isExpanded, ariaLabel, forwardRef }: IHamburger) => {\r\n\r\n const onButtonClick = () => {\r\n toggleMenu();\r\n };\r\n\r\n useEffect(() => {\r\n const body = document.body;\r\n const bodyClass = 'no-scroll';\r\n if (isExpanded) {\r\n body.classList.add(bodyClass);\r\n } else {\r\n body.classList.remove(bodyClass);\r\n }\r\n }, [isExpanded]);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n","import * as React from \"react\";\r\nimport {CardProps} from \"./CardProps.csharp\";\r\nimport {CardType} from \"./CardType.csharp\";\r\nimport {ArticleCard} from \"../ArticleCard/ArticleCard\";\r\nimport {ExhibitionCard} from \"../ExhibitionCard/ExhibitionCard\";\r\nimport {EventCard} from \"../EventCard/EventCard\";\r\n\r\nexport const Card = (props: CardProps) => {\r\n if(props.model.type === CardType.ArticleCard){\r\n return ;\r\n }\r\n else if (props.model.type === CardType.ExhibitionCard){\r\n return ;\r\n }\r\n else if (props.model.type === CardType.EventCard){\r\n return ;\r\n }\r\n throw \"Unknown card type\";\r\n};","import * as React from \"react\";\r\nimport classNames from \"classnames\";\r\nimport {ResponsivePicture} from \"../../ReactComponents/responsivePicture/responsivePicture\";\r\nimport {CardProps} from \"../Card/CardProps.csharp\";\r\nimport {ArticleCardViewModel} from \"./ArticleCardViewModel.csharp\";\r\n\r\nexport const ArticleCard = (props: CardProps) => {\r\n const {title, intro, picture, url} = (props.model as ArticleCardViewModel);\r\n return \r\n};\r\n","import * as React from \"react\";\r\nimport { CardProps } from \"../Card/CardProps.csharp\";\r\nimport { ExhibitionCardViewModel } from \"./ExhibitionCardViewModel.csharp\";\r\nimport { ResponsivePicture } from \"../../ReactComponents/responsivePicture/responsivePicture\";\r\nimport classNames from \"classnames\";\r\nimport { CardVariant } from \"../Card/CardVariant.csharp\";\r\nimport { AudioGuide } from \"../../../Features/Blocks/AudioGuide\";\r\n\r\nexport class ExhibitionCard extends React.Component {\r\n render() {\r\n const { title, subtitle, location, duration, picture, url, exhibitionType, audioGuideInfoHtml, hasAudioGuide, audioGuideLeadText, hideAudioGuideIcon } =\r\n this.props.model as ExhibitionCardViewModel;\r\n\r\n let exhibitionTypeStringTranslation = \"\";\r\n if (exhibitionType === 0) {\r\n exhibitionTypeStringTranslation = this.props.translations.permanentExhibitionCollection;\r\n } else if (exhibitionType === 3) {\r\n exhibitionTypeStringTranslation = this.props.translations.interactiveExperience;\r\n } else {\r\n exhibitionTypeStringTranslation = this.props.translations.permanentExhibition;\r\n }\r\n\r\n return (\r\n \r\n );\r\n }\r\n}\r\n","import * as React from \"react\";\r\nimport { CardProps } from \"../Card/CardProps.csharp\";\r\nimport { EventCardViewModel } from \"./EventCardViewModel.csharp\";\r\nimport { ResponsivePicture } from \"../../ReactComponents/responsivePicture/responsivePicture\";\r\nimport classNames from \"classnames\";\r\nimport { CardVariant } from \"../Card/CardVariant.csharp\";\r\n\r\nexport const EventCard = (props: CardProps) => {\r\n const { title, subtitle, picture, location, date, time, url, type, ticketUrl, ticketText, timesAsList } =\r\n props.model as EventCardViewModel;\r\n\r\n const ticketsButton = ticketUrl ? {ticketText} : {ticketText};\r\n\r\n let dateTime;\r\n if (timesAsList) {\r\n dateTime = (\r\n \r\n
{date}
\r\n
\r\n {timesAsList.slice(0, 4).map((time, i) => (\r\n \r\n {time}\r\n {i === 3 && timesAsList.length > 4 ? \", ...\" : \"\"}\r\n \r\n ))}\r\n
\r\n
\r\n \r\n {timesAsList.slice(0, 4).join(\", \")}\r\n {timesAsList.length > 4 ? \", ...\" : \"\"}\r\n \r\n
\r\n
{date}
\r\n {time}
\r\n \r\n ) : (\r\n \r\n {date},{time}\r\n
\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {title}\r\n {subtitle}\r\n
\r\n \r\n
{dateTime}
\r\n
{location}
\r\n