{"version":3,"sources":["webpack:///./components/display/headers/brandbar.js","webpack:///./components/decisionTree/cover.js","webpack:///./components/decisionTree/progress.js","webpack:///./components/decisionTree/multipleChoice.js","webpack:///./components/decisionTree/progressClose.js","webpack:///./components/decisionTree/clickShield.js","webpack:///./components/decisionTree/decisionTree.js","webpack:///./components/pages/decisionTree.js"],"names":["brandbarMinHeightAll","brandbarMinHeightSmall","brandbarMinHeightLarge","brandbarHeightXXL","brandBarSlimSticky","Object","styled_components__WEBPACK_IMPORTED_MODULE_1__","Brandbar","div","withConfig","displayName","componentId","_styleHelpers_languageAwareValue__WEBPACK_IMPORTED_MODULE_3__","nl","_styles_colors__WEBPACK_IMPORTED_MODULE_4__","default","en","_styleHelpers_mediaQueries__WEBPACK_IMPORTED_MODULE_2__","from","_templateObject","_templateObject2","props","slimSticky","CoverHeading","styledWhenChildren","heading","attrs","level","styleLevel","colors","mediaQueries","CoverImage","styled_components_browser_es","display_image","theme_en","halfSpace","_templateObject3","_templateObject4","_templateObject5","_templateObject6","StartButton","decisionTreeConnector","roundedButton","CoverWrapper","space","cover_Cover","_ref","id","title","intro","button","react_default","a","createElement","markup","tag","rulesContextTag","html","immutableHelpersWithArgs","targetNode","config_dev","decisionTree","backToQuestion","withAnswer","gotoResult","progressBarTitle","ProgressButtonConnected","progressStyled","ProgressActiveButtonConnected","progress_ProgressButton","selected","children","focusQuestionNode","progress_ProgressItemText","_ref2","questionText","answerText","blockElements","ProgressMediaFigure","media","Figure","extend","progress_templateObject","progress_Progress","_ref4","_ref4$stepsWithAnswer","stepsWithAnswers","undefined","immutable","nodes","rootNode","progressOpened","selectedStep","immutableHelpersWithoutArgs","lastStepNodeId","functional","decisionTreeGetters","accHide","stepNode","index","nodeId","answerId","node","lastStep","typeIsResult","questionHtml","tableOfContent","key","_ref3","questionNumber","getButtonAccText","alignItems","aria-hidden","MinimalText","MultipleChoiceContainer","multipleChoice_templateObject","sharedStyling","mixins_accHide","OptionContainer","multipleChoice_templateObject2","polished_es","quarterSpace","doubleSpace","AnswerButton","multipleChoice_MultipleChoice","question","options","focusManager","opened","tabIndex","stepTitle","role","option","answerIndex","isAnswered","aria-checked","stepBackLink","toPreviousQuestion","ProgressCloseIcon","sluiten","progressClose_buttonSize","size","placement","arguments","length","ProgressCloseButton","type","mixins_button","brandbar","progressClose_templateObject","progressClose_templateObject2","light","ProgressCloseConnected","progressClose_ProgressClose","aria-label","closeProgressBar","ShieldStyled","clickShield_ClickShield","ClickShield","classCallCheck_default","this","_this","possibleConstructorReturn_default","__proto__","get_prototype_of_default","call","delay","state","show","inherits_default","_Component","createClass_default","value","nextProps","hide","setTimer","setState","resetTimer","timer","clearTimeout","setTimeout","onTimeout","bind","react","StepProgressWrapperConnected","stepWrappers","decisionTree_CurrentNode","currentNode","nodeType","Component","result","Error","decisionTree_getComponentForNodeType","extends_default","DecisionTree","base","currentNodeId","String","decisionTree_getCurrentNode","__webpack_exports__","contentId","main","className"],"mappings":"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","file":"client.chunk.36.2eaf353f7790f8db487a.js","sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n\textraExtraExtraLarge,\r\n\tlarge,\r\n\tmq,\r\n\tsmall,\r\n} from '../../../styleHelpers/mediaQueries';\r\nimport { languageAwareValue } from '../../../styleHelpers/languageAwareValue';\r\nimport { hemelblauw, oranje } from '../../../styles/colors';\r\n\r\nexport const brandbarMinHeightAll = '1.875rem';\r\nexport const brandbarMinHeightSmall = '2.94rem';\r\nexport const brandbarMinHeightLarge = '3rem';\r\nexport const brandbarHeightXXL = '3.8rem';\r\n\r\nconst brandBarSlimSticky = css`\r\n\t& {\r\n\t\tmin-height: 4px;\r\n\t\theight: auto;\r\n\t\tposition: sticky;\r\n\t\ttop: 0;\r\n\t}\r\n`;\r\n\r\nexport const Brandbar = styled.div`\r\n\tbackground: ${languageAwareValue({\r\n\t\tnl: hemelblauw.default,\r\n\t\ten: oranje.default,\r\n\t})};\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tmin-height: ${brandbarMinHeightAll};\r\n\tmargin-left: 0;\r\n\tpadding-left: 0;\r\n\r\n\t${mq({ from: small })`min-height: ${brandbarMinHeightSmall};`};\r\n\t${mq({ from: large })`min-height: ${brandbarMinHeightLarge};`};\r\n\t${mq({ from: extraExtraExtraLarge })`height: ${brandbarHeightXXL};`};\r\n\r\n\t${props => (props.slimSticky ? brandBarSlimSticky : null)};\r\n`;\r\n","import React from 'react';\r\nimport { styledWhenChildren } from '../../helpers/styledWhenChildren';\r\nimport { Heading } from '../display/heading';\r\nimport { Markup } from '../markup';\r\nimport { RoundedButton } from './roundedButton';\r\nimport { get } from '../../helpers/immutableHelpersWithArgs';\r\nimport { Image } from '../display/image';\r\nimport styled from 'styled-components';\r\nimport { connectAnswerButton } from '../../connectors/decisionTreeConnector';\r\nimport theme from 'moduleAlias/theme';\r\nimport { oranje } from '../../styles/colors';\r\nimport {\r\n\textraExtraExtraLarge,\r\n\textraLarge,\r\n\tmediumLarge,\r\n\tmq,\r\n\tsmall,\r\n\tsmallMedium,\r\n} from '../../styleHelpers/mediaQueries';\r\n\r\nconst smallMediumCoverMargin = '1.2rem';\r\n\r\nconst CoverHeading = styledWhenChildren(Heading).attrs({\r\n\tlevel: 1,\r\n\tstyleLevel: 2,\r\n})`\r\n\tcolor: ${oranje.default};\r\n\tmargin-top: 0.2rem;\r\n\tmargin-bottom: 1.2rem;\r\n\t\r\n\t${mq({ from: smallMedium })`\r\n\t\tmargin-top: ${smallMediumCoverMargin};\r\n\t`}\r\n`;\r\n\r\nexport const CoverImage = styled(Image)`\r\n\tdisplay: block;\r\n\tmargin: 0 auto ${theme.halfSpace} auto;\r\n\tmax-width: 10rem;\r\n\ttransform: translateX(-3%);\r\n\r\n\t// Counteract layoutContainer padding minus StepProgressWrapperInner's padding to center image.\r\n\t${mq({ from: small })`transform: translateX(-0.6rem);`};\r\n\t${mq({ from: mediumLarge })`transform: translateX(0);`};\r\n\t${mq({ from: extraLarge })`transform: translateX(-2.2rem);`};\r\n\t${mq({ from: extraExtraExtraLarge })`transform: translateX(-3.2rem);`};\r\n\r\n\t${mq({ from: smallMedium })`\r\n\t\tmargin-top: ${smallMediumCoverMargin};\r\n\t`};\r\n`;\r\n\r\nconst StartButton = connectAnswerButton(RoundedButton);\r\n\r\nconst CoverWrapper = styled.div`\r\n\ttext-align: center;\r\n\tpadding-bottom: ${theme.space};\r\n`;\r\n\r\nexport const Cover = ({ id, title, intro, button }) => {\r\n\treturn (\r\n\t\t<CoverWrapper>\r\n\t\t\t<Markup\r\n\t\t\t\ttag={CoverHeading}\r\n\t\t\t\trulesContextTag=\"h1\"\r\n\t\t\t\thtml={get('html')(title)}\r\n\t\t\t/>\r\n\t\t\t<Markup html={get('html')(intro)} />\r\n\t\t\t<StartButton id={id} targetNode={get('targetNode')(button)}>\r\n\t\t\t\t{get('text')(button)}\r\n\t\t\t</StartButton>\r\n\t\t</CoverWrapper>\r\n\t);\r\n};\r\n","import React from 'react';\r\nimport config from 'moduleAlias/config';\r\nimport { get, getIn, map } from '../../helpers/immutableHelpersWithArgs';\r\nimport { last, toObject } from '../../helpers/immutableHelpersWithoutArgs';\r\nimport { getTextFromChildren } from '../display/tableOfContent';\r\nimport {\r\n\tProgressInactiveButtonStyled,\r\n\tProgressButtonStyled,\r\n\tProgressItemTextWrapper,\r\n\tProgressItemQuestion,\r\n\tProgressItemAnswer,\r\n\tProgressWrapper,\r\n\tProgressList,\r\n\tProgressListItem,\r\n\tProgressMarkContainer,\r\n\tProgressMarkStyled,\r\n\tIconCheckStyled,\r\n\tProgressMarkTrack,\r\n} from './progressStyled';\r\nimport { Media } from '../display/media';\r\nimport { Underliner } from '../display/blockElements';\r\nimport { CoverImage } from './cover';\r\nimport {\r\n\tconnectCloseButton,\r\n\tconnectProgressButton,\r\n} from '../../connectors/decisionTreeConnector';\r\nimport { List } from 'immutable';\r\nimport { getAnswerId, getNodeId } from '../../reducers/decisionTreeGetters';\r\nimport { pipe } from '../../helpers/functional';\r\nimport { AccHide } from '../display/accHide';\r\n\r\nconst {\r\n\tbackToQuestion,\r\n\twithAnswer,\r\n\tgotoResult,\r\n\tprogressBarTitle,\r\n} = config.decisionTree;\r\nconst ProgressButtonConnected = connectProgressButton(ProgressButtonStyled);\r\nconst ProgressActiveButtonConnected = connectCloseButton(\r\n\tProgressInactiveButtonStyled\r\n);\r\n\r\nconst ProgressButton = ({ targetNode, selected, children, title }) => {\r\n\treturn selected ? (\r\n\t\t<ProgressActiveButtonConnected focusQuestionNode={targetNode}>\r\n\t\t\t{children}\r\n\t\t</ProgressActiveButtonConnected>\r\n\t) : (\r\n\t\t<ProgressButtonConnected targetNode={targetNode} title={title}>\r\n\t\t\t{children}\r\n\t\t</ProgressButtonConnected>\r\n\t);\r\n};\r\n\r\nconst ProgressItemText = ({ questionText, answerText }) => {\r\n\treturn (\r\n\t\t<ProgressItemTextWrapper>\r\n\t\t\t<ProgressItemQuestion>\r\n\t\t\t\t<Underliner>{questionText}</Underliner>\r\n\t\t\t</ProgressItemQuestion>\r\n\t\t\t<ProgressItemAnswer>{answerText}</ProgressItemAnswer>\r\n\t\t</ProgressItemTextWrapper>\r\n\t);\r\n};\r\n\r\nconst getButtonAccText = ({ questionText, answerText, questionNumber }) => {\r\n\tconst answerString = answerText ? `, ${withAnswer}: ‘${answerText}’` : '';\r\n\r\n\treturn `${backToQuestion} ${questionNumber}: ‘${questionText}’${answerString}`;\r\n};\r\n\r\nconst ProgressMediaFigure = Media.Figure.extend`\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n`;\r\n\r\nconst isRootNode = (id, rootNodeId) => !id || id === rootNodeId;\r\n\r\nexport const Progress = ({\r\n\tstepsWithAnswers = List(),\r\n\tnodes,\r\n\trootNode,\r\n\tprogressOpened,\r\n\tselectedStep,\r\n}) => {\r\n\tif (isRootNode(selectedStep, rootNode)) {\r\n\t\treturn <CoverImage {...toObject(getIn([rootNode, 'image'])(nodes))} />;\r\n\t}\r\n\r\n\tconst lastStepNodeId = pipe(last, getNodeId)(stepsWithAnswers);\r\n\r\n\treturn (\r\n\t\t<ProgressWrapper>\r\n\t\t\t<AccHide>{progressBarTitle}</AccHide>\r\n\t\t\t<ProgressList>\r\n\t\t\t\t{map((stepNode, index) => {\r\n\t\t\t\t\tconst nodeId = getNodeId(stepNode);\r\n\t\t\t\t\tconst answerId = getAnswerId(stepNode);\r\n\t\t\t\t\tconst node = get(nodeId)(nodes);\r\n\t\t\t\t\tconst selected = selectedStep === nodeId;\r\n\t\t\t\t\tconst lastStep = lastStepNodeId === nodeId;\r\n\t\t\t\t\tconst typeIsResult = get('type')(node) === 'result';\r\n\t\t\t\t\tconst questionHtml = getIn(['question', 'html'])(node);\r\n\t\t\t\t\tconst questionText = getTextFromChildren(questionHtml);\r\n\t\t\t\t\tconst answerText = getIn(['options', answerId, 'text'])(node);\r\n\r\n\t\t\t\t\treturn (\r\n\t\t\t\t\t\t<ProgressListItem key={nodeId}>\r\n\t\t\t\t\t\t\t<ProgressButton\r\n\t\t\t\t\t\t\t\ttargetNode={nodeId}\r\n\t\t\t\t\t\t\t\tselected={selected}\r\n\t\t\t\t\t\t\t\tselectedStep={selectedStep}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t<AccHide>\r\n\t\t\t\t\t\t\t\t\t{typeIsResult\r\n\t\t\t\t\t\t\t\t\t\t? gotoResult\r\n\t\t\t\t\t\t\t\t\t\t: getButtonAccText({\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestionText,\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestionNumber: index + 1,\r\n\t\t\t\t\t\t\t\t\t\t\t\tanswerText,\r\n\t\t\t\t\t\t\t\t\t\t  })}\r\n\t\t\t\t\t\t\t\t</AccHide>\r\n\t\t\t\t\t\t\t\t<Media alignItems=\"stretch\" aria-hidden=\"true\">\r\n\t\t\t\t\t\t\t\t\t<ProgressMediaFigure>\r\n\t\t\t\t\t\t\t\t\t\t<ProgressMarkContainer>\r\n\t\t\t\t\t\t\t\t\t\t\t<ProgressMarkStyled\r\n\t\t\t\t\t\t\t\t\t\t\t\tselected={selected}\r\n\t\t\t\t\t\t\t\t\t\t\t\ttypeIsResult={typeIsResult}\r\n\t\t\t\t\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t\t\t\t\t{typeIsResult ? <IconCheckStyled /> : index + 1}\r\n\t\t\t\t\t\t\t\t\t\t\t</ProgressMarkStyled>\r\n\t\t\t\t\t\t\t\t\t\t</ProgressMarkContainer>\r\n\t\t\t\t\t\t\t\t\t\t<ProgressMarkTrack\r\n\t\t\t\t\t\t\t\t\t\t\tlastStep={lastStep}\r\n\t\t\t\t\t\t\t\t\t\t\ttypeIsResult={typeIsResult}\r\n\t\t\t\t\t\t\t\t\t\t\tindex={index}\r\n\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t</ProgressMediaFigure>\r\n\t\t\t\t\t\t\t\t\t{progressOpened ? (\r\n\t\t\t\t\t\t\t\t\t\t<Media.MinimalText>\r\n\t\t\t\t\t\t\t\t\t\t\t<ProgressItemText\r\n\t\t\t\t\t\t\t\t\t\t\t\tquestionText={questionText}\r\n\t\t\t\t\t\t\t\t\t\t\t\tanswerText={answerText}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t</Media.MinimalText>\r\n\t\t\t\t\t\t\t\t\t) : null}\r\n\t\t\t\t\t\t\t\t</Media>\r\n\t\t\t\t\t\t\t</ProgressButton>\r\n\t\t\t\t\t\t</ProgressListItem>\r\n\t\t\t\t\t);\r\n\t\t\t\t})(stepsWithAnswers)}\r\n\t\t\t</ProgressList>\r\n\t\t</ProgressWrapper>\r\n\t);\r\n};\r\n","import React from 'react';\r\nimport config from 'moduleAlias/config';\r\nimport { StepTitle } from './stepTitle';\r\nimport { get, map } from '../../helpers/immutableHelpersWithArgs';\r\nimport { styledWhenChildren } from '../../helpers/styledWhenChildren';\r\nimport { RoundedButton } from './roundedButton';\r\nimport { StepBackLink } from './stepBackLink';\r\nimport {\r\n\tconnectAnswerButton,\r\n\tgenerateContainerId,\r\n} from '../../connectors/decisionTreeConnector';\r\nimport { getAnswerIdFromStepsWithAnswers } from '../../reducers/decisionTreeGetters';\r\nimport theme from 'moduleAlias/theme';\r\nimport { centeredContainerStyling } from './sharedStyling';\r\nimport { margin } from 'polished';\r\nimport { FocusOnMount } from '../management/focusManager';\r\nimport { hideOutline } from '../../styles/mixins/accHide';\r\n\r\nconst MultipleChoiceContainer = styledWhenChildren.div`\r\n\t${centeredContainerStyling};\r\n\t${hideOutline};\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n`;\r\n\r\nconst OptionContainer = styledWhenChildren.div`\r\n\tdisplay: inline-flex;\r\n\t${margin(\r\n\t\tnull,\r\n\t\t`-${theme.quarterSpace}`,\r\n\t\ttheme.doubleSpace,\r\n\t\t`-${theme.quarterSpace}`\r\n\t)};\r\n\tjustify-content: center;\r\n\tflex-wrap: wrap;\r\n`;\r\n\r\nconst AnswerButton = connectAnswerButton(RoundedButton);\r\n\r\nconst isAnswer = (nodeId, answerIndex) => stepsWithAnswers =>\r\n\tgetAnswerIdFromStepsWithAnswers(nodeId)(stepsWithAnswers) === answerIndex;\r\n\r\nexport const MultipleChoice = ({ id, question, options, stepsWithAnswers }) => {\r\n\treturn (\r\n\t\t<FocusOnMount opened=\"true\">\r\n\t\t\t<MultipleChoiceContainer tabIndex=\"-1\" id={generateContainerId(id)}>\r\n\t\t\t\t<StepTitle html={get('html')(question)} />\r\n\t\t\t\t<OptionContainer key={id} role=\"radiogroup\">\r\n\t\t\t\t\t{map((option, index) => {\r\n\t\t\t\t\t\tconst isAnswered = isAnswer(id, index)(stepsWithAnswers);\r\n\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<AnswerButton\r\n\t\t\t\t\t\t\t\tkey={index}\r\n\t\t\t\t\t\t\t\tid={id}\r\n\t\t\t\t\t\t\t\tanswerIndex={index}\r\n\t\t\t\t\t\t\t\ttargetNode={get('targetNode')(option)}\r\n\t\t\t\t\t\t\t\tisAnswered={isAnswered}\r\n\t\t\t\t\t\t\t\taria-checked={isAnswered}\r\n\t\t\t\t\t\t\t\trole=\"radio\"\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{get('text')(option)}\r\n\t\t\t\t\t\t\t</AnswerButton>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})(options)}\r\n\t\t\t\t</OptionContainer>\r\n\t\t\t\t<StepBackLink>{config.decisionTree.toPreviousQuestion}</StepBackLink>\r\n\t\t\t</MultipleChoiceContainer>\r\n\t\t</FocusOnMount>\r\n\t);\r\n};\r\n","import React from 'react';\r\nimport { cleanButton } from '../../styles/mixins/button';\r\nimport { IconSluiten } from '../svg/sluiten';\r\nimport {\r\n\tbrandbarHeightXXL,\r\n\tbrandbarMinHeightAll,\r\n\tbrandbarMinHeightLarge,\r\n\tbrandbarMinHeightSmall,\r\n} from '../display/headers/brandbar';\r\nimport styled, { css } from 'styled-components';\r\nimport { progressBackgroundColor, progressItemColor } from './progressStyled';\r\nimport { connectCloseButton } from '../../connectors/decisionTreeConnector';\r\nimport {\r\n\textraExtraExtraLarge,\r\n\tmediumLarge,\r\n\tmq,\r\n\tsmall,\r\n} from '../../styleHelpers/mediaQueries';\r\nimport { hemelblauw, zwart } from '../../styles/colors';\r\nimport config from 'moduleAlias/config';\r\n\r\nconst ProgressCloseIcon = styled(IconSluiten)`\r\n\twidth: 1.2rem;\r\n\theight: 1.2rem;\r\n\tmargin: 2px auto auto;\r\n`;\r\n\r\nconst buttonSize = (size, placement = 'top') => css`\r\n\twidth: ${size};\r\n\theight: ${size};\r\n\ttop: ${placement === 'top' ? `-${size}` : 0};\r\n\tright: ${placement === 'right' ? `-${size}` : 0};\r\n`;\r\n\r\nconst ProgressCloseButton = styled.button.attrs({ type: 'button' })`\r\n\t${cleanButton};\r\n\t${buttonSize(brandbarMinHeightAll)};\r\n\tposition: absolute;\r\n\tbackground: ${progressBackgroundColor};\r\n\tright: 0;\r\n\tfill: ${progressItemColor};\r\n\r\n\t${mq({ from: small })`${buttonSize(brandbarMinHeightSmall)};`};\r\n\t${mq({ from: mediumLarge })`\r\n\t\t${buttonSize(brandbarMinHeightLarge, 'right')};\r\n\t`};\r\n\t${mq({ from: extraExtraExtraLarge })`\r\n\t\t${buttonSize(brandbarHeightXXL, 'right')};\r\n\t`};\r\n\r\n\t&:hover {\r\n\t\tbackground: ${hemelblauw.light};\r\n\t\tfill: ${zwart};\r\n\t}\r\n`;\r\n\r\nconst ProgressCloseConnected = connectCloseButton(ProgressCloseButton);\r\n\r\nexport const ProgressClose = ({ progressOpened, focusQuestionNode }) => {\r\n\tif (!progressOpened) {\r\n\t\treturn null;\r\n\t}\r\n\r\n\treturn (\r\n\t\t<ProgressCloseConnected\r\n\t\t\tfocusQuestionNode={focusQuestionNode}\r\n\t\t\taria-label={config.decisionTree.closeProgressBar}\r\n\t\t>\r\n\t\t\t<ProgressCloseIcon />\r\n\t\t</ProgressCloseConnected>\r\n\t);\r\n};\r\n","import React, { Component } from 'react';\r\nimport styled from 'styled-components';\r\n\r\nconst rightOffset = '4px';\r\nconst ShieldStyled = styled.div`\r\n\twidth: calc(100% + ${rightOffset});\r\n\theight: 100%;\r\n\tposition: absolute;\r\n\ttop: 0;\r\n\tright: -${rightOffset};\r\n\tz-index: 2;\r\n`;\r\n\r\nexport const ClickShield = class ClickShield extends Component {\r\n\tconstructor(props) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.delay = 500;\r\n\t\tthis.state = { show: true };\r\n\t}\r\n\r\n\tcomponentWillReceiveProps(nextProps) {\r\n\t\tif (!this.props.hide && nextProps.hide) {\r\n\t\t\tthis.setTimer();\r\n\t\t} else {\r\n\t\t\tthis.setState({ show: true });\r\n\t\t}\r\n\t}\r\n\r\n\tcomponentWillUnmount() {\r\n\t\tthis.resetTimer();\r\n\t}\r\n\r\n\tresetTimer() {\r\n\t\tif (this.timer) {\r\n\t\t\tclearTimeout(this.timer);\r\n\t\t}\r\n\t}\r\n\r\n\tonTimeout() {\r\n\t\tthis.setState({ show: false });\r\n\t\tthis.timer = null;\r\n\t}\r\n\r\n\tsetTimer() {\r\n\t\tthis.resetTimer();\r\n\t\tthis.timer = setTimeout(this.onTimeout.bind(this), this.delay);\r\n\t}\r\n\r\n\trender() {\r\n\t\treturn this.state.show ? <ShieldStyled /> : null;\r\n\t}\r\n};\r\n","import React from 'react';\r\nimport {\r\n\tStepProgressWrapper,\r\n\tStepWrapper,\r\n\tStepContentWrapper,\r\n} from './stepWrappers';\r\nimport { Progress } from './progress';\r\nimport { toObject } from '../../helpers/immutableHelpersWithoutArgs';\r\nimport { get } from '../../helpers/immutableHelpersWithArgs';\r\nimport { Result } from './result';\r\nimport { MultipleChoice } from './multipleChoice';\r\nimport { Cover } from './cover';\r\nimport { createComponent } from '../base';\r\nimport {\r\n\tconnectDecisionTree,\r\n\tconnectProgressToggle,\r\n} from '../../connectors/decisionTreeConnector';\r\nimport { ProgressClose } from './progressClose';\r\nimport { ClickShield } from './clickShield';\r\n\r\nconst StepProgressWrapperConnected = connectProgressToggle(StepProgressWrapper);\r\n\r\nconst getComponentForNodeType = type => {\r\n\tswitch (type) {\r\n\t\tcase 'result':\r\n\t\t\treturn Result;\r\n\t\tcase 'multipleChoice':\r\n\t\t\treturn MultipleChoice;\r\n\t\tcase 'cover':\r\n\t\t\treturn Cover;\r\n\t\tdefault:\r\n\t\t\tthrow new Error(`invalid node type in decision tree: ${type}`);\r\n\t}\r\n};\r\nconst getCurrentNode = ({ selectedStep, nodes, rootNode }) => {\r\n\tconst currentNodeId = selectedStep || rootNode;\r\n\tconst currentNode = get(String(currentNodeId))(nodes);\r\n\r\n\treturn currentNode;\r\n};\r\nconst CurrentNode = ({ currentNode, nodeType, stepsWithAnswers }) => {\r\n\tconst Component = getComponentForNodeType(nodeType);\r\n\r\n\treturn (\r\n\t\t<Component {...toObject(currentNode)} stepsWithAnswers={stepsWithAnswers} />\r\n\t);\r\n};\r\n\r\nexport const RenderDecisionTree = ({\r\n\tstepsWithAnswers,\r\n\tselectedStep,\r\n\tnodes,\r\n\trootNode,\r\n\tprogressOpened,\r\n}) => {\r\n\tconst currentNode = getCurrentNode({ selectedStep, nodes, rootNode });\r\n\tconst nodeType = get('type')(currentNode);\r\n\r\n\treturn (\r\n\t\t<StepWrapper nodeType={nodeType}>\r\n\t\t\t<StepContentWrapper nodeType={nodeType}>\r\n\t\t\t\t<CurrentNode\r\n\t\t\t\t\tcurrentNode={currentNode}\r\n\t\t\t\t\tnodeType={nodeType}\r\n\t\t\t\t\tstepsWithAnswers={stepsWithAnswers}\r\n\t\t\t\t\tkey={currentNode}\r\n\t\t\t\t/>\r\n\t\t\t</StepContentWrapper>\r\n\t\t\t<StepProgressWrapperConnected\r\n\t\t\t\tprogressOpened={progressOpened}\r\n\t\t\t\tnodeType={nodeType}\r\n\t\t\t>\r\n\t\t\t\t<ClickShield hide={progressOpened} />\r\n\t\t\t\t<Progress\r\n\t\t\t\t\tstepsWithAnswers={stepsWithAnswers}\r\n\t\t\t\t\tnodes={nodes}\r\n\t\t\t\t\trootNode={rootNode}\r\n\t\t\t\t\tprogressOpened={progressOpened}\r\n\t\t\t\t\tselectedStep={selectedStep}\r\n\t\t\t\t/>\r\n\t\t\t\t<ProgressClose\r\n\t\t\t\t\tprogressOpened={progressOpened}\r\n\t\t\t\t\tfocusQuestionNode={selectedStep}\r\n\t\t\t\t/>\r\n\t\t\t</StepProgressWrapperConnected>\r\n\t\t</StepWrapper>\r\n\t);\r\n};\r\n\r\nexport const DecisionTree = connectDecisionTree(\r\n\tcreateComponent('DecisionTree', RenderDecisionTree)\r\n);\r\n","import React from 'react';\r\nimport { createComponent } from '../base';\r\nimport { Main } from '../layout/main';\r\nimport { DecisionTree } from '../decisionTree/decisionTree';\r\n\r\nconst renderDecisionTreePage = ({ contentId }) => {\r\n\treturn (\r\n\t\t<Main\r\n\t\t\tcontentId={contentId}\r\n\t\t\tclassName=\"main--flex main--noMargin main--noMarginBottom\"\r\n\t\t>\r\n\t\t\t<DecisionTree />\r\n\t\t</Main>\r\n\t);\r\n};\r\n\r\nexport default createComponent('DecisionTreePage', renderDecisionTreePage);\r\n"],"sourceRoot":""}