{"version":3,"file":"static/chunks/6820.499ea39981fa782c.js","mappings":"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","sources":["webpack://_N_E/./components/Button/index.js","webpack://_N_E/./components/FormInputField/FormInputField.js","webpack://_N_E/./components/FormInputField/index.js","webpack://_N_E/./components/JobEmailListSubscription/JobEmailListSubscription.js","webpack://_N_E/./components/JobEmailListSubscription/index.js","webpack://_N_E/./utils/validators.js","webpack://_N_E/./components/FormInputField/FormInputField.module.scss","webpack://_N_E/./components/JobEmailListSubscription/JobEmailListSubscription.module.scss"],"sourcesContent":["import Button from './Button';\n\nexport default Button;\n","import React, { useState, useEffect } from 'react';\nimport { Field } from 'react-final-form';\nimport { ucFirst } from '../../utils/caseconverters';\nimport classNames from 'classnames';\n\nimport styles from './FormInputField.module.scss';\n\nconst FormInputField = ({\n    name = '',\n    id = '',\n    label = '',\n    placeholder = '',\n    helpText = '',\n    type = '',\n    disabled = false,\n    required = false,\n    readOnly = false,\n    largeLabel = false,\n    hasValue = false,\n    validate = () => {},\n    input = {},\n    meta = {},\n    modifiers = [],\n}) => {\n    const [isFocused, setFocus] = useState(false);\n    const [isFilled, setFilled] = useState(false);\n\n    const hasError = (meta.error || meta.submitError) && meta.touched;\n    const errorMessage = meta.error || meta.submitError;\n\n    const shouldShowMessage = hasError || helpText;\n\n    useEffect(() => {\n        if (hasValue || !!placeholder) {\n            setFilled(true);\n        }\n    }, []);\n\n    const handleOnFocus = () => {\n        setFocus(true);\n    };\n\n    const handleOnBlur = (event) => {\n        let inputValue = event.target.value;\n        if (inputValue.length !== 0 || placeholder !== '') {\n            setFilled(true);\n        } else {\n            setFilled(false);\n        }\n\n        setFocus(false);\n    };\n\n    const classes = classNames(\n        styles['FormInputField'],\n        {\n            [styles['FormInputField--Filled']]: isFilled,\n            [styles['FormInputField--Focused']]: isFocused && !largeLabel,\n            [styles['FormInputField--Required']]: required,\n            [styles['FormInputField--Error']]: hasError,\n            [styles['FormInputField--Disabled']]: disabled,\n            [styles['FormInputField--LargeLabel']]: largeLabel,\n        },\n        modifiers.map(\n            (modifier) => styles['FormInputField--' + ucFirst(modifier)] + ' '\n        )\n    );\n\n    return (\n        <div className={classes} onFocus={handleOnFocus} onBlur={handleOnBlur}>\n            <label className={styles['FormInputField__Label']} htmlFor={id}>\n                <span className={styles['FormInputField__LabelInner']}>\n                    {label}\n                </span>\n            </label>\n            <Field\n                id={id}\n                name={name}\n                className={styles['FormInputField__Input']}\n                component=\"input\"\n                type={type}\n                disabled={disabled}\n                readOnly={readOnly}\n                placeholder={placeholder}\n                validate={validate}\n                {...input}\n            />\n\n            {shouldShowMessage && (\n                <span className={styles['FormInputField__HelpText']}>\n                    {hasError ? errorMessage : helpText}\n                </span>\n            )}\n        </div>\n    );\n};\n\nFormInputField.propTypes = {};\n\nexport default FormInputField;\n","import FormInputField from './FormInputField';\n\nexport default FormInputField;\n","import React from 'react';\nimport { Form, Field } from 'react-final-form';\nimport { composeValidators } from '../../utils/validators';\nimport { useTranslation } from 'next-i18next';\nimport PropTypes from 'prop-types';\n\nimport Button from '../Button';\nimport FormInputField from '../FormInputField';\nimport styles from './JobEmailListSubscription.module.scss';\n\nconst JobEmailListSubscription = ({ title = '', text = '' }) => {\n    const { t } = useTranslation();\n\n    const validateEmail = (value) =>\n        !value || !!value.match(/^[a-z0-9-_\\.]+@[a-z0-9-_\\.]+\\.[a-z0-9-_\\.]+$/)\n            ? undefined\n            : t('JobEmailListSubscription.validationError.email');\n\n    const validateRequired = (value) =>\n        value\n            ? undefined\n            : t('JobEmailListSubscription.validationError.required');\n\n    const onSubmit = async (values) => {\n        console.log(values);\n    };\n\n    const useIframe = true;\n\n    return (\n        <div className={styles['Newsletter']}>\n            {useIframe ? (\n                <iframe\n                    className={styles['Newsletter__Iframe']}\n                    height=\"380\"\n                    src=\"https://web103.reachmee.com/ext/I021/1716/subscribe?site=7&lang=SE&validator=e968df81406d6c75841c36b9ac25bf12\"\n                    title={t('JobEmailListSubscription.subscribe')}></iframe>\n            ) : (\n                <Form\n                    onSubmit={onSubmit}\n                    render={({\n                        submitError,\n                        handleSubmit,\n                        form,\n                        submitting,\n                        pristine,\n                        values,\n                    }) => (\n                        <form onSubmit={handleSubmit}>\n                            <div className={styles['Newsletter']}>\n                                <div className={styles['Newsletter__Grid']}>\n                                    <div className={styles['Newsletter__Text']}>\n                                        {!!title && <h4>{title}</h4>}\n                                        {!!text && <p>{text}</p>}\n                                    </div>\n                                    <div\n                                        className={styles['Newsletter__Field']}>\n                                        <Field\n                                            name={'newsletter'}\n                                            validate={composeValidators(\n                                                ...[\n                                                    validateRequired,\n                                                    validateEmail,\n                                                ].filter((x) => !!x)\n                                            )}\n                                            render={(props) => (\n                                                <FormInputField\n                                                    {...props}\n                                                    required={true}\n                                                    label={t(\n                                                        'JobEmailListSubscription.your_email'\n                                                    )}\n                                                />\n                                            )}\n                                        />\n                                    </div>\n                                    <div\n                                        className={\n                                            styles['Newsletter__Button']\n                                        }>\n                                        <Button\n                                            modifiers={['secondary']}\n                                            buttonType={'submit'}\n                                            text={t(\n                                                'JobEmailListSubscription.send'\n                                            )}\n                                        />\n                                    </div>\n                                </div>\n                            </div>\n                        </form>\n                    )}\n                />\n            )}\n        </div>\n    );\n};\n\nJobEmailListSubscription.propTypes = {\n    title: PropTypes.string,\n    text: PropTypes.string,\n};\n\nexport default JobEmailListSubscription;\n","import JobEmailListSubscription from './JobEmailListSubscription';\n\nexport default JobEmailListSubscription;\n","function ssnLength(value, checkLength = 10) {\n    if (/[^0-9+#-\\s]+/.test(value)) {\n        return false;\n    }\n\n    value = value.replace(' ', '');\n    value = value.replace('-', '');\n    value = value.replace('+', '');\n\n    if (value.length !== checkLength) {\n        return false;\n    }\n\n    return true;\n}\n\nfunction luhn(ssnValue, withPrecedingYear = true) {\n    if (!ssnValue) return;\n\n    let value = withPrecedingYear\n        ? ssnValue.substring(2, ssnValue.length)\n        : ssnValue;\n    if (!ssnLength(value)) {\n        return false;\n    }\n\n    if (/[^0-9+#-\\s]+/.test(value)) {\n        return false;\n    }\n\n    let nCheck = 0;\n    let bEven = false;\n    value = value.replace(/\\D/g, '');\n\n    for (let n = value.length - 1; n >= 0; n--) {\n        let cDigit = value.charAt(n);\n        let nDigit = parseInt(cDigit, 10);\n\n        if (bEven) {\n            if ((nDigit *= 2) > 9) {\n                nDigit -= 9;\n            }\n        }\n\n        nCheck += nDigit;\n        bEven = !bEven;\n    }\n    return nCheck % 10 === 0 ? true : false;\n}\n\nfunction composeValidators(...validators) {\n    return (value) =>\n        validators.reduce(\n            (error, validator) => error || validator(value),\n            undefined\n        );\n}\n\nexport { luhn, ssnLength, composeValidators };\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"FormInputField__Input\":\"FormInputField_FormInputField__Input__DmYRN\",\"FormInputField__HelpText\":\"FormInputField_FormInputField__HelpText__K_n_e\",\"FormInputField__Label\":\"FormInputField_FormInputField__Label__zhONS\",\"FormInputField\":\"FormInputField_FormInputField__TVqAm\",\"FormInputField--Focused\":\"FormInputField_FormInputField--Focused__YvjaV\",\"FormInputField--Filled\":\"FormInputField_FormInputField--Filled__6ruG1\",\"FormInputField--Error\":\"FormInputField_FormInputField--Error__rZflj\",\"FormInputField--Disabled\":\"FormInputField_FormInputField--Disabled__QA7Fp\",\"FormInputField--DisabledAlternative\":\"FormInputField_FormInputField--DisabledAlternative__i0rYv\",\"FormInputField--LargeLabel\":\"FormInputField_FormInputField--LargeLabel__luiE8\",\"FormInputField--Required\":\"FormInputField_FormInputField--Required__7nEUc\",\"FormInputField__LabelInner\":\"FormInputField_FormInputField__LabelInner__J70CS\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"Newsletter\":\"JobEmailListSubscription_Newsletter__36_jd\",\"Newsletter__Text\":\"JobEmailListSubscription_Newsletter__Text__snDMk\",\"Newsletter__Grid\":\"JobEmailListSubscription_Newsletter__Grid__gsoem\",\"Newsletter__Field\":\"JobEmailListSubscription_Newsletter__Field__Nd8V7\",\"Newsletter__Button\":\"JobEmailListSubscription_Newsletter__Button__izjXi\",\"Newsletter__Iframe\":\"JobEmailListSubscription_Newsletter__Iframe__zvTNz\"};"],"names":["__webpack_exports__","Z","Button","FormInputField","name","id","label","placeholder","helpText","type","disabled","required","readOnly","largeLabel","hasValue","validate","input","meta","modifiers","param","isFocused","setFocus","useState","isFilled","setFilled","hasError","error","submitError","touched","errorMessage","shouldShowMessage","useEffect","classes","classNames","styles","map","ucFirst","modifier","jsx_runtime","jsxs","div","className","onFocus","onBlur","inputValue","target","value","length","jsx","htmlFor","span","Field","component","propTypes","components_FormInputField","JobEmailListSubscription","title","text","t","useTranslation","iframe","height","src","PropTypes","components_JobEmailListSubscription","luhn","ssnValue","withPrecedingYear","substring","ssnLength","checkLength","test","replace","nCheck","bEven","n","nDigit","parseInt","charAt","composeValidators","_len","arguments","validators","_key","reduce","validator","undefined","module","exports"],"sourceRoot":""}