this.toggleClass(value)}\r\n className={this.state.active == true && this.state.selectedValue == value ? 'active' : ''}\r\n >\r\n \r\n
{\r\n e.preventDefault();\r\n this.onSubmit(this.state.searchValue, this.state.searchType);\r\n }}\r\n >\r\n \r\n \r\n this.onChange} />\r\n \r\n \r\n \r\n {this.OverlayToggleButton({\r\n value: 'registered',\r\n messageId: 'search_bar-registrations',\r\n defaultMessage: 'Rekisteröidyt',\r\n tooltipMessageId: 'search_info-registrations'\r\n })}\r\n {this.OverlayToggleButton({\r\n value: 'prohibited',\r\n messageId: 'search_bar-161_prohibitions',\r\n defaultMessage: '16.1§:n mukaiset kiellot',\r\n tooltipMessageId: 'search_info-prohibitions'\r\n })}\r\n {this.OverlayToggleButton({\r\n value: 'deleted',\r\n messageId: 'search_bar-deleted',\r\n defaultMessage: 'Poistetut',\r\n tooltipMessageId: 'search_info-deleted'\r\n })}\r\n \r\n \r\n this.onSubmit(this.state.searchValue, this.state.searchType)}\r\n >\r\n {\r\n
\r\n \r\n \r\n {this.props.children}\r\n \r\n
\r\n );\r\n }\r\n}\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport '../styles/info-block.css';\r\nimport {FormattedMessage} from 'react-intl';\r\n\r\nconst infoBlock = props => {\r\n const Heading = props.headingLevel;\r\n\r\n return (\r\n \r\n {props.children}\r\n
\r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nHome.propTypes = {\r\n organisaatioId: PropTypes.number\r\n};\r\n\r\nexport default Home;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {FormattedMessage} from 'react-intl';\r\n\r\nconst resultCounter = ({counter}) => (\r\n \r\n \r\n \r\n
\r\n);\r\n\r\nresultCounter.propTypes = {\r\n counter: PropTypes.number.isRequired\r\n};\r\n\r\nexport default resultCounter;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport '../styles/companyTable.css';\r\nimport {FormattedMessage} from 'react-intl';\r\nimport ResultCounter from '../components/ResultCounter';\r\n\r\nconst companyTable = props => {\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n \r\n \r\n {props.columns.map((column, index) => {\r\n if (column.className)\r\n return (\r\n \r\n {column.name}\r\n \r\n );\r\n return {column.name} ;\r\n })}\r\n \r\n \r\n \r\n {!props.loading &&\r\n props.searchResultsArray.map(item =>\r\n props.renderSearchResults(\r\n item,\r\n props.selectedCompany,\r\n props.selectItem,\r\n props.locale,\r\n props.formatMessage\r\n )\r\n )}\r\n \r\n
\r\n {props.loading && (\r\n
\r\n
\r\n )}\r\n {!props.loading && props.searchResultsArray.length === 0 && (\r\n
\r\n
\r\n )}\r\n
selectItem(item.Id, buttonRef)}>\r\n {item.Toiminimi} \r\n {item.Aputoiminimi} \r\n {item.YTunnus} \r\n {item.Osoite} \r\n \r\n {locale === 'fi' ? item.Sanktio?.TypeLabelFi : item.Sanktio?.TypeLabelSv}\r\n \r\n \r\n selectItem(item.Id, buttonRef)}>\r\n \r\n \r\n \r\n );\r\n};\r\nconst SanctionedCompaniesRender = (item, selectedCompany, selectItem, locale, formatMessage) => {\r\n const itemClassName =\r\n selectedCompany === item.Id ? 'company-table__item selected' : 'company-table__item';\r\n \r\n const buttonRef = useRef(null);\r\n\r\n return (\r\n selectItem(item.Id, buttonRef)}>\r\n {item.Toiminimi} \r\n {item.YTunnus} \r\n \r\n {locale === 'fi' ? item.Sanktio?.TypeLabelFi : item.Sanktio?.TypeLabelSv}\r\n \r\n {moment(item.SanktioPvm).format('DD.MM.YYYY')} \r\n {item.Sanktio?.DiaariNumber} \r\n \r\n {item.Sanktio?.Legal !== null\r\n ? formatMessage(getForceOfLawMessageFormat(item.Sanktio?.Legal))\r\n : item.Sanktio?.Legality}\r\n \r\n \r\n selectItem(item.Id, buttonRef)}>\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst ProhibitedCompaniesRender = (item, selectedCompany, selectItem, locale, formatMessage) => {\r\n const itemClassName =\r\n selectedCompany === item.Id ? 'company-table__item selected' : 'company-table__item';\r\n \r\n const buttonRef = useRef(null);\r\n return (\r\n selectItem(item.Id, buttonRef)}>\r\n {item.Toiminimi} \r\n {item.Aputoiminimi} \r\n {item.YTunnus} \r\n {moment(item.Sanktio?.DecisionDate).format('DD.MM.YYYY')} \r\n {item.Sanktio?.DiaariNumber} \r\n \r\n {item.Sanktio?.Legal !== null\r\n ? formatMessage(getForceOfLawMessageFormat(item.Sanktio?.Legal))\r\n : item.Sanktio?.Legality}\r\n \r\n \r\n selectItem(item.Id, buttonRef)}>\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst DeletedCompaniesRender = (item, selectedCompany, selectItem, locale) => {\r\n const itemClassName =\r\n selectedCompany === item.Id ? 'company-table__item selected' : 'company-table__item';\r\n \r\n const buttonRef = useRef(null);\r\n return (\r\n selectItem(item.Id, buttonRef)}>\r\n {item.Toiminimi} \r\n {item.Aputoiminimi} \r\n {item.YTunnus} \r\n {moment(item.Poistotiedot.Pvm).format('DD.MM.YYYY')} \r\n \r\n {locale === 'fi' ? item.Poistotiedot?.PoistotapaFi : item.Poistotiedot?.PoistotapaSv}\r\n \r\n \r\n selectItem(item.Id, buttonRef)}>\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst SearchResults = props => {\r\n let columns, renderSearchResults;\r\n const intl = useIntl();\r\n\r\n switch (props.searchType) {\r\n case 'registered':\r\n columns = registedColumns;\r\n renderSearchResults = RegisteredCompaniesRender;\r\n break;\r\n case 'sanctioned':\r\n columns = sanctionedColumns;\r\n renderSearchResults = SanctionedCompaniesRender;\r\n break;\r\n case 'prohibited':\r\n columns = prohibitedColumns;\r\n renderSearchResults = ProhibitedCompaniesRender;\r\n break;\r\n case 'deleted':\r\n columns = deletedColumns;\r\n renderSearchResults = DeletedCompaniesRender;\r\n break;\r\n default:\r\n return null;\r\n }\r\n\r\n return (\r\n \r\n
\r\n);\r\n\r\nYritysrivi.propTypes = {\r\n labelId: PropTypes.string,\r\n arvo: PropTypes.string,\r\n};\r\n\r\nexport default Yritysrivi;\r\n","import React from \"react\";\r\nimport moment from \"moment\";\r\nimport InfoRow from \"./apukomponentit/yritysrivi\";\r\nimport \"../styles/company.css\";\r\nimport { useIntl } from \"react-intl\";\r\n\r\nconst CompanySanctions = props => {\r\n const intl = useIntl();\r\n\r\n const renderForceOfLaw = (value) => {\r\n if(value === true) {\r\n return intl.formatMessage({\r\n id: \"sanctions-force_of_law_true\"\r\n }).toLowerCase();\r\n }\r\n else {\r\n return intl.formatMessage({\r\n id: \"sanctions-force_of_law_false\"\r\n }).toLowerCase();\r\n }\r\n };\r\n\r\n return (\r\n \r\n {props.sanktiot.All.map((item, index) => {\r\n const sanctionDetails = `${\r\n intl.locale === \"fi\" ? item.TypeLabelFi : item.TypeLabelSv\r\n }, \r\n ${intl.formatMessage({\r\n id: \"sanctions-docket\",\r\n })}\r\n ${item.DiaariNumber}${intl.formatMessage({\r\n id: \"sanctions-verdict_date\",\r\n })} ${moment(item.DecisionDate).format(\"DD.MM.YYYY\")}. \r\n ${intl.formatMessage({\r\n id: \"sanctions-force_of_law\",\r\n })} ${item.Legal !== null ? renderForceOfLaw(item.Legal) : item.Legality}. \r\n ${\r\n intl.locale === \"fi\" ? item.DescriptionFi : item.DescriptionSv\r\n }`;\r\n if (index === 0) {\r\n return (\r\n
\r\n );\r\n};\r\n\r\nexport default CompanySanctions;\r\n","import React from 'react';\r\nimport InfoRow from '../../components/apukomponentit/yritysrivi';\r\n\r\nconst handlePositions = (asemat, locale) => {\r\n const localizedPositions = asemat.map(asema => (locale === 'fi' ? asema.AsemaFi : asema.AsemaSv));\r\n return localizedPositions.join(', ');\r\n};\r\n\r\nconst oikeushenkiloComponent = ({oikeushenkilot, locale}) =>\r\n oikeushenkilot.map((oikeushenkilo, index) => {\r\n const positions = handlePositions(oikeushenkilo.Asemat, locale);\r\n if (index === 0) {\r\n return (\r\n \r\n \r\n );\r\n }\r\n\r\n if (this.state.yritys === null) {\r\n return (\r\n \r\n
\r\n );\r\n }\r\n const result = this.state.yritys;\r\n return (\r\n \r\n \r\n \r\n \r\n {result.Toiminimi} \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default Company;\r\n","import querystring from 'query-string';\r\n\r\nexport const queryParam = (string) => {\r\n\treturn querystring.parse(string)\r\n}","import React, {Component} from 'react';\r\nimport webClient from '../api/webClient';\r\nimport Results from './SearchResultsByCompanyType';\r\nimport Company from './company';\r\nimport {queryParam} from '../helpers/queryStringHelper';\r\nimport '../styles/searchResults.css';\r\n\r\nclass SearchResults extends Component {\r\n state = {\r\n loading: false,\r\n companies: [],\r\n selectedCompany: null,\r\n buttonRef: null\r\n };\r\n\r\n componentDidMount() {\r\n const params = this.parseQueryParam();\r\n if (this.state.companies.length === 0 && typeof params !== 'undefined') {\r\n this.getCompanies();\r\n }\r\n document.addEventListener('keydown', this.escFunction, false);\r\n }\r\n\r\n componentDidUpdate(prevProps) {\r\n if (\r\n prevProps.searchValue !== this.props.searchValue ||\r\n prevProps.searchType !== this.props.searchType\r\n ) {\r\n this.getCompanies();\r\n }\r\n }\r\n componentWillUnmount(){\r\n document.removeEventListener('keydown', this.escFunction, false);\r\n }\r\n\r\n escFunction = event => {\r\n if(event.keyCode === 27) {\r\n this.setState({selectedCompany: null})\r\n }\r\n }\r\n\r\n parseQueryParam = () => {\r\n return queryParam(this.props.location.search);\r\n };\r\n\r\n selectItem = (id, ref) => {\r\n this.setState({selectedCompany: id, buttonRef: ref});\r\n };\r\n\r\n getCompanies = () => {\r\n const params = this.parseQueryParam();\r\n const payload = {SearchKeyword: params.nameorid, Status: params.Type};\r\n this.setState({loading: true});\r\n webClient\r\n .post('/Yrityksenperustiedot/Etsi', payload)\r\n .then(response => {\r\n const values = response.data;\r\n this.setState({\r\n companies: values,\r\n loading: false\r\n });\r\n })\r\n .catch(error => {\r\n this.setState({\r\n loading: false\r\n });\r\n });\r\n };\r\n\r\n render() {\r\n let resultClassNames = 'company-table-container';\r\n if (this.state.selectedCompany) {\r\n resultClassNames += ' company-table-container-hidden';\r\n }\r\n return (\r\n \r\n
\r\n \r\n
\r\n {this.state.selectedCompany && (\r\n
{\r\n this.setState({selectedCompany: null});\r\n this.state.buttonRef.current.focus();\r\n }}\r\n locale={this.props.locale}\r\n />\r\n )}\r\n \r\n
\r\n \r\n {props.language === 'fi' ? 'Suomeksi' : 'På svenska'}\r\n \r\n languageOnChange(e)}>\r\n \r\n Suomeksi\r\n \r\n \r\n På svenska\r\n \r\n
\r\n \r\n
\r\n {title} \r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n
\r\n );\r\n};\r\n\r\nexport default Header;\r\n","import React from 'react';\r\nimport '../styles/common.css';\r\nimport {FormattedMessage, useIntl} from 'react-intl';\r\n\r\nconst Footer = () => {\r\n const d = new Date();\r\n const currentYear = d.getFullYear();\r\n\r\n const intl = useIntl();\r\n\r\n return (\r\n \r\n \r\n {' '}\r\n \r\n \r\n {' '}\r\n |{' '}\r\n \r\n \r\n \r\n | {' '}\r\n \r\n \r\n \r\n
\r\n \r\n © {currentYear}
\r\n \r\n );\r\n};\r\n\r\nexport default Footer;\r\n","import React, {Component} from 'react';\r\nimport {BrowserRouter, Route} from 'react-router-dom';\r\nimport {Layout} from './hoc/layout';\r\nimport Home from './Views/home';\r\nimport SearchResults from './Views/SearchResults';\r\nimport Yritysnakyma from './Views/company';\r\nimport Header from './components/header';\r\nimport Footer from './components/footer';\r\nimport {IntlProvider} from 'react-intl';\r\nimport messages_fi from './static/locales/fi.json';\r\nimport messages_sv from './static/locales/sv.json';\r\n\r\nimport '../node_modules/bootstrap/dist/css/bootstrap.min.css';\r\nimport 'react-bootstrap-table-next/dist/react-bootstrap-table2.min.css';\r\nimport './styles/common.css';\r\n\r\nconst messages = {\r\n fi: messages_fi,\r\n sv: messages_sv\r\n};\r\n\r\nexport default class App extends Component {\r\n state = {\r\n languageMessages: messages.fi,\r\n language: 'fi',\r\n searchValue: null,\r\n searchType: null\r\n };\r\n\r\n componentDidMount() {\r\n window.document.documentElement.lang = 'fi-FI';\r\n }\r\n\r\n onLanguageChange = newLang => {\r\n if (newLang === 'fi-FI') {\r\n this.setState({languageMessages: messages.fi, language: 'fi'});\r\n window.document.documentElement.lang = newLang;\r\n } else if (newLang === 'sv-FI') {\r\n this.setState({languageMessages: messages.sv, language: 'sv'});\r\n window.document.documentElement.lang = newLang;\r\n }\r\n };\r\n\r\n onSearch = (value, type) => {\r\n this.setState({searchValue: value, searchType: type});\r\n };\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n \r\n (\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.1/8 is considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl)\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister();\r\n });\r\n }\r\n}\r\n","import 'react-app-polyfill/ie11';\r\nimport React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nReactDOM.render(