\n \n \n {d.topic ? d.topic : null}\n \n \n {d.info\n ? d.info.map(i => (\n
\n \n );\n } else {\n return null;\n }\n});\n\nfunction Frontpage () {\n return (\n <>\n \n
\n\n \n
\n \n \n \n
\n \n \n {(currentWebsiteURL === \"omadiabetes.fi\") ? \"Tärkeät yhteystiedot\" : \"Important Contact information\"}\n {/* // TODO translate!! */}\n {(currentWebsiteURL === \"omadiabetes.fi\") ?
\n \n {displayContactInformation}\n
\n \n
\n \n );\n}\n\nexport default Frontpage;\n","import React from 'react';\r\nimport { NavLink } from 'react-router-dom';\r\nimport { Translation } from 'react-i18next';\r\n// import finFlag from '../Assets/icons/flag-finland@2x.png';\r\n// import engFlag from '../Assets/icons/flag-united-kingdom@2x.png';\r\nimport { Grid } from 'semantic-ui-react';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport {\r\n faComments,\r\n faBreadSlice,\r\n faAddressBook,\r\n faRunning,\r\n faHandHoldingHeart,\r\n faNewspaper,\r\n faHandshake,\r\n faHospital\r\n} from '@fortawesome/free-solid-svg-icons';\r\nimport { isChatEnabled } from '../isChatEnabled';\r\n\r\n//{props.contentProvider}\r\n// read oys/tays/etc..\r\n\r\nconst NavBarLink = props => {\r\n return (\r\n \n \n
\n \n \n \n
\n \n {displayContactInformation}\n
\n \r\n \r\n {t => (\r\n \r\n
\r\n\r\n \r\n
\r\n )}\r\n - \r\n {isChatEnabled &&
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
- \r\n
\r\n \r\n {t => (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Links;\r\n","import React from 'react';\r\n\r\nimport './DrawerToggleButton.scss';\r\n\r\nexport const DrawerToggleButton = props => (\r\n \r\n);\r\n","import React from 'react';\r\nimport { Trans } from 'react-i18next';\r\nimport { Sticky } from 'react-uikit3';\r\nimport Links from '../Links';\r\nimport { DrawerToggleButton } from '../SideDrawer/DrawerToggleButton';\r\nimport './Toolbar.scss';\r\nconst { detect } = require('detect-browser')\r\n\r\nconst browser = detect();\r\n\r\nexport const Toolbar = props => {\r\n if (browser.name === 'ie') {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n {isChatEnabled &&\r\n {\r\n props.closeDrawer();\r\n props.changeTextHandler(\r\n \r\n
\r\n {t('page.links.messages')}\r\n }\r\n \r\n \r\n {\r\n props.closeDrawer();\r\n props.changeTextHandler(\r\n \r\n
\r\n\r\n {t('page.links.emergencyContacts')}\r\n \r\n \r\n \r\n\r\n \r\n \r\n {\r\n props.closeDrawer();\r\n props.changeTextHandler(\r\n \r\n
\r\n {t('page.links.importantContacts')}\r\n \r\n \r\n \r\n {\r\n props.closeDrawer();\r\n props.changeTextHandler(\r\n \r\n
\r\n {t('page.links.carbohydrates')}\r\n \r\n \r\n \r\n \r\n \r\n {\r\n props.closeDrawer();\r\n props.changeTextHandler(\r\n \r\n
\r\n {t('page.links.diabetesCounceling')}\r\n \r\n \r\n \r\n {\r\n props.closeDrawer();\r\n props.changeTextHandler(\r\n \r\n
\r\n {t('page.links.specialSituations')}\r\n \r\n \r\n \r\n \r\n \r\n {\r\n props.closeDrawer();\r\n props.changeTextHandler(\r\n \r\n
\r\n {t('page.links.benefits')}\r\n \r\n \r\n \r\n {\r\n props.closeDrawer();\r\n props.changeTextHandler(\r\n \r\n
\r\n {t('page.links.newsAndInfo')}\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n
\r\n {t('page.links.messages')}\r\n }\r\n \r\n
\r\n\r\n {t('page.links.emergencyContacts')}\r\n \r\n \r\n
\r\n {t('page.links.importantContacts')}\r\n \r\n \r\n
\r\n {t('page.links.carbohydrates')}\r\n \r\n \r\n
\r\n {t('page.links.diabetesCounceling')}\r\n \r\n \r\n
\r\n {t('page.links.specialSituations')}\r\n \r\n \r\n
\r\n {t('page.links.benefits')}\r\n \r\n \r\n
\r\n {t('page.links.newsAndInfo')}\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
\r\n \r\n
\r\n {props.displayText}
\r\n \r\n \r\n \r\n \r\n );\r\n } else {\r\n\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\r\n \r\n
\r\n \r\n
\r\n {props.displayText}
\r\n \r\n \r\n \r\n \r\n );\r\n }\r\n};\r\n","import React from 'react';\r\n\r\nimport './SideDrawer.scss';\r\nimport Links from '../Links';\r\n\r\n\r\nexport const SideDrawer = props => {\r\n let drawerClasses = 'side-drawer';\r\n if (props.show) {\r\n drawerClasses = 'side-drawer open';\r\n }\r\n return (\r\n \r\n );\r\n};\r\n","import React, {Component} from 'react';\nimport companyLogo from './../../Assets/logos/companyLogo.png'\nimport { Image } from 'semantic-ui-react';\nimport './footer.scss';\nimport { Translation } from 'react-i18next';\n\nclass Footer extends Component {\n render () {\n return (\n \n \n {t => (\n \n
\n )\n }\n}\n\nexport default Footer\n","import React, {Component} from 'react';\nimport background from './../../Assets/backgrounds/background.jpg'; // Tell Webpack this JS file uses this image\nimport { Image } from 'semantic-ui-react';\nimport './Header.scss';\n\n\nclass Header extends Component {\n render () {\n return (\n {t('footer.poweredBy')} {t('footer.companyName')}
\n )}\n\n
\n \n );\n } else {\n return (\n <>\n \n
\n \n
\n \n {/* 
*/}\n {this.props.children}\n
\n \n
\n \n );\n }\n }\n}\n\nexport default withRouter(Layout);\n","import React from 'react';\nimport { Icon } from 'semantic-ui-react';\nimport ReactGA from 'react-ga';\nimport { HTMLtarget, images } from '../../index';\n\nexport function LinkWithoutPopup (textORtopic, url, url_text, url_image) {\n return WithoutPopup(textORtopic, url, url_text, url_image, false);\n}\n\nexport function LinkWithoutPopupBold (textORtopic, url, url_text, url_image) {\n return WithoutPopup(textORtopic, url, url_text, url_image, true);\n}\n\nfunction WithoutPopup (textORtopic, url, url_text, url_image, bold = false) {\n if (bold) {\n return (\n \n \n
\n \n
\n \n
\n
\n \n
{this.props.children}
\n {showFrontPage && \n
\n );\n}\n","import React from 'react';\r\nimport { LinkWithoutPopupBold } from './LinkWithoutPopup';\r\nimport { WithSource } from './WithSource';\r\n\r\nexport function displayLinks (data, outerTopic) {\r\n if (!data) return null;\r\n\r\n return data.map((d, index) => (\r\n \n Source:\n \n {source}\n \n
\n \r\n
\r\n ));\r\n}\r\n","import React from 'react';\nimport { Image } from 'semantic-ui-react';\nimport { logos, HTMLtarget } from '../../index';\n\nexport function WithLogo (url, logo) {\n const logoSource = logos[`${logo}`];\n\n return (\n \r\n {outerTopic === d.topic ? (\r\n LinkWithoutPopupBold(d.text, d.url)\r\n ) : (\r\n
\r\n \r\n {LinkWithoutPopupBold(d.topic, d.url)}\r\n
\r\n )}\r\n {d.text}
\r\n {d.source ? WithSource(d.url, d.source, d.source_url) : null}\r\n \n
\n );\n}\n","import React from 'react';\nimport ReactGA from 'react-ga';\n\nimport { pdfs, HTMLtarget } from '../../index';\n\nexport function WithPDF (pdf, title) {\n let pdfSource;\n if (pdf) {\n pdfSource = pdfs[`${pdf}`];\n }\n\n return (\n \n \r\n
\r\n );\r\n });\r\n}\r\n","import React from 'react';\nimport { Icon, Modal, Image } from 'semantic-ui-react';\nimport { images } from '../..';\n\nexport function WithModal (textORtopic, url_image) {\n return (\n \r\n {outerTopic === d.topic ? (\r\n LinkWithoutPopupBold(d.text, d.url, d.url_text, d.url_image)\r\n ) : (\r\n
\r\n \r\n {d.pdf ? (\r\n WithPDF(d.pdf, d.pdf_title)\r\n ) : (\r\n \r\n {d.url_image\r\n ? WithModal(d.topic, d.url_image)\r\n : LinkWithoutPopupBold(d.topic, d.url, d.url_text, d.url_image)}\r\n \r\n )}\r\n\r\n
\r\n )}\r\n {d.text}
\r\n {d.source ? WithSource(d.url, d.source, d.source_url) : null}\r\n {d.logo ? WithLogo(d.source_url, d.logo) : null}\r\n \r\n \r\n \r\n \r\n <>\r\n {d.text ? \r\n \r\n
\r\n );\r\n });\r\n}\r\n","import React from 'react';\nimport { Image } from 'semantic-ui-react';\nimport { logos, images } from '../../index';\n\nexport function WithImage (url, logo, image, size = 'small') {\n let imageSource;\n if (logo) {\n imageSource = logos[`${logo}`];\n }\n if (image) {\n imageSource = images[`${image}`];\n }\n\n return {d.text}
: null}\r\n {d.html ? WithHTML(d.html) : null}\r\n {d.url ? (\r\n <>\r\n {LinkWithoutPopupBold(d.topic, d.url, d.url_text)}\r\n {d.source ? WithSource(d.url, d.source, d.source_url) : null}\r\n \r\n ) : null}\r\n {d.links ? displayLinks(d.links, d.topic) : null}\r\n {d.logo ? WithLogo(d.source_url, d.logo, null, 'small') : null}\r\n {d.image ? (\r\n <>\r\n {WithImage(d.url, null, d.image, 'massive')}\r\n {d.source ? WithSource(d.url, d.source, d.source_url) : null}\r\n \r\n ) : null}\r\n {d.pdf ? WithPDF(d.pdf, d.pdf_title) : null}\r\n {d.subfields ? <>{displaySubfields(d.subfields)} : <>}\r\n \r\n\n
\n );\n });\n}\n","import React, { Component } from 'react';\r\nimport { Image } from 'semantic-ui-react';\r\nimport { displayAccordion } from './components/DisplayAccordion';\r\nimport { displaySegment } from './components/DisplaySegment';\r\nimport benefits from './../Assets/Banner/Benefits.jpg'; // Tell Webpack this JS file uses this image\r\n\r\nimport mydiabetes_chat_data from \"./data/mydiabetes.chat/Benefits\";\r\nimport omadiabetes_fi_data from './data/omadiabetes.fi/Benefits';\r\nimport { currentWebsiteURL } from '../readCurrentWebHostname';\r\n\r\n// TODO create more modular way!\r\nlet jsonDATA;\r\nif (currentWebsiteURL === \"omadiabetes.fi\") {\r\n jsonDATA = omadiabetes_fi_data;\r\n}\r\n\r\nif (currentWebsiteURL === \"mydiabetes.chat\") {\r\n jsonDATA = mydiabetes_chat_data;\r\n}\r\n\r\n\r\n\r\nexport default class Benefits extends Component {\r\n state = { activeIndex: -1 };\r\n\r\n handleClick = (e, titleProps) => {\r\n const { index } = titleProps;\r\n const { activeIndex } = this.state;\r\n const newIndex = activeIndex === index ? -1 : index;\r\n\r\n this.setState({ activeIndex: newIndex });\r\n };\r\n\r\n render () {\r\n const { activeIndex } = this.state;\r\n\r\n return (\r\n <>\r\n \n \n \n {d.topic}\n \n <>\n {/* \n {d.topic}\n */}\n \n
\n \n {d.text ?
\n \n \n {d.text}
: null}\n {d.html ? WithHTML(d.html) : null}\n {d.url ? (\n <>\n {LinkWithoutPopupBold(d.topic, d.url, d.url_text)}\n {d.source\n ? WithSource(d.url, d.source, d.source_url)\n : null}\n \n ) : null}\n {d.info ? (\n <>\n\n {d.info.map(i => (\n
\n \n ) : null}\n {d.links ? displayLinks(d.links, d.topic) : null}\n {d.logo ? WithLogo(d.source_url, d.logo) : null}\n {d.image ? (\n <>\n \r\n
\r\n \r\n
\r\n {displaySegment(jsonDATA, activeIndex, this.handleClick)}
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Image } from 'semantic-ui-react';\r\nimport { displayAccordion } from './components/DisplayAccordion';\r\nimport { displaySegment } from './components/DisplaySegment';\r\nimport specialSituation from './../Assets/Banner/SpecialSituations.png'; // Tell Webpack this JS file uses this image\r\n\r\nimport mydiabetes_chat_data from \"./data/mydiabetes.chat/SpecialSituations\";\r\nimport omadiabetes_fi_data from './data/omadiabetes.fi/SpecialSituations';\r\nimport { currentWebsiteURL } from '../readCurrentWebHostname';\r\n\r\n// TODO create more modular way!\r\nlet jsonDATA;\r\nif (currentWebsiteURL === \"omadiabetes.fi\") {\r\n jsonDATA = omadiabetes_fi_data;\r\n}\r\n\r\nif (currentWebsiteURL === \"mydiabetes.chat\") {\r\n jsonDATA = mydiabetes_chat_data;\r\n}\r\n\r\nexport default class SpecialSituations extends Component {\r\n state = { activeIndex: -1 };\r\n\r\n handleClick = (e, titleProps) => {\r\n const { index } = titleProps;\r\n const { activeIndex } = this.state;\r\n const newIndex = activeIndex === index ? -1 : index;\r\n\r\n this.setState({ activeIndex: newIndex });\r\n };\r\n\r\n render () {\r\n const { activeIndex } = this.state;\r\n\r\n return (\r\n <>\r\n \r\n \r\n {displayAccordion(jsonDATA, activeIndex, this.handleClick)}\r\n
\r\n \r\n
\r\n \r\n
\r\n {displaySegment(jsonDATA, activeIndex, this.handleClick)}
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\nimport { Image } from 'semantic-ui-react';\r\nimport { displayAccordion } from './components/DisplayAccordion';\r\nimport { displaySegment } from './components/DisplaySegment';\r\nimport diabetesCounceling from './../Assets/Banner/DiabetesCounceling.jpg'; // Tell Webpack this JS file uses this image\r\n\r\nimport mydiabetes_chat_data from \"./data/mydiabetes.chat/DiabetesCounceling\";\r\nimport omadiabetes_fi_data from './data/omadiabetes.fi/DiabetesCounceling';\r\nimport { currentWebsiteURL } from '../readCurrentWebHostname';\r\n\r\n// TODO create more modular way!\r\nlet jsonDATA;\r\nif (currentWebsiteURL === \"omadiabetes.fi\") {\r\n jsonDATA = omadiabetes_fi_data;\r\n}\r\n\r\nif (currentWebsiteURL === \"mydiabetes.chat\") {\r\n jsonDATA = mydiabetes_chat_data;\r\n}\r\n\r\nclass DiabetesCounceling extends Component {\r\n state = {\r\n activeIndex: -1,\r\n numPages: null,\r\n pageNumber: 1\r\n };\r\n\r\n onDocumentLoadSuccess = ({ numPages }) => {\r\n this.setState({ numPages });\r\n };\r\n\r\n handleClick = (e, titleProps) => {\r\n const { index } = titleProps;\r\n const { activeIndex } = this.state;\r\n const newIndex = activeIndex === index ? -1 : index;\r\n\r\n this.setState({ activeIndex: newIndex });\r\n };\r\n\r\n handleColorChange = e => this.setState({ color: e.target.value });\r\n\r\n handleChange = (e, data) => this.setState(data);\r\n\r\n render () {\r\n const { activeIndex } = this.state;\r\n\r\n return (\r\n <>\r\n \r\n \r\n {displayAccordion(jsonDATA, activeIndex, this.handleClick)}\r\n
\r\n \r\n
\r\n \r\n
\r\n {displaySegment(jsonDATA, activeIndex, this.handleClick)}
\r\n \r\n
\r\n \r\n \r\n );\r\n }\r\n}\r\nexport default DiabetesCounceling;\r\n","import React, { Component } from 'react';\r\nimport { Image } from 'semantic-ui-react';\r\nimport { displayAccordion } from './components/DisplayAccordion';\r\nimport { displaySegment } from './components/DisplaySegment';\r\nimport news from './../Assets/Banner/News_and_info.jpg'; // Tell Webpack this JS file uses this image\r\n\r\nimport mydiabetes_chat_data from \"./data/mydiabetes.chat/NewsAndInfo\";\r\nimport omadiabetes_fi_data from './data/omadiabetes.fi/NewsAndInfo';\r\nimport { currentWebsiteURL } from '../readCurrentWebHostname';\r\n\r\n// TODO create more modular way!\r\nlet jsonDATA;\r\nif (currentWebsiteURL === \"omadiabetes.fi\") {\r\n jsonDATA = omadiabetes_fi_data;\r\n}\r\n\r\nif (currentWebsiteURL === \"mydiabetes.chat\") {\r\n jsonDATA = mydiabetes_chat_data;\r\n}\r\n\r\nexport default class NewsAndInfo extends Component {\r\n state = { activeIndex: -1 };\r\n\r\n handleClick = (e, titleProps) => {\r\n const { index } = titleProps;\r\n const { activeIndex } = this.state;\r\n const newIndex = activeIndex === index ? -1 : index;\r\n\r\n this.setState({ activeIndex: newIndex });\r\n };\r\n\r\n render () {\r\n const { activeIndex } = this.state;\r\n\r\n return (\r\n <>\r\n \r\n \r\n {displayAccordion(jsonDATA, activeIndex, this.handleClick)}\r\n
\r\n \r\n
\r\n \r\n
\r\n {displaySegment(jsonDATA, activeIndex, this.handleClick)}
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n","import React, { Component } from 'react';\r\n\r\nimport { displaySegment } from './components/DisplaySegment';\r\nimport { displayAccordion } from './components/DisplayAccordion';\r\nimport { Image } from 'semantic-ui-react';\r\nimport importantContact from './../Assets/Banner/ImportantContact.jpeg'; // Tell Webpack this JS file uses this image\r\n\r\nimport mydiabetes_chat_data from \"./data/mydiabetes.chat/ImportantContacts\";\r\nimport omadiabetes_fi_data from './data/omadiabetes.fi/ImportantContacts';\r\nimport { currentWebsiteURL } from '../readCurrentWebHostname';\r\n\r\n// TODO create more modular way!\r\nlet jsonDATA;\r\nif (currentWebsiteURL === \"omadiabetes.fi\") {\r\n jsonDATA = omadiabetes_fi_data;\r\n}\r\n\r\nif (currentWebsiteURL === \"mydiabetes.chat\") {\r\n jsonDATA = mydiabetes_chat_data;\r\n}\r\n\r\nclass ImportantContacts extends Component {\r\n state = { activeIndex: -1 };\r\n\r\n handleClick = (e, titleProps) => {\r\n const { index } = titleProps;\r\n const { activeIndex } = this.state;\r\n const newIndex = activeIndex === index ? -1 : index;\r\n\r\n this.setState({ activeIndex: newIndex });\r\n };\r\n render () {\r\n const { activeIndex } = this.state;\r\n return (\r\n <>\r\n \r\n \r\n {displayAccordion(jsonDATA, activeIndex, this.handleClick)}\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {displaySegment(jsonDATA, activeIndex, this.handleClick)}\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default ImportantContacts;\r\n","import React, { Component } from 'react';\r\nimport { Image } from 'semantic-ui-react';\r\nimport { displayAccordion } from './components/DisplayAccordion';\r\nimport { displaySegment } from './components/DisplaySegment';\r\nimport carbohydrates from './../Assets/Banner/Carbohydrates.jpg'; // Tell Webpack this JS file uses this image\r\n\r\nimport mydiabetes_chat_data from \"./data/mydiabetes.chat/Carbohydrates\";\r\nimport omadiabetes_fi_data from './data/omadiabetes.fi/Carbohydrates';\r\nimport { currentWebsiteURL } from '../readCurrentWebHostname';\r\n\r\n// TODO create more modular way!\r\nlet jsonDATA;\r\nif (currentWebsiteURL === \"omadiabetes.fi\") {\r\n jsonDATA = omadiabetes_fi_data;\r\n}\r\n\r\nif (currentWebsiteURL === \"mydiabetes.chat\") {\r\n jsonDATA = mydiabetes_chat_data;\r\n}\r\n\r\nclass Carbohydrates extends Component {\r\n state = { activeIndex: -1 };\r\n\r\n handleClick = (e, titleProps) => {\r\n const { index } = titleProps;\r\n const { activeIndex } = this.state;\r\n const newIndex = activeIndex === index ? -1 : index;\r\n\r\n this.setState({ activeIndex: newIndex });\r\n };\r\n\r\n handleColorChange = e => this.setState({ color: e.target.value });\r\n\r\n handleChange = (e, data) => this.setState(data);\r\n\r\n render () {\r\n const { activeIndex } = this.state;\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {displaySegment(jsonDATA, activeIndex, this.handleClick)}\r\n
\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\nexport default Carbohydrates;\r\n","import React from 'react';\nimport {\n Container,\n Header,\n Input,\n Button,\n Message,\n Form\n} from 'semantic-ui-react';\nimport { graphql } from 'react-apollo';\nimport {flowRight as compose} from 'lodash';\nimport gql from 'graphql-tag';\nimport uuidvalidate from 'uuid-validate';\nimport { Redirect } from 'react-router-dom';\nimport { withTranslation } from 'react-i18next';\n\nclass Register extends React.Component {\n state = {\n login: '',\n loginError: '',\n displayname: '',\n displaynameError: '',\n password: '',\n passwordError: '',\n token: '',\n redirect: false\n };\n\n componentDidMount () {\n const { token } = this.props.match.params;\n const validUuid = uuidvalidate(token);\n\n if (!validUuid) {\n this.setState({\n redirect: true\n });\n }\n\n this.setState({\n token\n });\n }\n\n renderRedirect = () => {\n if (this.state.redirect) {\n return \r\n
\r\n \n \n \n {t(\n 'chat.register.registerHeader',\n '_chat.register.registerHeader'\n )}\n \n \n {errorList.length ? (\n \n
\n \n );\n }\n}\n\n// const registerMutation = gql`\n// mutation($login: String!, $displayname: String!, $password: String!) {\n// register(login: $login, displayname: $displayname, password: $password) {\n// ok\n// errors {\n// path\n// message\n// }\n// }\n// }\n// `;\n\nconst updateUserRegisterMutation = gql`\n mutation(\n $token: String!\n $login: String!\n $displayname: String!\n $password: String!\n ) {\n updateUserRegister(\n token: $token\n login: $login\n displayname: $displayname\n password: $password\n ) {\n ok\n errors {\n path\n message\n }\n }\n }\n`;\n\nexport default compose(\n graphql(updateUserRegisterMutation),\n withTranslation()\n)(Register);\n","import React, { Component } from 'react';\nimport {\n Container,\n Header,\n Input,\n Button,\n Form,\n Message\n} from 'semantic-ui-react';\nimport { extendObservable } from 'mobx';\n\nimport { graphql } from 'react-apollo';\nimport {flowRight as compose} from 'lodash';\nimport gql from 'graphql-tag';\nimport { observer } from 'mobx-react';\nimport { wsLink } from '../apollo';\nimport { withTranslation } from 'react-i18next';\nimport { withRouter } from 'react-router-dom';\n\nclass Login extends Component {\n constructor (props) {\n super(props);\n\n extendObservable(this, {\n login: '',\n password: '',\n errors: {}\n });\n }\n\n onSubmit = async () => {\n const { login, password } = this;\n const response = await this.props.mutate({\n variables: { login, password }\n });\n\n // console.log(response);\n\n const { ok, token, refreshToken, errors } = response.data.login;\n\n if (ok) {\n localStorage.setItem('token', token);\n localStorage.setItem('refreshToken', refreshToken);\n wsLink.subscriptionClient.tryReconnect();\n this.props.history.push('/ViewChat');\n } else {\n const err = {};\n errors.forEach(({ path, message }) => {\n // err['passwordError'] = 'too long..';\n err[`${path}Error`] = message;\n });\n\n this.errors = err;\n }\n };\n\n onChange = e => {\n const { name, value } = e.target;\n this[name] = value;\n };\n\n render () {\n // prettier-ignore\n const { login, password, errors: { loginError, passwordError } } = this;\n const { t } = this.props;\n\n const translateError = errorText => {\n const withNoDigits =\n 'chat.error.' + errorText.replace(/[0-9]/g, '').replace(/ +(?= )/g, '');\n var translatedText = t(withNoDigits, {\n count: errorText.replace(/\\D/g, '')\n });\n return translatedText;\n };\n\n const errorList = [];\n if (loginError) errorList.push(translateError(loginError));\n if (passwordError) errorList.push(translateError(passwordError));\n\n return (\n <>\n \n
\n \n \n {t('chat.login.loginHeader')}\n \n \n \n \n
\n \n {errorList.length ? (\n
\n \n
\n \n );\n }\n}\n\nconst loginMutation = gql`\n mutation($login: String!, $password: String!) {\n login(login: $login, password: $password) {\n ok\n token\n refreshToken\n errors {\n path\n message\n }\n }\n }\n`;\n\nexport default compose(\n graphql(loginMutation),\n withTranslation()\n)(withRouter(Login), observer(Login));\n","import React from 'react';\r\nimport { ApolloConsumer } from 'react-apollo';\r\nimport { Redirect } from 'react-router-dom';\r\n\r\nexport default () => (\r\n \n \n \n \n {t('chat.login.loginHeader')}\n \n \n \n
\n \n {errorList.length ? (\n
\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default OwnGoals;\r\n","import React, { Component } from 'react';\r\n\r\nclass DiabetesFacts extends Component {\r\n state = {};\r\n render () {\r\n return (\r\n Own goals
\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nexport default DiabetesFacts;\r\n","import React, { Component } from 'react';\nimport { Redirect } from 'react-router-dom';\n\nclass WidthLayouts extends Component {\n constructor () {\n super();\n this.state = {\n width: window.innerWidth,\n };\n }\n\n // TODO: fix\n UNSAFE_componentWillMount () {\n window.addEventListener('resize', this.handleWindowSizeChange);\n }\n\n // make sure to remove the listener\n // when the component is not mounted anymore\n // TODO: fix\n componentWillUnmount () {\n window.removeEventListener('resize', this.handleWindowSizeChange);\n }\n\n handleWindowSizeChange = () => {\n this.setState({ width: window.innerWidth });\n };\n\n render () {\n const { width } = this.state;\n const isMobile = width <= 768;\n\n // the rest is the same...\n\n if (isMobile) {\n return (\n \r\n
\r\n DiabetesFacts
\r\n \r\n\r\n\r\n
\r\n \r\n);\r\n","import React from 'react';\n\nimport { TextArea, Button } from 'semantic-ui-react';\nimport { withFormik } from 'formik';\n\nimport Dropzone from 'react-dropzone';\nimport { graphql } from 'react-apollo';\nimport {flowRight as compose} from 'lodash';\nimport gql from 'graphql-tag';\nimport { Translation } from 'react-i18next';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faPaperPlane, faPlus } from '@fortawesome/free-solid-svg-icons';\n\nconst SendMessage = ({\n values,\n handleChange,\n handleSubmit,\n mutate,\n channelId\n}) => (\n \r\n \r\n \r\n
\r\n {/* {channelName}
\r\nusers
*/}\r\n\n {\n await mutate({\n variables: {\n channelId,\n file\n }\n });\n // console.table(response);\n }}>\n {({ getRootProps, getInputProps }) => (\n \n \n \n {t => (\n \n )}\n \n
\n);\n\nconst createFileMessageMutation = gql`\n mutation($channelId: ID!, $file: Upload) {\n createMessage(channelId: $channelId, file: $file)\n }\n`;\n\nexport default compose(\n graphql(createFileMessageMutation),\n withFormik({\n mapPropsToValues: () => ({ message: '' }),\n\n handleSubmit: async (\n values,\n { props: { onSubmit }, setSubmitting, resetForm }\n ) => {\n if (!values.message || !values.message.trim()) {\n setSubmitting(false);\n return;\n }\n\n await onSubmit(values.message);\n resetForm(false);\n }\n })\n)(SendMessage);\n","import React from 'react';\r\n\r\nimport { Icon } from 'semantic-ui-react';\r\nimport { Link } from 'react-router-dom';\r\n// import { ChatItem } from 'react-chat-elements';\r\n// import moment from 'moment';\r\nimport { sidebarClose } from './sidebarToggle';\r\n\r\nimport './Channels.scss';\r\nimport { THIS_IS_PATIENT_CHANNEL } from '../../../index';\r\nimport { Trans, Translation } from 'react-i18next';\r\n// import { sidebarClose } from './sidebarToggle';\r\n\r\nconst Bubble = ({ on = true }) =>\r\n on ? â—Ź : 'â—‹';\r\n\r\nconst channel = ({ id, name }, teamId, teamName) => {\r\n let displayChannelName = name;\r\n if (name === THIS_IS_PATIENT_CHANNEL) {\r\n displayChannelName = teamName;\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n);\r\n","const sidebarOpen = () => {\r\n const sidebarLeft = document.getElementsByClassName('sidebar-left')[0];\r\n const sidebarButtonOpen = document.getElementsByClassName(\r\n 'sidebarButtonOpen'\r\n )[0];\r\n const sidebarButtonClose = document.getElementsByClassName(\r\n 'sidebarButtonClose'\r\n )[0];\r\n\r\n if (sidebarLeft) {\r\n if (sidebarLeft.classList.contains('sidebar-left-closed')) {\r\n sidebarLeft.classList.remove('sidebar-left-closed');\r\n sidebarLeft.classList.add('sidebar-left-open');\r\n }\r\n }\r\n if (sidebarButtonOpen) {\r\n if (sidebarButtonOpen.classList.contains('visible')) {\r\n sidebarButtonOpen.classList.remove('visible');\r\n if (sidebarButtonClose) {\r\n sidebarButtonClose.classList.add('visible');\r\n }\r\n }\r\n }\r\n};\r\n\r\nconst sidebarClose = () => {\r\n const sidebarLeft = document.getElementsByClassName('sidebar-left')[0];\r\n\r\n const sidebarButtonOpen = document.getElementsByClassName(\r\n 'sidebarButtonOpen'\r\n )[0];\r\n const sidebarButtonClose = document.getElementsByClassName(\r\n 'sidebarButtonClose'\r\n )[0];\r\n\r\n if (sidebarLeft) {\r\n if (sidebarLeft.classList.contains('sidebar-left-open')) {\r\n sidebarLeft.classList.remove('sidebar-left-open');\r\n sidebarLeft.classList.add('sidebar-left-closed');\r\n }\r\n }\r\n if (sidebarButtonClose) {\r\n if (sidebarButtonClose.classList.contains('visible')) {\r\n sidebarButtonClose.classList.remove('visible');\r\n if (sidebarButtonOpen) {\r\n sidebarButtonOpen.classList.add('visible');\r\n }\r\n }\r\n }\r\n};\r\n\r\nexport { sidebarOpen, sidebarClose };\r\n\r\n/*\r\noriginal code for reference\r\nconst sidebarOpen = side => {\r\n const sidebarLeft = document.getElementsByClassName('sidebar-left')[0];\r\n const sidebarRight = document.getElementsByClassName('sidebar-right')[0];\r\n\r\n if (side === 'left') {\r\n if (sidebarRight.classList.contains('sidebar-right-open')) {\r\n sidebarRight.classList.remove('sidebar-right-open');\r\n sidebarRight.classList.add('sidebar-right-closed');\r\n }\r\n\r\n if (sidebarLeft.classList.contains('sidebar-left-closed')) {\r\n sidebarLeft.classList.remove('sidebar-left-closed');\r\n sidebarLeft.classList.add('sidebar-left-open');\r\n }\r\n } else if (side === 'right') {\r\n if (sidebarLeft.classList.contains('sidebar-left-open')) {\r\n sidebarLeft.classList.remove('sidebar-left-open');\r\n sidebarLeft.classList.add('sidebar-left-closed');\r\n }\r\n\r\n if (sidebarRight.classList.contains('sidebar-right-closed')) {\r\n sidebarRight.classList.remove('sidebar-right-closed');\r\n sidebarRight.classList.add('sidebar-right-open');\r\n }\r\n }\r\n};\r\n\r\nconst sidebarClose = side => {\r\n const sidebar = document.getElementsByClassName(`sidebar-${side}`)[0];\r\n\r\n if (sidebar.classList.contains(`sidebar-${side}-open`)) {\r\n sidebar.classList.remove(`sidebar-${side}-open`);\r\n sidebar.classList.add(`sidebar-${side}-closed`);\r\n }\r\n};\r\n\r\nexport { sidebarOpen, sidebarClose };\r\n*/\r\n","import gql from 'graphql-tag';\r\n\r\nexport const meQuery = gql`\r\n {\r\n me {\r\n id\r\n login\r\n displayname\r\n role\r\n teams {\r\n id\r\n name\r\n admin\r\n channels {\r\n id\r\n name\r\n dm\r\n }\r\n }\r\n }\r\n }\r\n`;\r\n\r\nexport const emptystuff = {};\r\n\r\nexport const getTeamMembersQuery = gql`\r\n query($teamId: ID!) {\r\n getTeamMembers(teamId: $teamId) {\r\n id\r\n login\r\n displayname\r\n }\r\n }\r\n`;\r\n","import React from 'react';\r\nimport { Dropdown } from 'semantic-ui-react';\r\nimport { graphql } from 'react-apollo';\r\n\r\nimport { getTeamMembersQuery } from '../../../graphql/team';\r\n\r\nconst MultiSelectUsers = ({\r\n data: { loading, getTeamMembers = [] },\r\n value,\r\n handleChange,\r\n placeholder,\r\n currentUserId\r\n}) =>\r\n loading ? null : (\r\n \r\n {/* \r\n Tiimi:
*/}\r\n\r\n {/* Käyttäjä: */}\r\n \r\n {t => (\r\n sidebarClose('left')}\r\n title={t('chat.sideBar.close')}>\r\n \r\n {/*
\r\n {displayName} */}\r\n
\r\n \r\n Tiimi:
\r\n {teamName}\r\n
*/}\r\n\r\n {/* Käyttäjä: */}\r\n \r\n {displayName} */}\r\n
\r\n
\r\n {/* - \r\n
- \r\n
\r\n \r\n\r\n {channels.map(c => channel(c, teamId, teamName, displayName))}\r\n\r\n
\r\n\r\n {isOwner && (\r\n
\r\n
\r\n \r\n
\r\n \r\n
*/}\r\n {/* {isOwner && (\r\n - \r\n
- \r\n Direct Messages\r\n
\r\n \r\n {dmChannels.map(dmC => dmChannel(dmC, teamId))}\r\n
\r\n \r\n + Invite People\r\n \r\n
\r\n )} */}\r\n \r\n \r\n
\r\n {this.props.text && (\r\n \r\n \r\n
\r\n )}\r\n {!error &&\r\n this.props.data.status &&\r\n !this.props.data.status.download && (\r\n \r\n {!this.props.data.status.click && (\r\n \r\n
\r\n )}\r\n {this.props.text}
\r\n )}\r\n \r\n );\r\n }\r\n}\r\n\r\nPhotoMessage.defaultProps = {\r\n text: '',\r\n data: {},\r\n onDownload: null,\r\n onOpen: null,\r\n onLoad: null\r\n};\r\n\r\nexport default PhotoMessage;\r\n","import React, { Component } from 'react';\r\nimport './FileMessage.css';\r\n\r\nimport { FaCloudDownloadAlt as FaCloudDownload } from 'react-icons/fa';\r\nimport { MdError as FaError } from 'react-icons/md';\r\nimport { FaFile } from 'react-icons/fa';\r\n\r\nconst ProgressBar = require('react-progress-bar.js');\r\nconst Circle = ProgressBar.Circle;\r\n\r\nexport class FileMessage extends Component {\r\n onClick (e) {\r\n if (!this.props.data.status) return;\r\n\r\n if (\r\n !this.props.data.status.download &&\r\n this.props.onDownload instanceof Function\r\n )\r\n this.props.onDownload(e);\r\n else if (\r\n this.props.data.status.download &&\r\n this.props.onOpen instanceof Function\r\n )\r\n this.props.onOpen(e);\r\n }\r\n\r\n render () {\r\n var progressOptions = {\r\n strokeWidth: 5,\r\n color: '#333',\r\n trailColor: '#aaa',\r\n trailWidth: 5,\r\n step: (state, circle) => {\r\n circle.path.setAttribute('trail', state.color);\r\n circle.path.setAttribute('trailwidth-width', state.width);\r\n\r\n var value = Math.round(circle.value() * 100);\r\n if (value === 0) circle.setText('');\r\n else circle.setText(value);\r\n }\r\n };\r\n\r\n const error =\r\n this.props.data.status && this.props.data.status.error === true;\r\n\r\n return (\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nFileMessage.defaultProps = {\r\n text: '',\r\n data: {},\r\n onClick: null,\r\n onDownload: null,\r\n onOpen: null\r\n};\r\n\r\nexport default FileMessage;\r\n","import React, { Component } from 'react';\r\nimport './SystemMessage.css';\r\n\r\nconst classNames = require('classnames');\r\n\r\nexport class SystemMessage extends Component {\r\n render() {\r\n return (\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nexport default SystemMessage;\r\n","import React, { Component } from 'react';\r\nimport './LocationMessage.css';\r\n\r\nconst classNames = require('classnames');\r\n\r\nconst STATIC_URL =\r\n 'https://maps.googleapis.com/maps/api/staticmap?markers=color:MARKER_COLOR|LATITUDE,LONGITUDE&zoom=ZOOM&size=270x200&scale=2&key=KEY';\r\nconst MAP_URL =\r\n 'https://www.google.com/maps/search/?api=1&query=LATITUDE,LONGITUDE&zoom=ZOOM';\r\n\r\nexport class LocationMessage extends Component {\r\n constructor (props) {\r\n super(props);\r\n\r\n this.className = this.className.bind(this);\r\n }\r\n\r\n buildURL (url) {\r\n var center = this.props.data || {};\r\n\r\n return url\r\n .replace('LATITUDE', center.latitude)\r\n .replace('LONGITUDE', center.longitude)\r\n .replace('MARKER_COLOR', this.props.markerColor)\r\n .replace('ZOOM', this.props.zoom)\r\n .replace('KEY', this.props.apiKey);\r\n }\r\n\r\n className () {\r\n var className = classNames('rce-mbox-location', this.props.className);\r\n\r\n if (this.props.text) {\r\n className = classNames(className, 'rce-mbox-location-has-text');\r\n }\r\n\r\n return className;\r\n }\r\n\r\n render () {\r\n return (\r\n \r\n {this.props.text}\r\n
\r\n \r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nLocationMessage.defaultProps = {\r\n target: '_blank',\r\n apiKey: '',\r\n zoom: 14,\r\n markerColor: 'red'\r\n};\r\n\r\nexport default LocationMessage;\r\n","import React, { Component } from 'react';\r\nimport './SpotifyMessage.css';\r\n\r\n// const classNames = require('classnames');\r\n\r\nexport class SpotifyMessage extends Component {\r\n toUrl () {\r\n var formBody = [];\r\n var data = {\r\n uri: this.props.uri,\r\n theme: this.props.theme,\r\n view: this.props.view\r\n };\r\n for (var property in data) {\r\n var encodedKey = encodeURIComponent(property);\r\n var encodedValue = encodeURIComponent(data[property]);\r\n formBody.push(encodedKey + '=' + encodedValue);\r\n }\r\n formBody = formBody.join('&');\r\n return formBody;\r\n }\r\n\r\n render () {\r\n if (!this.props.uri) return null;\r\n return (\r\n \r\n {this.props.text}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nSpotifyMessage.defaultProps = {\r\n uri: '',\r\n theme: 'black',\r\n view: 'list',\r\n width: 300,\r\n height: 380\r\n};\r\n\r\nexport default SpotifyMessage;\r\n","import React, { Component } from 'react';\r\nimport './Avatar.css';\r\n\r\nconst classNames = require('classnames');\r\n\r\nexport class Avatar extends Component {\r\n render() {\r\n return (\r\n \r\n 
\r\n {this.props.sideElement}\r\n
\r\n );\r\n }\r\n}\r\n\r\nAvatar.defaultProps = {\r\n type: 'default',\r\n size: 'default',\r\n src: '',\r\n alt: '',\r\n sideElement: null,\r\n};\r\n\r\nexport default Avatar;\r\n","import React, { Component } from 'react';\r\nimport './MessageBox.scss';\r\n\r\nimport PhotoMessage from '../PhotoMessage/PhotoMessage';\r\nimport FileMessage from '../FileMessage/FileMessage';\r\nimport SystemMessage from '../SystemMessage/SystemMessage';\r\nimport LocationMessage from '../LocationMessage/LocationMessage';\r\nimport SpotifyMessage from '../SpotifyMessage/SpotifyMessage';\r\n\r\nimport Avatar from '../Avatar/Avatar';\r\n\r\nimport { FaForward } from 'react-icons/fa';\r\n// import { FaReply } from 'react-icons/fa';\r\n\r\nimport { IoIosDoneAll as IoDoneAll } from 'react-icons/io';\r\nimport { IoIosTime as MdIosTime } from 'react-icons/io';\r\nimport { MdCheck } from 'react-icons/md';\r\n\r\nconst moment = require('moment');\r\n\r\nconst classNames = require('classnames');\r\n\r\nexport class MessageBox extends Component {\r\n render () {\r\n var positionCls = classNames(\r\n 'rce-mbox',\r\n {\r\n 'rce-mbox-right': this.props.position === 'right'\r\n },\r\n { 'rce-mbox-professional': this.props.professional === 'professional' }\r\n );\r\n\r\n var thatAbsoluteTime =\r\n this.props.type !== 'text' &&\r\n this.props.type !== 'file' &&\r\n !(this.props.type === 'location' && this.props.text);\r\n\r\n const dateText =\r\n this.props.date &&\r\n !isNaN(this.props.date) &&\r\n (this.props.dateString || moment(this.props.date).fromNow());\r\n\r\n return (\r\n \r\n {this.props.forwarded === true && (\r\n \r\n
\r\n )}\r\n\r\n {(this.props.title || this.props.avatar) && (\r\n {this.props.text}
\r\n )}\r\n\r\n {this.props.type === 'location' && (\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\nMessageBox.defaultProps = {\r\n position: 'left',\r\n type: 'text',\r\n text: '',\r\n title: null,\r\n titleColor: null,\r\n onTitleClick: null,\r\n onForwardClick: null,\r\n date: new Date(),\r\n data: {},\r\n onClick: null,\r\n onOpen: null,\r\n onDownload: null,\r\n onLoad: null,\r\n forwarded: false,\r\n status: null,\r\n dateString: null,\r\n notch: true,\r\n avatar: null,\r\n renderAddCmp: null,\r\n copiableDate: false\r\n};\r\n\r\nexport default MessageBox;\r\n","import React, { Component } from 'react';\r\nimport './ChatItem.css';\r\n\r\nimport Avatar from '../Avatar/Avatar';\r\n\r\nconst moment = require('moment');\r\nconst classNames = require('classnames');\r\n\r\nexport class ChatItem extends Component {\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n );\r\n }\r\n}\r\n\r\nChatItem.defaultProps = {\r\n id: '',\r\n onClick: null,\r\n avatar: '',\r\n avatarFlexible: false,\r\n alt: '',\r\n title: '',\r\n subtitle: '',\r\n date: new Date(),\r\n unread: 0,\r\n statusColor: null,\r\n statusText: null,\r\n dateString: null,\r\n}\r\n\r\nexport default ChatItem;\r\n","import React, { Component } from 'react';\r\nimport './ChatList.css';\r\n\r\nimport ChatItem from '../ChatItem/ChatItem';\r\n\r\nconst classNames = require('classnames');\r\n\r\nexport class ChatList extends Component {\r\n\r\n onClick(item, i, e) {\r\n if (this.props.onClick instanceof Function)\r\n this.props.onClick(item, i, e);\r\n }\r\n\r\n onContextMenu(item, i, e) {\r\n e.preventDefault();\r\n if (this.props.onContextMenu instanceof Function)\r\n this.props.onContextMenu(item, i, e);\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n {this.props.statusText}\r\n \r\n }\r\n type={classNames('circle', {'flexible': this.props.avatarFlexible})}/>\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {this.props.title}\r\n
\r\n \r\n {\r\n this.props.date &&\r\n !isNaN(this.props.date) &&\r\n (\r\n this.props.dateString ||\r\n moment(this.props.date).fromNow()\r\n )\r\n }\r\n
\r\n \r\n
\r\n \r\n {this.props.subtitle}\r\n
\r\n \r\n {\r\n this.props.unread > 0 &&\r\n {this.props.unread}\r\n }\r\n
\r\n \r\n {\r\n this.props.leftButtons &&\r\n {\r\n if (this.props.inputRef instanceof Function)\r\n this.props.inputRef(ref);\r\n this.input = ref;\r\n }}\r\n type={this.props.type}\r\n className={classNames('rce-input')}\r\n placeholder={this.props.placeholder}\r\n value={this.state.value}\r\n style={this.props.inputStyle}\r\n onChange={this.onChange.bind(this)}\r\n onCopy={this.props.onCopy}\r\n onCut={this.props.onCut}\r\n onPaste={this.props.onPaste}\r\n onBlur={this.props.onBlur}\r\n onFocus={this.props.onFocus}\r\n onSelect={this.props.onSelect}\r\n onSubmit={this.props.onSubmit}\r\n onReset={this.props.onReset}\r\n onKeyDown={this.props.onKeyDown}\r\n onKeyPress={this.props.onKeyPress}\r\n onKeyUp={this.props.onKeyUp}/>\r\n :\r\n {\r\n if (this.props.inputRef instanceof Function)\r\n this.props.inputRef(ref);\r\n this.input = ref;\r\n }}\r\n type={this.props.type}\r\n className={classNames('rce-input', 'rce-input-textarea')}\r\n placeholder={this.props.placeholder}\r\n value={this.state.value}\r\n style={this.props.inputStyle}\r\n onChange={this.onChange.bind(this)}\r\n onCopy={this.props.onCopy}\r\n onCut={this.props.onCut}\r\n onPaste={this.props.onPaste}\r\n onBlur={this.props.onBlur}\r\n onFocus={this.props.onFocus}\r\n onSelect={this.props.onSelect}\r\n onSubmit={this.props.onSubmit}\r\n onReset={this.props.onReset}\r\n onKeyDown={this.props.onKeyDown}\r\n onKeyPress={this.props.onKeyPress}\r\n onKeyUp={this.props.onKeyUp}>\r\n }\r\n {\r\n this.props.rightButtons &&\r\n
\r\n );\r\n }\r\n}\r\n\r\nInput.defaultProps = {\r\n type: 'text',\r\n placeholder: '',\r\n defaultValue: '',\r\n onChange: null,\r\n rightButtons: null,\r\n leftButtons: null,\r\n multiline: false,\r\n minHeight: 25,\r\n maxHeight: 200,\r\n autoHeight: true,\r\n inputStyle: null,\r\n inputRef: null,\r\n maxlength: null,\r\n onMaxLengthExceed: null,\r\n autofocus: false,\r\n};\r\n\r\nexport default Input;\r\n","import React, { Component } from 'react';\r\nimport './Button.css';\r\n\r\nconst classNames = require('classnames');\r\n\r\nexport class Button extends Component {\r\n render() {\r\n return (\r\n \r\n {this.props.leftButtons}\r\n
\r\n }\r\n {\r\n this.props.multiline === false ?\r\n \r\n {this.props.rightButtons}\r\n
\r\n }\r\n \r\n
\r\n );\r\n }\r\n}\r\n\r\nNavbar.defaultProps = {\r\n left: null,\r\n center: null,\r\n right: null,\r\n type:'light'\r\n};\r\n\r\nexport default Navbar;\r\n","import React, { Component } from 'react';\r\nimport './Dropdown.css';\r\n\r\nimport Button from '../Button/Button';\r\n\r\nconst classNames = require('classnames');\r\n\r\nexport class Dropdown extends Component {\r\n constructor (props) {\r\n super(props);\r\n\r\n this.state = {\r\n show: undefined\r\n };\r\n }\r\n\r\n onBlur (e) {\r\n if (this.state.show === true) this.setState({ show: false });\r\n }\r\n\r\n render () {\r\n return (\r\n \r\n {this.props.left}\r\n
\r\n \r\n {this.props.center}\r\n
\r\n \r\n {this.props.right}\r\n
\r\n - \r\n {this.props.items.map((x, i) => (\r\n
- this.props.onSelect(i)}>\r\n {x}\r\n \r\n ))}\r\n
\r\n
\r\n );\r\n }\r\n}\r\n\r\nSideBar.defaultProps = {\r\n top: null,\r\n center: null,\r\n bottom: null,\r\n type: 'dark',\r\n}\r\n\r\nexport default SideBar;\r\n","import React, { Component } from 'react';\r\nimport './Popup.css';\r\n\r\nimport Button from '../Button/Button';\r\n\r\nconst classNames = require('classnames');\r\n\r\nexport class Popup extends Component {\r\n render() {\r\n if (this.props.show === true)\r\n return (\r\n \r\n {this.props.top}\r\n
\r\n \r\n {this.props.center}\r\n
\r\n \r\n {this.props.bottom}\r\n
\r\n \r\n
\r\n );\r\n return null;\r\n }\r\n}\r\n\r\nPopup.defaultProps = {\r\n show: false,\r\n header: null,\r\n text: null,\r\n headerButtons: [],\r\n footerButtons: [],\r\n renderHeader: null,\r\n renderContent: null,\r\n renderFooter: null,\r\n color: '#333',\r\n};\r\n\r\nexport default Popup;\r\n","import React from 'react';\r\nimport { Card, CardContent, Image, Modal } from 'semantic-ui-react';\r\n// import maleFemaleImage from '../images/male_female.svg';\r\n// import nurse from '../images/nurse.png';\r\nimport { MessageBox } from './react-chat-elements';\r\nimport { Trans } from 'react-i18next';\r\n\r\nconst Message = ({\r\n currentUser,\r\n displayName,\r\n messageText,\r\n messageDate,\r\n role,\r\n file,\r\n filetype\r\n}) => {\r\n return (\r\n <>\r\n {file ? (\r\n \r\n {\r\n this.props.renderHeader ?\r\n
\r\n \r\n {this.props.renderHeader()}\r\n
\r\n :\r\n \r\n {this.props.header}\r\n {\r\n this.props.header &&\r\n this.props.headerButtons.map((x, i) => (\r\n
\r\n }\r\n \r\n {\r\n this.props.renderContent ?\r\n this.props.renderContent()\r\n :\r\n this.props.text\r\n }\r\n
\r\n \r\n {\r\n this.props.renderFooter ?\r\n this.props.renderFooter()\r\n :\r\n this.props.footerButtons.map((x, i) => (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n : {displayName} \r\n \r\n \r\n
\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n );\r\n};\r\nexport default Message;\r\n","import React from 'react';\nimport { graphql } from 'react-apollo';\nimport gql from 'graphql-tag';\nimport { Button } from 'semantic-ui-react';\nimport { Trans } from 'react-i18next';\n\nimport ScrollableFeed from 'react-scrollable-feed';\n// import cookie from 'js-cookie';\nimport '../react-chat-elements.scss';\n\nimport { formatDate } from '../../../index';\nimport Message from '../components/Message';\n\nconst newChannelMessageSubscription = gql`\n subscription($channelId: ID!) {\n newChannelMessage(channelId: $channelId) {\n id\n text\n file\n filetype\n user {\n id\n displayname\n role\n }\n createdAt\n }\n }\n`;\n\nclass MessageContainer extends React.Component {\n constructor (props) {\n super(props);\n\n this.keyCount = 0;\n this.getKey = this.getKey.bind(this);\n // const chatOtherUserID = cookie.get('ChatOtherUserID');\n\n // if (chatOtherUserID) {\n // this.channelId = chatOtherUserID;\n // }\n }\n state = {\n hasMoreItems: true\n };\n\n getKey () {\n return this.keyCount++;\n }\n// TODO: fix\n UNSAFE_componentWillMount () {\n this.unsubscribe = this.subscribe(this.props.channelId);\n }\n\n // TODO: fix\n UNSAFE_componentWillReceiveProps ({ data: { messages }, channelId }) {\n if (this.props.channelId !== channelId) {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n this.unsubscribe = this.subscribe(channelId);\n }\n\n if (\n this.scroller &&\n this.scroller.scrollTop < 100 &&\n this.props.data.messages &&\n messages &&\n this.props.data.messages.length !== messages.length\n ) {\n // 35 items\n // console.log(this.scroller.scrollHeight);\n const heightBeforeRender = this.scroller.scrollHeight;\n // wait for 70 items to render\n setTimeout(() => {\n if (this.scroller) {\n // console.log(this.scroller.scrollHeight);\n this.scroller.scrollTop =\n this.scroller.scrollHeight - heightBeforeRender;\n }\n }, 100);\n }\n }\n\n componentWillUnmount () {\n if (this.unsubscribe) {\n this.unsubscribe();\n }\n }\n\n subscribe = channelId =>\n this.props.data.subscribeToMore({\n document: newChannelMessageSubscription,\n variables: {\n channelId\n },\n updateQuery: (prev, { subscriptionData }) => {\n if (!subscriptionData) {\n return prev;\n }\n\n return {\n ...prev,\n messages: [subscriptionData.data.newChannelMessage, ...prev.messages]\n };\n }\n });\n\n handleLoadMore = () => {\n // prettier-ignore\n const { data: { messages, fetchMore }, channelId } = this.props;\n fetchMore({\n variables: {\n channelId,\n cursor: messages[messages.length - 1].createdAt\n },\n updateQuery: (previousResult, { fetchMoreResult }) => {\n if (!fetchMoreResult) {\n return previousResult;\n }\n\n if (fetchMoreResult.messages.length < 35) {\n this.setState({ hasMoreItems: false });\n }\n\n return {\n ...previousResult,\n messages: [...previousResult.messages, ...fetchMoreResult.messages]\n };\n }\n });\n };\n\n handleScroll = () => {\n // prettier-ignore\n const { data: { messages, fetchMore }, channelId } = this.props;\n if (\n this.scroller &&\n this.scroller.scrollTop < 100 &&\n this.state.hasMoreItems &&\n messages.length >= 35\n ) {\n fetchMore({\n variables: {\n channelId,\n cursor: messages[messages.length - 1].createdAt\n },\n updateQuery: (previousResult, { fetchMoreResult }) => {\n if (!fetchMoreResult) {\n return previousResult;\n }\n\n if (fetchMoreResult.messages.length < 35) {\n this.setState({ hasMoreItems: false });\n }\n\n return {\n ...previousResult,\n messages: [...previousResult.messages, ...fetchMoreResult.messages]\n };\n }\n });\n }\n };\n\n render () {\n const {\n data: { loading, messages }\n } = this.props;\n\n return loading ? null : (\n \n
\n );\n })}\n Chat unavailable
;\n }\n\n let displayChannelName = channel ? channel.name : '';\n if (channel) {\n if (channel.name === THIS_IS_PATIENT_CHANNEL) {\n displayChannelName = team.name;\n }\n }\n\n\n return (\n <>\n \n
\n \n );\n};\n\nconst createMessageMutation = gql`\n mutation($channelId: ID!, $text: String) {\n createMessage(channelId: $channelId, text: $text)\n }\n`;\n\nexport default compose(\n graphql(meQuery, { options: { fetchPolicy: 'network-only' } }),\n graphql(createMessageMutation)\n)(ViewChat);\n","import React from 'react';\nimport { graphql } from 'react-apollo';\nimport {flowRight as compose} from 'lodash';\nimport findIndex from 'lodash/findIndex';\nimport { Redirect } from 'react-router-dom';\nimport gql from 'graphql-tag';\n\n// import cookie from 'js-cookie';\n\nimport Header from '../components/Chat/components/Header';\nimport SendMessage from '../components/Chat/components/SendMessage';\nimport Sidebar from '../components/Chat/containers/Sidebar';\nimport MessageContainer from '../components/Chat/containers/MessageContainer';\nimport { meQuery } from '../graphql/team';\nimport { THIS_IS_PATIENT_CHANNEL } from '..';\n\nconst ViewChat = ({\n mutate,\n data: { loading, me, error },\n match: {\n params: { teamId, channelId }\n }\n}) => {\n if (loading || !me) {\n if (error) {\n return \n ({\n id: t.id,\n letter: t.name.charAt(0).toUpperCase()\n }))}\n team={team}\n displayName={displayname}\n currentUserId={currentUserId}\n />\n\n
\n \n {channel && {\n await mutate({ variables: { text, channelId: channel.id } });\n }}\n />\n )}\n
\n Chat unavailable
;\n }\n\n let displayChannelName = channel ? channel.name : '';\n if (channel) {\n if (channel.name === THIS_IS_PATIENT_CHANNEL) {\n displayChannelName = team.name;\n }\n }\n\n\n return (\n <>\n \n
\n \n );\n};\n\nconst createMessageMutation = gql`\n mutation($channelId: ID!, $text: String) {\n createMessage(channelId: $channelId, text: $text)\n }\n`;\n\nexport default compose(\n graphql(meQuery, { options: { fetchPolicy: 'network-only' } }),\n graphql(createMessageMutation)\n)(ViewChat);\n","import React from 'react';\r\nimport { Route, Redirect, HashRouter } from 'react-router-dom';\r\n\r\nimport withTracker from '../withTracker'\r\n\r\nimport decode from 'jwt-decode';\r\nimport smoothscroll from 'smoothscroll-polyfill';\r\n\r\n// Top of page\r\nimport Layout from '../components/Layout';\r\n// Pages\r\nimport Frontpage from '../pages/Frontpage';\r\nimport Benefits from '../pages/Benefits';\r\nimport SpecialSituations from '../pages/SpecialSituations';\r\nimport DiabetesCounceling from '../pages/DiabetesCounceling';\r\nimport NewsAndInfo from '../pages/NewsAndInfo';\r\nimport ImportantContacts from '../pages/ImportantContacts';\r\nimport Carbohydrates from '../pages/Carbohydrates';\r\nimport Register from './Register';\r\nimport Login from './Login';\r\nimport Logout from './Logout';\r\nimport ChangePassword from './ChangePassword';\r\nimport CreateTeam from './CreateTeam';\r\nimport ViewChat from './ViewChat';\r\nimport OwnGoals from '../pages/OwnGoals';\r\nimport DiabetesFacts from '../pages/DiabetesFacts';\r\nimport WidthLayouts from '../routes/WidthLayouts';\r\nimport ViewChatMobile from '../routes/ViewChatMobile';\r\nimport ViewChatWebsite from '../routes/ViewChatWebsite';\r\nimport { isChatEnabled } from '../isChatEnabled';\r\n\r\n// kick off the polyfill!\r\nsmoothscroll.polyfill();\r\n\r\n// Configure ApolloClient for GraphQL\r\n\r\nconst isAuthenticated = () => {\r\n const token = localStorage.getItem('token');\r\n const refreshToken = localStorage.getItem('refreshToken');\r\n try {\r\n decode(token);\r\n const { exp } = decode(refreshToken);\r\n if (Date.now() / 1000 > exp) {\r\n return false;\r\n }\r\n } catch (err) {\r\n return false;\r\n }\r\n\r\n return true;\r\n};\r\n\r\nconst PrivateRoute = ({ component: Component, ...rest }) => (\r\n \n ({\n id: t.id,\n letter: t.name.charAt(0).toUpperCase()\n }))}\n team={team}\n displayName={displayname}\n currentUserId={currentUserId}\n />\n\n
\n \n {channel && {\n await mutate({ variables: { text, channelId: channel.id } });\n }}\n />\n )}\n
\n