\n\t\t\t\n\t\t);\n\t}\n\n}\n","import queryString from 'query-string';\nimport cookies from 'browser-cookies';\n\nimport { fetchApiJson } from '.';\nimport { isAuthenticated } from '../auth';\n\n\n/**\n * Generate a new Paytrail payment.\n *\n * @param {string} .productType\n * @param {object} [.additionalData]\n *\n * @param {object} options\n *\n * @return {object}\n */\nexport const generatePayment = ({ productType, additionalData }, options) => async dispatch => {\n\tconst payment = await dispatch(fetchApiJson('payment', {\n\t\tmethod: 'post',\n\t\tdata: {\n\t\t\tproductType,\n\t\t\tadditionalData,\n\t\t\tcampaignCode: cookies.get('campaign'),\n\t\t},\n\t\t...options,\n\t}));\n\n\treturn payment;\n};\n\n/**\n * Get a Paytrail payment.\n *\n * @param {string} orderNumber\n *\n * @param {object} options\n *\n * @return {object}\n */\nexport const getPayment = ({ orderNumber, paymentStatus }, options) => async dispatch => {\n\tconst qs = queryString.stringify({ paymentStatus });\n\n\tconst payment = await dispatch(fetchApiJson(`payment/${orderNumber}?${qs}`, {\n\t\tmethod: 'get',\n\t\t...options,\n\t}));\n\n\treturn payment;\n};\n\n\nexport const getPrices = (options) => async dispatch => {\n\tlet payment = null;\n\tconst campaignCode = cookies.get('campaign');\n\tconst params = campaignCode ? { campaignCode } : undefined;\n\n\tif (isAuthenticated()) {\n\t\tpayment = await dispatch(fetchApiJson(`payment/prices/personal`, {\n\t\t\tmethod: 'get',\n\t\t\tparams,\n\t\t\t...options,\n\t\t}));\n\t}\n\telse {\n\t\tpayment = await dispatch(fetchApiJson(`payment/prices`, {\n\t\t\tmethod: 'get',\n\t\t\tparams,\n\t\t\t...options,\n\t\t}));\n\t}\n\treturn payment;\n};\n\nexport const getCampaign = (campaignCode, options) => async dispatch => {\n\tlet campaign = null;\n\ttry {\n\t\tif (campaignCode) {\n\t\t\tcampaign = await dispatch(fetchApiJson(`payment/campaign/${campaignCode}`, {\n\t\t\t\tmethod: 'get',\n\t\t\t\t...options,\n\t\t\t}));\n\t\t}\n\t} catch (error) {\n\t\tif (error.response.status === 404) {\n\t\t\tcookies.erase('campaign');\n\t\t}\n\t}\n\treturn campaign;\n};\n","import axios from 'axios';\nimport cookies from 'browser-cookies';\nimport PromiseFileReader from 'promise-file-reader';\nimport queryString from 'query-string';\nimport { stopSubmit } from 'redux-form/immutable';\n\nimport history from '../history';\nimport { destroySessionAndState } from './auth';\n\n\n\n\n/**\n * Execute an API call to the Node.js server.\n *\n * @param {string} path\n * @param {object} options Options forwarded to `axios(..)`\n * @param {string} [options.unauthorizedErrorMessage='expired'] The value for `error` query param\n * for unauthorized requests that get redirected to authenticated view.\n * @param {boolean} [options.redirectToAuthOnExpiredSession=true] If the session has expired, i.e.\n * a response with 401 status code is returned, whether to redirect to authentication scene.\n *\n * @throws {Error} If an error (with status code other than 401) occurred when making the HTTP request.\n */\nexport const fetchApi = (path, options = {}) => async dispatch => {\n\tconst currentService = cookies.get('service');\n\n\tconst {\n\t\tunauthorizedErrorMessage = 'expired',\n\t\tredirectToAuthOnExpiredSession = true,\n\t\t...axiosOptions\n\t} = options;\n\n\ttry {\n\t\tconst pathPrefix = path.startsWith('/') ? '' : '/api/v1/';\n\t\tconst response = await axios(`${pathPrefix}${path}`, {\n\t\t\txsrfCookieName: 'csrf',\n\t\t\txsrfHeaderName: 'x-csrf-token',\n\t\t\tcredentials: 'same-origin',\n\t\t\t...axiosOptions,\n\t\t});\n\n\t\treturn response;\n\t}\n\tcatch (error) {\n\t\tif (error.response && error.response.status === 401) {\n\t\t\tif (redirectToAuthOnExpiredSession) {\n\t\t\t\t// Destroy session cookies and Redux state.\n\t\t\t\tdispatch(destroySessionAndState());\n\n\t\t\t\tdispatch(stopSubmit('login', {\n\t\t\t\t\t_error: 'Istunto on vanhentunut.', // TODO Translate\n\t\t\t\t}));\n\n\t\t\t\t// If the current service is set in the 'service' cookie, redirect to the\n\t\t\t\t// authentication page of that service. Otherwise, redirect to the front page.\n\t\t\t\tif (currentService) {\n\t\t\t\t\tconst authQueryString = queryString.stringify({\n\t\t\t\t\t\terror: unauthorizedErrorMessage,\n\t\t\t\t\t\tredirectPath: getEncodedRedirectPath(),\n\t\t\t\t\t});\n\n\t\t\t\t\thistory.push(`/${currentService}/auth?${authQueryString}`);\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\thistory.push('/');\n\t\t\t\t}\n\n\t\t\t\tthrow Error('You are not authorized to access this page');\n\t\t\t}\n\n\t\t\treturn;\n\t\t}\n\n\t\tif (error.response && error.response.data) {\n\t\t\t// Add error code from the response body directly to the error object.\n\t\t\terror.errorCode = error.response.data.errorCode;\n\n\t\t\t// If blob was specified as responseType, error data is also returned as blob,\n\t\t\t// and needs to be parsed into object.\n\t\t\tif (error.response.config.responseType === 'blob') {\n\t\t\t\tconst errorString = await PromiseFileReader.readAsText(error.response.data);\n\t\t\t\tconst { errorCode } = JSON.parse(errorString);\n\n\t\t\t\terror.errorCode = errorCode;\n\t\t\t}\n\t\t}\n\n\t\t// User cancelled the request.\n\t\tif (axios.isCancel(error)) {\n\t\t\tthrow error;\n\t\t}\n\t\telse {\n\t\t\t// Print errors to console if logging fetch errors is enabled.\n\t\t\tif (process.env.REACT_APP_LOG_FETCH_ERRORS) {\n\t\t\t\tconsole.error(error); // eslint-disable-line no-console\n\t\t\t}\n\n\t\t\tif (error.response && error.response.status >= 500) {\n\t\t\t\t// TODO: translate and/or get this message from a common place.\n\t\t\t\tthrow Error('Palvelussa tapahtui virhe. Odota hetki, ja yritä uudelleen.');\n\t\t\t}\n\n\t\t\tthrow error;\n\t\t}\n\t}\n\n};\n\n/**\n * Execute an API call to the Node.js server and parse the JSON response.\n *\n * @param {string} path\n * @param {object} options Options forwarded to `axios(..)`\n *\n * @throws {Error} If an error (with status code other than 401) occurred when making the HTTP request.\n */\nexport const fetchApiJson = (path, options = {}) => async dispatch => {\n\toptions.headers = {\n\t\tAccept: 'application/json',\n\t\t'Content-Type': 'application/json',\n\t\t...options.headers,\n\t};\n\n\tconst response = await dispatch(fetchApi(path, options));\n\n\tif (!response || response.status === 204) {\n\t\t// No content was returned.\n\t\treturn;\n\t}\n\n\treturn response.data;\n};\n\n/**\n * Get the URL encoded redirect path for the current location.\n *\n * @return {string}\n */\nexport function getEncodedRedirectPath() {\n\tconst redirectPath = encodeURIComponent(window.location.pathname + window.location.search);\n\n\treturn redirectPath;\n}\n","import React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\n\n\nexport default class Spinner extends PureComponent {\n\n\tstatic propTypes = {\n\t\tcolor: PropTypes.oneOf([ 'white' ]),\n\t\tclassName: PropTypes.any,\n\t};\n\n\n\trender() {\n\t\treturn (\n\t\t\t
\n\t\t\t\t\n\t\t\t
\n\t\t);\n\t}\n\n}\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { colors } from './styles';\n\n\nexport default class Arrow extends PureComponent {\n\n\n\tstatic propTypes = {\n\t\tclassName: PropTypes.string,\n\t\tstyle: PropTypes.object,\n\t\tdisabled: PropTypes.bool,\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tclassName,\n\t\t\tstyle,\n\t\t\tdisabled,\n\t\t} = this.props;\n\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n\n}\n\n","module.exports = __webpack_public_path__ + \"static/media/DNBLogo.2af0688d.png\";","import cookies from 'browser-cookies';\n\n\n/**\n * Checks if user is authenticated.\n *\n * @return {bool}\n */\nexport function isAuthenticated() {\n\tconst isAuthenticated = Boolean(cookies.get('csrf'));\n\n\treturn isAuthenticated;\n}\n","import { combineReducers } from 'redux-immutablejs';\nimport { reducer as form } from 'redux-form/immutable';\n\nimport { stateClear } from './actions';\n\n\nconst nestedReducers = combineReducers({\n\tform,\n});\n\nexport default function rootReducer(state, action) {\n\tif (action.type === stateClear.toString()) {\n\t\t// Calling reducers with state set to `undefined` will reset\n\t\t// them to the initial state.\n\t\tstate = undefined;\n\t}\n\n\tstate = nestedReducers(state, action);\n\n\treturn state;\n}\n","import React, { PureComponent } from 'react';\nimport classNames from 'classnames';\nimport { Link } from 'react-router-dom';\nimport { FeatureGate } from 'react-feature-gate';\nimport { withTranslation } from 'react-i18next';\nimport PropTypes from 'prop-types';\n\nimport ContentBlock from '../common/ContentBlock';\nimport App from '../App';\nimport Header from '../common/Header';\nimport HeroHeadingContainer from '../common/HeroHeadingContainer';\n\nclass ServicesView extends PureComponent {\n\n\tstatic propTypes = {\n\t\tt: PropTypes.func,\n\t}\n\n\trender() {\n\t\tconst { t } = this.props;\n\t\treturn (\n\t\t\t}\n\t\t\t\theroHeadingContainer={}\n\t\t\t\tcontent={\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n\n\treturn (\n\t\t\n\t\t\t{content}\n\t\t\n\t);\n}\n\nexport default connect(\n\tundefined,\n\tdispatch => bindActionCreators({\n\t\tlogout,\n\t}, dispatch),\n)(LogoutView);\n","import LogoutView from './LogoutView';\n\n\nexport default LogoutView;\n","import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport cookies from 'browser-cookies';\nimport ReactRouterPropTypes from 'react-router-prop-types';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { Redirect } from 'react-router-dom';\n\nimport { getCampaign } from '../fetcher/payment';\nimport Spinner from './common/Spinner';\nimport { isValidCampaign } from './common/util';\n\nconst CampaignRoute = ({ getCampaign, location }) => {\n\n\tCampaignRoute.propTypes = {\n\t\tgetCampaign: PropTypes.func,\n\t\tchildren: PropTypes.node,\n\t\tlocation: ReactRouterPropTypes.location.isRequired,\n\t};\n\n\tconst [campaign, setCampaign] = useState();\n\tconst code = location.pathname.slice(1);\n\n\tuseEffect(() => {\n\t\t(async () => {\n\t\t\tconst campaign = await getCampaign(code);\n\t\t\tsetCampaign(campaign);\n\t\t\tif (isValidCampaign(campaign)) {\n\t\t\t\tcookies.set('campaign', code);\n\t\t\t} else {\n\t\t\t\tcookies.erase('campaign');\n\t\t\t}\n\t\t})();\n\t}, [code, getCampaign]);\n\n\tconst campaignUrls = {\n\t\t'companiesMonitoring': '/companies/monitoring',\n\t\t'monitoring': '/monitoring',\n\t\t'protection': '/protection',\n\t};\n\n\tconst campaignTargetUrl = campaign && campaignUrls[campaign.serviceId];\n\treturn (\n\t\tcampaign === undefined\n\t\t\t? \n\t\t\t: campaign !== null && campaignTargetUrl\n\t\t\t\t? \n\t\t\t\t: // campaign does not exist\n\t);\n}\n\nexport default connect(\n\tundefined,\n\tdispatch => bindActionCreators({\n\t\tgetCampaign,\n\t}, dispatch),\n)(CampaignRoute);\n","import React, { Suspense } from 'react';\nimport { Route, Switch, Redirect } from 'react-router-dom';\nimport Loadable from 'react-loadable';\nimport DocumentTitle from 'react-document-title';\nimport { withTranslation } from 'react-i18next';\n\nimport ServicesView from './ServicesView/ServicesView';\nimport Spinner from './common/Spinner';\nimport App from './App';\nimport Header from './common/Header';\nimport LogoutView from './common/LogoutView';\nimport features from '../features';\nimport HeroHeadingContainer from './common/HeroHeadingContainer';\nimport CampaignRoute from './CampaignRoute';\n\nconst SettingsServiceRoutes = Loadable({\n\tloader: () => import('./SettingsService/SettingsServiceRoutes'),\n\tloading: Spinner,\n});\n\nconst AdminServiceRoutes = Loadable({\n\tloader: () => import('./AdminService/AdminServiceRoutes'),\n\tloading: Spinner, // TODO Make a proper loading screen\n});\n\nconst DataServiceRoutes = Loadable({\n\tloader: () => import('./DataService/DataServiceRoutes'),\n\tloading: Spinner, // TODO Make a proper loading screen\n});\n\nconst ProtectionServiceRoutes = Loadable({\n\tloader: () => import('./ProtectionService/ProtectionServiceRoutes'),\n\tloading: Spinner, // TODO Make a proper loading screen\n});\n\nconst RightsServiceRoutes = Loadable({\n\tloader: () => import('./RightsService/RightsServiceRoutes'),\n\tloading: Spinner, // TODO Make a proper loading screen\n});\n\nconst MonitoringServiceRoutes = Loadable({\n\tloader: () => import('./MonitoringService/MonitoringServiceRoutes'),\n\tloading: Spinner, // TODO Make a proper loading screen\n});\n\nconst CompanyMonitoringServiceRoutes = Loadable({\n\tloader: () => import('./CompanyMonitoringService/CompanyMonitoringServiceRoutes'),\n\tloading: Spinner, // TODO Make a proper loading screen\n});\n\nlet rootView;\nif (process.env.NODE_ENV !== 'production') {\n\t// In development environments, show the service listing page in '/' path.\n\trootView = (\n\t\t\n\t);\n}\nelse {\n\t// In production (and staging), redirect from '/' to the Data service.\n\trootView = (\n\t\t\n\t);\n}\n\nconst Routes = () => (\n\t\n\t\t\n\t\t\t{rootView}\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t{features.FEATURE_MONITORING &&\n\t\t\t\t\n\t\t\t}\n\t\t\t{features.FEATURE_COMPANY_MONITORING &&\n\t\t\t\t\n\t\t\t}\n\t\t\t (\n\t\t\t\t\t}\n\t\t\t\t\t\tcontent={}\n\t\t\t\t\t\theroHeadingContainer={}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t (\n\t\t\t\t\t\n\t\t\t\t)}\n\t\t\t/>\n\t\t\n\t\n);\n\nconst RoutesWithTranslation = withTranslation()(Routes);\n\nexport default () => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n","import i18n from 'i18next';\nimport { initReactI18next } from 'react-i18next';\nimport Backend from 'i18next-http-backend';\nimport LanguageDetector from 'i18next-browser-languagedetector';\n\ni18n\n\t// load translation using http -> see /public/locales (i.e. https://github.com/i18next/react-i18next/tree/master/example/react/public/locales)\n\t// learn more: https://github.com/i18next/i18next-http-backend\n\t.use(Backend)\n\t// detect user language\n\t// learn more: https://github.com/i18next/i18next-browser-languageDetector\n\t.use(LanguageDetector)\n\t// pass the i18n instance to react-i18next.\n\t.use(initReactI18next)\n\t// init i18next\n\t// for all options read: https://www.i18next.com/overview/configuration-options\n\t.init({\n\t\tlng: 'fi',\n\t\tfallbackLng: 'fi',\n\t\tdebug: true,\n\n\t\tloadPath: '/locales/{{lng}}/{{ns}}.json',\n\n\t\tinterpolation: {\n\t\t\tescapeValue: false, // not needed for react as it escapes by default,\n\t\t\tformat: function(value, format, lng) {\n\t\t\t\tif (format === 'currency') {\n\t\t\t\t\treturn new Intl.NumberFormat(lng, {\n\t\t\t\t\t\tstyle: 'currency',\n\t\t\t\t\t\tcurrency: 'EUR',\n\t\t\t\t\t}).format(value);\n\t\t\t\t}\n\t\t\t\treturn value;\n\t\t\t},\n\t\t},\n\t});\n\n\nexport default i18n;\n","import { createStore, applyMiddleware, compose } from 'redux';\nimport thunk from 'redux-thunk';\nimport { change } from 'redux-form';\n\nimport rootReducer from './rootReducer';\n\n\nexport function createAppStore(enchancers = []) {\n\tlet composeEnhancers = compose;\n\tif (typeof window !== 'undefined') {\n\t\t// When running on browser, enable Redux DevTools if the\n\t\t// extension is enabled.\n\t\tcomposeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;\n\t}\n\n\tconst store = createStore(\n\t\trootReducer,\n\t\tcomposeEnhancers(\n\t\t\tapplyMiddleware(thunk),\n\t\t\t...enchancers,\n\t\t),\n\t);\n\n\treturn store;\n}\n\nexport function populateTestData(dispatch) {\n\tdispatch(change('login', 'username', 'testuser'));\n\tdispatch(change('login', 'password', 'supersecret'));\n\n\tdispatch(change('adminDataReport', 'socialSecurityNumber', '160162-9968'));\n\tdispatch(change('adminDataReport', 'purposeCode', '6'));\n\tdispatch(change('adminDataReport', 'firstName', 'Kanerva'));\n\tdispatch(change('adminDataReport', 'lastName', 'Tuulispää'));\n\tdispatch(change('adminDataReport', 'streetAddress', 'Kumpulantie 3'));\n\tdispatch(change('adminDataReport', 'postalCode', '00520'));\n\tdispatch(change('adminDataReport', 'postOffice', 'Helsinki'));\n\n\tdispatch(change('adminRightsUserInfo', 'socialSecurityNumber', '160162-9968'));\n\tdispatch(change('adminRightsUserInfo', 'purposeCode', '6'));\n\tdispatch(change('adminRightsUserInfo', 'firstName', 'Kanerva'));\n\tdispatch(change('adminRightsUserInfo', 'lastName', 'Tuulispää'));\n\tdispatch(change('adminRightsUserInfo', 'streetAddress', 'Kumpulantie 3'));\n\tdispatch(change('adminRightsUserInfo', 'postalCode', '00520'));\n\tdispatch(change('adminRightsUserInfo', 'postOffice', 'Helsinki'));\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { Provider } from 'react-redux';\nimport { Router } from 'react-router-dom';\nimport { persistStore, autoRehydrate } from 'redux-persist-immutable';\nimport { FeatureProvider } from 'react-feature-gate';\nimport 'react-app-polyfill/ie11';\n\nimport { createAppStore, populateTestData } from './store';\nimport history from './history';\nimport Routes from './components/Routes';\nimport features from './features';\n\n// import i18n (needs to be bundled ;))\nimport './i18n';\n\nimport './styles/index.css';\nimport './styles/mobile.css';\n\nconst store = createAppStore([ autoRehydrate() ]);\n\nconst whitelist = [];\nif (process.env.REACT_APP_STORAGE_WHITELIST) {\n\t// Defining REACT_APP_STORAGE_WHITELIST in you .env.local is a good\n\t// way to ease local development by preserving state between reloads\n\t// caused by source code changes.\n\t// Add a comma (,) separated list of reducer names to sync them into\n\t// local storage.\n\t//\n\t// Example:\n\t// REACT_APP_STORAGE_WHITELIST=user,consumerDataReport\n\n\tconst whitelistedReducers = process.env.REACT_APP_STORAGE_WHITELIST.split(',');\n\twhitelist.push(...whitelistedReducers);\n}\n\nif (process.env.REACT_APP_POPULATE_TEST_DATA) {\n\tpopulateTestData(store.dispatch);\n}\n\npersistStore(store, { whitelist }, () => {\n\tReactDOM.render(\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t,\n\t\tdocument.getElementById('root'),\n\t);\n});\n","import createHistory from 'history/createBrowserHistory';\n\n\nconst history = createHistory();\n\nexport { history as default };\n","import boolean from 'boolean';\n\n\nconst features = {\n\tFEATURE_MONITORING: boolean(process.env.REACT_APP_FEATURE_MONITORING),\n\tFEATURE_MONITORING_CHANGES_SCENE: boolean(process.env.REACT_APP_FEATURE_MONITORING_CHANGES_SCENE),\n\tFEATURE_PROTECTION_FREE_FOR_MONITORING_CONSUMERS: boolean(process.env.REACT_APP_FEATURE_PROTECTION_FREE_FOR_MONITORING_CONSUMERS),\n\tFEATURE_MONITORING_PAYMENT: boolean(process.env.REACT_APP_FEATURE_MONITORING_PAYMENT),\n\tFEATURE_COMPANY_MONITORING: boolean(process.env.REACT_APP_FEATURE_MONITORING_COMPANY),\n};\n\nexport default features;\n","import moment from 'moment';\n\n/**\n * Get the error message displayed to user based on the error code.\n *\n * @param {string} errorCode The error code returned by server\n *\n * @param {object[]} errorMessages Contains error messages in plain language,\n * that correspond to the error code\n *\n * @param {string} defaultMessage The message that is displayed if\n * there's no specific error message for the error code\n *\n * @return {string}\n */\nexport function getErrorMessage(errorCode, errorMessages, defaultMessage) {\n\t// Get the message for the error code. If a message is not found for the\n\t// error code, use the default message.\n\tconst errorMessage = errorMessages[errorCode] || defaultMessage;\n\n\treturn errorMessage;\n}\n\n/**\n * Censor the last part of a social security number.\n *\n * @param {string} socialSecurityNumber\n *\n * @return {string}\n */\nexport function getCensoredSocialSecurityNumber(socialSecurityNumber) {\n\tconst censoredSocialSecurityNumber = socialSecurityNumber.slice(0, -4) + 'XXXX';\n\n\treturn censoredSocialSecurityNumber;\n}\n\n// Convert date to string so it can be rendered in an undestandable form\n// Also convert to finnish format\nexport const convertDateToString = (remarkDate) => {\n\tconst typeToDate = new Date(remarkDate);\n\n\tconst remarkDateDay = typeToDate.getDate();\n\tconst remarkDateMonth = typeToDate.getMonth() + 1;\n\tconst remarkDateYear = typeToDate.getFullYear();\n\n\treturn `${remarkDateDay <= 9 ? 0 : ''}${remarkDateDay}.${remarkDateMonth <= 9 ? 0 : ''}${remarkDateMonth}.${remarkDateYear}`;\n};\n\nexport const compareDates = (a, b) => {\n\tconst c = new Date(a.date);\n\tconst d = new Date(b.date);\n\treturn c.getTime() - d.getTime();\n};\n\nexport const compareEvents = (a, b) => {\n\treturn (`${a.event}`).localeCompare(b.event);\n};\n\nexport const compareTargets = (a, b) => {\n\treturn (`${a.target}`).localeCompare(b.target);\n};\n\nexport const compareTypes = (a, b) => {\n\treturn (`${a.type}`).localeCompare(b.type);\n};\n\nexport const compareSources = (a, b) => {\n\treturn (`${a.type}`).localeCompare(b.type);\n};\n\n// Check if a single change has happened in the last 24 hours\nexport const changeHappenedIn24hours = (change) => {\n\tvar check = moment(change[0], 'DD/MM/YYYY');\n\treturn moment().diff(check, 'days') < 1\n\t// return moment().diff(change.changedAt, 'hours') <= 24;\n};\n\n// Check if a single change has happened in the last 72 hours\nexport const changeHappenedIn72Hours = (change) => {\n\treturn moment().diff(change.changedAt, 'hours') <= 72;\n};\n\n// Check if changes have happened in the last 24 hours\nexport const changesHappenedIn24hours = (changes) => {\n\treturn changes.some(x => moment().diff(x.changedAt, 'hours') <= 24);\n};\n\n// Check if changes have happened in the last 72 hours\nexport const changesHappenedIn72hours = (changes) => {\n\treturn changes.some(x => moment().diff(x.changedAt, 'hours') <= 72);\n};\n\n// Check if there are 1 or 2 changes in the last 90 days\nexport const changes1or2In90Days = (changes) => {\n\tconst count = changes.filter(x => moment().diff(x.changedAt, 'days') <= 90);\n\treturn count.length === 1 || count.length === 2;\n};\n\n// Check if there are more than 3 changes in the last 90 days\nexport const changes3orMoreIn90Days = (changes) => {\n\tconst count = changes.filter(x => moment().diff(x.changedAt, 'days') <= 90);\n\treturn count.length >= 3;\n};\n\n// Check if there are more than 12 changes in the last 360 days\nexport const changes12orMoreIn360Days = (changes) => {\n\tconst count = changes.filter(x => moment().diff(x.changedAt, 'days') <= 360);\n\treturn count.length >= 12;\n};\n\n// Changes happened in the last 360 days\nexport const changesHappenedIn360Days = (changes) => {\n\tconst newChanges = changes.filter(x => moment().diff(x.changedAt, 'days') <= 360);\n\treturn newChanges;\n};\n\n// Check if string is email\nconst emailRe = new RegExp(/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/);\nexport const isEmailFormValid = (email) => {\n\treturn emailRe.test(email);\n};\n\nconst ssnRe = new RegExp(/^[\\d]{6}[a+-][\\d]{3}[\\da-z]$/i)\nexport const isSsnFormValid = (ssn) => {\n\treturn ssnRe.test(ssn);\n};\n\nexport const isValidCampaign = (campaign, serviceId=undefined) => {\n\tconst now = new Date();\n\treturn campaign &&\n\t\t// serviceId is optional, ignore if not given\n\t\t(! serviceId || campaign.serviceId.includes(serviceId)) &&\n\t\tDate.parse(campaign.validSince) <= now && Date.parse(campaign.validUntil) > now;\n}\n\n// Backend may return \"Invalid date\" instead of null\nexport const formatDate = dateString =>\n\tdateString && dateString !== 'Invalid date'\n\t\t? moment(dateString).format('DD.MM.YYYY')\n\t\t: null\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\n\nexport default class SectionRow extends PureComponent {\n\n\tstatic propTypes = {\n\t\tclassName: PropTypes.string,\n\t\tchildren: PropTypes.node,\n\t};\n\n\n\trender() {\n\t\tconst {\n\t\t\tclassName,\n\t\t\tchildren,\n\t\t} = this.props;\n\n\t\tconst classNameFull = classNames(\n\t\t\t'row',\n\t\t\t'u-margin-x-md-default',\n\t\t\tclassName,\n\t\t);\n\n\t\treturn (\n\t\t\t
\n\t\t\t\t{children}\n\t\t\t
\n\t\t);\n\t}\n\n}\n","import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Radium from 'radium';\n\nimport { colors } from './styles';\n\n\nclass ContentBlock extends PureComponent {\n\n\tstatic propTypes = {\n\t\tclassName: PropTypes.string,\n\t\tstyle: PropTypes.object,\n\t\tchildren: PropTypes.node,\n\t};\n\n\trender() {\n\t\tconst {\n\t\t\tclassName,\n\t\t\tstyle,\n\t\t\t...passProps\n\t\t} = this.props;\n\n\t\tconst classNameFull = classNames(\n\t\t\t'card',\n\t\t\t'section--tight',\n\t\t\t'u-padding-large',\n\t\t\tclassName,\n\t\t);\n\n\t\treturn (\n\t\t\t
\n\t\t\t\t{this.props.children}\n\t\t\t
\n\t\t);\n\t}\n\n}\n\nconst styles = {\n\twrapper: {\n\t\tbackgroundColor: colors.white,\n\t},\n};\n\nexport default Radium(ContentBlock);\n","import cookies from 'browser-cookies';\n\nimport { fetchApiJson } from './';\nimport { stateClear } from '../store/actions';\n\n\n/**\n * Destroys the session (removes cookies) and the Redux state.\n */\nexport const destroySessionAndState = () => async dispatch => {\n\t// Erase the CSRF token cookie.\n\tcookies.erase('csrf');\n\tcookies.erase('service');\n\n\t// Clear everything from the Redux state.\n\tdispatch(stateClear());\n};\n\n/**\n * Make a login API call.\n *\n * @param {string} username\n * @param {string} password\n * @param {object} options\n *\n * @return {object} The logged in user.\n *\n * @throws {Error} If a login error (such as bad credentials) occurs.\n */\nexport const loginWithUserName = (username, password, options) => async dispatch => {\n\tconst user = await dispatch(fetchApiJson('auth/login', {\n\t\tmethod: 'post',\n\t\tdata: {\n\t\t\tusername,\n\t\t\tpassword,\n\t\t},\n\t\t...options,\n\t}));\n\n\treturn user;\n};\n\n/**\n * Make a logout API call.\n *\n * @return {object} The logged in user.\n *\n * @throws {Error} If a logout error (such as an invalid session ID) occurs.\n */\nexport const logout = (options) => async dispatch => {\n\tawait dispatch(fetchApiJson('auth/logout', {\n\t\tmethod: 'post',\n\t\tredirectToAuthOnExpiredSession: false,\n\t\t...options,\n\t}));\n\n\t// Destroy session cookies and Redux state.\n\tdispatch(destroySessionAndState());\n};\n\n/**\n * Get user info.\n */\nexport const getUserInfo = (options) => async dispatch => {\n\tconst userInfo = await dispatch(fetchApiJson('auth/user/info', {\n\t\tmethod: 'get',\n\t\t...options,\n\t}));\n\n\treturn userInfo;\n};\n","import React from 'react';\nimport { useTranslation } from 'react-i18next';\nimport classNames from 'classnames';\n\nimport { colors } from '../styles';\n\nconst Footer = () => {\n\n\tconst { t } = useTranslation(['miscellaneous']);\n\n\treturn (\n\t\t\n\t\t\t