{"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","extends_default","targetNode","testSelector","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","DecisionTree","base","currentNodeId","String","decisionTree_getCurrentNode","__webpack_exports__","contentId","main","className"],"mappings":"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","file":"client.chunk.36.2d93ac54d26c9ea38c3d.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\nimport { addTestSelector } from '../../helpers/testSelector';\r\n\r\nexport const uiStartBtn = 'uiStartBtn';\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\r\n\t\t\t\tid={id}\r\n\t\t\t\ttargetNode={get('targetNode')(button)}\r\n\t\t\t\t{...addTestSelector(uiStartBtn)}\r\n\t\t\t>\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\nimport { addTestSelector } from './../../helpers/testSelector';\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\nexport const uiMultipleChoiceAnswerBtn = 'uiMultipleChoiceAnswerBtn';\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\t{...addTestSelector(uiMultipleChoiceAnswerBtn)}\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":""}