{"version":3,"sources":["common/layouts/Empty/contexts.ts","common/components/Applets/common/CalculatorApplet.tsx","common/components/Applets/common/SimpleCalculationResult.tsx","common/components/Applets/common/PointsCalculatorHelper.ts","common/components/Applets/common/PointsFields.tsx","styleguide/components/Inputs/RadioButton/RadioButton.tsx","styleguide/components/Inputs/RadioButton/index.ts","common/components/Applets/common/PointsCalculatorApplet.tsx","common/components/Applets/common/CalculationResultsWrapper.tsx","common/components/Applets/common/ResultIcon.tsx","common/components/Applets/common/ResultTextWrapper.tsx","common/components/Applets/common/ResultSummaryTextWrapper.tsx"],"names":["__webpack_require__","d","__webpack_exports__","HeaderContext","react__WEBPACK_IMPORTED_MODULE_0__","navigationTopOffset","hasSubNavigation","whiteSpace","theme","grid","gutter","CalculatorAppletWrapper","styled_components__WEBPACK_IMPORTED_MODULE_2__","article","withConfig","displayName","componentId","templateObject_2","Object","tslib__WEBPACK_IMPORTED_MODULE_0__","_a","gutterInPx","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_3__","desktop","templateObject_1","props","headerOffsetHeight","headerHasSubNavigation","Header","header","templateObject_4","templateObject_3","utils_document__WEBPACK_IMPORTED_MODULE_4__","Math","floor","colors","contentSectionHiglighted","HeaderContainer","div","templateObject_10","tablet","templateObject_5","templateObject_6","desktop1440","templateObject_7","templateObject_8","white","templateObject_9","TitleContainer","templateObject_12","templateObject_11","Title","h1","templateObject_15","typography","heading","brandPrimary","templateObject_13","templateObject_14","LeadText","p","templateObject_18","templateObject_16","templateObject_17","InputsAndSourcesWrapper","templateObject_20","templateObject_19","wide","InputsWrapper","templateObject_23","templateObject_21","border","templateObject_22","SourcesWrapper","templateObject_25","templateObject_24","CalculatorApplet","react__WEBPACK_IMPORTED_MODULE_1__","ref","icon","title","leadText","renderInputs","renderSources","renderResult","common_layouts_Empty_contexts__WEBPACK_IMPORTED_MODULE_5__","Consumer","headerContext","_ResultIcon__WEBPACK_IMPORTED_MODULE_1__","_CalculationResultsWrapper__WEBPACK_IMPORTED_MODULE_2__","_ResultTextWrapper__WEBPACK_IMPORTED_MODULE_3__","_ResultSummaryTextWrapper__WEBPACK_IMPORTED_MODULE_4__","styleguide_helpers__WEBPACK_IMPORTED_MODULE_5__","size","isPositive","resultMessage","summaryText","scrollToResults","wrapperRef","current","w","scrollIntoView","behavior","type","PointsCalculatorHelper","intl","name","this","prototype","calculate","values","questions","points","reduce","sum","value","index","getIndex","message","getMessage","summary","getSummary","formatMessage","id","InfoText","styled_components_browser_esm","tslib_es6","MultiSelectContainer","MultiSelectItems","PointsFields_MultiSelectField","react","Label","inline","label","info","children","SingleSelectContainer","PointsFields_SingleSelectField","RadioButtonInput","input","RadioButton_templateObject_1","inputDisabledText","inputDisabledBackground","RadioButtonLabel","RadioButton_templateObject_2","fonts","secondary","bodyText","isInvalid","actionErrorBackground","actionErrorText","RadioButtonWrapper","RadioButton_templateObject_3","Inputs_RadioButton","className","validationError","rest","radioButtonId","shortid","htmlFor","ValidationError","SingleSelectQuestionType","InlineRadioButtonWrapper","PointsCalculatorApplet_templateObject_2","helpers","PointsCalculatorApplet_templateObject_1","InlineRadioButtonItem","PointsCalculatorApplet_templateObject_3","PointsCalculatorApplet_PointsCalculatorApplet","_super","PointsCalculatorApplet","_this","call","state","filter","q","isVisible","map","renderQuestion","question","questionIndex","multiSelect","renderMultiSelectQuestion","renderSingleSelectQuestion","handleSingleSelectChange","event","selectedIndex","parseInt","isNaN","undefined","setNextQuestionVisible","setState","handleMultiSelectChange","itemIndex","checked","currentTarget","selectedIndexes","currentQuestionIndex","nextQuestionIndex","nextQuestion","length","result","getResult","SimpleCalculationResult","Icons","helper","data","isHidden","render","getInfo","questionId","defaultMessageId","defaultMessage","key","items","item","Checkbox","findIndex","num","onChange","bind","singleSelectInputType","selectedValue","toString","inputType","Select","Dropdown","placeholder","onClick","fields","validateQuestion","allEmpty","f","empty","someEmpty","some","array","field","error","injectIntl","CalculationResultWrapper","styled_components__WEBPACK_IMPORTED_MODULE_1__","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_2__","ResultIconBorder","styled_components__WEBPACK_IMPORTED_MODULE_4__","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_5__","styleguide_components_Icons_NormalIcons_CheckIcon_CheckIcon__WEBPACK_IMPORTED_MODULE_2__","styleguide_components_Icons_NormalIcons_AlertIcon_AlertIcon__WEBPACK_IMPORTED_MODULE_3__","ResultTextWrapper","ResultSummaryTextWrapper","styleguide_helpers_media__WEBPACK_IMPORTED_MODULE_1__","linkText"],"mappings":"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","file":"static/js/applet-calculator~applet-other.cecda16d.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nexport interface HeaderContextShape {\r\n\tnavigationTopOffset: number;\r\n\thasSubNavigation?: boolean;\r\n}\r\n\r\nexport const defaultTheme: HeaderContextShape = {\r\n\tnavigationTopOffset: 0,\r\n\thasSubNavigation: false,\r\n};\r\n\r\nexport const HeaderContext = React.createContext(defaultTheme);\r\n","import * as React from 'react';\r\nimport styled, { DefaultTheme } from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\nimport { getScrollbarWidth } from 'utils/document';\r\nimport { HeaderContext } from 'common/layouts/Empty/contexts';\r\nimport { WithLeadText } from '../../../types/leadText';\r\n\r\nconst whiteSpace = (theme: DefaultTheme) => theme.grid.gutter * 4 + 50;\r\n\r\nconst CalculatorAppletWrapper = styled.article<HeaderProps>`\r\n\tmargin: 0px auto ${({ theme }) => theme.grid.gutterInPx(4)};\r\n\r\n\t${media.desktop<HeaderProps>`\r\n\t\tmargin: ${props => (props.headerOffsetHeight > 0 ? 0 : props.headerHasSubNavigation ? 170 : 0)}px auto\r\n\t\t${({ theme }) => theme.grid.gutterInPx(4)};\r\n\r\n\t`}\r\n\r\n\t.form-field {\r\n\t\tmargin-top: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\t}\r\n`;\r\n\r\ninterface HeaderProps {\r\n\theaderOffsetHeight: number;\r\n\theaderHasSubNavigation?: boolean;\r\n}\r\n\r\nconst Header = styled.header`\r\n\twidth: 100%;\r\n\tpadding-top: ${({ theme }) => whiteSpace(theme)}px;\r\n\r\n\t${media.desktop`\r\n\t\twidth: calc(100vw - ${getScrollbarWidth()}px);\r\n\t\tmargin: 0 calc(50% - 50vw + ${Math.floor(getScrollbarWidth() / 2)}px);\r\n\t\tbackground: ${props => props.theme.colors.contentSectionHiglighted};\r\n\t`};\r\n`;\r\n\r\nconst HeaderContainer = styled.div`\r\n\tmax-width: 980px;\r\n\tmargin: 0 auto;\r\n\ttext-align: center;\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\r\n\t${media.tablet`\r\n\t\tpadding: 0 ${({ theme }) => theme.grid.gutterInPx(4)} ${({ theme }) => `${theme.grid.gutter * 3 + 50}px`};\r\n\t`};\r\n\r\n\t${media.desktop`\r\n\t\tflex-direction: row;\r\n\t\tjustify-content: space-between;\r\n\t\ttext-align: left;\r\n\t`};\r\n\r\n\t${media.desktop1440`\r\n\t\tpadding: 0 0 ${({ theme }) => whiteSpace(theme)}px;\r\n\t`};\r\n\r\n\t& img {\r\n\t\t${media.tablet`\r\n\t\t\tbackground: ${({ theme }) => theme.colors.white};\r\n\t\t\tborder-radius: 50%;\r\n\t\t`};\r\n\r\n\t\t${media.desktop`\r\n\t\t\twidth: 112px;\r\n\t\t\theight: 112px;\r\n\t\t`};\r\n\t}\r\n`;\r\n\r\nconst TitleContainer = styled.div`\r\n\t${media.desktop`\r\n\t\tflex: 0 1 380px;\r\n\t`};\r\n`;\r\n\r\nconst Title = styled.h1`\r\n\t${props => props.theme.typography.heading};\r\n\ttext-align: center;\r\n\tfont-size: 36px;\r\n\tline-height: 1;\r\n\tcolor: ${props => props.theme.colors.brandPrimary};\r\n\tmargin: 0 auto ${props => props.theme.grid.gutterInPx(2)};\r\n\r\n\t${media.tablet`\r\n\t\tmargin: ${props => props.theme.grid.gutterInPx(2)} 0 ${props => props.theme.grid.gutterInPx(3)};\r\n\t`};\r\n\r\n\t${media.desktop`\r\n\t\ttext-align: left;\r\n\t\tfont-size: 48px;\r\n\t\tmargin: ${props => props.theme.grid.gutterInPx(3)} 0 ${props => props.theme.grid.gutterInPx(4)};\r\n\t`};\r\n`;\r\n\r\nconst LeadText = styled.p`\r\n\tfont-size: 14px;\r\n\tline-height: 20px;\r\n\tmargin: 0;\r\n\r\n\t${media.tablet`\r\n\t\tfont-size: 18px;\r\n\t\tline-height: 24px;\r\n\t`};\r\n\r\n\t${media.desktop`\r\n\t\tfont-size: 22px;\r\n\t\tline-height: 28px;\r\n\t`};\r\n`;\r\n\r\ninterface InputsAndSourcesWrapperProps {\r\n\twide: boolean;\r\n}\r\n\r\nconst InputsAndSourcesWrapper = styled.div<InputsAndSourcesWrapperProps>`\r\n\tmargin-top: ${props => props.theme.grid.gutterInPx(3)};\r\n\r\n\t${media.desktop`\r\n\t\talign-self: flex-start;\r\n\t\tmargin-top: 0;\r\n\t\tmargin-left: ${props => props.theme.grid.gutterInPx(3)};\t\t\r\n\t\tflex: 0 1 ${(props: InputsAndSourcesWrapperProps) => (props.wide ? '70%' : '50%')};\r\n\t`};\r\n`;\r\n\r\nconst InputsWrapper = styled.div`\r\n\t${media.tablet`\r\n\t\tbackground: ${props => props.theme.colors.white};\r\n\t\tborder: 1px solid ${props => props.theme.colors.border};\r\n\t\tborder-radius: 4px;\r\n\t\tpadding: ${props => props.theme.grid.gutterInPx(2)};\r\n\t`};\r\n\r\n\t${media.desktop`\r\n\t\tpadding: ${props => props.theme.grid.gutterInPx(5)};\r\n\t`};\r\n\r\n\t.select-item-dropdown {\r\n\t\tmargin-top: ${props => props.theme.grid.gutterInPx(2)};\r\n\t}\r\n`;\r\n\r\nconst SourcesWrapper = styled.div`\r\n\tmargin-top: ${props => props.theme.grid.gutterInPx(2)};\r\n\r\n\t${media.tablet`\r\n\t\tpadding: ${props => props.theme.grid.gutterInPx()} ${props => props.theme.grid.gutterInPx(3)} 0;\r\n\t`};\r\n`;\r\n\r\ninterface Props extends WithLeadText {\r\n\ticon: React.ReactNode;\r\n\ttitle: string;\r\n\trenderInputs: () => React.ReactNode;\r\n\trenderSources?: () => React.ReactNode;\r\n\trenderResult: () => React.ReactNode | null;\r\n}\r\n\r\nconst CalculatorApplet = React.forwardRef<HTMLDivElement, Props>(\r\n\t({ icon, title, leadText, renderInputs, renderSources, renderResult }, ref) => {\r\n\t\treturn (\r\n\t\t\t<HeaderContext.Consumer>\r\n\t\t\t\t{headerContext => (\r\n\t\t\t\t\t<CalculatorAppletWrapper\r\n\t\t\t\t\t\theaderOffsetHeight={headerContext.navigationTopOffset}\r\n\t\t\t\t\t\theaderHasSubNavigation={headerContext.hasSubNavigation}>\r\n\t\t\t\t\t\t<Header>\r\n\t\t\t\t\t\t\t<HeaderContainer>\r\n\t\t\t\t\t\t\t\t<TitleContainer>\r\n\t\t\t\t\t\t\t\t\t{icon}\r\n\t\t\t\t\t\t\t\t\t<Title>{title}</Title>\r\n\t\t\t\t\t\t\t\t\t<LeadText>{leadText}</LeadText>\r\n\t\t\t\t\t\t\t\t</TitleContainer>\r\n\t\t\t\t\t\t\t\t<InputsAndSourcesWrapper ref={ref as React.RefObject<HTMLDivElement>} wide={true}>\r\n\t\t\t\t\t\t\t\t\t<InputsWrapper>{renderInputs()}</InputsWrapper>\r\n\t\t\t\t\t\t\t\t\t{renderSources && <SourcesWrapper>{renderSources()}</SourcesWrapper>}\r\n\t\t\t\t\t\t\t\t</InputsAndSourcesWrapper>\r\n\t\t\t\t\t\t\t</HeaderContainer>\r\n\t\t\t\t\t\t</Header>\r\n\t\t\t\t\t\t{renderResult()}\r\n\t\t\t\t\t</CalculatorAppletWrapper>\r\n\t\t\t\t)}\r\n\t\t\t</HeaderContext.Consumer>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nexport default CalculatorApplet;\r\n","import * as React from 'react';\r\nimport ResultIcon from './ResultIcon';\r\nimport CalculationResultWrapper from './CalculationResultsWrapper';\r\nimport ResultTextWrapper from './ResultTextWrapper';\r\nimport ResultSummaryTextWrapper from './ResultSummaryTextWrapper';\r\nimport { withWindow } from 'styleguide/helpers';\r\n\r\nexport interface Props {\r\n\tisPositive: boolean;\r\n\tresultMessage?: string;\r\n\tsummaryText?: React.ReactNode | string;\r\n\tsize?: 'normal' | 'wide';\r\n\ticon?: React.ReactNode;\r\n\tscrollToResults?: boolean;\r\n}\r\n\r\nconst SimpleCalculationResult: React.FC<Props> = ({\r\n\ticon,\r\n\tsize,\r\n\tisPositive,\r\n\tresultMessage,\r\n\tsummaryText,\r\n\tscrollToResults,\r\n}) => {\r\n\tconst wrapperRef = React.useRef<HTMLDivElement>(null);\r\n\tReact.useEffect(() => {\r\n\t\tif (wrapperRef.current && scrollToResults === true) {\r\n\t\t\twithWindow(w => {\r\n\t\t\t\twrapperRef.current?.scrollIntoView({ behavior: 'smooth' });\r\n\t\t\t});\r\n\t\t}\r\n\t}, []);\r\n\treturn (\r\n\t\t<CalculationResultWrapper size={size} ref={wrapperRef}>\r\n\t\t\t<ResultIcon isPositive={isPositive} icon={icon} />\r\n\t\t\t{resultMessage && <ResultTextWrapper>{resultMessage}</ResultTextWrapper>}\r\n\t\t\t{summaryText && <ResultSummaryTextWrapper type=\"simple\">{summaryText}</ResultSummaryTextWrapper>}\r\n\t\t</CalculationResultWrapper>\r\n\t);\r\n};\r\n\r\nexport default SimpleCalculationResult;\r\n","import { IntlShape } from 'react-intl';\r\nimport { QuestionState } from './PointsCalculatorApplet';\r\n\r\nexport interface PointsQuestion {\r\n\tid: string;\r\n\tmultiSelect: boolean;\r\n\titems: number[];\r\n\tisHidden?: boolean;\r\n}\r\n\r\nexport interface PointsCalculatorData {\r\n\tquestions: PointsQuestion[];\r\n}\r\n\r\nexport interface PointsSuccess {\r\n\ttype: 'success';\r\n\tpoints: number;\r\n\tindex: number;\r\n\tmessage: string;\r\n\tsummary?: string;\r\n}\r\n\r\nexport interface FieldError {\r\n\terror: string;\r\n}\r\n\r\ninterface PointsError {\r\n\ttype: 'error';\r\n\terror: string;\r\n\tfieldErrors: Array<FieldError | undefined>;\r\n}\r\n\r\nexport type PointsResult = PointsSuccess | PointsError;\r\n\r\nexport abstract class PointsCalculatorHelper {\r\n\tprotected intl: IntlShape;\r\n\tprotected name: string;\r\n\r\n\tconstructor(intl: IntlShape, name: string) {\r\n\t\tthis.intl = intl;\r\n\t\tthis.name = name;\r\n\t}\r\n\r\n\tpublic calculate(values: number[], questions: QuestionState[]): PointsResult {\r\n\t\tconst points = values.reduce((sum, value) => sum + value, 0);\r\n\t\tconst index = this.getIndex(points);\r\n\t\tconst message = this.getMessage(index, points, questions);\r\n\t\tconst summary = this.getSummary(index);\r\n\t\treturn {\r\n\t\t\ttype: 'success',\r\n\t\t\tpoints,\r\n\t\t\tindex,\r\n\t\t\tmessage,\r\n\t\t\tsummary,\r\n\t\t};\r\n\t}\r\n\r\n\tpublic abstract get data(): PointsCalculatorData;\r\n\r\n\tprotected abstract getIndex(points: number): number;\r\n\r\n\tprotected getMessage(index: number, points: number, questions: QuestionState[]): string {\r\n\t\treturn `${this.intl.formatMessage({ id: `applet_common_points` }, { points })}: ${this.intl.formatMessage({\r\n\t\t\tid: `applet_${this.name}_result_index_${index}`,\r\n\t\t})}`;\r\n\t}\r\n\r\n\tprotected abstract getSummary(index: number): string | undefined;\r\n}\r\n","import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport Label from 'styleguide/components/Inputs/Label/Label';\r\n\r\ninterface MultiSelectFieldProps {\r\n\tlabel: string;\r\n\tinfo: string;\r\n\tchildren: React.ReactNode;\r\n}\r\n\r\nconst InfoText = styled.div`\r\n\t${({ theme }) => theme.typography.heading};\r\n\tposition: relative;\r\n\tfont-size: 14px;\r\n\tcolor: ${({ theme }) => theme.colors.brandPrimary};\r\n\tmargin-top: 0;\r\n\tmargin-bottom: ${props => props.theme.grid.gutterInPx()};\r\n`;\r\n\r\nconst MultiSelectContainer = styled.div`\r\n\tposition: relative;\r\n\tmargin-top: ${props => props.theme.grid.gutterInPx()};\r\n\r\n\t.form-field {\r\n\t\tmargin: 4px 0 4px 0;\r\n\t}\r\n`;\r\n\r\nconst MultiSelectItems = styled.div`\r\n\tborder: 1px solid ${props => props.theme.colors.border};\r\n\tborder-radius: 4px 4px 0 0;\r\n\tpadding: ${props => props.theme.grid.gutterInPx()} ${props => props.theme.grid.gutterInPx(2)};\r\n`;\r\n\r\nexport const MultiSelectField = (props: MultiSelectFieldProps) => {\r\n\treturn (\r\n\t\t<MultiSelectContainer>\r\n\t\t\t<Label inline={false}>{props.label}</Label>\r\n\t\t\t{props.info && <InfoText>{props.info}</InfoText>}\r\n\t\t\t<MultiSelectItems>{props.children}</MultiSelectItems>\r\n\t\t</MultiSelectContainer>\r\n\t);\r\n};\r\n\r\nconst SingleSelectContainer = styled.div`\r\n\tposition: relative;\r\n\tmargin-top: ${props => props.theme.grid.gutterInPx()};\r\n\r\n\t.form-field {\r\n\t\tmargin: 4px 0 4px 0;\r\n\t}\r\n`;\r\n\r\nexport const SingleSelectField = (props: MultiSelectFieldProps) => {\r\n\treturn (\r\n\t\t<SingleSelectContainer>\r\n\t\t\t<Label inline={false}>{props.label}</Label>\r\n\t\t\t{props.info && <InfoText>{props.info}</InfoText>}\r\n\t\t\t{props.children}\r\n\t\t</SingleSelectContainer>\r\n\t);\r\n};\r\n","import * as React from 'react';\r\nimport { generate } from 'shortid';\r\nimport styled from 'styled-components';\r\nimport ValidationError from '../ValidationError';\r\n\r\nconst RadioButtonInput = styled.input`\r\n\tposition: absolute;\r\n\tleft: 2px;\r\n\ttop: 2px;\r\n\r\n\t&:focus {\r\n\t\toutline: none;\r\n\t\tbox-shadow: none;\r\n\r\n\t\t& + label:before {\r\n\t\t\tborder-color: ${({ theme }) => theme.colors.brandPrimary};\r\n\t\t}\r\n\t}\r\n\r\n\t&:checked + label:after {\r\n\t\tcontent: '';\r\n\t}\r\n\r\n\t&:disabled + label {\r\n\t\tcolor: ${({ theme }) => theme.colors.inputDisabledText};\r\n\r\n\t\t&:before {\r\n\t\t\tbackground: ${({ theme }) => theme.colors.inputDisabledBackground};\r\n\t\t}\r\n\t\t&:after {\r\n\t\t\tborder-color: ${({ theme }) => theme.colors.border};\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nconst RadioButtonLabel = styled('label')<RadioButtonWrapperProps>`\r\n\tfont-family: ${({ theme }) => theme.fonts.secondary};\r\n\tfont-size: 18px;\r\n\tcolor: ${({ theme }) => theme.colors.bodyText};\r\n\tpadding-left: 36px;\r\n\tposition: relative;\r\n\tdisplay: block;\r\n\tline-height: 24px;\r\n\r\n\t&:focus:before {\r\n\t\tborder-color: ${({ theme }) => theme.colors.brandPrimary};\r\n\t}\r\n\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tbackground: ${({ theme, isInvalid }) => (isInvalid ? theme.colors.actionErrorBackground : theme.colors.white)};\r\n\t\tborder: 1px solid ${({ theme, isInvalid }) => (isInvalid ? theme.colors.actionErrorText : theme.colors.border)};\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 22px;\r\n\t\theight: 22px;\r\n\t\tborder-radius: 30px;\r\n\t}\r\n\r\n\t&:after {\r\n\t\tcontent: none;\r\n\t\tdisplay: inline-block;\r\n\t\theight: 14px;\r\n\t\twidth: 14px;\r\n\t\tposition: absolute;\r\n\t\tleft: 5px;\r\n\t\ttop: 5px;\r\n\t\tbackground-color: ${({ theme }) => theme.colors.brandPrimary};\r\n\t\tborder-radius: 30px;\r\n\t}\r\n`;\r\n\r\nexport interface RadioButtonWrapperProps {\r\n\tisInvalid?: boolean;\r\n}\r\n\r\nconst RadioButtonWrapper = styled('div')<RadioButtonWrapperProps>`\r\n\tposition: relative;\r\n\r\n\t/* Icon */\r\n\tdiv {\r\n\t\tbackground: ${({ theme, isInvalid }) => (isInvalid ? theme.colors.actionErrorBackground : theme.colors.white)};\r\n\t\tposition: absolute;\r\n\t\tleft: 1px;\r\n\t\ttop: 1px;\r\n\t\topacity: 0;\r\n\t\twidth: 22px;\r\n\t\theight: 22px;\r\n\t\tborder-radius: 4px;\r\n\r\n\t\tsvg {\r\n\t\t\twidth: 12px;\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport interface RadioButtonProps extends RadioButtonWrapperProps {\r\n\tname: string;\r\n\tvalidationError?: string;\r\n}\r\n\r\ntype Props = RadioButtonProps & React.InputHTMLAttributes<HTMLInputElement>;\r\n\r\nconst RadioButton = React.forwardRef<HTMLInputElement, Props>(\r\n\t({ children, name, id, className, validationError, isInvalid, ...rest }, ref: React.RefObject<HTMLInputElement>) => {\r\n\t\tconst radioButtonId = id || name || generate();\r\n\r\n\t\treturn (\r\n\t\t\t<div className={`form-field${className ? ` ${className}` : ''}`}>\r\n\t\t\t\t<RadioButtonWrapper isInvalid={isInvalid}>\r\n\t\t\t\t\t<RadioButtonInput type=\"radio\" name={name} id={radioButtonId} ref={ref} {...rest} />\r\n\t\t\t\t\t<RadioButtonLabel htmlFor={radioButtonId} isInvalid={isInvalid} className=\"checkbox-label\">\r\n\t\t\t\t\t\t{children}\r\n\t\t\t\t\t</RadioButtonLabel>\r\n\t\t\t\t</RadioButtonWrapper>\r\n\t\t\t\t{validationError && <ValidationError htmlFor={radioButtonId}>{validationError}</ValidationError>}\r\n\t\t\t</div>\r\n\t\t);\r\n\t}\r\n);\r\n\r\nexport default RadioButton;\r\n","import RadioButton from './RadioButton';\r\nexport default RadioButton;\r\n","import * as React from 'react';\r\nimport { FieldError, PointsCalculatorHelper, PointsResult } from './PointsCalculatorHelper';\r\nimport { AppletCommonProps } from '../types';\r\nimport { WrappedComponentProps, injectIntl, IntlShape } from 'react-intl';\r\nimport CalculatorApplet from './CalculatorApplet';\r\nimport { BarChartIcon } from 'styleguide/components/Icons';\r\nimport Checkbox from 'styleguide/components/Inputs/Checkbox/Checkbox';\r\nimport { SingleSelectField, MultiSelectField } from './PointsFields';\r\nimport Dropdown from 'styleguide/components/Inputs/Dropdown/Dropdown';\r\nimport SimpleCalculationResult from './SimpleCalculationResult';\r\nimport { flatMap } from 'utils/array';\r\nimport RadioButton from 'styleguide/components/Inputs/RadioButton';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers';\r\n\r\nconst InlineRadioButtonWrapper = styled.div`\r\n\tdisplay: flex;\r\n\tflex-flow: row nowrap;\r\n\tjustify-content: center;\r\n\talign-content: flex-start;\r\n\tmargin: ${props => props.theme.grid.gutter}px auto ${props => props.theme.grid.gutterInPx(4)}px;\r\n\r\n\t${media.desktop`\r\n    justify-content: flex-start;\r\n  `}\r\n`;\r\n\r\nconst InlineRadioButtonItem = styled.div`\r\n\tflex: 0 0 auto;\r\n\r\n\t& + & {\r\n\t\tmargin-left: 15px;\r\n\t}\r\n`;\r\n\r\ninterface QuestionStateBase {\r\n\tid: string;\r\n\titems: number[];\r\n\tisVisible: boolean;\r\n}\r\n\r\nexport interface SingleSelectQuestionState extends QuestionStateBase {\r\n\tmultiSelect: false;\r\n\tselectedIndex: number | undefined;\r\n}\r\n\r\nexport interface MultiSelectQuestionState extends QuestionStateBase {\r\n\tmultiSelect: true;\r\n\tselectedIndexes: number[];\r\n}\r\n\r\nexport type QuestionState = SingleSelectQuestionState | MultiSelectQuestionState;\r\n\r\nexport interface State {\r\n\tquestions: QuestionState[];\r\n}\r\n\r\nexport interface FieldResult {\r\n\terror?: FieldError;\r\n\tempty: boolean;\r\n\tvalue: number[] | undefined;\r\n}\r\n\r\nexport enum SingleSelectQuestionType {\r\n\tSelect,\r\n\tRadio,\r\n}\r\n\r\ninterface Props {\r\n\tname: string;\r\n\ticon: React.ReactNode;\r\n\tsingleSelectInputType?: SingleSelectQuestionType;\r\n\thelper: (intl: IntlShape) => PointsCalculatorHelper;\r\n}\r\n\r\nclass PointsCalculatorApplet extends React.Component<Props & AppletCommonProps & WrappedComponentProps, State> {\r\n\tprivate helper: PointsCalculatorHelper;\r\n\r\n\tconstructor(props: Props & AppletCommonProps & WrappedComponentProps) {\r\n\t\tsuper(props);\r\n\r\n\t\tthis.helper = props.helper(props.intl);\r\n\t\tconst data = this.helper.data;\r\n\r\n\t\tthis.state = {\r\n\t\t\tquestions: data.questions.map(({ isHidden, multiSelect, ...rest }) =>\r\n\t\t\t\tmultiSelect\r\n\t\t\t\t\t? { ...rest, isVisible: !isHidden, multiSelect: true, selectedIndexes: [] }\r\n\t\t\t\t\t: { ...rest, isVisible: !isHidden, multiSelect: false, selectedIndex: undefined }\r\n\t\t\t) as QuestionState[],\r\n\t\t};\r\n\t}\r\n\r\n\tpublic render() {\r\n\t\tconst { intl } = this.props;\r\n\r\n\t\tconst title = intl.formatMessage({ id: `applet_${this.props.name}_title` });\r\n\t\tconst leadText = intl.formatMessage({ id: `applet_${this.props.name}_lead_text` });\r\n\r\n\t\treturn (\r\n\t\t\t<CalculatorApplet\r\n\t\t\t\ticon={this.props.icon}\r\n\t\t\t\ttitle={title}\r\n\t\t\t\tleadText={leadText}\r\n\t\t\t\trenderInputs={this.renderInputs}\r\n\t\t\t\trenderResult={this.renderResult}\r\n\t\t\t/>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate renderInputs = () => {\r\n\t\tconst questions = this.state.questions;\r\n\t\treturn <>{questions.filter(q => q.isVisible).map(this.renderQuestion)}</>;\r\n\t};\r\n\r\n\tprivate renderQuestion = (question: QuestionState, questionIndex: number) => {\r\n\t\tif (question.multiSelect) {\r\n\t\t\treturn this.renderMultiSelectQuestion(question, questionIndex);\r\n\t\t} else {\r\n\t\t\treturn this.renderSingleSelectQuestion(question, questionIndex);\r\n\t\t}\r\n\t};\r\n\r\n\tprivate getInfo(questionId: string, defaultMessageId: string | undefined) {\r\n\t\tconst { intl } = this.props;\r\n\t\tconst noInfo = '\\n';\r\n\t\t// id is returned if defaultMessage is empty string\r\n\t\tconst info = intl.formatMessage({ id: `applet_${this.props.name}_${questionId}_info`, defaultMessage: noInfo });\r\n\t\tif (info === noInfo) {\r\n\t\t\tif (defaultMessageId) {\r\n\t\t\t\treturn intl.formatMessage({ id: defaultMessageId });\r\n\t\t\t} else {\r\n\t\t\t\treturn '';\r\n\t\t\t}\r\n\t\t} else {\r\n\t\t\treturn info;\r\n\t\t}\r\n\t}\r\n\r\n\tprivate renderMultiSelectQuestion(question: MultiSelectQuestionState, questionIndex: number) {\r\n\t\tconst { intl } = this.props;\r\n\t\tconst info = this.getInfo(question.id, 'applet_points_select_many');\r\n\t\treturn (\r\n\t\t\t<MultiSelectField\r\n\t\t\t\tkey={questionIndex}\r\n\t\t\t\tlabel={intl.formatMessage({ id: `applet_${this.props.name}_${question.id}` })}\r\n\t\t\t\tinfo={info}>\r\n\t\t\t\t{question.items.map((item, itemIndex) => (\r\n\t\t\t\t\t<Checkbox\r\n\t\t\t\t\t\tkey={itemIndex}\r\n\t\t\t\t\t\tname={`${this.props.id}_question_${questionIndex}_item_${itemIndex}`}\r\n\t\t\t\t\t\tchecked={question.selectedIndexes.findIndex(num => num === itemIndex) >= 0}\r\n\t\t\t\t\t\tonChange={this.handleMultiSelectChange.bind(this, question, questionIndex, itemIndex)}>\r\n\t\t\t\t\t\t{intl.formatMessage({ id: `applet_${this.props.name}_${question.id}_${itemIndex}` })}\r\n\t\t\t\t\t</Checkbox>\r\n\t\t\t\t))}\r\n\t\t\t</MultiSelectField>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate renderSingleSelectQuestion(question: SingleSelectQuestionState, questionIndex: number) {\r\n\t\tconst { intl, singleSelectInputType } = this.props;\r\n\t\tconst info = this.getInfo(question.id, '');\r\n\t\tconst selectedValue = question.selectedIndex !== undefined ? question.selectedIndex.toString() : '';\r\n\t\tconst inputType = singleSelectInputType ?? SingleSelectQuestionType.Select;\r\n\t\treturn (\r\n\t\t\t<SingleSelectField\r\n\t\t\t\tkey={questionIndex}\r\n\t\t\t\tlabel={intl.formatMessage({ id: `applet_${this.props.name}_${question.id}` })}\r\n\t\t\t\tinfo={info}>\r\n\t\t\t\t{inputType === SingleSelectQuestionType.Select ? (\r\n\t\t\t\t\t<Dropdown\r\n\t\t\t\t\t\tname={`${this.props.id}_question_${questionIndex}`}\r\n\t\t\t\t\t\tplaceholder={intl.formatMessage({ id: 'global_choose' })}\r\n\t\t\t\t\t\tselectedValue={selectedValue}\r\n\t\t\t\t\t\titems={question.items.map((item, itemIndex) => ({\r\n\t\t\t\t\t\t\tname: intl.formatMessage({ id: `applet_${this.props.name}_${question.id}_${itemIndex}` }),\r\n\t\t\t\t\t\t\tvalue: itemIndex.toString(),\r\n\t\t\t\t\t\t}))}\r\n\t\t\t\t\t\tonChange={this.handleSingleSelectChange.bind(this, question, questionIndex)}\r\n\t\t\t\t\t\tvalidationError={undefined}\r\n\t\t\t\t\t/>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<InlineRadioButtonWrapper>\r\n\t\t\t\t\t\t{question.items.map((item, itemIndex) => (\r\n\t\t\t\t\t\t\t<InlineRadioButtonItem key={itemIndex}>\r\n\t\t\t\t\t\t\t\t<RadioButton\r\n\t\t\t\t\t\t\t\t\tid={`rbtn-${questionIndex}-${itemIndex}`}\r\n\t\t\t\t\t\t\t\t\tname={`${this.props.id}_question_${questionIndex}`}\r\n\t\t\t\t\t\t\t\t\tvalue={itemIndex}\r\n\t\t\t\t\t\t\t\t\tonClick={this.handleSingleSelectChange.bind(this, question, questionIndex, itemIndex)}>\r\n\t\t\t\t\t\t\t\t\t{intl.formatMessage({ id: `applet_${this.props.name}_${question.id}_${itemIndex}` })}\r\n\t\t\t\t\t\t\t\t</RadioButton>\r\n\t\t\t\t\t\t\t</InlineRadioButtonItem>\r\n\t\t\t\t\t\t))}\r\n\t\t\t\t\t</InlineRadioButtonWrapper>\r\n\t\t\t\t)}\r\n\t\t\t</SingleSelectField>\r\n\t\t);\r\n\t}\r\n\r\n\tprivate handleSingleSelectChange = (\r\n\t\tquestion: SingleSelectQuestionState,\r\n\t\tquestionIndex: number,\r\n\t\tvalue: string,\r\n\t\tevent?: React.FormEvent<HTMLInputElement>\r\n\t) => {\r\n\t\tconst { questions } = this.state;\r\n\t\tconst selectedIndex = parseInt(value, 10);\r\n\t\tquestion.selectedIndex = isNaN(selectedIndex) ? undefined : selectedIndex;\r\n\r\n\t\tthis.setNextQuestionVisible(questionIndex, questions);\r\n\t\tthis.setState({ questions });\r\n\t};\r\n\r\n\tprivate handleMultiSelectChange = (\r\n\t\tquestion: MultiSelectQuestionState,\r\n\t\tquestionIndex: number,\r\n\t\titemIndex: number,\r\n\t\tevent: React.FormEvent<HTMLInputElement>\r\n\t) => {\r\n\t\tconst { questions } = this.state;\r\n\t\tconst checked = event.currentTarget.checked;\r\n\t\tif (checked) {\r\n\t\t\tquestion.selectedIndexes = [...question.selectedIndexes, itemIndex];\r\n\t\t} else {\r\n\t\t\tquestion.selectedIndexes = question.selectedIndexes.filter(index => index !== itemIndex);\r\n\t\t}\r\n\r\n\t\tthis.setNextQuestionVisible(questionIndex, questions);\r\n\t\tthis.setState({ questions });\r\n\t};\r\n\r\n\tprivate setNextQuestionVisible = (currentQuestionIndex: number, questions: QuestionState[]) => {\r\n\t\tconst nextQuestionIndex = currentQuestionIndex + 1;\r\n\t\tconst nextQuestion = questions.length >= nextQuestionIndex ? questions[nextQuestionIndex] : null;\r\n\t\tif (nextQuestion) {\r\n\t\t\tnextQuestion.isVisible = true;\r\n\t\t}\r\n\t};\r\n\r\n\tprivate renderResult = () => {\r\n\t\tconst result = this.getResult();\r\n\r\n\t\tif (!result || result.type === 'error') {\r\n\t\t\treturn null;\r\n\t\t}\r\n\r\n\t\treturn (\r\n\t\t\t<SimpleCalculationResult\r\n\t\t\t\ticon={<BarChartIcon />}\r\n\t\t\t\tsize=\"wide\"\r\n\t\t\t\tisPositive={result.type === 'success'}\r\n\t\t\t\tresultMessage={result.message}\r\n\t\t\t\tsummaryText={result.summary}\r\n\t\t\t\tscrollToResults={true}\r\n\t\t\t/>\r\n\t\t);\r\n\t};\r\n\r\n\tprivate getResult(): PointsResult | undefined {\r\n\t\tconst questions = this.state.questions;\r\n\t\tconst fields = questions.map(question => this.validateQuestion(question));\r\n\t\tconst allEmpty = fields.filter(f => f.empty).length === fields.length;\r\n\t\tconst someEmpty = fields.some(f => f.empty);\r\n\r\n\t\tif (allEmpty || someEmpty) {\r\n\t\t\treturn undefined;\r\n\t\t}\r\n\r\n\t\tconst values = flatMap(fields, field => field.value!);\r\n\t\tconst result = this.helper.calculate(values, questions);\r\n\t\treturn result;\r\n\t}\r\n\r\n\tprivate validateQuestion(question: QuestionState): FieldResult {\r\n\t\tconst { intl } = this.props;\r\n\r\n\t\tif (question.multiSelect) {\r\n\t\t\treturn { error: undefined, empty: false, value: question.selectedIndexes.map(index => question.items[index]) };\r\n\t\t}\r\n\r\n\t\tif (question.selectedIndex === undefined) {\r\n\t\t\treturn {\r\n\t\t\t\terror: { error: intl.formatMessage({ id: `applet_${this.props.name}_validation_error_value` }) },\r\n\t\t\t\tempty: true,\r\n\t\t\t\tvalue: undefined,\r\n\t\t\t};\r\n\t\t} else {\r\n\t\t\treturn { error: undefined, empty: false, value: [question.items[question.selectedIndex]] };\r\n\t\t}\r\n\t}\r\n}\r\nexport default injectIntl(PointsCalculatorApplet);\r\n","import styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\n\r\ninterface Props {\r\n\tsize?: 'normal' | 'wide';\r\n}\r\n\r\nconst CalculationResultWrapper = styled.div<Props>`\r\n\tmax-width: ${props => (props.size === 'wide' ? 780 : 580)}px;\r\n\tmargin: ${({ theme }) => theme.grid.gutterInPx(2)} auto 0;\r\n\ttext-align: center;\r\n\tpadding: 0 ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\r\n\t${media.tablet`\r\n\t\tpadding: 0 0 ${({ theme }) => theme.grid.gutterInPx(4)};\r\n\t\tmargin-top: -50px;\r\n\t`};\r\n`;\r\n\r\nexport default CalculationResultWrapper;\r\n","import * as React from 'react';\r\nimport CheckIcon from 'styleguide/components/Icons/NormalIcons/CheckIcon/CheckIcon';\r\nimport AlertIcon from 'styleguide/components/Icons/NormalIcons/AlertIcon/AlertIcon';\r\nimport styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\n\r\nconst ResultIconBorder = styled.div`\r\n\tdisplay: inline-block;\r\n\tbackground-color: ${({ theme }) => theme.colors.white};\r\n\twidth: 72px;\r\n\tmargin: 0 auto;\r\n\r\n\t${media.tablet`\r\n\t\tpadding: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n  \tborder-radius: 50%;\r\n\t\twidth: 100px;\r\n  `};\r\n\r\n\t& > svg {\r\n\t\twidth: 40px;\r\n\t\theight: 40px;\r\n\r\n\t\t${media.tablet`\r\n      width: 64px;\r\n      height: 64px;\r\n    `};\r\n\t}\r\n`;\r\n\r\ninterface Props {\r\n\tisPositive: boolean;\r\n\ticon?: React.ReactNode;\r\n}\r\n\r\nconst ResultIcon = ({ isPositive, icon }: Props) => (\r\n\t<ResultIconBorder>\r\n\t\t{icon && icon}\r\n\t\t{!icon && (isPositive ? <CheckIcon /> : <AlertIcon />)}\r\n\t</ResultIconBorder>\r\n);\r\n\r\nexport default ResultIcon;\r\n","import styled from 'styled-components';\r\nimport { media } from 'styleguide/helpers/media';\r\n\r\nconst ResultTextWrapper = styled.div`\r\n\t${({ theme }) => theme.typography.heading};\r\n\tmargin-top: 12px;\r\n\ttext-align: center;\r\n\tfont-size: 20px;\r\n\tline-height: 1.2;\r\n\tcolor: ${({ theme }) => theme.colors.brandPrimary};\r\n\r\n\t${media.tablet`\r\n    font-size: 32px;\r\n    line-height: 1;\r\n  `};\r\n`;\r\n\r\nexport default ResultTextWrapper;\r\n","import { media } from 'styleguide/helpers/media';\r\nimport styled from 'styled-components';\r\n\r\ninterface Props {\r\n\ttype?: 'simple';\r\n}\r\n\r\nconst ResultSummaryTextWrapper = styled.div<Props>`\r\n\tmargin-top: ${({ theme }) => theme.grid.gutterInPx(2)};\r\n\tfont-size: 12px;\r\n\tfont-family: ${({ theme }) => theme.fonts.secondary};\r\n\tfont-weight: 400;\r\n\tline-height: 1.33;\r\n\tcolor: ${({ theme }) => theme.colors.bodyText};\r\n\ttext-align: ${({ type }) => (type === 'simple' ? 'center' : 'left')};\r\n\r\n\t${media.tablet`\r\n    font-size: 18px;\r\n    margin-top: 38px;\r\n\t`};\r\n\r\n\ta {\r\n\t\tcolor: ${({ theme }) => theme.colors.linkText};\r\n\t\ttext-decoration: none;\r\n\r\n\t\t&:after {\r\n\t\t\tcontent: ' ›';\r\n\t\t}\r\n\t}\r\n`;\r\n\r\nexport default ResultSummaryTextWrapper;\r\n"],"sourceRoot":""}