{"version":3,"file":"SkolePengerSteg-D1oy8At7.js","sources":["../../../Features/Shared/Scripts/Components/SkolePengerSteg.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport Valg from '../Models/Valg';\r\nimport ValgTillegg from '../Models/ValgMedtillegg';\r\nimport { ModalCompontent } from './ModalComponent';\r\nimport { ArticleContentComponent } from './ArticleContentComponent';\r\nimport { AppState } from '../Store/Types';\r\nimport { connect } from 'react-redux';\r\nimport { setCollapsed } from '../Store/StegVisning/Actions';\r\nimport { StegVisning } from '../Store/StegVisning/Types';\r\nimport VeilederStegComponent, { VeilederStegDefaultProps, VeilederStegBaseProps } from './VeilederStegComponent';\r\n\r\ntype SkolePengerVisningOwnProps = VeilederStegDefaultProps &\r\n    VeilederStegBaseProps & {\r\n        ledetekst: JSX.Element | null;\r\n        onChange: any;\r\n        showSearch?: boolean;\r\n        value?: Valg<string>;\r\n\r\n        benevnelseForSkolepenger: any;\r\n        valutaBenevnelse: string;\r\n        valgUkjentInputLedetekst: any;\r\n        valgKnappTekst: any;\r\n        visMerOmSkolePengerLenkeTekst: any;\r\n        lukkSkolepengerPopupAriaTekst: any;\r\n        tittelMerSkolePengerTekst: any;\r\n        brodtekstMerSkolePengerTekst: any;\r\n        locale: string;\r\n        visBiCheckbox: boolean;\r\n        biLabel: string | null;\r\n    };\r\n\r\ntype SkolePengerVisningProps = SkolePengerVisningOwnProps & MapStateToProps & MapDispatchToProps;\r\n\r\nfunction SkolePengerInputSteg(props: SkolePengerVisningProps): JSX.Element {\r\n    const [inputValue, setInputValue] = useState('0');\r\n    const [ingenSkolePenger, setIngenSkolePenger] = useState(false);\r\n    const [visSkolePengerModal, setVisSkolePengerModal] = useState(false);\r\n    const [biStudent, setBiStudent] = useState(false);\r\n\r\n    /*function uncheckVetIkkeAvhukingsboks(): void {\r\n        const avhuking: HTMLInputElement = document.getElementById(\r\n            'radio-vetikke-' + props.sporsmalId,\r\n        ) as HTMLInputElement;\r\n        avhuking.checked = false;\r\n    }*/\r\n\r\n    function biInputChangeHandler(e: React.ChangeEvent<HTMLInputElement>): void {\r\n        if (e.currentTarget.checked) {\r\n            setBiStudent(true);\r\n        } else {\r\n            setBiStudent(false);\r\n        }\r\n    }\r\n\r\n    function vetIkkeInputChangeHandler(e: React.ChangeEvent<HTMLInputElement>): void {\r\n        if (e.currentTarget.checked) {\r\n            setIngenSkolePenger(true);\r\n        } else {\r\n            setIngenSkolePenger(false);\r\n        }\r\n        setInputValue('0');\r\n    }\r\n\r\n    function bekreft(e: React.SyntheticEvent<HTMLButtonElement>): void {\r\n        e.preventDefault();\r\n\r\n        if (!props.visBiCheckbox) {\r\n            let valg: Valg<string>;\r\n\r\n            if (ingenSkolePenger !== null && ingenSkolePenger) {\r\n                valg = { id: 'IngenSkolePenger', displayValue: 'Vet ikke', value: '999999' };\r\n            } else {\r\n                valg = { id: '', displayValue: inputValue, value: removeCommasFromInputValue() }\r\n            }\r\n\r\n            props.onChange(valg);\r\n        } else {\r\n            let valg: ValgTillegg<string>;\r\n            if (ingenSkolePenger !== null && ingenSkolePenger) {\r\n                valg = { id: 'IngenSkolePenger', displayValue: 'Vet ikke', value: '999999', tillegg: biStudent };\r\n            } else {\r\n                valg = { id: '', displayValue: inputValue, value: removeCommasFromInputValue(), tillegg: biStudent };\r\n            }\r\n\r\n            props.onChange(valg);\r\n        }\r\n\r\n        props.stegVisningSetCollapsed({ id: props.sporsmalId, isCollapsed: true });\r\n    }\r\n\r\n    function removeCommasFromInputValue(): string {\r\n        return inputValue.replace(',', '');\r\n    }\r\n\r\n    function kronerInputChangeHandler(e: React.SyntheticEvent<HTMLInputElement>): void {\r\n        setIngenSkolePenger(false);\r\n\r\n        const verdiUtenSpace: string = e.currentTarget.value.replace(/\\s/g, '');\r\n\r\n        let verdiKunMedTal: string = verdiUtenSpace.replace(/\\D/g, '');\r\n\r\n        if (verdiKunMedTal.length > 1 && verdiKunMedTal.startsWith('0')) {\r\n            verdiKunMedTal = verdiKunMedTal.substr(1);\r\n        }\r\n\r\n        const formatertVerdi: string = formatNumber(verdiKunMedTal);\r\n        // Overskriv tom streng med '0' siden det ikke er en gyldig verdi\r\n        setInputValue(formatertVerdi || '0');\r\n\r\n        //uncheckVetIkkeAvhukingsboks();\r\n    }\r\n\r\n    function onMerOmSkolepengerClick(): void {\r\n        setVisSkolePengerModal(true);\r\n    }\r\n\r\n    function onRequestCloseMerOmSkolePenger(): void {\r\n        setVisSkolePengerModal(false);\r\n    }\r\n\r\n    function onKeyUpInputHandler(e: React.KeyboardEvent<HTMLInputElement>): void {\r\n        //enter\r\n        if (e.key == 'Enter') {\r\n            const valg: Valg<string> = { id: '', displayValue: inputValue, value: removeCommasFromInputValue() };\r\n            props.onChange(valg);\r\n            props.stegVisningSetCollapsed({ id: props.sporsmalId, isCollapsed: true });\r\n        }\r\n    }\r\n\r\n    function formatNumber(tall: string): string {\r\n        let tallSomString: string = tall.toString();\r\n        if (props.locale === 'en-US') {\r\n            tallSomString = tallSomString.replace(/(?!^)(?=(?:\\d{3})+(?:\\.|$))/gm, ',');\r\n        } else {\r\n            tallSomString = tallSomString.replace(/(?!^)(?=(?:\\d{3})+(?:\\.|$))/gm, ' ');\r\n        }\r\n\r\n        return tallSomString;\r\n    }\r\n\r\n    function hentCheckboxForBi(): JSX.Element | null {\r\n        if (!props.visBiCheckbox) return null;\r\n\r\n        return (\r\n            <div className=\"c-veileder__inputomrade\">\r\n                <div className=\"c-veileder__checkbox\">\r\n                    <input\r\n                        name=\"radioMedInput\"\r\n                        onChange={biInputChangeHandler}\r\n                        id={'radio-bi-' + props.sporsmalId}\r\n                        type=\"checkbox\"\r\n                    />\r\n                    <label htmlFor={'radio-bi-' + props.sporsmalId}>{props.biLabel}</label>\r\n                </div>\r\n            </div>\r\n        );\r\n    }\r\n\r\n    return (\r\n        <VeilederStegComponent\r\n            tittel={props.tittel}\r\n            forklaring={\r\n                <div>\r\n                    {props.forklaring}\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        className=\"c-knapp c-knapp--lenke c-knapp--lenke-aubergine\"\r\n                        onClick={onMerOmSkolepengerClick}\r\n                    >\r\n                        {props.visMerOmSkolePengerLenkeTekst}\r\n                    </button>\r\n                    <ModalCompontent\r\n                        isOpen={visSkolePengerModal}\r\n                        onRequestClose={onRequestCloseMerOmSkolePenger}\r\n                        ariaCloseText={props.lukkSkolepengerPopupAriaTekst}\r\n                    >\r\n                        <ArticleContentComponent\r\n                            headerinnhold={props.tittelMerSkolePengerTekst}\r\n                            contentinnhold={props.brodtekstMerSkolePengerTekst}\r\n                        />\r\n                    </ModalCompontent>\r\n                </div>\r\n            }\r\n            canCollapse={props.value != null}\r\n            displayElement={\r\n                <div className=\"c-veileder__valgt-item\">\r\n                    <span className=\"c-veileder__tekst c-veileder__tekst--valg\">{props.value?.displayValue}</span>\r\n                </div>\r\n            }\r\n            inputArea={\r\n                <div className=\"c-veileder__inputomrade\">\r\n                    <div className=\"c-veileder__inputomrade\">\r\n                        <label htmlFor={'input-' + props.sporsmalId} className=\"c-veileder__undersporsmal\">\r\n                            {props.ledetekst}\r\n                        </label>\r\n                        <div className=\"c-text-input\">\r\n                            <input\r\n                                onKeyUp={onKeyUpInputHandler}\r\n                                className=\"c-text-input__input c-text-input__input--half c-text-input__input--space\"\r\n                                onChange={kronerInputChangeHandler}\r\n                                id={'input-' + props.sporsmalId}\r\n                                type=\"text\"\r\n                                value={inputValue}\r\n                            />\r\n                            <span className=\"c-text-input__input--ekstra-ledetekst\">\r\n                                {props.valutaBenevnelse} {props.benevnelseForSkolepenger}\r\n                            </span>\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"c-veileder__inputomrade\">\r\n                        <div className=\"c-veileder__checkbox\">\r\n                            <input\r\n                                name=\"radioMedInput\"\r\n                                onChange={vetIkkeInputChangeHandler}\r\n                                id={'radio-vetikke-' + props.sporsmalId}\r\n                                type=\"checkbox\"\r\n                            />\r\n                            <label htmlFor={'radio-vetikke-' + props.sporsmalId}>\r\n                                {props.valgUkjentInputLedetekst}\r\n                            </label>\r\n                        </div>\r\n                    </div>\r\n                    {hentCheckboxForBi()}\r\n                    <div className=\"c-veileder__content--cta-area c-veileder__content-custom\">\r\n                        <button\r\n                            id=\"js-bekreft-skolepenger-knapp\"\r\n                            onClick={bekreft}\r\n                            className=\"c-knapp c-knapp--cta c-knapp--secondary\"\r\n                        >\r\n                            {props.valgKnappTekst}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            }\r\n            sporsmalId={props.sporsmalId}\r\n        />\r\n    );\r\n}\r\n\r\ninterface MapStateToProps {\r\n    stegState: StegVisning;\r\n}\r\n\r\ninterface MapDispatchToProps {\r\n    stegVisningSetCollapsed: typeof setCollapsed;\r\n}\r\n\r\nexport default connect(\r\n    (state: AppState, ownProps: SkolePengerVisningOwnProps): MapStateToProps => {\r\n        const stegState = state.stegVisning[ownProps.sporsmalId]\r\n            ? state.stegVisning[ownProps.sporsmalId]\r\n            : { id: ownProps.sporsmalId, isCollapsed: false };\r\n        return {\r\n            stegState,\r\n        };\r\n    },\r\n    {\r\n        stegVisningSetCollapsed: setCollapsed,\r\n    },\r\n)(SkolePengerInputSteg);\r\n"],"names":["useState","jsxs","jsx"],"mappings":"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"}