\n
\n\n - \n {\n error !== '' && (\n
- \n
\n \n )\n }\n\n {\n activeErrors.map((error, index) => (\n - \n
\n \n ))\n }\n
\n
\n )\n })\n}\nexport default Switch;\n","import React, { useEffect } from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport uuid from 'uuid/v4';\n\nimport { translate } from '../I18n';\nimport { setValue, getValue, getErrorMessage, validate } from './IO';\n\nimport flatpickr from \"flatpickr\";\nimport 'flatpickr/dist/flatpickr.min.css'\nimport moment from 'moment';\n\nconst TimeInput = props => { \n const randomId = uuid();\n const {\n placeholder = '',\n type = 'text',\n className = '',\n ...rest\n } = props;\n\n useEffect(() => {\n const value = getValue(props);\n const element = document.getElementById(randomId);\n\n flatpickr(element, {\n enableTime: true,\n disableMobile: true,\n time_24hr: true,\n allowInput: true,\n dateFormat: \"d/m/Y H:i\",\n defaultDate: moment(moment.unix(value)).format('DD/MM/YYYY HH:mm'),\n onChange: ev => {\n setValue(props, moment(ev[0], 'DD/MM/YYYY HH:mm').unix());\n }\n });\n })\n\n const onChange = ev => {\n setValue(props, ev.target.value);\n };\n\n const onValidate = ev => {\n validate(props, ev.target.value);\n };\n\n const getStatus = () => {\n const { error, message } = getErrorMessage(props) || {};\n\n if (error !== undefined && error) {\n return {\n hasError: true,\n placeholder: translate(message)\n }\n } else {\n return {\n hasError: error !== undefined && error,\n placeholder: placeholder !== '' ? translate(placeholder) : ''\n }\n }\n };\n\n return useObserver(() => { \n const { hasError, placeholder } = getStatus();\n\n return (\n \n )\n })\n}\n\nexport default TimeInput;\n\n","import React, { Component, Fragment } from 'react';\nimport { observer, inject } from 'mobx-react';\nimport { Input, Label } from '../elements';\n\n@inject('deviceStore')\n@observer\nexport default class DeviceForm extends Component {\n render() {\n const { entity } = this.props;\n const { site, dev_id, type_id } = entity;\n\n return (\n changeState(true)}\n >\n
\n changeState(false)}\n >\n
\n \n \n \n
\n\n \n \n \n
\n\n \n \n \n
\n \n \n \n
\n )\n });\n};\n\nexport default SiteForm;\n","import React from 'react';\nimport { List, Input, Label, Switch } from '../elements';\nimport locales from '../../locales.json';\nimport {useObserver} from 'mobx-react-lite';\n\nclass Title {\n constructor(id, title) {\n this.id = id;\n this.title = title;\n }\n}\n\nconst AccountForm = ({ entity }) => {\n const titles = [\n new Title(1, 'Mr'),\n new Title(2, 'Mrs'),\n ];\n\n return useObserver(() => {\n return (\n <>\n \n \n
\n \n \n
\n\n \n \n \n
\n\n \n \n \n
\n \n \n \n
\n\n \n \n \n
\n\n \n \n
\n \n )\n });\n};\n\nexport default AccountForm;\n","import React, { Component, Fragment } from 'react';\nimport { observer, inject } from 'mobx-react';\nimport { Input, Label } from '../elements';\n\n@inject('settingsStore')\n@observer\nexport default class DeviceForm extends Component {\n render() {\n const { entity } = this.props;\n const { oldPassword, password, repeatPassword } = entity;\n\n return (\n \n \n \n
\n\n \n \n \n
\n\n \n \n \n
\n \n \n \n
\n \n \n \n
\n\n \n \n \n
\n\n \n \n \n
\n\n \n \n
\n\n \n )\n });\n};\n\nexport default ClaimForm;\n","import React, { Component, Fragment } from 'react';\nimport { observer } from 'mobx-react';\nimport { Label, Input } from '../elements';\n\n@observer\nexport default class CodeForm extends Component {\n render() {\n const { entity } = this.props;\n const { email } = entity;\n\n return (\n \n \n \n
\n \n \n \n
\n\n \n \n \n
\n\n \n \n \n
\n \n )\n })\n}\n\nexport default ResetPasswordForm;\n\n","import React, { useEffect } from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport {useStore} from '../../hooks';\nimport {translate} from '../I18n';\n\nconst SearchForm = ({ display = true, className = '' }) => {\n const global = useStore('global');\n let searchInput = '';\n\n useEffect(() => {\n if (display) {\n searchInput.focus();\n searchInput.click();\n }\n }, [display]);\n\n const onChange = ev => {\n global.searchterm = ev.target.value;\n };\n\n return useObserver(() => {\n const { searchterm } = global;\n return (\n display && (\n \n
\n )\n )\n })\n}\n\nexport default SearchForm;\n","import React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Button, Info, Modal } from '../elements';\nimport { TransferForm } from '../forms';\nimport {useObserver} from 'mobx-react-lite';\n\nconst TransferModal = ({ transfer, entity, site }) => { \n return useObserver(() => {\n return (\n \n { searchInput = input }} />\n\n {\n searchterm === '' && (\n \n )\n }\n\n {\n searchterm !== '' && (\n global.searchterm = ''} />\n )\n }\n
\n \n \n
\n
\n \n
\n \n
\n \n \n
\n setOverlayActive(false)}/>\n )\n }\n\n \n \n )\n })\n}\n\nexport default NotificationModal;\n","import React from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport { FormattedMessage } from 'react-intl'\nimport { Button, Info, Modal } from '../elements';\nimport { InviteForm } from '../forms';\n\n\nconst InviteUser = ({ entity, invite }) => { \n return useObserver(() => {\n return (\n \n \n )\n })\n};\n\n\nexport default InviteUser;\n","export default __webpack_public_path__ + \"static/media/reader.263e7194.svg\";","export default __webpack_public_path__ + \"static/media/acs01.cacaa682.svg\";","export default __webpack_public_path__ + \"static/media/network.2f23a424.svg\";","import React, { useState } from 'react';\nimport { FormattedMessage } from 'react-intl'\nimport { Button, Error, Modal } from '../elements';\nimport { ClaimForm } from '../forms';\nimport { Spinner } from '../elements';\nimport { useObserver } from 'mobx-react-lite';\nimport { closeModal, controlOnErrors } from '../../utils';\nimport { useError, useStores } from '../../hooks';\nimport { Messages, translate } from '../I18n';\n\nimport enterTheAccessCode from '../../assets/icons/reader.svg';\nimport connectToPower from '../../assets/icons/acs01.svg';\nimport connectToInternet from '../../assets/icons/network.svg';\nimport styles from '../../assets/styles/newDevice.module.scss';\n\nconst NewDeviceModal = () => {\n const [loading, setLoading ] = useState(false);\n const { siteStore } = useStores(['siteStore']);\n const { error, setError, clearError } = useError();\n\n const close = () => {\n closeModal('newDevice');\n };\n\n const claim = async () => {\n const { newDevice, selectedSite } = siteStore;\n try {\n await controlOnErrors(newDevice);\n clearError();\n setLoading(true);\n await siteStore.claimDevice();\n await siteStore.getDevicesFromSite(selectedSite.id);\n Messages.success('claimed_device');\n setLoading(false);\n close();\n } catch (err) {\n const { status } = err;\n setLoading(false);\n if (status !== undefined) {\n switch (status) {\n case 401:\n setError(translate('unauthorized_to_claim'));\n break;\n\n case 404:\n setError(translate('enter_a_valid_access_id'));\n break;\n\n case 406:\n setError(translate('the_device_is_already_claimed_localy'));\n break;\n\n case 410:\n setError(translate('the_device_is_already_claimed_by_someone_else'));\n break;\n\n case 503:\n setError(translate('the_device_you_want_to_claim_is_not_online'));\n break;\n\n case 412:\n setError(tranlate('one_or_more_devices_are_not_in_active_state'));\n break;\n\n default:\n setError(translate('an_unknown_error_occured'));\n break;\n }\n }\n }\n };\n\n const onClose = () => {\n const { newDevice } = siteStore;\n clearError();\n newDevice.cancel();\n };\n\n return useObserver(() => {\n const { newDevice } = siteStore;\n\n return (\n \n \n )\n });\n};\n\nexport default NewDeviceModal;\n","import React, { useState } from 'react';\nimport { FormattedMessage } from 'react-intl'\nimport { Button, Modal, Spinner } from '../elements';\nimport {useObserver} from 'mobx-react-lite';\n\nconst DeleteModal = ({ deleteDevice }) => {\n const [loading, setLoading] = useState(false);\n\n const performDeleteDevice = async () => {\n setLoading(true);\n await deleteDevice();\n setLoading(false);\n };\n\n return useObserver(() => {\n return (\n \n \n )\n });\n};\n\nexport default DeleteModal;\n","import React from 'react';\nimport ReactMapboxGl, { Layer, Feature } from 'react-mapbox-gl';\n\nconst Map = ReactMapboxGl({\n accessToken: 'pk.eyJ1IjoiamVuc3BhdXdlbHMiLCJhIjoiY2phZWFmNnh5MXliajJxbmlmaW9vaGV5YiJ9.9PpdFvYJbD6rXVkPu6F4ag',\n});\n\nconst MapBoxMap = () => {\n return (\n \n ) \n}\n\nexport default MapBoxMap;\n","import React, { useEffect, useState } from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport { Info } from '../elements';\n// import 'react-image-crop/dist/ReactCrop.css';\n\nimport Cropper from \"react-cropper\";\nimport \"cropperjs/dist/cropper.css\";\n\nconst MyCropper = ({ selectedFile, functions }) => {\n const [cropper, setCropper] = useState();\n const [src, setSrc] = useState();\n\n const getCropData = () => {\n return cropper.getCroppedCanvas({\n width: 255,\n height: 255\n }).toDataURL('image/jpeg', 0.7);\n };\n\n useEffect(() => {\n functions.getCropData = getCropData;\n }, [cropper])\n\n useEffect(() => {\n if (selectedFile !== undefined) {\n const reader = new FileReader();\n reader.addEventListener('load', () => setSrc(reader.result));\n reader.readAsDataURL(selectedFile);\n }\n }, [selectedFile]);\n\n\n return useObserver(() => (\n <>\n {\n console.log(instance, 'instance')\n setCropper(instance);\n }}\n guides={true}\n />\n \n ));\n};\n\nexport default MyCropper;\n","export default \"data:image/png;base64,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\"","import React, { useState } from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport { Cropper } from '../partials';\nimport defaultImage from '../../assets/images/default.png';\n\nconst ImagePreview = ({ entity, inModal, file }) => {\n const [ changing, setChanging ] = useState(false);\n\n return useObserver(() => {\n const { image } = entity;\n\n return (\n \n \n )\n })\n};\n\nexport default NewSiteModal;\n\n","import React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { useObserver } from 'mobx-react-lite';\nimport { Modal, Button } from '../elements';\nimport { closeModal } from '../../utils';\nimport { useStores } from '../../hooks';\nimport { AccountForm } from '../forms';\nimport { Messages } from '../I18n';\n\nconst EditAccountModal = () => {\n const { settingsStore, global } = useStores(['settingsStore', 'global']);\n\n const close = () => {\n closeModal('editAccount');\n };\n\n const cancel = () => {\n settingsStore.account.cancel();\n close();\n };\n\n\n const saveAccountSettings = async () => {\n await settingsStore.saveSettings()\n global.refreshAccountName();\n Messages.success('saved_settings');\n close();\n };\n\n return useObserver(() => {\n const { account } = settingsStore;\n\n return (\n \n \n )\n })\n};\n\nexport default EditAccountModal;\n","import React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { useObserver } from 'mobx-react-lite';\n\nimport { Modal, Label, Input, Error } from '../elements';\nimport { closeModal, controlOnErrors, handleError, openModal } from '../../utils';\nimport { useStores, useError } from '../../hooks';\n\nimport styles from '../../assets/styles/sharedUsers.module.scss'\nimport {Messages, translate} from '../I18n';\nimport {ModalButton} from '../models';\n\nconst EditSharedUsersModal = () => {\n const { sharedUsersStore, global } = useStores(['sharedUsersStore', 'global']);\n const { error, setError, clearError } = useError('');\n\n const close = () => {\n closeModal('editSharedUsers');\n };\n\n const addNewSharedUser = async () => {\n const { newSharedUser } = sharedUsersStore;\n try {\n clearError();\n await controlOnErrors(newSharedUser, newSharedUser.newUserValidation);\n await sharedUsersStore.addNewSharedUser();\n Messages.success('added_shared_user', { email: newSharedUser.email });\n } catch (err) {\n if (err?.status) {\n handleError(err, (status, body) => {\n if (status === 406 && body.code === 770) {\n setError('the_email_address_is_yours');\n } else if (status === 406 ) {\n setError('the_email_address_already_exists');\n } else if (status === 402) {\n setError('not_enough_credits_to_add_another_user');\n } else {\n Messages.error('failed_to_add_shared_user', { email: newSharedUser.email });\n }\n })\n }\n }\n };\n\n const updateSharedUser = async sharedUser => {\n try {\n await sharedUsersStore.updateSharedUser(sharedUser);\n sharedUser.toggleEditing();\n Messages.success('updated_shared_user', { email: sharedUser.email});\n } catch {\n Messages.error('failed_to_update_user', { email: sharedUser.email });\n }\n };\n\n const deleteSharedUser = sharedUser => {\n try {\n sharedUsersStore.deleteSharedUser(sharedUser);\n Messages.success('deleted_shared_user', { email: sharedUser.email });\n } catch {\n Messages.error('failed_to_delete_shared_user', { email: sharedUser.email });\n }\n };\n\n const showDeleteWarning = sharedUser => {\n\n closeModal('editSharedUsers');\n\n const title = translate('delete_shared_user', {name: sharedUser.name || sharedUser.email});\n const message = translate('are_you_sure_you_want_to_delete_shared_user', { name: sharedUser.name || sharedUser.email });\n const buttons = [\n new ModalButton('delete', () => deleteSharedUser(sharedUser)),\n new ModalButton('cancel', () => openModal('editSharedUsers'), true)\n ];\n\n global.displayWarningModal(title, message, buttons);\n };\n \n const onKeyDown = (ev, cb) => {\n if (ev.key === 'Enter') {\n cb();\n }\n };\n\n const resendInvite = async sharedUser => {\n await sharedUsersStore.resendInvite(sharedUser);\n Messages.success('resent_invitation');\n };\n\n return useObserver(() => {\n const { sharedUsers, newSharedUser } = sharedUsersStore;\n\n return (\n \n \n )\n } )\n};\n\nexport default EditSharedUsersModal;\n","import React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { useObserver } from 'mobx-react-lite';\n\nimport { Modal, Button, Error } from '../elements';\nimport { closeModal } from '../../utils';\nimport { useError, useStores } from '../../hooks';\nimport { NewPasswordForm } from '../forms';\nimport { Messages } from '../I18n';\n\nconst EditPasswordModal = () => {\n const { settingsStore } = useStores(['settingsStore']);\n const { error, setError, clearError } = useError();\n\n const close = () => {\n closeModal('editPassword');\n };\n\n const cancel = () => {\n settingsStore.newPassword.cancel();\n close();\n };\n\n const resetPassword = async () => {\n try {\n clearError();\n await settingsStore.changePassword()\n Messages.success('changed_password');\n close();\n } catch (err) {\n console.log(err, 'error');\n if (err?.status) {\n switch (err?.status) {\n case 401:\n setError('invalid_password_supplied');\n break;\n default:\n setError('error_occured_in_the_server');\n }\n }\n }\n };\n\n return useObserver(() => {\n const { newPassword } = settingsStore;\n\n return (\n \n \n )\n } )\n};\n\nexport default EditPasswordModal;\n","import React, {useState} from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { useObserver } from \"mobx-react-lite\";\n\nimport { Messages } from '../I18n';\nimport { Modal, Label, Button, Error } from '../elements';\nimport { useStores } from '../../hooks';\nimport { closeModal, controlOnErrors } from '../../utils';\nimport { SiteForm } from '../forms';\nimport { Cropper } from '../partials';\n\nconst VIEWS = {\n OVERVIEW: 'OVERVIEW',\n EDIT_IMAGE: 'EDIT_IMAGE'\n}\n\nconst EditSiteModal = () => {\n const { siteStore } = useStores(['siteStore']);\n const [ file, setFile ] = useState(undefined);\n const [view, setView] = useState(VIEWS.OVERVIEW);\n const [functions, setFunctions] = useState({});\n // const functions = {};\n\n const updateSite = async () => {\n try {\n await controlOnErrors(siteStore.selectedSite);\n await siteStore.updateSite();\n closeModal('editSite');\n Messages.success('updated_site');\n } catch (err) {\n if (!Array.isArray(err)) {\n Messages.error('failed_to_update_site');\n }\n }\n };\n\n const close = () => {\n closeModal('editSite');\n };\n\n const changeImage = ev => {\n if (ev.target.files && ev.target.files.length > 0) {\n setFile(ev.target.files[0])\n }\n\n setView(VIEWS.EDIT_IMAGE);\n };\n\n const useImageAndSasve = () => {\n const { selectedSite } = siteStore;\n console.log(functions)\n const cropData = functions.getCropData();\n selectedSite.image = cropData;\n updateSite();\n };\n\n return useObserver(() => {\n const { selectedSite } = siteStore;\n\n return (\n \n \n )\n })\n};\n\nexport default EditSiteModal;\n\n\n","import React from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Modal, Info, Error, Label, Input, Button } from '../elements';\nimport { closeModal, controlOnErrors } from '../../utils';\nimport { useStores, useError } from '../../hooks';\nimport { Messages } from '../I18n';\n\nconst TransferSiteModal = () => {\n const { siteStore, settingsStore } = useStores(['siteStore', 'settingsStore']);\n const { error, setError, clearError } = useError('');\n\n const close = () => {\n closeModal('transferSite');\n };\n\n const transferSite = async () => {\n try {\n const { account } = settingsStore;\n\n await controlOnErrors(account, account.transferValidation);\n await siteStore.transferSite(account.password, account.newEmail);\n Messages.success('the_invite_for_the_transfer_has_been_sent');\n close();\n } catch (err) {\n console.log(err);\n if (err?.status) {\n switch (err?.status) {\n case 401:\n setError('invalid_password_supplied');\n break;\n case 409:\n setError('a_new_owner_already_has_been_invited');\n break;\n default:\n setError('error_occured_in_the_server');\n }\n }\n }\n };\n\n const onClose = () => {\n clearError();\n const { account } = settingsStore;\n account.cancel();\n };\n\n return useObserver(() => {\n const { selectedSite } = siteStore\n const { account } = settingsStore;\n\n return (\n \n \n )\n });\n};\n\nexport default TransferSiteModal;\n\n","import React from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Modal, Info, Error, Label, Input, Button } from '../elements';\nimport { closeModal, controlOnErrors } from '../../utils';\nimport { useStores, useError, useRedirect } from '../../hooks';\nimport {Messages} from '../I18n';\n\nconst DeleteSiteModal = () => {\n const { siteStore, settingsStore } = useStores(['siteStore', 'settingsStore']);\n const { error, setError, clearError } = useError('');\n const { redirect } = useRedirect();\n\n const close = () => {\n closeModal('deleteSite');\n };\n\n const deleteSite = async () => {\n try {\n const { account } = settingsStore;\n await controlOnErrors(account, account.passwordValidation);\n await siteStore.deleteSite(account.password);\n Messages.success('deleted_site');\n account.reset();\n\n setTimeout(() => {\n redirect('/');\n close();\n }, 500);\n\n } catch (err) {\n if (err?.status) {\n switch (err?.status) {\n case 401:\n setError('invalid_password_supplied');\n break;\n case 409:\n setError('on_or_more_devices_are_not_in_active_state');\n break;\n default:\n setError('error_occured_in_the_server');\n }\n }\n }\n };\n\n const onClose = () => {\n clearError();\n const { account } = settingsStore;\n account.cancel();\n };\n\n return useObserver(() => {\n const { selectedSite } = siteStore\n const { account } = settingsStore;\n\n return (\n \n \n )\n });\n};\n\nexport default DeleteSiteModal;\n\n","import React from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Modal, Error, Label, Input, Button, Info } from '../elements';\nimport { closeModal, controlOnErrors } from '../../utils';\nimport { useStores, useError } from '../../hooks';\nimport { Messages } from '../I18n';\n\nconst DeleteSelectedDeviceModal = () => {\n const { settingsStore, siteStore } = useStores(['settingsStore', 'siteStore']);\n const { error, setError, clearError } = useError('');\n\n const { account } = settingsStore;\n const close = () => {\n closeModal('deleteSelectedDevice');\n clearError();\n account.resetErrors()\n };\n\n const deleteDevice = async () => {\n const { account } = settingsStore;\n\n try {\n clearError();\n await controlOnErrors(account, account.passwordValidation);\n await siteStore.deleteDevice(account.password);\n Messages.success('deleted_device');\n account.reset();\n close();\n\n } catch (err) {\n if (err?.status) {\n switch (err?.status) {\n case 401:\n setError('invalid_password_supplied');\n break;\n default:\n setError('error_occured_in_the_server');\n }\n }\n }\n };\n\n return useObserver(() => {\n const { account } = settingsStore;\n\n return (\n \n \n )\n });\n};\n\nexport default DeleteSelectedDeviceModal;\n\n","import React from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Modal, Info, Error, Label, Input, Button } from '../elements';\nimport { closeModal, controlOnErrors } from '../../utils';\nimport { useStores, useError, useRedirect } from '../../hooks';\nimport {Messages} from '../I18n';\n\nconst LeaveSiteModal = () => {\n const { siteStore, settingsStore } = useStores(['siteStore', 'settingsStore']);\n const { error, setError, clearError } = useError('');\n const { redirect } = useRedirect();\n\n const close = () => {\n closeModal('leaveSite');\n };\n\n const leaveSite = async () => {\n try {\n const { account } = settingsStore;\n await controlOnErrors(account, account.passwordValidation);\n await siteStore.leaveSite(account.password);\n Messages.success('left_site');\n account.reset();\n\n setTimeout(() => {\n redirect('/');\n close();\n }, 500);\n\n } catch (err) {\n if (err?.status) {\n switch (err?.status) {\n case 401:\n setError('invalid_password_supplied');\n break;\n default:\n setError('error_occured_in_the_server');\n }\n }\n }\n };\n\n const onClose = () => {\n clearError();\n const { account } = settingsStore;\n account.cancel();\n };\n\n return useObserver(() => {\n const { selectedSite } = siteStore\n const { account } = settingsStore;\n\n return (\n \n \n )\n });\n};\n\nexport default LeaveSiteModal;\n\n","import React, { useState } from 'react';\nimport { FormattedMessage } from 'react-intl'\nimport { Button, Error, Info, Modal } from '../elements';\nimport { ClaimForm } from '../forms';\nimport { Spinner } from '../elements';\nimport { useObserver } from 'mobx-react-lite';\nimport { closeModal, controlOnErrors } from '../../utils';\nimport { useError, useStores } from '../../hooks';\nimport { Messages } from '../I18n';\n\nimport enterTheAccessCode from '../../assets/icons/reader.svg';\nimport connectToPower from '../../assets/icons/acs01.svg';\nimport connectToInternet from '../../assets/icons/network.svg';\nimport styles from '../../assets/styles/newDevice.module.scss';\n\nconst ReplaceDeviceModal = () => {\n const [loading, setLoading ] = useState(false);\n const { siteStore } = useStores(['siteStore']);\n const { error, setError, clearError } = useError();\n\n const close = () => {\n closeModal('replaceDeviceModal');\n };\n\n const replace = async () => {\n const { newDevice, selectedSite } = siteStore;\n try {\n await controlOnErrors(newDevice);\n clearError();\n setLoading(true);\n await siteStore.replaceDevice();\n await siteStore.getDevicesFromSite(selectedSite.id);\n Messages.success('replaced_device');\n setLoading(false);\n close();\n } catch (err) {\n const { status } = err;\n setLoading(false);\n if (status !== undefined) {\n switch (status) {\n case 410:\n setError('The device you want to claim is already claimed by someone else');\n break;\n\n case 503:\n setError('The device you want to claim is not online. Make sure it\\'s online');\n break;\n\n case 412:\n setError('One or more devices are offline. Make sure all the devices from this site are online');\n break;\n\n default:\n setError('Unknown error');\n break;\n }\n }\n }\n };\n\n const onClose = () => {\n const { newDevice } = siteStore;\n clearError();\n newDevice.cancel();\n };\n\n return useObserver(() => {\n const { newDevice, selectedDevice } = siteStore;\n\n return (\n \n \n )\n });\n};\n\nexport default ReplaceDeviceModal;\n\n","export default __webpack_public_path__ + \"static/media/search.6be1589b.svg\";","import React, { useEffect } from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { openModal } from '../../utils';\nimport { Messages, translate } from '../I18n';\n\nimport { useObserver } from 'mobx-react-lite';\nimport { useRedirect, useStores } from '../../hooks';\nimport { Button, Spinner } from '../elements';\nimport { NewSiteModal } from '../modals';\n\nimport defaultImage from '../../assets/images/default.png';\nimport emptyResult from '../../assets/images/search.svg';\n\nimport styles from '../../assets/styles/site.module.scss';\nimport { SearchForm } from '../forms';\n\nconst Home = () => {\n const { siteStore, deviceStore, global } = useStores(['siteStore', 'deviceStore', 'global']);\n const { redirect } = useRedirect();\n\n useEffect(() => {\n siteStore.getAll();\n }, [])\n\n const connectToBoard = async site => {\n const { id } = site;\n const devices = await deviceStore.getAll(id);\n const onlineDevices = devices.filter(device => device.dev_state === true);\n\n if (devices.length === 0) {\n Messages.error(translate('there_are_no_devices_linked_to_this_site'));\n } else if (onlineDevices.length === 0) {\n Messages.error(translate('there_are_no_online_devices_in_this_site'));\n } else {\n // window.location.href = `https://${id.replace(/-/g, '')}.site.came.io`;\n const deviceToConnect = onlineDevices[0];\n const { token } = await deviceToConnect.connect();\n const url = encodeURI(`https://sso.bluecherry.io/proxy/device/login/${token}/${deviceToConnect.access_id}`);\n\n window.location.href = url;\n\n // if(window.location.host.includes(\"came\")){\n // window.location.href= `https://${id.replace(/-/g, '')}.site.came.io`;\n // }\n // else {\n\n // const deviceToConnect = onlineDevices[0];\n // const { token } = await deviceToConnect.connect();\n // const url = encodeURI(`https://sso.bluecherry.io/proxy/device/login/${token}/${deviceToConnect.access_id}`);\n \n // window.location.href = url;\n // }\n }\n };\n\n const goToSiteSettings = site => {\n redirect(`/site_overview/${site.id}`);\n };\n\n return useObserver(() => {\n const { sites, loading } = siteStore;\n const { searchterm } = global;\n\n const sitesToRender = sites.filter(site => site.name.toLowerCase().includes(searchterm.toLowerCase()));\n\n return (\n changeScreen(screenData.translation)}\n >\n \n \n \n ))\n);\n\nconst Administrators = ({ shouldShowTransferButton, sharedUsers, deleteSharedUser, openTransferModal, openInviteModal }) => (\n \n
\n\n \n \n\n \n \n\n\n \n \n \n\n )\n })\n}\n\nexport default AccountDetails;\n","import React, { useEffect, useState } from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport { useParams } from 'react-router-dom';\nimport { FormattedMessage } from 'react-intl';\n\nimport { useStores, useError, useRedirect } from '../../hooks';\nimport { Label, Button, Spinner, Checkbox, Input, Error, Switch, Info, TimeInput } from '../elements';\nimport { ModalButton } from '../models';\nimport { openModal, getAccountInfo, handleError, controlOnErrors } from '../../utils';\nimport { ImagePreview } from '../partials';\nimport { Messages, translate } from '../I18n';\n\nimport {\n EditSiteModal,\n TransferSiteModal,\n DeleteSiteModal,\n DeleteSelectedDeviceModal,\n NewDeviceModal,\n LeaveSiteModal,\n ReplaceDeviceModal\n} from '../modals';\n\nimport styles from '../../assets/styles/accountDetails.module.scss';\n\nconst SiteOverview = () => {\n const { siteStore, sharedUsersStore, global } = useStores(['siteStore', 'sharedUsersStore', 'global']);\n const { error, setError, clearError } = useError('');\n const { redirect } = useRedirect();\n const [performingCb, setPerformingCb] = useState(false);\n const [loading, setLoading] = useState(true);\n const { id } = useParams();\n\n useEffect(() => {\n const getContent = async () => {\n const { accountId } = getAccountInfo();\n\n const allowed = await siteStore.getById(id);\n\n if (!allowed) {\n redirect('/');\n return;\n }\n\n await sharedUsersStore.getAllSharedUsers();\n await siteStore.getSharedUsers(id, accountId);\n await siteStore.getDevicesFromSite(id);\n\n setLoading(false);\n }\n\n getContent();\n }, []);\n\n const openEditSiteSettings = () => {\n openModal('editSite');\n };\n\n const openClaimDevice = () => {\n openModal('newDevice');\n };\n\n const openDeleteModal = async () => {\n openModal('deleteSite');\n };\n\n const openLeaveModal = async () => {\n openModal('leaveSite');\n };\n\n const openTransferModal = () => {\n openModal('transferSite');\n };\n\n const updateSite = async () => {\n await siteStore.updateSite();\n Messages.success('updated_site');\n };\n\n const updateOfflineNotificationsSettings = async () => {\n await siteStore.updateOfflineNotificationsSettings();\n Messages.success('updated_offline_notifications');\n };\n\n const updateDealerAccess = async () => {\n await siteStore.updateDealerAccess();\n Messages.success('updated_dealer_access');\n };\n\n const connectToBoard = async device => {\n const { token } = await device.connect()\n window.location.href = `https://sso.bluecherry.io/proxy/device/login/${token}/${device.access_id}`;\n };\n\n const openDeleteDeviceModal = async device => {\n const { sharedUsers, selectedSite } = siteStore;\n const { devices } = selectedSite;\n\n if (sharedUsers.filter(su => !su.owner).length > ((devices.length - 1) * 5)) {\n Messages.error('delete_administrators_before_deleting_the_device');\n return\n }\n\n siteStore.selectedDevice = device;\n openModal('deleteSelectedDevice');\n };\n\n const openReplaceDeviceModal = async device => {\n siteStore.selectedDevice = device;\n openModal('replaceDeviceModal');\n };\n\n const resendInvite = async (ev, sharedUser) => {\n ev.stopPropagation();\n try {\n await siteStore.addSharedUser(sharedUser);\n Messages.success('invite_has_been_sent_to_email', { email: sharedUser.displayName });\n } catch (err) {\n const { status } = err;\n if (status !== undefined) {\n switch (status) {\n case 409:\n Messages.error('the_shared_user_is_already_an_admin_of_your_site');\n break;\n default:\n Messages.error('error_occured_in_the_server');\n break;\n }\n }\n }\n }\n\n const toggleSharedUser = async sharedUser => {\n if (sharedUser.performingCb || sharedUser.owner) {\n return;\n }\n\n const { email, shared } = sharedUser;\n\n sharedUser.shared = !shared;\n sharedUser.performingCb = true;\n\n if (!sharedUser.shared) {\n try {\n await siteStore.deleteSharedUser(sharedUser)\n Messages.success('deleted_shared_user', { email })\n } catch {\n Messages.error('failed_to_delete_shared_user', { email })\n }\n } else {\n try {\n await siteStore.addSharedUser(sharedUser);\n sharedUser.state = 'INVITED';\n Messages.success('invite_has_been_sent_to_email', { email })\n } catch (err) {\n Messages.error('failed_to_invite_user', { email })\n }\n }\n\n sharedUser.performingCb = false;\n };\n\n const addSharedUser = async () => {\n const { newSharedUser, sharedUsers } = siteStore;\n const { email } = newSharedUser;\n\n const match = sharedUsers.find(user => user.email === email && user.owner)\n if (match !== undefined) {\n setError('the_email_address_is_yours');\n return\n }\n\n try {\n clearError();\n await controlOnErrors(newSharedUser);\n setPerformingCb(true);\n\n await siteStore.addSharedUser(newSharedUser, true);\n Messages.success('invite_has_been_sent_to_email', { email: newSharedUser.email })\n } catch (err) {\n\n handleError(err, (status, body) => {\n if (status === 406 && body.code === 770) {\n setError('the_email_address_is_yours');\n } else if (status === 406) {\n setError('the_email_address_already_exists');\n } else if (status === 402) {\n setError('not_enough_credits_to_add_another_user');\n } else if (status === 426) {\n setError('not_enough_credits_to_add_another_user');\n } else if (body?.code === 180) {\n Messages.error('the_email_address_is_already_linked_to_this_site', { email: newSharedUser.email });\n }\n })\n }\n\n setPerformingCb(false);\n };\n\n const cancelTransfer = async () => {\n try {\n await siteStore.cancelTransfer();\n Messages.success('canceled_transfer_ownership');\n } catch {\n Messages.error('failed_to_cancel_transfer');\n }\n };\n\n const openDeleteSharedUser = (sharedUser) => {\n const deleteSharedUser = async () => {\n try {\n await siteStore.deleteSharedUser(sharedUser);\n\n siteStore.sharedUsers = siteStore.sharedUsers.filter(su => {\n return sharedUser.id !== su.id\n });\n\n\n Messages.success('deleted_shared_user', { email: sharedUser.email });\n } catch (err) {\n console.log(err)\n Messages.error('failed_to_delete_shared_user', { email: sharedUser.email });\n }\n }\n\n const title = translate('delete_shared_user_warning_title', { email: sharedUser.email });\n const message = translate('delete_shared_user_warning', { email: sharedUser.email });\n const buttons = [\n new ModalButton('delete', deleteSharedUser),\n new ModalButton('cancel'),\n ];\n\n global.displayWarningModal(title, message, buttons);\n }\n\n\n return useObserver(() => {\n const { sharedUsers: sharedUsersFromAccount } = sharedUsersStore;\n\n const { selectedSite, sharedUsers, newSharedUser } = siteStore;\n const { transferinfo, devices } = selectedSite;\n const { accountId } = getAccountInfo();\n const account = sharedUsers.find(user => user.owner === true) || {};\n const owner = accountId === account.account;\n\n const onlineDevices = devices.filter(device => device.dev_state);\n const emailsFromSiteUsers = sharedUsers.map(user => user.email.toLowerCase());\n\n // if (owner) {\n // sharedUsersFromAccount.forEach(user => {\n // if (!emailsFromSiteUsers.includes(user.email.toLowerCase())) {\n // sharedUsers.push(user);\n // }\n // });\n // }\n\n return (\n <>\n \n
\n\n {\n loading && (\n \n \n )\n }\n\n \n \n\n \n \n\n {\n owner && (\n <>\n \n \n \n \n \n\n )\n }\n\n \n \n\n\n\n \n \n\n \n \n \n )\n }\n\n \n\n )\n })\n}\n\nexport default SiteOverview;\n","import React, { useEffect, useState } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Button, Spinner } from '../elements';\nimport { doFetch, getAccountInfo } from '../../utils';\nimport { Messages } from '../I18n';\n\nimport cross_circle from '../../assets/images/cross.svg';\nimport check_circle from '../../assets/images/check-circle.svg';\nimport {useObserver} from 'mobx-react-lite';\nimport {useRedirect} from '../../hooks';\n\nconst AcceptNotification = ({ match }) => {\n const { redirect } = useRedirect();\n const [ status, setStatus] = useState(false)\n const [ activating, setActivating ] = useState(true)\n\n useEffect(() => {\n const getState = async () => {\n const { accountId } = getAccountInfo();\n const { id } = match.params;\n\n try {\n await doFetch(`/capi/notification/accept/action/${id}`, 'POST');\n Messages.success('accepted_notification');\n setActivating(false);\n setStatus(true);\n } catch {\n setStatus(false);\n setActivating(false);\n Messages.error('failed_to_accept_the_notification');\n }\n };\n\n getState();\n }, []);\n\n const redirectToHome = () => {\n redirect('/')\n };\n\n return useObserver(() => {\n return (\n No document found \n \n \n \n \n ))\n}\n\nconst Legal = () => {\n const { redirect } = useRedirect();\n const { key } = useParams();\n const [ htmlDocument, setDocument ] = useState(null);\n\n const goToLogin = () => {\n redirect('/');\n };\n\n const getDocument = async () => {\n try {\n const htmlDocument = await legalStore.getDocument(global.lang, key);\n setDocument(htmlDocument);\n } catch (error) {\n console.log(error)\n setDocument(\n `\n \n \n \n \n No document found \n \n \n \n \n
\n\n \n )\n })\n}\n\nexport default Legal\n\n\n\n","export default __webpack_public_path__ + \"static/media/bluecherry-footer-logo-white.aa8e02da.svg\";","import React, { useState, useEffect } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { useObserver } from 'mobx-react-lite';\nimport logo from '../../assets/images/came-footer-logo.png';\nimport bluecherry_logo from '../../assets/images/bluecherry-footer-logo-white.svg';\n\nimport styles from '../../assets/styles/footer.module.scss';\nimport { useRedirect, useStore } from '../../hooks';\n\nconst Footer = () => {\n const { redirect } = useRedirect();\n const { account } = useStore(\"settingsStore\");\n\n const [clock, setClock] = useState('');\n\n const addPadding = val => {\n return val < 10 ? `0${val}` : val;\n };\n\n const tick = () => {\n const time = new Date();\n\n const hours = addPadding(time.getHours());\n const minutes = addPadding(time.getMinutes());\n const seconds = addPadding(time.getSeconds());\n \n const day = addPadding(time.getDate());\n const month = addPadding(time.getMonth() + 1); \n const year = time.getFullYear();\n \n setClock(`${day}/${month}/${year} - ${hours}:${minutes}:${seconds}`);\n };\n\n useEffect(() => {\n const interval = setInterval(() => {\n tick()\n }, 1000);\n\n return () => {\n clearInterval(interval);\n }\n }, []);\n\n return useObserver(() => {\n return (\n \n )\n\n })\n};\n\nexport default Footer;\n\n// @inject('global')\n// @observer\n// export default class Footer extends Component {\n// constructor() {\n// super();\n\n// this.state = {\n// clockTime: (new Date().getTime() / 1000) + 3600,\n// clock: '',\n// };\n// }\n\n// addPadding = val => {\n// return val < 10 ? `0${val}` : val;\n// };\n\n// tick = () => {\n// const { clockTime } = this.state;\n// const time = new Date((clockTime + 1) * 1000);\n\n// const hours = this.addPadding(time.getUTCHours());\n// const minutes = this.addPadding(time.getUTCMinutes());\n// const seconds = this.addPadding(time.getUTCSeconds());\n\n// const day = this.addPadding(time.getUTCDate());\n// const month = this.addPadding(time.getUTCMonth());\n// const year = time.getUTCFullYear();\n\n// this.setState({\n// clock: ` ${day}/${parseInt(month, 10) + 1}/${year} - ${hours}:${minutes}:${seconds}`,\n// clockTime: Math.round(time.getTime() / 1000),\n// });\n// };\n\n// componentDidMount = () => {\n// this.interval = setInterval(this.tick, 1000);\n// };\n\n// componentWillUnmount = () => {\n// clearInterval(this.interval);\n// };\n\n// redirect = () => {\n \n// };\n\n// render() {\n// const { clock } = this.state;\n// return (\n \n// )\n// }\n// }\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, { useEffect, useState } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Link } from 'react-router-dom';\nimport { useObserver } from 'mobx-react-lite';\n\nimport { getAccountInfo, openModal } from '../../utils';\nimport { WarningModal } from '.';\nimport { NotificationModal } from '../modals';\nimport { useStores, useWidthValidator } from '../../hooks';\n\nimport logo from '../../assets/images/header-logo.png';\nimport styles from '../../assets/styles/header.module.scss';\n\nconst Header = () => {\n const [ displayName, setDisplayName ] = useState('');\n const [ showLanguageDropdown, setIsDropdownOpen ] = useState(false);\n const [ showMobileLangDropdown, setMobileLangDropdown ] = useState(false);\n const { global, notificationStore } = useStores(['notificationStore', 'global']);\n const [isSidenavOpen, setIsSidenavOpen ] = useState(false);\n const { isMobile } = useWidthValidator();\n const { languages } = global;\n \n useEffect(() => {\n const { accountFirstname, accountLastname } = getAccountInfo();\n setDisplayName(`${accountFirstname} ${accountLastname}`);\n }, []);\n\n const logout = () => {\n global.logout();\n };\n\n const openMessages = () => {\n openModal('notificationModal')\n };\n\n const getLanguage = lang => {\n return languages.find(language => language.short === lang)?.long;\n };\n\n const closeSidenav = () => {\n setIsSidenavOpen(false);\n };\n\n const openSidenav = () => {\n setIsSidenavOpen(true);\n };\n\n const toggleLanguageDropdown = () => {\n setMobileLangDropdown(!showMobileLangDropdown);\n };\n\n const changeLanguage = ev => {\n const lang = ev.target.getAttribute('data-id');\n global.updateLanguage(lang.toLowerCase());\n };\n\n\n const LanguageDropdown = () => {\n return (\n showLanguageDropdown && (\n <>\n
setOverlayActive(!overlayActive)}>\n \n\n {\n overlayActive && (\n
\n \n \n )\n};\n\nconst NotificationModal = () => {\n const notificationStore = useStore('notificationStore');\n const siteStore = useStore('siteStore');\n const { lang } = useStore('global');\n const [searchTerm, setSearchTerm ] = useState('');\n const [selectionMode, setSelectionMode] = useState(false);\n\n useEffect(() => {\n notificationStore.getAllNotifications()\n }, []);\n\n const onChange = ev => {\n setSearchTerm(ev.target.value);\n };\n\n const close = () => {\n closeModal('notificationModal');\n };\n\n const closeWhenNoMessagesAreLeft = () => {\n const { notifications } = notificationStore;\n\n if (notifications.length === 0) {\n close();\n }\n };\n\n const acceptNotification = async notification => {\n try {\n notification.performingCb = true;\n await notificationStore.acceptNotification(notification)\n await siteStore.getAll();\n await notificationStore.getAllNotifications()\n Messages.success('accepted_notification');\n closeWhenNoMessagesAreLeft();\n } catch (err) {\n console.log(err);\n const { status } = err;\n switch (status) {\n case 402:\n Messages.error('this_account_does_not_have_enough_device_credits_to_accept_this_transfer');\n break;\n default:\n Messages.error('error_accepted_notification');\n }\n }\n\n notification.performingCb = false;\n };\n\n const declineNotification = async notification => {\n try {\n notification.performingCb = true;\n await notificationStore.declineNotification(notification)\n Messages.success('declined_notification');\n await notificationStore.getAllNotifications()\n closeWhenNoMessagesAreLeft();\n } catch (err) {\n Messages.error('error_declined_notification');\n }\n\n notification.performingCb = false;\n };\n\n const deleteNotification = async notification => {\n try {\n await notificationStore.deleteNotification(notification);\n Messages.success('deleted_notification');\n } catch {\n Messages.error('failed_to_delete_notification');\n }\n };\n\n const selectNotificiation = notification => {\n setSelectionMode(true);\n notification.selected = true;\n };\n\n const changeState = (notification, state) => {\n if (state !== notification.state) {\n notificationStore.changeState(notification, state);\n }\n };\n\n const activateSelectionMode = () => {\n setSelectionMode(true);\n };\n\n const deactivateSelectionMode = () => {\n setSelectionMode(false);\n };\n\n const getActiveNotifications = () => {\n const { notifications } = notificationStore;\n\n return notifications.filter(notification => {\n return JSON.stringify(notification).toLowerCase().includes(searchTerm.toLowerCase());\n });\n };\n\n const selectAll = () => {\n setSelectionMode(true);\n const matchingNotifications = getActiveNotifications();\n\n matchingNotifications.forEach(notification => {\n notification.selected = true;\n });\n };\n\n const unSelectAll = () => {\n const matchingNotifications = getActiveNotifications();\n\n matchingNotifications.forEach(notification => {\n notification.selected = false;\n });\n };\n\n const markSelectedAsRead = async () => {\n await notificationStore.markSelectedAsRead();\n setSelectionMode(false);\n };\n\n const markSelectedAsUnread = async () => {\n await notificationStore.markSelectedAsUnread();\n setSelectionMode(false);\n };\n\n const markSelectedAsDeleted = async () => {\n try {\n await notificationStore.deleteSelected();\n setSelectionMode(false);\n Messages.success('deleted_notification');\n } catch {\n Messages.error('failed_to_delete_notifications');\n }\n };\n\n const toggleNotificationSelection = notification => {\n notification.selected = !notification.selected;\n };\n\n const getActiveOptions = () => {\n const { notifications } = notificationStore;\n const selectedNotifications = notifications.filter(notification => notification.selected);\n\n const baseSelectionOptions = {\n select_all: selectAll,\n stop_selection_mode: deactivateSelectionMode\n };\n\n const extraSelectionOptions = {\n unselect_all: unSelectAll,\n mark_selected_as_read: markSelectedAsRead,\n mark_selected_as_unread: markSelectedAsUnread,\n delete_selected: markSelectedAsDeleted,\n };\n\n\n if (selectionMode && selectedNotifications.length > 0) {\n return {...baseSelectionOptions, ...extraSelectionOptions}\n } else if (selectionMode) {\n return baseSelectionOptions\n }\n\n return {\n activate_selection_mode: activateSelectionMode,\n select_all: selectAll,\n }\n };\n\n const onClose = () => {\n setSelectionMode(false);\n };\n\n return useObserver(() => {\n const notificationsToRender = getActiveNotifications();\n const options = getActiveOptions();\n\n return (\n - \n {\n optionKeys.map(option => (\n
- performCb(option)}>\n
\n \n ))\n }\n
\n \n
\n\n \n
\n\n \n
\n\n \n \n
\n \n
\n {\n notificationsToRender.length === 0 && (\n \n \n \n
\n \n \n
\n
\n )\n }\n\n {\n notificationsToRender.length > 0 && (\n \n
\n - \n {\n notificationsToRender.map(notification => {\n const extraOptions = notification.state === 'NEW' || notification.state == 'MARKED_NEW'\n ? { mark_as_read: () => changeState(notification, 'VIEWED') }\n : { mark_as_unread: () => changeState(notification, 'MARKED_NEW') }\n\n return (\n
- selectionMode && toggleNotificationSelection(notification)}\n style={selectionMode ? {cursor: 'pointer'} : {}}\n >\n {\n selectionMode && (\n \n\n )\n }\n\n {\n !selectionMode && (\n <>\n {\n notification.type === 'ACTIVE' && (\n \n )\n }\n changeState(notification)}\n />\n \n )\n }\n\n
\n changeState(notification)}>\n\n\n {\n !selectionMode && notification.performingCb && (\n\n \n\n\n \n {notification.getMessage(lang)}\n \n\n \n\n \n {\n notification.displayDate\n }\n \n \n\n )\n }\n\n {\n !selectionMode && !notification.performingCb && (\n\n \n {\n notification.type === 'ACTIVE' && (\n <>\n\n )\n }\n\n\nacceptNotification(notification)}>\n \n\ndeclineNotification(notification)}>\n \n\n \n )\n }\n\n {\n notification.type !== 'ACTIVE' && (\n <>\n \n \n \n )\n }\n\ndeleteNotification(notification),\n select: () => selectNotificiation(notification),\n ...extraOptions\n }}\n />\n\n \n );\n })\n }\n
\n \n
\n
\n \n
\n \n
\n\n \n \n \n
\n \n \n
\n\n \n
\n\n \n
\n\n \n \n {\n !loading && (\n <>\n \n
\n\n \n \n 
\n \n \n \n\n \n 
\n \n \n \n\n \n 
\n \n \n \n
\n 1
\n 2
\n 3
\n \n
\n )\n }\n \n
\n {\n !loading && (\n <>\n \n \n \n )\n }\n
\n \n \n
\n
\n \n
\n \n {\n !loading && (\n
\n\n \n Are you sure you want to delete your device?\n
\n )\n }\n\n {\n loading && (\n\n
\n )\n }\n \n Deleting your device\n
\n\n \n \n
\n \n {\n changing && (\n
\n )\n });\n};\n\nexport default ImagePreview;\n","import React, { useState } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { useObserver } from \"mobx-react-lite\";\n\nimport { Messages } from '../I18n';\nimport { Modal, Button, Error } from '../elements';\nimport { useStores } from '../../hooks';\nimport { closeModal, controlOnErrors } from '../../utils';\nimport { SiteForm } from '../forms';\nimport { Cropper } from '../partials';\nimport styles from '../../assets/styles/siteModal.module.scss'\n\nconst VIEWS = {\n SET_NAME: 0,\n SET_IMAGE: 1,\n SET_IMAGE_OPTION: 2,\n};\n\nconst NewSiteModal = () => {\n const { siteStore } = useStores(['siteStore']);\n const [ file, setFile ] = useState(undefined);\n const [ view, setView ] = useState(VIEWS.SET_NAME);\n const [ functions ] = useState({});\n\n const addSite = async () => {\n try {\n await controlOnErrors(siteStore.newSite);\n await siteStore.addSite();\n closeModal('newSite');\n Messages.success('added_new_site');\n } catch (err) {\n console.log(err);\n if (!Array.isArray(err)) {\n Messages.error('failed_to_add_site');\n }\n }\n };\n\n const close = () => {\n closeModal('newSite');\n };\n\n const onClose = () => {\n const { newSite } = siteStore;\n setView(VIEWS.SET_NAME);\n newSite.cancel();\n };\n\n const changeImage = ev => {\n if (ev.target.files && ev.target.files.length > 0) {\n setFile(ev.target.files[0])\n }\n\n setView(VIEWS.SET_IMAGE)\n };\n\n const proceed = async () => {\n const { newSite } = siteStore;\n\n switch(view) {\n case VIEWS.SET_NAME:\n await controlOnErrors(newSite);\n setView(VIEWS.SET_IMAGE_OPTION);\n break;\n\n case VIEWS.SET_IMAGE_OPTION:\n setView(VIEWS.SET_IMAGE);\n break;\n\n case VIEWS.SET_IMAGE:\n const cropData = functions.getCropData();\n newSite.image = cropData;\n addSite();\n break;\n }\n };\n\n return useObserver(() => {\n const { newSite } = siteStore;\n\n return (\n \n 
\n
\n )\n }\n \n \n
\n\n \n
\n\n \n
\n\n \n \n {\n view === VIEWS.SET_NAME && (\n <>\n \n
\n\n \n \n\n
\n \n )\n }\n\n {\n view === VIEWS.SET_IMAGE && (\n \n
\n \n\n {\n view === VIEWS.SET_NAME && (\n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n \n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n - \n {\n sharedUsers.map(sharedUser => (\n
- onKeyDown(ev, () => updateSharedUser(sharedUser))}>\n \n {\n !sharedUser.editing && (\n <>\n \n {\n !sharedUser.linked && sharedUser.invited && (\n resendInvite(sharedUser)}>\n\n\n {\n !sharedUser.editing && (\n
\n \n )\n }\n \n \n {sharedUser.displayName}\n \n {sharedUser.displayEmail}\n \n )\n }\n\n {\n sharedUser.editing && (\n <>\n \n {sharedUser.email}\n \n )\n }\n \n \n\n showDeleteWarning(sharedUser)}\n />\n\n )\n }\n\n {\n sharedUser.editing && (\n\n updateSharedUser(sharedUser)}/>\n\n \n\n )\n }\n \n \n ))\n }\n\n - onKeyDown(ev, addNewSharedUser)}>\n \n \n\n \n\n\n \n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n
\n\n \n
\n\n \n
\n\n \n \n {\n view === VIEWS.OVERVIEW && (\n <>\n \n 
\n \n )\n }\n\n {\n view === VIEWS.EDIT_IMAGE && (\n
\n\n \n\n {\n view === VIEWS.OVERVIEW && (\n <>\n
\n \n \n
\n \n
\n\n \n
\n \n \n \n\n
\n\n \n
\n\n \n
\n \n
\n \n \n
\n \n
\n\n \n
\n \n \n \n\n
\n\n \n
\n \n
\n \n \n
\n \n\n
\n\n \n
\n \n\n \n \n\n
\n\n \n
\n \n
\n \n \n
\n \n
\n\n \n
\n \n \n \n\n
\n\n \n
\n \n
\n \n \n
\n\n \n
\n\n \n
\n\n \n \n {\n !loading && (\n <>\n \n
\n\n \n \n \n \n \n \n\n \n \n \n \n \n\n \n \n \n \n \n
\n 1
\n 2
\n 3
\n \n
\n )\n }\n \n
\n {\n !loading && (\n <>\n \n \n \n )\n }\n
\n \n\n
\n )\n });\n};\n\nexport default Home;\n","import React, { Component } from 'react';\nimport uuidv4 from 'uuid/v4';\nimport { inject, observer } from 'mobx-react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { Label, Button, Header, Headers } from '../elements';\nimport { openModal, closeModal, getAccountInfo, controlOnErrors } from '../../utils';\nimport { SiteForm } from '../forms';\nimport { Messages, translate } from '../I18n';\nimport { ImagePreview } from '../partials';\nimport { Screen, ModalButton, Column } from '../models';\n\nimport { TransferModal, InviteUserModal, NewDeviceModal, DeleteModal } from '../modals';\n\nconst Overview = observer(({ selectedSite, update, displayWarningDeleteSite, devices }) => (\n \n \n
\n\n openModal('newSite')}\n icon=\"fas fa-plus\"\n />\n
\n\n \n
\n\n \n 
\n
\n )\n }\n\n {\n !loading && sites.length > 0 && (\n <>\n \n {\n sitesToRender.map(site => {\n return (\n
\n \n )\n }\n\n \n
\n );\n })\n }\n \n
\n \n goToSiteSettings(site)} />\n 
\n \n
\n connectToBoard(site)}>\n
\n \n {site.name.replaceAll('_', ' ')}\n
\n \n
\n));\n\n\nconst AsideScreen = ({ screen, changeScreen, screenData }) => (\n \n
\n\n \n
\n openModal('cropper')}>\n
\n \n
\n\n {\n devices.length !== 0 && (\n \n
\n )\n }\n\n {\n devices.length === 0 && (\n \n
\n )\n }\n \n { user.getDisplayName }
\n { user.owner ? 'true' : 'false' }
\n {\n !user.owner && (\n deleteSharedUser(user)} />\n )\n }\n \n
\n);\n\n\n@inject('deviceStore', 'siteStore', 'global')\n@observer\nexport default class DeviceOverview extends Component {\n constructor() {\n super();\n\n this.state = {\n screen: 'overview',\n screens: [\n new Screen('overview', 'fa-user'),\n new Screen('devices', 'fa-paperclip'),\n new Screen('administrators', 'fa-key'),\n ],\n columns: [\n new Column(this, 'state', 'dev_state'),\n new Column(this, 'serialno', 'serialno'),\n new Column(this, 'name', 'name'),\n ],\n update: Date.now()\n };\n }\n\n componentDidMount = () => {\n const { deviceStore, siteStore, match } = this.props;\n const { id, screen } = match.params;\n\n try {\n siteStore.getById(id);\n } catch (err) {\n console.log(err)\n }\n deviceStore.getAll(id);\n siteStore.getSharedUsers(id);\n\n if (screen !== undefined) {\n this.setState({ screen });\n }\n\n // todo refactor\n };\n\n searchWithFilters = () => {\n this.setState({ update: Date.now()});\n }\n\n componentDidUpdate = prevProps => {\n const { screen } = this.props.match.params;\n if (screen !== prevProps.match.params.screen) {\n this.setState({ screen });\n }\n };\n\n updateSite = async () => {\n const { siteStore } = this.props;\n\n await siteStore.updateSite()\n Messages.success(translate('updated_site'));\n };\n\n openInviteModal = () => {\n openModal('inviteUser');\n };\n\n deleteSite = async site => {\n const { name } = site;\n\n try {\n await this.props.siteStore.deleteSite(site);\n Messages.success('deleted_site', { name });\n setTimeout(() => {\n this.props.history.push('/');\n }, 500);\n } catch (err) {\n console.log(err);\n Messages.error('failed_to_delete_site', { name });\n }\n };\n\n\n displayWarningDeleteSite = site => {\n const title = translate('delete_site_title', { name: site.name });\n const message = translate('delete_site_warning', { name: site.name });\n const buttons = [\n new ModalButton(translate('delete_site'), () => this.deleteSite(site)),\n new ModalButton('cancel'),\n ];\n\n this.props.global.displayWarningModal(title, message, buttons);\n };\n\n changeScreen = screen => {\n const { match, history } = this.props;\n const { id } = match.params;\n history.push(`/site_overview/${id}/${screen}`);\n };\n\n inviteUser = async () => {\n const { siteStore, match } = this.props;\n const { id } = match.params;\n const { newAdmin } = siteStore;\n\n try {\n await newAdmin.inviteUser(id)\n Messages.succes('invited_user');\n closeModal('inviteUser');\n } catch (err) {\n console.log(err);\n }\n };\n\n claimDevice = async () => {\n const { siteStore, deviceStore, match } = this.props;\n const { id } = match.params;\n const { devices } = deviceStore;\n const { newDevice, selectedSite } = siteStore;\n\n try {\n await newDevice.claim(selectedSite, devices)\n Messages.success('claimed_device');\n deviceStore.getAll(id);\n siteStore.resetDevice();\n closeModal('newDevice');\n } catch (err) {\n console.log(err, 'error hierin');\n Messages.error('failed_to_claim_device');\n }\n };\n\n openCropper = () => {\n openModal('cropper');\n };\n\n deleteDevice = () => {\n const { deviceStore, siteStore } = this.props;\n const { selectedDevice } = deviceStore;\n\n return deviceStore.deleteDevice(selectedDevice, siteStore.selectedSite)\n .then(() => {\n Messages.succes('deleted_device');\n closeModal('deleteDevice');\n })\n .catch(err => {\n console.log(err);\n Messages.error('failed_to_delete_device');\n });\n };\n\n openDeleteDevice = device => {\n const { deviceStore } = this.props;\n deviceStore.selectedDevice = device;\n openModal('deleteDevice');\n };\n\n openTransferModal = () => {\n openModal('transferModal');\n };\n\n deleteSharedUser = user => {\n const { siteStore } = this.props;\n\n siteStore.deleteSharedUser(user)\n .then(() => Messages.succes('deleted_user'))\n .catch(err => {\n console.log(err);\n Messages.error('failed_to_delete_user');\n });\n };\n\n transferOwnership = () => {\n const { siteStore } = this.props;\n const { transferOwnership } = siteStore;\n\n const transfer = () => {\n return transferOwnership()\n .then(() => {\n Messages.succes('transfered_ownership');\n closeModal('transferModal');\n })\n .catch(err => {\n console.log(err);\n Messages.error('failed_to_transfer_ownership');\n });\n };\n\n\n\n // controlOnErrors(email)\n // .then(transfer);\n };\n\n connectToDevice = device => {\n device.connect()\n .then(({ token }) => {\n window.location.href = `https://sso.bluecherry.io/proxy/device/login/${token}/${device.access_id}`;\n })\n .catch(err => console.log(err));\n };\n\n render() {\n const { screens, screen } = this.state;\n const { deviceStore, siteStore } = this.props;\n const { selectedSite, sharedUsers, newDevice, newAdmin } = siteStore;\n const { devices } = deviceStore;\n const { accountId } = getAccountInfo();\n const { id } = sharedUsers.find(user => user.owner === true) || {};\n const shouldShowTransferButton = accountId === id;\n\n const allDevicesOnline = !devices.map(device => device.dev_state).includes(false);\n\n const handleLowerCase = (column) => {\n return (typeof column === 'string')\n ? column.toLowerCase()\n : column;\n };\n\n let devicesToRender = devices;\n\n if (this.state.update) {\n this.state.columns.filter(column => column.status !== 2).forEach(column => {\n devicesToRender = devicesToRender.sort((left, right) => {\n const leftSide = handleLowerCase(left[column.dbColName]);\n const rightSide = handleLowerCase(right[column.dbColName]);\n\n if (column.status === 0) {\n return leftSide === rightSide ? 0 : leftSide > rightSide ? -1 : 1;\n }\n\n return leftSide === rightSide ? 0 : leftSide < rightSide ? -1 : 1;\n });\n });\n }\n\n return (\n \n {\n sharedUsers.length === 0 && (\n
\n\n \n
\n )\n }\n\n {\n sharedUsers.length > 0 && (\n - \n
- \n
\n \n \n\n\n
\n {\n shouldShowTransferButton && (\n \n )\n }\n \n
\n \n \n
\n\n\n
\n );\n }\n}\n","export default __webpack_public_path__ + \"static/media/cross.ea5aefeb.svg\";","export default __webpack_public_path__ + \"static/media/check-circle.b7275163.svg\";","import React, { useEffect, useState } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Button, Spinner } from '../elements';\nimport { doFetch, getAccountInfo } from '../../utils';\nimport { Messages } from '../I18n';\n\nimport cross_circle from '../../assets/images/cross.svg';\nimport check_circle from '../../assets/images/check-circle.svg';\nimport {useObserver} from 'mobx-react-lite';\nimport {useRedirect} from '../../hooks';\n\nconst AcceptInvite = ({ match }) => {\n const { redirect } = useRedirect();\n const [ status, setStatus] = useState(false)\n const [ activating, setActivating ] = useState(true)\n\n useEffect(() => {\n const getState = async () => {\n const { accountId } = getAccountInfo();\n const { email, site, token } = match.params;\n\n try {\n await doFetch(`/capi/site/accept/invite`, 'POST', { email, site, token, account: accountId })\n Messages.success('activated_token');\n setActivating(false);\n setStatus(true);\n } catch {\n setStatus(false);\n setActivating(false);\n Messages.error('failed_to_activate_token');\n }\n };\n\n getState();\n }, []);\n\n const redirectToHome = () => {\n redirect('/')\n };\n\n return useObserver(() => {\n return (\n \n
\n\n\n \n this.displayWarningDeleteSite(selectedSite)}\n devices={devices}\n />\n )\n }\n\n {\n screen === 'devices' && (\n
\n \n
\n\n {\n screen === 'overview' && (\n - \n
\n
\n )\n }\n\n {\n screen === 'administrators' && (\n \n {\n !allDevicesOnline && (\n
\n Make sure all devices are online before you want to claim or delete a device
\n )\n }\n {\n devices.length === 0 && (\n \n
\n )\n\n }\n {\n devices.length > 0 && (\n \n There are currently no devices linked to this site, Click on the \"claim device\" button below to start the claim process.\n
\n - \n
- \n
\n \n\n {\n devicesToRender.map(device => {\n return (\n - \n \n {device.serialno}\n{device.name !== '' ? device.name : device.serialno}\n\n {\n allDevicesOnline && (\n this.openDeleteDevice(device)} />\n )\n }\n\n {\n allDevicesOnline && (\n this.connectToDevice(device)} />\n )\n }\n \n );\n })\n }\n\n\n
\n
\n \n \n
\n\n {\n activating && (\n
\n )\n });\n};\n\nexport default AcceptInvite;\n","import React, { Component } from 'react';\nimport { Spinner } from '../elements';\n\nexport default class DeviceLogin extends Component {\n componentDidMount = () => {\n const { token, access_id } = this.props.match.params;\n if (token !== undefined && access_id !== undefined) {\n const domain = 'bluecherry.io';\n const cookieName = 'device_token';\n const cookieValue = token;\n const myDate = new Date();\n myDate.setMonth(myDate.getMonth() + 12);\n document.cookie = `${cookieName}=${cookieValue};expires=${myDate};domain=${domain};path=/`;\n window.location.href = `https://${access_id}.platform.bluecherry.io`;\n } else {\n this.props.history.push('/');\n }\n };\n\n render() {\n return (\n \n
\n\n {\n activating && (\n \n 
\n \n
\n
\n )\n }\n\n {\n !activating && status && (\n \n
\n \n 
\n \n
\n\n
\n )\n }\n\n \n
\n\n \n
\n \n
\n );\n }\n}\n","import React, { Component } from 'react';\nimport { observer, inject } from 'mobx-react';\nimport { FormattedMessage } from 'react-intl';\nimport { Spinner, Button } from '../elements';\nimport { URL, doFetch } from '../../utils';\nimport { Messages } from '../I18n';\n\nimport cross_circle from '../../assets/images/cross.svg';\nimport check_circle from '../../assets/images/check-circle.svg';\n\n@inject('siteStore')\n@observer\nexport default class AcceptOwnership extends Component {\n constructor() {\n super();\n this.state = {\n activating: true,\n status: false,\n };\n }\n\n componentDidMount = () => {\n const { match } = this.props;\n const { email, site, token } = match.params;\n\n const config = {\n email,\n site,\n token,\n };\n\n doFetch(`${URL}/capi/site/accept/transfer`, 'POST', config)\n .then(() => {\n Messages.succes('accepted_ownership');\n this.setState({ status: true, activating: false });\n })\n .catch(err => {\n console.log(err);\n this.setState({ status: false, activating: false });\n Messages.error('failed_to_accept_ownership');\n });\n };\n\n render() {\n const { activating, status } = this.state;\n return (\n Loging in to your device
\n\n
\n\n {\n activating && (\n
\n );\n }\n}\n","import React, { useEffect } from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport { FormattedMessage } from 'react-intl';\n\nimport { useStores } from '../../hooks';\nimport { Label, Button } from '../elements';\nimport { openModal } from '../../utils';\nimport {\n EditPasswordModal,\n EditAccountModal,\n EditSharedUsersModal,\n} from '../modals';\n\nimport styles from '../../assets/styles/accountDetails.module.scss';\nimport { translate } from '../I18n';\n\nconst AccountDetails = () => {\n const { settingsStore, sharedUsersStore, global } = useStores(['settingsStore', 'sharedUsersStore', 'global']);\n\n useEffect(() => {\n settingsStore.fetchSettings();\n sharedUsersStore.getAllSharedUsers();\n }, []);\n\n const openEditPasswordModal = () => {\n openModal('editPassword');\n };\n\n const openEditAccountSettings = () => {\n openModal('editAccount');\n };\n\n const openEditSharedUsersSettings = () => {\n openModal('editSharedUsers');\n };\n\n return useObserver(() => {\n const { account } = settingsStore;\n const { sharedUsers } = sharedUsersStore;\n\n return (\n <>\n \n \n \n
\n
\n )\n }\n\n {\n !activating && status && (\n \n
\n \n \n \n
\n
\n )\n }\n\n \n
\n \n
\n \n
\n\n \n \n \n
\n\n \n
\n\n \n \n
\n\n \n \n \n \n {account.displayName}\n \n
\n\n \n \n \n {account.email}\n \n
\n\n \n \n \n {account.mobile}\n \n
\n\n \n \n \n {global.getLocale(account.locale)}\n \n
\n\n \n
\n \n \n \n
\n
\n\n \n \n
\n - \n
- \n \n
\n \n \n \n\n {account.call_credits}\n \n\n - \n \n
\n \n \n \n\n {account.sms_credits}\n \n\n - \n \n
\n \n \n \n\n {account.push_notification_credits}\n \n
\n \n \n
\n\n \n
\n\n\n \n \n
\n\n \n \n \n \n {account.email}\n \n
\n\n\n \n \n \n ●●●●●●●●●\n \n
\n\n \n
\n\n {\n loading && (\n \n
\n \n \n
\n\n \n
\n \n \n \n
\n\n {\n owner && (\n \n )\n }\n
\n\n \n \n
\n\n {\n owner && (\n \n )\n }\n \n \n \n {selectedSite.name}\n \n
\n\n \n \n \n \n
\n\n {\n owner && (\n \n )\n }\n
\n\n {\n devices.length === 0 && (\n \n \n
\n\n {\n owner && (\n \n )\n }\n \n
\n )\n }\n\n {\n devices.length > 0 && (\n - \n {\n devices.map(device => {\n return (\n
- \n \n \n \n {device.name}\n \n {device.serialno}\n\n\n\n {\n device.dev_state && (\n connectToBoard(device)} />\n )\n }\n\n {\n owner && onlineDevices.length > 0 && (\n openReplaceDeviceModal(device)} />\n )\n }\n\n\n {\n owner && (\n openDeleteDeviceModal(device)} />\n )\n }\n\n {\n !device.dev_state && (\n \n )\n }\n\n\n \n )\n })\n }\n\n
\n \n \n
\n
\n\n \n \n
\n \n \n \n
\n
\n\n \n \n
\n \n \n
\n\n {\n selectedSite.dealer_access && !selectedSite.infinite_access && (\n \n \n
\n )\n }\n \n )\n }\n\n \n \n \n
\n
\n\n\n \n \n
\n - \n {\n sharedUsers.map(sharedUser => {\n return (\n
- \n \n {\n sharedUser.state === 'INVITED' && owner && (\n resendInvite(ev, sharedUser)}>\n
\n \n )\n }\n\n {sharedUser.displayName}\n \n\n {\n\n (sharedUser.owner) && (\n \n\n )\n }\n\n {\n owner && !sharedUser.owner && (\n\n \n {\n sharedUser.performingCb && (\n\n )\n }\n\n )\n }\n\n openDeleteSharedUser(sharedUser)}>\n \n\n \n )\n })\n }\n {\n owner && (\n - \n \n\n {\n !performingCb && (\n \n )\n }\n\n {\n performingCb && (\n
\n )\n }\n \n )\n }\n
\n \n \n
\n
\n\n {\n owner && (\n <>\n \n \n \n
\n \n \n \n
\n
\n\n \n \n \n
\n \n \n
\n\n {\n activating && (\n
\n )\n });\n};\n\nexport default AcceptNotification\n","import React, { useEffect, useState } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport { Button, Spinner } from '../elements';\nimport { doFetch, getAccountInfo } from '../../utils';\nimport { Messages } from '../I18n';\n\nimport cross_circle from '../../assets/images/cross.svg';\nimport check_circle from '../../assets/images/check-circle.svg';\nimport {useObserver} from 'mobx-react-lite';\nimport {useRedirect} from '../../hooks';\n\nconst DeclineNotification = ({ match }) => {\n const { redirect } = useRedirect();\n const [ status, setStatus] = useState(false)\n const [ activating, setActivating ] = useState(true)\n\n useEffect(() => {\n const getState = async () => {\n const { accountId } = getAccountInfo();\n const { id } = match.params;\n\n try {\n await doFetch(`/capi/notifications/decline/${id}`, 'POST');\n Messages.success('declined_the_notification');\n setActivating(false);\n setStatus(true);\n } catch {\n setStatus(false);\n setActivating(false);\n Messages.error('failed_to_decline_the_notification');\n }\n };\n\n getState();\n }, []);\n\n const redirectToHome = () => {\n redirect('/')\n };\n\n return useObserver(() => {\n return (\n \n
\n\n {\n activating && (\n \n \n \n
\n
\n )\n }\n\n {\n !activating && status && (\n \n
\n \n \n \n
\n
\n )\n }\n\n \n
\n \n
\n \n \n
\n\n {\n activating && (\n
\n )\n });\n};\n\nexport default DeclineNotification;\n","import React, { useState, useEffect } from 'react';\nimport { useObserver } from 'mobx-react-lite';\nimport { FormattedMessage } from 'react-intl';\nimport { useParams } from 'react-router-dom';\nimport { translate } from '../I18n';\nimport { useRedirect } from '../../hooks';\nimport { legalStore, global } from '../../stores';\n\nimport styles from '../../assets/styles/legal.module.scss';\n\nconst LegalItem = ({ doc }) => {\n const [ isOpen, setIsOpen ] = useState(false);\n const [ htmlDocument, setDocument ] = useState(null);\n\n const toggleListItem = async () => {\n if (!isOpen) {\n try {\n const htmlDocument = await legalStore.getDocument(global.lang, doc.key);\n setDocument(htmlDocument);\n } catch (error) {\n console.log(error)\n setDocument(\n `\n \n \n \n \n \n
\n\n {\n activating && (\n \n \n \n
\n
\n )\n }\n\n {\n !activating && status && (\n \n
\n \n \n \n
\n
\n )\n }\n\n \n
\n \n
\n ${translate('there_is_no_document_found')}
\n \n \n `\n )\n }\n\n setIsOpen(true);\n } else {\n setIsOpen(false);\n }\n };\n\n return useObserver(() => (\n \n {doc.description}\n \n
\n {\n isOpen && (\n \n
\n )\n }\n \n \n
\n ${translate('no_document_found')}
\n \n \n `\n )\n }\n };\n\n useEffect(() => {\n getDocument()\n }, [global.lang, key])\n\n return useObserver(() => {\n return (\n \n
\n\n \n \n
\n setIsDropdownOpen(false)}/>\n \n \n \n\n {\n isSidenavOpen && (\n \n )\n }\n\n \n \n )\n }\n {\n !isMobile && (\n \n\n \n \n )\n }\n \n\n )\n })\n};\n\nexport default Header;\n","import React from 'react';\nimport { Modal, Button } from '../elements';\nimport { useObserver } from 'mobx-react-lite';\nimport { useStores } from '../../hooks';\nimport { closeModal } from '../../utils';\n\nconst Buttons = ({ buttons }) => {\n const onClick = ({ cb }) => {\n if (typeof cb === 'function' && cb !== undefined) {\n cb();\n };\n\n closeModal('warningModal');\n };\n\n return buttons.filter(button => !button.hide).map((button, index) => (\n
- \n {\n languages.map(language => {\n return (\n
- \n {language.long}\n \n )\n })\n }\n