{"version":3,"sources":["webpack:///./Scripts/Columbus/Components/CookieBar.js"],"names":["CookieBar","props","state","cookiebarVisible","showButton","settingsVisible","functional","analytics","marketing","personalization","functionalStatusText","translate","analyticsStatusText","marketingStatusText","personalizationStatusText","this","setState","delayClose","now","Date","setTime","getTime","cookieExpires","toUTCString","document","cookie","constants","domain","gtag","window","hasOwnProperty","cevoidTrackingConsent","cevoid","userCanBeTracked","location","reload","acceptAllCookies","className","onClick","showSettings","aria-label","href","cookieTermsPageUrl","policyTermsPageUrl","rejectAllCookies","ref","type","checked","name","onChange","setFunctional","setAnalytics","setMarketing","setPersonalization","acceptCookies","class","acceptCookiesWithDelay","Component"],"mappings":"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","file":"6.74cceb7d1a2d26b8f8c7.js","sourcesContent":["import React, { Fragment, Component } from 'react';\r\nimport constants from '../../constants';\r\nimport { translate } from '../../Services/translation';\r\n\r\nclass CookieBar extends Component {\r\n    constructor(props) {\r\n        super(props);\r\n        this.state = {\r\n            cookiebarVisible: props.cookiebarVisible,\r\n            showButton: props.showButton,\r\n            settingsVisible: false,\r\n            functional: props.functional==='true',\r\n            analytics: props.analytics==='true',\r\n            marketing: props.marketing==='true',\r\n            personalization: props.personalization==='true',\r\n            functionalStatusText: translate('common.cookie.' + (props.functional==='true' ? \"active\":\"disabled\")),\r\n            analyticsStatusText: translate('common.cookie.' + (props.analytics==='true' ? \"active\":\"disabled\")),\r\n            marketingStatusText: translate('common.cookie.' + (props.marketing==='true' ? \"active\":\"disabled\")),\r\n            personalizationStatusText: translate('common.cookie.' + (props.personalization==='true' ? \"active\":\"disabled\")),\r\n        };\r\n    }\r\n\r\n    showSettings() {\r\n        this.setState(() => ({ settingsVisible: true }));\r\n    }\r\n    acceptAllCookies(delayClose) {\r\n\r\n        this.setState(() => ({functional: true, analytics: true, marketing: true, personalization: true, settingsVisible: delayClose, cookiebarVisible: false}));\r\n        var now = new Date();\r\n        now.setTime(now.getTime() + 3600 * 1000 * 24 * 365);\r\n        var cookieExpires = now.toUTCString();\r\n        document.cookie = \"cookie_consent2=functional,analytics,marketing,personalization;expires=\" + cookieExpires + \";path=/;domain=\" + constants.domain;\r\n\r\n        gtag('consent', 'update', {\r\n            'ad_storage': (this.state.marketing ? 'granted' : 'denied'),\r\n            'analytics_storage': (this.state.analytics ? 'granted' : 'denied'),\r\n            'functionality_storage': (this.state.functional ? 'granted' : 'denied'),\r\n            'personalization_storage': (this.state.personalization ? 'granted' : 'denied'),\r\n            'ad_personalization': (this.state.personalization ? 'granted' : 'denied'),\r\n            'ad_user_data': (this.state.personalization ? 'granted' : 'denied')\r\n        });\r\n\r\n        if (this.state.analytics && window.hasOwnProperty('cevoid')) {\r\n            window.cevoidTrackingConsent = 'granted';\r\n            window.cevoid.userCanBeTracked();\r\n        }\r\n\r\n        location.reload();\r\n    }\r\n    rejectAllCookies() {\r\n        this.setState(() => ({ functional: false, analytics: false, marketing: false, settingsVisible: false, cookiebarVisible: false }));\r\n        var now = new Date();\r\n        now.setTime(now.getTime() + 3600 * 1000 * 24 * 365);\r\n        var cookieExpires = now.toUTCString();\r\n        document.cookie = \"cookie_consent2=;expires=\" + cookieExpires + \";path=/;domain=\" + constants.domain;\r\n\r\n        gtag('consent', 'update', {\r\n            'ad_storage': 'denied',\r\n            'analytics_storage': 'denied',\r\n            'functionality_storage': 'denied',\r\n            'personalization_storage': 'denied',\r\n            'ad_personalization': 'denied',\r\n            'ad_user_data': 'denied',\r\n        });\r\n\r\n        location.reload();\r\n    }\r\n\r\n    acceptCookiesWithDelay() {\r\n        this.acceptAllCookies(true);\r\n        setTimeout(() => {\r\n            this.setState(() => ({ settingsVisible: false, cookiebarVisible: false }));\r\n        }, 1000);\r\n    }\r\n    acceptCookies() {\r\n        this.setState(() => ({ settingsVisible: false, cookiebarVisible: false }));\r\n       \r\n        var now = new Date();\r\n        now.setTime(now.getTime() + 3600 * 1000 * 24 * 365);\r\n        var cookieExpires = now.toUTCString();\r\n\r\n        document.cookie = \"cookie_consent2=\" +\r\n            (this.state.functional ? \"functional,\" : \"\") +\r\n            (this.state.analytics ? \"analytics,\" : \"\") +\r\n            (this.state.marketing ? \"marketing,\" : \"\") +\r\n            (this.state.personalization ? \"personalization,\" : \"\") +\r\n            \";expires=\" + cookieExpires + \";path=/;domain=\" + constants.domain;\r\n\r\n        gtag('consent', 'update', {\r\n            'ad_storage': (this.state.marketing ? 'granted' : 'denied'),\r\n            'analytics_storage': (this.state.analytics ? 'granted' : 'denied'),\r\n            'functionality_storage': (this.state.functional ? 'granted' : 'denied'),\r\n            'personalization_storage': (this.state.personalization ? 'granted' : 'denied'),\r\n            'ad_personalization': (this.state.personalization ? 'granted' : 'denied'),\r\n            'ad_user_data': (this.state.personalization ? 'granted' : 'denied')\r\n        });\r\n        if (this.state.analytics && window.hasOwnProperty('cevoid')) {\r\n            window.cevoidTrackingConsent = 'granted';\r\n            window.cevoid.userCanBeTracked();\r\n        }\r\n\r\n        location.reload();\r\n    }\r\n    setAnalytics() {\r\n        this.setState(() => ({ analytics: !this.state.analytics }));\r\n        this.setState(() => ({ analyticsStatusText: this.state.analytics ? translate('common.cookie.disabled') : translate('common.cookie.active') }));\r\n    }\r\n    setFunctional() {\r\n        this.setState(() => ({ functional: !this.state.functional }));\r\n        this.setState(() => ({ functionalStatusText: this.state.functional ? translate('common.cookie.disabled') : translate('common.cookie.active') }));\r\n    }\r\n    setMarketing() {\r\n        this.setState(() => ({ marketing: !this.state.marketing }));\r\n        this.setState(() => ({ marketingStatusText: this.state.marketing ? translate('common.cookie.disabled') : translate('common.cookie.active') }));\r\n    }\r\n    setPersonalization() {\r\n        this.setState(() => ({ personalization: !this.state.personalization }));\r\n        this.setState(() => ({ personalizationStatusText: this.state.personalization ? translate('common.cookie.disabled') : translate('common.cookie.active') }));\r\n    }\r\n\r\n    render() {\r\n        let functionalStatusText = this.state.functionalStatusText;\r\n        let analyticsStatusText = this.state.analyticsStatusText;\r\n        let marketingStatusText = this.state.marketingStatusText;\r\n        let personalizationStatusText = this.state.personalizationStatusText;\r\n        return (\r\n            <Fragment>\r\n                {this.state.showButton &&\r\n                    <button className=\"button product__buy-button\" onClick={() => this.showSettings()} aria-label={translate(`common.cookie.change`)}>{translate(`common.cookie.change`)}</button>\r\n                }\r\n                {this.state.cookiebarVisible &&\r\n                    <Fragment>\r\n                        <div className=\"cookie-bar-overlay\"></div>\r\n                        <div className=\"cookie-bar\">\r\n                            <div className=\"cookie-bar-container row\">\r\n                                <div className=\"cookie-bar-content small-12 large-6 columns\"><div className=\"cookie-bar-content-header\">{translate(`common.cookie.informationheader`)}</div>{translate(`common.cookie.information1`)}<a href={constants.cookieTermsPageUrl}>{translate(`common.cookie.text`)}</a>{' ' + translate(`common.cookie.information2`)}<a className=\"cookie-bar-policy-link\" href={constants.policyTermsPageUrl}>{translate(`common.cookie.privacy.policy`)}</a>.</div>\r\n                                <div className=\"cookie-bar-button-container small-12 large-6 columns\">\r\n                                    <button className=\"button cookie-accept-btn\" onClick={() => this.acceptAllCookies(false)} aria-label={translate(`common.cookie.accept`)}>{translate(`common.cookie.accept`)}</button>\r\n                                    <button className=\"cookie-settings-btn\" onClick={() => this.rejectAllCookies()} aria-label={translate(`common.cookie.reject`)}>{translate(`common.cookie.reject`)}</button>\r\n                                    <button className=\"cookie-settings-btn\" onClick={() => this.showSettings()} aria-label={translate(`common.cookie.settings`)}>{translate(`common.cookie.settings`)}</button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </Fragment>\r\n                }\r\n                {this.state.settingsVisible &&\r\n                    <div className=\"cookie-bar-settings__wrapper\" ref=\"wrapper\">\r\n                        <div className=\"cookie-bar-settings row\">\r\n                            <div className=\"cookie-bar-settings__header\">\r\n                                <h2 className=\"text--center\">{translate(`common.cookie.header`)}</h2>\r\n                            </div>\r\n                            <div className=\"cookie-bar-settings__info\">{translate(`common.cookie.settings.info`)} <a href={constants.cookieTermsPageUrl}>{translate(`common.cookie.settings.readmore`)}</a></div>\r\n                            <div className=\"cookie-bar-settings__setting row\">\r\n                                <div className=\"small-6\">{translate(`common.cookie.necessary`)}</div>\r\n                                <div className=\"small-6\">{translate(`common.cookie.alwaysactive`)}</div>\r\n                            </div>\r\n                            <div className=\"cookie-bar-settings__setting row\">\r\n                                <div className=\"small-4 medium-6\">{translate(`common.cookie.functional`)}</div>\r\n                                <div className=\"small-8 medium-6\">\r\n                                    <span className=\"cookie-bar-settings__status\">{functionalStatusText}</span>\r\n                                    <label className=\"cookie-bar-settings__switch\">\r\n                                        <input type=\"checkbox\" checked={this.state.functional} name=\"functional\" onChange={() => this.setFunctional()} />\r\n                                        <span className=\"slider round\"></span>\r\n                                    </label>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"cookie-bar-settings__setting row\">\r\n                                <div className=\"small-4 medium-6\">{translate(`common.cookie.analysis`)}</div>\r\n                                <div className=\"small-8 medium-6\">\r\n                                    <span className=\"cookie-bar-settings__status\">{analyticsStatusText}</span>\r\n                                    <label className=\"cookie-bar-settings__switch\">\r\n                                        <input type=\"checkbox\" checked={this.state.analytics} name=\"analytics\" onChange={() => this.setAnalytics()} />\r\n                                        <span className=\"slider round\"></span>\r\n                                    </label>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"cookie-bar-settings__setting row\">\r\n                                <div className=\"small-4 medium-6\">{translate(`common.cookie.marketing`)}</div>\r\n                                <div className=\"small-8 medium-6\">\r\n                                    <span className=\"cookie-bar-settings__status\">{marketingStatusText}</span>\r\n                                    <label className=\"cookie-bar-settings__switch\">\r\n                                        <input type=\"checkbox\" checked={this.state.marketing} name=\"marketing\" onChange={() => this.setMarketing()} />\r\n                                        <span className=\"slider round\"></span>\r\n                                    </label>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"cookie-bar-settings__setting row\">\r\n                                <div className=\"small-4 medium-6\">{translate(`common.cookie.personalization`)}</div>\r\n                                <div className=\"small-8 medium-6\">\r\n                                    <span className=\"cookie-bar-settings__status\">{personalizationStatusText}</span>\r\n                                    <label className=\"cookie-bar-settings__switch\">\r\n                                        <input type=\"checkbox\" checked={this.state.personalization} name=\"personalization\" onChange={() => this.setPersonalization()} />\r\n                                        <span className=\"slider round\"></span>\r\n                                    </label>\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"row\">\r\n                                <div className=\"small-6 columns\">\r\n                                    <button className=\"button cookie-accept-settings-btn\" onClick={() => this.acceptCookies()}>{translate(`common.cookie.settings.acceptchoices`)}</button>\r\n                                </div>\r\n                                <div class=\"small-6 columns\">\r\n                                    <button className=\"button cookie-accept-settings-btn all\" onClick={() => this.acceptCookiesWithDelay()}>{translate(`common.cookie.settings.acceptall`)}</button>    \r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                }\r\n            </Fragment>\r\n        )\r\n    }\r\n}\r\nexport default CookieBar;"],"sourceRoot":""}