{"version":3,"file":"static/chunks/1481.57107bc4df29d4e0.js","mappings":"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","sources":["webpack://_N_E/./data/factory.js","webpack://_N_E/./data/link.js","webpack://_N_E/./components/CardSignup/CardSignup.data.js","webpack://_N_E/./components/CardSignup/CardSignup.js","webpack://_N_E/./components/FormAddressInputField/FormAddressInputField.js","webpack://_N_E/./components/FormAddressInputField/index.js","webpack://_N_E/./utils/translationUtils.js","webpack://_N_E/./components/CardSignup/CardSignup.module.scss","webpack://_N_E/./components/FormAddressInputField/FormAddressInputField.module.scss"],"sourcesContent":["export const factoryGenerator = (name, baseStructure) => (overrides) => {\n    const _return = { ...baseStructure };\n\n    if (!overrides) {\n        return _return;\n    }\n\n    for (const key of Object.keys(overrides)) {\n        if (typeof baseStructure[key] === 'undefined') {\n            throw new Error(\n                `Unknown Property: ${name} does not property '${key}'`\n            );\n        }\n\n        _return[key] = overrides[key];\n    }\n\n    return _return;\n};\n","import {factoryGenerator} from \"./factory\";\n\nconst baseStructure = {\n    title: 'Link text',\n    href: 'https://picsum.photos/id/29//2480/1653',\n    target: '_self',\n    id: \"\"\n}\n\nexport const factory = factoryGenerator('Link', baseStructure);\n\nexport default baseStructure;\n","import { factory as linkFactory } from '../../data/link';\n\nexport default {\n    title: 'Vill du teckna nytt?',\n    text: 'Ange din adress och välj fastighetstyp nedan för att teckna ett elavtal.',\n    selectButtons: [\n        {\n            icon: 'apartment',\n            text: 'Lägenhet',\n        },\n        {\n            icon: 'house',\n            text: 'Villa',\n        },\n        {\n            icon: 'weekender',\n            text: 'Fritidshus',\n        },\n    ],\n    button: {\n        type: 'primary',\n        text: 'Nästa',\n        icon: 'arrow',\n        iconSize: 'xsmall',\n        iconDirection: '',\n        disabled: false,\n    },\n    dialog: {\n        richText:\n            '<h3>Är det du som står på nuvarande elavtal på {0}?</h3><p>För att vi ska kunna ge dig rätt information gällande ditt elavtal behöver vi ställa några frågor till dig. Du hittar informationen om vem som står på elavtalet på fakturan.</p>',\n        buttons: [\n            {\n                type: 'primary',\n                text: 'Ja',\n                iconDirection: '',\n                disabled: false,\n            },\n            {\n                type: 'primary',\n                text: 'Nej',\n                iconDirection: '',\n                disabled: false,\n            },\n        ],\n        bottomContent:\n            '<p>Ska du teckna elavtal för någon annan? <a href=\"#\">Kontakta oss</a>.</p>',\n    },\n};\n","import React, { useEffect, useState } from 'react';\nimport axios from 'axios';\nimport { setCookie, getCookie } from 'cookies-next';\nimport { useTranslation } from 'next-i18next';\nimport { getHousingTranslation } from '../../utils/translationUtils';\nimport { ucFirst } from '../../utils/caseconverters';\n\n// import { useTranslation } from 'next-i18next';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport Icon from '../Icon';\nimport Button from '../Button';\nimport FormAddressInputField from '../FormAddressInputField';\nimport styles from './CardSignup.module.scss';\n\nimport data from './CardSignup.data';\n\nconst CardSignup = ({\n    title = '',\n    text = '',\n    hasNextButton = true,\n    modifiers = [],\n    setExternalHousing = () => {},\n    setExternalAddressData = () => {},\n}) => {\n    // These are hardcoded by the data-file for now, in future\n    // we might make some of them dynamic. But since a lot of it\n    // will break the integration if changed, it's probably\n    // not a great idea to let editors change the values\n    const { t } = useTranslation();\n    const selectButtons = data.selectButtons;\n    const button = data.button;\n\n    const [activeIndex, setActive] = useState(null);\n    const [addressData, setAddressData] = useState('');\n    const [apiDown, setApiDown] = useState(false);\n    const housingList = ['apartment', 'house', 'weekender'];\n\n    useEffect(() => {\n        axios({\n            method: 'GET',\n            url: `/api/address-suggestions/?q=hej`,\n            headers: {\n                Accept: 'application/json',\n            },\n        }).catch(() => {\n            setApiDown(true);\n        });\n    }, []);\n\n    useEffect(() => {\n        if (!addressData) {\n            return;\n        }\n\n        const addrData = JSON.parse(addressData);\n        setExternalAddressData(addrData);\n    }, [addressData]);\n\n    useEffect(() => {\n        if (activeIndex === null) {\n            return;\n        }\n\n        const housing = housingList[activeIndex];\n\n        setExternalHousing(housing);\n    }, [activeIndex]);\n\n    const goToForm = () => {\n        const housing = housingList[activeIndex];\n        const postCode = JSON.parse(addressData)?.postCode;\n        const adrData = JSON.parse(addressData);\n\n        adrData.housing = housing;\n\n        setCookie('address-data', adrData, { maxAge: 60 * 60 });\n\n        setCookie(\n            'data-layer',\n            {\n                houseType: getHousingTranslation(t, housing),\n                zipCode: postCode,\n                moving: false,\n                startEvent: 'Regular start',\n            },\n            { maxAge: 60 * 60 }\n        );\n\n        try {\n            let dataLayer = getCookie('data-layer');\n            dataLayer = JSON.parse(dataLayer);\n\n            window._mtm = window._mtm || [];\n            window._mtm.push({\n                zipCode: dataLayer.zipCode,\n                houseType: dataLayer.houseType,\n                moving: data.moving,\n                startEvent: data.startEvent,\n                formName: 'Teckna avtal Privat - starta',\n                event: 'residentialAgreementStart',\n            });\n        } catch (err) {\n            console.log(err.message);\n        }\n\n        window.location.href = '/avtal';\n    };\n\n    const classes = classNames(\n        styles['CardSignup'],\n        modifiers.map(\n            (modifier) => styles['CardSignup--' + ucFirst(modifier)] + ' '\n        )\n    );\n\n    if (apiDown) {\n        return (\n            <article className={classes}>\n                <h2 className={styles['CardSignup__Title']}>\n                    {t('CardSignup.apiDownTitle')}\n                </h2>\n                <p className={styles['CardSignup__Text']}>\n                    {t('CardSignup.apiDownText')}\n                </p>\n            </article>\n        );\n    }\n\n    return (\n        <article className={classes}>\n            <h2 className={styles['CardSignup__Title']}>{title}</h2>\n            <p className={styles['CardSignup__Text']}>{text}</p>\n            <div className={styles['CardSignup__Grid']}>\n                <div className={styles['CardSignup__InputField']}>\n                    <FormAddressInputField {...{ setAddressData }} />\n                </div>\n                <div className={styles['CardSignup__ButtonContainer']}>\n                    {selectButtons.map((button, index) => (\n                        <SelectButton\n                            key={index}\n                            isActive={activeIndex === index}\n                            onClick={() =>\n                                setActive(activeIndex === index ? -1 : index)\n                            }\n                            {...button}\n                        />\n                    ))}\n                </div>\n\n                {hasNextButton && (\n                    <div className={styles['CardSignup__NextButton']}>\n                        <Button\n                            {...button}\n                            disabled={\n                                addressData === '' || activeIndex === null\n                            }\n                            onClick={goToForm}\n                        />\n                    </div>\n                )}\n            </div>\n        </article>\n    );\n};\n\nCardSignup.propTypes = {\n    title: PropTypes.string,\n    text: PropTypes.string,\n    input: PropTypes.shape({\n        label: PropTypes.string,\n        helpText: PropTypes.string,\n        required: PropTypes.bool,\n        id: PropTypes.string,\n        component: PropTypes.string,\n        name: PropTypes.string,\n    }),\n    selectButtons: PropTypes.arrayOf(\n        PropTypes.shape({\n            icon: PropTypes.string,\n            text: PropTypes.string,\n        })\n    ),\n    button: PropTypes.shape({\n        type: PropTypes.string,\n        buttonType: PropTypes.string,\n        link: PropTypes.object,\n        icon: PropTypes.string,\n        iconSize: PropTypes.string,\n        iconDirection: PropTypes.string,\n        disabled: PropTypes.bool,\n    }),\n    dialog: PropTypes.shape({\n        title: PropTypes.string,\n        richText: PropTypes.string,\n        buttons: PropTypes.arrayOf(\n            PropTypes.shape({\n                type: PropTypes.string,\n                buttonType: PropTypes.string,\n                link: PropTypes.object,\n                icon: PropTypes.string,\n                iconSize: PropTypes.string,\n                iconDirection: PropTypes.string,\n                disabled: PropTypes.bool,\n            })\n        ),\n    }),\n    hasNextButton: PropTypes.bool,\n    // setExternalAddressData: PropTypes.func,\n    setExternalHousing: PropTypes.func,\n};\n\nconst SelectButton = ({ isActive = false, onClick, icon = '', text = '' }) => {\n    const classes = classNames(styles['CardSignup__Button'], {\n        [styles['CardSignup__Button--Active']]: isActive,\n    });\n\n    return (\n        <button className={classes} onClick={onClick}>\n            <span className={styles['CardSignup__Icon']}>\n                <Icon\n                    type={icon}\n                    dimensions={{ width: '31px', height: '38px' }}\n                />\n            </span>\n            {text}\n        </button>\n    );\n};\n\nSelectButton.propTypes = {\n    isActive: PropTypes.bool,\n    onClick: PropTypes.func,\n    icon: PropTypes.string,\n    text: PropTypes.string,\n};\n\nconst DialogContent = ({\n    title = '',\n    richText = '',\n    bottomContent = '',\n    buttons = [],\n}) => {\n    return (\n        <>\n            <h2 className={dialogStyles['Dialog__Title']}>{title}</h2>\n            <div\n                className={dialogStyles['Dialog__RichText']}\n                dangerouslySetInnerHTML={{\n                    __html: richText,\n                }}\n            />\n            <div className={dialogStyles['Dialog__ButtonContainer']}>\n                {buttons.map((button, index) => (\n                    <div className={dialogStyles['Dialog__Button']}>\n                        <Button key={index} {...button} />\n                    </div>\n                ))}\n            </div>\n            <div\n                className={dialogStyles['Dialog__BottomContent']}\n                dangerouslySetInnerHTML={{ __html: bottomContent }}\n            />\n        </>\n    );\n};\n\nDialogContent.propTypes = {\n    title: PropTypes.string,\n    richText: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n        PropTypes.shape({\n            type: PropTypes.string,\n            text: PropTypes.string,\n        })\n    ),\n    bottomContent: PropTypes.string,\n};\n\nexport default CardSignup;\n","import React from 'react';\nimport { setCookie } from 'cookies-next';\nimport { useTranslation } from 'next-i18next';\nimport AsyncSelect from 'react-select/async';\nimport axios from 'axios';\nimport classNames from 'classnames';\nimport debounce from 'debounce';\n\nimport styles from './FormAddressInputField.module.scss';\n\nconst FormAddressInputField = ({\n    setAddressData,\n    placeholder = '',\n    label = null,\n}) => {\n    const { t } = useTranslation();\n    placeholder = !!placeholder ? placeholder : t('CardSignup.enterAddress');\n\n    const handleChange = (event) => {\n        if (!event.value) {\n            return;\n        }\n        setAddressData(event.value);\n    };\n\n    const loadOptions = (inputValue, callback) => {\n        if (!inputValue || inputValue.length < 3) return;\n        axios({\n            method: 'GET',\n            url: `/api/address-suggestions/?q=${encodeURIComponent(inputValue)}`,\n            headers: {\n                Accept: 'application/json',\n            },\n        })\n            .then((response) => {\n                const options = response.data.result.map((item) => {\n                    const value = JSON.stringify({\n                        countyCode: item.countyCode,\n                        municipalityCode: item.municipalityCode,\n                        street: item.street,\n                        streetNumber:\n                            item.streetNumber +\n                            (item.letter ? item.letter : ''),\n                        letter: item.letter,\n                        postCode: item.postCode,\n                        city: item.city,\n                    });\n\n                    const letter = item.letter ?? '';\n                    const streetNumber = item.streetNumber\n                        ? ` ${item.streetNumber}${letter}`\n                        : '';\n\n                    return {\n                        value: value,\n                        label: `${item.street}${streetNumber}, ${item.postCode} ${item.city}`,\n                    };\n                });\n\n                setCookie('back-url', window.location.href, {\n                    maxAge: 60 * 60,\n                });\n\n                callback(options);\n            })\n            .catch(() => {\n                callback([]);\n            });\n    };\n\n    const debounceLoadOptions = debounce(loadOptions, 1000);\n\n    const selectStyles = {\n        container: () => ({\n            position: 'relative',\n            width: '100%',\n        }),\n        control: (state) => ({\n            display: 'flex',\n            padding: label ? '13.5px 14px' : '20px 14px',\n            backgroundColor: '#fff',\n            borderRadius: '8px',\n            border: '1px solid #005b75',\n            borderBottom: state.menuIsOpen\n                ? '1px solid transparent'\n                : '1px solid #005b75',\n            borderBottomLeftRadius: state.menuIsOpen ? '0' : '8px',\n            borderBottomRightRadius: state.menuIsOpen ? '0' : '8px',\n        }),\n        placeholder: (provided) => ({\n            ...provided,\n            fontFamily: 'Inter',\n            fontSize: '1.6rem',\n            letterSpacing: '0.01rem',\n            color: '#757575',\n        }),\n        input: (provided) => ({\n            ...provided,\n            fontFamily: 'Inter',\n            fontSize: '1.6rem',\n            letterSpacing: '0.01rem',\n            color: '#003742',\n        }),\n        singleValue: (provided) => ({\n            ...provided,\n            fontFamily: 'Inter',\n            fontSize: '1.6rem',\n            lineHeight: '2rem',\n            letterSpacing: '0.01rem',\n            color: '#005b75',\n        }),\n        indicatorSeparator: () => ({\n            display: 'none',\n        }),\n        dropdownIndicator: () => ({\n            color: '#005b75',\n            display: 'none',\n        }),\n        noOptionsMessage: (provided) => ({\n            ...provided,\n            paddingBottom: '14px',\n            fontFamily: 'Inter',\n            fontSize: '1.4rem',\n            lineHeight: '2rem',\n            letterSpacing: '0.01rem',\n        }),\n        loadingMessage: (provided) => ({\n            ...provided,\n            paddingBottom: '14px',\n            fontFamily: 'Inter',\n            fontSize: '1.4rem',\n            lineHeight: '2rem',\n            letterSpacing: '0.01rem',\n        }),\n        menu: (provided) => ({\n            ...provided,\n            marginTop: '-20px',\n            paddingTop: '20px',\n            fontFamily: 'Inter',\n            fontSize: '1.4rem',\n            letterSpacing: '0.01rem',\n            borderRight: '1px solid #005b75',\n            borderBottom: '1px solid #005b75',\n            borderLeft: '1px solid #005b75',\n            borderRadius: '0 0 8px 8px',\n            boxShadow: 'none',\n            overflow: 'hidden',\n        }),\n        menuList: () => ({\n            color: '#005b75',\n        }),\n        option: (provided, state) => ({\n            ...provided,\n            padding: '14px 14px',\n            fontFamily: 'Inter',\n            fontSize: '1.4rem',\n            letterSpacing: '0.1rem',\n            backgroundColor: state.isSelected\n                ? '#005b75'\n                : state.isFocused\n                  ? '#f1f5f3'\n                  : '#fff',\n            color: state.isSelected\n                ? '#fff'\n                : state.isFocused\n                  ? '#005b75'\n                  : '#005b75',\n            ':hover': {\n                color: state.isSelected ? '#fff' : '#005b75',\n                backgroundColor: state.isSelected ? '#005b75' : '#f1f5f3',\n            },\n        }),\n    };\n\n    return (\n        <span\n            className={classNames(styles['FormAddressInputField'], {\n                [styles['FormAddressInputField--HasLabel']]: label,\n            })}>\n            <span className={styles['FormAddressInputField__Label']}>\n                {label}\n            </span>\n            <AsyncSelect\n                styles={selectStyles}\n                loadOptions={debounceLoadOptions}\n                id={'address-input'}\n                instanceId={'address-input'}\n                onChange={handleChange}\n                aria-label={placeholder}\n                placeholder={placeholder}\n                loadingMessage={() => t('CardSignup.loading')}\n                noOptionsMessage={(e) => {\n                    if (e.inputValue) {\n                        return t('CardSignup.noResult');\n                    }\n                    return t('CardSignup.waiting');\n                }}\n            />\n        </span>\n    );\n};\n\nFormAddressInputField.propTypes = {};\n\nexport default FormAddressInputField;\n","import FormAddressInputField from './FormAddressInputField';\n\nexport default FormAddressInputField;\n","const getAgreementTypeTranslationFromObject = (t, data) => {\n    if ('electricitySupplier' in data) {\n        return t('AgreementType.electricitySupplier');\n    } else if ('networkOperator' in data) {\n        return t('AgreementType.networkOperator');\n    } else if ('districtHeating' in data) {\n        return t('AgreementType.districtHeating');\n    } else {\n        return '';\n    }\n};\n\nconst getAgreementTypeTranslation = (t, kind) => {\n    const kinds = {\n        ElectricitySupplier: t('AgreementType.electricitySupplier'),\n        NetworkOperator: t('AgreementType.networkOperator'),\n        DistrictHeating: t('AgreementType.districtHeating'),\n    };\n\n    return kinds[kind];\n};\n\nconst getDirectionTranslation = (t, direction) => {\n    const directions = {\n        Production: t('Direction.production'),\n    };\n    return directions[direction];\n};\n\nconst getHousingTranslation = (t, type) => {\n    const houseTypes = {\n        apartment: t('HouseType.apartment'),\n        house: t('HouseType.house'),\n        villa: t('HouseType.villa'),\n        weekender: t('HouseType.weekender'),\n    };\n    return houseTypes[type];\n};\n\nconst getInvoiceTypeTranslation = (t, type) => {\n    const invoiceTypes = {\n        Electricity: t('InvoiceType.electricity'),\n        ElectricityNet: t('InvoiceType.electricityNet'),\n        Net: t('InvoiceType.net'),\n        DistrictHeating: t('InvoiceType.districtHeating'),\n    };\n    return invoiceTypes[type];\n};\n\nconst getProductTranslationFromId = (t, id) => {\n    const products = {\n        2: t('Product.variableElectricityCost'),\n        3: t('Product.jamtprisetWithLocalDiscount'),\n        31: t('Product.jamtpriset'),\n        150: t('Product.variableElectricityCostWidthLocalDiscount'),\n        435: t('Product.variableElectricityCostWithCeiling'),\n        450: t('Product.variableElectricityCostWithCeiling'),\n    };\n    return products[id];\n};\n\nconst getProductTextTranslation = (t, product) => {\n    const productTexts = {\n        variableElectricityCostWithCeiling: t(\n            'ProductText.variableElectricityCostWithCeiling'\n        ),\n        jamtpriset: t('ProductText.jamtpriset'),\n        variableElectricityCost: t('ProductText.variableElectricityCost'),\n    };\n\n    return productTexts[product];\n};\n\nexport {\n    getAgreementTypeTranslationFromObject,\n    getAgreementTypeTranslation,\n    getDirectionTranslation,\n    getHousingTranslation,\n    getInvoiceTypeTranslation,\n    getProductTranslationFromId,\n    getProductTextTranslation,\n};\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"CardSignup__Title\":\"CardSignup_CardSignup__Title__gLNIY\",\"CardSignup__Text\":\"CardSignup_CardSignup__Text__L_t6C\",\"CardSignup\":\"CardSignup_CardSignup__xXqs_\",\"CardSignup--ProductCalculator\":\"CardSignup_CardSignup--ProductCalculator__ug_Hg\",\"CardSignup__Grid\":\"CardSignup_CardSignup__Grid__HHtbY\",\"CardSignup__InputField\":\"CardSignup_CardSignup__InputField__xE445\",\"CardSignup__ButtonContainer\":\"CardSignup_CardSignup__ButtonContainer__VOP6d\",\"CardSignup__Button\":\"CardSignup_CardSignup__Button__ONVVl\",\"CardSignup__Button--Active\":\"CardSignup_CardSignup__Button--Active___qh4q\",\"CardSignup__Icon\":\"CardSignup_CardSignup__Icon__QiAgs\",\"CardSignup__NextButton\":\"CardSignup_CardSignup__NextButton__6asQT\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"FormAddressInputField__Label\":\"FormAddressInputField_FormAddressInputField__Label__k7wg9\",\"FormAddressInputField\":\"FormAddressInputField_FormAddressInputField__4VIdp\",\"FormAddressInputField--HasLabel\":\"FormAddressInputField_FormAddressInputField--HasLabel__JRcLN\"};"],"names":["name","baseStructure","title","href","target","id","_return","overrides","key","Object","keys","CardSignup_data","text","selectButtons","icon","button","type","iconSize","iconDirection","disabled","dialog","richText","buttons","bottomContent","CardSignup","hasNextButton","modifiers","setExternalHousing","setExternalAddressData","param","t","useTranslation","data","activeIndex","setActive","useState","addressData","setAddressData","apiDown","setApiDown","housingList","useEffect","axios","method","url","headers","Accept","catch","JSON","parse","classes","classNames","styles","map","ucFirst","modifier","jsx_runtime","jsxs","article","className","jsx","h2","p","div","FormAddressInputField","index","SelectButton","isActive","onClick","Button","housing","postCode","adrData","setCookie","maxAge","houseType","getHousingTranslation","zipCode","moving","startEvent","dataLayer","getCookie","window","_mtm","push","formName","event","err","console","log","message","location","propTypes","PropTypes","input","label","helpText","required","component","buttonType","link","span","Icon","dimensions","width","height","CardSignup_CardSignup","placeholder","debounceLoadOptions","debounce","inputValue","callback","length","encodeURIComponent","then","options","response","result","value","stringify","countyCode","item","municipalityCode","street","streetNumber","letter","city","AsyncSelect","container","position","control","display","padding","backgroundColor","borderRadius","border","borderBottom","state","menuIsOpen","borderBottomLeftRadius","borderBottomRightRadius","provided","fontFamily","fontSize","letterSpacing","color","singleValue","lineHeight","indicatorSeparator","dropdownIndicator","noOptionsMessage","paddingBottom","loadingMessage","menu","marginTop","paddingTop","borderRight","borderLeft","boxShadow","overflow","menuList","option","isSelected","isFocused","loadOptions","instanceId","onChange","aria-label","components_FormAddressInputField","getAgreementTypeTranslationFromObject","getAgreementTypeTranslation","kind","kinds","ElectricitySupplier","NetworkOperator","DistrictHeating","getDirectionTranslation","direction","directions","Production","houseTypes","apartment","house","villa","weekender","getInvoiceTypeTranslation","invoiceTypes","Electricity","ElectricityNet","Net","getProductTranslationFromId","products","module","exports"],"sourceRoot":""}