\n {labels && labels.length > 0 ? (\n labels.map((label, index) => (\n \n No Labels \n \n )}\n
\n )}\n \n )\n}\n","import React from 'react'\nimport { useForm } from 'react-hook-form'\nimport { Button, Box, Typography } from '@mui/material'\nimport { api } from 'services'\nimport { Label } from 'components'\nimport { useSnackbar } from 'notistack'\n\nexport default function DeleteLabelForm ({ label, closeModalFunction, exitFunction }) {\n const { enqueueSnackbar } = useSnackbar()\n const { handleSubmit } = useForm()\n\n const onSubmit = (data) => {\n if (label.id) {\n api.labels\n .delete(label.id)\n .then(function (response) {\n enqueueSnackbar('Label has been deleted.', {\n variant: 'success',\n anchorOrigin: {\n vertical: 'top',\n horizontal: 'center'\n }\n })\n exitFunction()\n closeModalFunction()\n })\n .catch(function (error) {\n console.log(error)\n })\n }\n }\n return (\n \n )\n}\n","import React, { useEffect } from 'react'\nimport { Box, Button } from '@mui/material'\nimport { FlagSwitch } from 'components'\nimport { useFeaturesContext } from 'services'\nimport assignIn from 'lodash/assignIn'\n\nexport default function FeatureFlagOverrides () {\n const { flags, overrides, setOverrides } = useFeaturesContext()\n\n const handleFlagChange = (event) => {\n const newOverrides = assignIn({}, overrides, { [event.target.name]: event.target.checked })\n setOverrides(newOverrides)\n localStorage.setItem('featureFlagOverrides', JSON.stringify(newOverrides))\n }\n\n const clearOverrides = (event) => {\n setOverrides()\n localStorage.removeItem('featureFlagOverrides')\n }\n\n useEffect(() => {\n if (!localStorage.getItem('featureFlagOverrides')) {\n setOverrides(flags)\n }\n }, [flags, overrides, setOverrides])\n\n return (\n %{y}%', padFunction: addDays },\n weekly: { format: 'dd MMM yyyy', template: 'Week of %{hovertext}
%{y}%', padFunction: addWeeks },\n monthly: { format: 'MMM yyyy', template: '%{hovertext}
%{y}%', padFunction: addMonths },\n yearly: { format: 'yyyy', template: '%{hovertext}
%{y}%', padFunction: addDays }\n}\n\nfunction getColor (value, count_threshold, rejection_threshold) {\n if (value.count < count_threshold) {\n return '#B6B6B63A'\n }\n if (value.count >= count_threshold && value.rejection > rejection_threshold && rejection_threshold) {\n return '#CA7A85AA'\n }\n return '#B6B6B6'\n}\n\nfunction padValues (values) {\n const empytValue = { count: 0, rejection: 0 }\n values.unshift(empytValue)\n values.push(empytValue)\n}\n\nfunction padDates (dates, frequency) {\n const max = maxDate(dates)\n const min = minDate(dates)\n dates.unshift(frequencies[frequency].padFunction(min, -1))\n dates.push(frequencies[frequency].padFunction(max, 1))\n}\n\nexport default function HemolysisRejectionBarPlot ({ data, analyte = 'ldh', rejection, show_rejection = true, rejection_threshold = 15, show_rejection_threshold = true, count_threshold = 25, frequency = 'daily', yRange = null }) {\n const values = data.map((measurement) => { return { count: measurement.count, rejection: measurement.rejection[analyte] } })\n padValues(values)\n\n const dates = data.map((measurement) => parseISO(measurement.date))\n if (dates.length > 0) padDates(dates, frequency)\n\n const text = dates.map((date) => format(date, frequencies[frequency].format))\n const colors = values.map((value) => getColor(value, count_threshold, rejection_threshold))\n\n const traces = [{\n type: 'bar',\n x: dates,\n y: values.map((value) => value.rejection),\n offset: frequency !== 'yearly' && dates.length > 1 && 1,\n hovertext: text,\n hovertemplate: frequencies[frequency].template,\n marker: {\n color: colors,\n width: 24\n },\n name: ''\n }, {\n type: 'scatter',\n visible: show_rejection,\n x: dates,\n y: new Array(dates.length).fill(rejection),\n mode: 'lines',\n line: {\n color: '#4FC1BE',\n width: 1,\n dash: 'dash'\n },\n name: '',\n hovertemplate: `Rejection Probability: ${rejection}%`\n }, {\n type: 'scatter',\n visible: show_rejection_threshold && rejection_threshold,\n x: dates,\n y: new Array(dates.length).fill(rejection_threshold),\n mode: 'lines',\n line: {\n color: '#CA7A85',\n width: 1,\n dash: 'dash'\n },\n name: '',\n hovertemplate: `Threshold: ${rejection_threshold}%`\n }]\n\n const xaxis = frequency !== 'yearly'\n ? {\n showgrid: false,\n ticklabelmode: 'period',\n ticklabelposition: 'inside left',\n tickvals: dates.length <= 1 ? dates : null,\n tickformatstops: [\n {\n dtickrange: [null, 604800000],\n value: '%d %b'\n },\n {\n dtickrange: [604800000, 'M1'],\n value: '%b'\n },\n {\n dtickrange: ['M1', 'M12'],\n dticks: 1,\n value: '%b %Y'\n },\n {\n dtickrange: ['M12', null],\n value: '%Y'\n }\n ]\n }\n : {\n showgrid: false,\n tickformat: '%Y',\n tickvals: text\n }\n\n const layout = {\n hovermode: 'closest',\n showlegend: false,\n margin: {\n l: 25,\n t: 0,\n b: 50,\n r: 25\n },\n bargap: 0.1,\n xaxis: xaxis,\n yaxis: {\n range: yRange && [yRange[0], Math.max(yRange[1], (show_rejection_threshold && rejection_threshold), (show_rejection && rejection)) + 3]\n }\n }\n\n return (\n
\n {children} \n {onLearnMoreClick && (\n \n )}\n
\n )\n}\n","import InfoOutlinedIcon from '@mui/icons-material/InfoOutlined'\nimport { ClickAwayListener, Tooltip } from '@mui/material'\nimport makeStyles from '@mui/styles/makeStyles'\nimport { useState } from 'react'\n\nimport styles from './styles'\nconst useStyles = makeStyles(styles)\n\nexport default function InfoButton({\n children = null,\n style = null,\n placement = 'top',\n fontSize = 'small'\n}) {\n const classes = useStyles()\n const [open, setOpen] = useState(false)\n\n const handleTooltipClose = () => {\n setOpen(false)\n }\n\n const handleTooltipOpen = () => {\n setOpen(true)\n }\n\n return (\n \n \n \n \n {title}\n \n \n {detail}\n \n \n \n
\n )\n}\n","export default (theme) => ({\n root: {\n flex: 1\n },\n grid: {\n textAlign: 'center',\n minHeight: '50vh'\n }\n})\n","import React from 'react'\nimport Box from '@mui/material/Box'\nimport Label from 'components/Label'\n\nexport const unlabeled = { id: 'unlabeled', color: 'grey', label: 'Unlabeled' }\n\nexport default function LabelToggle ({ labels, selectedLabels, handleSelectedLabels }) {\n const handleToggle = (event, clickedLabel) => {\n let newLabels\n const isSelected = selectedLabels.findIndex((selectedLabel) => selectedLabel.id === clickedLabel.id) >= 0\n if (isSelected) {\n newLabels = selectedLabels.filter((label) => label.id !== clickedLabel.id)\n handleSelectedLabels(event, newLabels)\n } else {\n newLabels = selectedLabels.concat(clickedLabel)\n handleSelectedLabels(event, newLabels)\n }\n }\n return (\n Date : ' +\n format(parseJSON(record.date), 'dd MMM yyyy HH:mm') +\n '
VitalMetric : ' +\n record.metrics[metricType] +\n '
Mean Kinetic Temperature : ' +\n Number(record.metrics.mean_kinetic_temperature).toFixed(1)\n )\n}\n\nexport default function LeveyJenningsPlot({\n records,\n variant,\n summarystats,\n lineName = 'Line',\n downloadImageFormat = 'png'\n}) {\n const history = useHistory()\n const { currentMetricConfig, metricType } = useMetricsContext()\n\n const marker_color = '#fff'\n const line_color = records.map((record) =>\n record.validation ? '#4FC1BE' : '#367b79'\n )\n\n const marker_size = new Array(records.length).fill(10)\n marker_size[records.length - 1] = 14\n\n const records_variable = records.map((record) =>\n variant === 'temperature'\n ? Number(record.metrics.mean_kinetic_temperature).toFixed(1)\n : record.metrics[metricType]\n )\n const records_dates = records.map((record) => parseJSON(record.date))\n const { mean, stddev, range } = summarystats\n\n const first_date = records_dates.length > 0 ? min(records_dates) : new Date()\n const last_date = records_dates.length > 0 ? max(records_dates) : new Date()\n const date_padding = differenceInSeconds(first_date, last_date) * 1.1 || 30\n\n const xrange = [\n format(subSeconds(first_date, date_padding), 'yyyy-MM-dd HH:mm:ss'),\n format(addSeconds(last_date, date_padding), 'yyyy-MM-dd HH:mm:ss')\n ]\n\n const stats_lines =\n mean && stddev\n ? [\n {\n type: 'line',\n x: [xrange[0], xrange[1]],\n y: [mean + 1 * stddev, mean + 1 * stddev],\n mode: 'lines',\n yaxis: 'y2',\n hoverinfo: 'none',\n line: {\n dash: 'longdash',\n color: '#728093',\n width: 1\n }\n },\n {\n type: 'line',\n x: [xrange[0], xrange[1]],\n y: [mean + 2 * stddev, mean + 2 * stddev],\n mode: 'lines',\n hoverinfo: 'none',\n yaxis: 'y2',\n line: {\n dash: 'longdash',\n color: '#728093',\n width: 1\n }\n },\n {\n type: 'line',\n x: [xrange[0], xrange[1]],\n y: [mean + 3 * stddev, mean + 3 * stddev],\n mode: 'lines',\n yaxis: 'y2',\n hoverinfo: 'none',\n line: {\n dash: 'longdash',\n color: '#728093',\n width: 1\n }\n },\n {\n type: 'line',\n yaxis: 'y2',\n x: [xrange[0], xrange[1]],\n y: [mean, mean],\n hoverinfo: 'none',\n mode: 'lines',\n line: {\n color: '#000000',\n width: 2\n }\n },\n {\n type: 'line',\n x: [xrange[0], xrange[1]],\n y: [mean - 1 * stddev, mean - 1 * stddev],\n mode: 'lines',\n yaxis: 'y2',\n hoverinfo: 'none',\n line: {\n dash: 'longdash',\n color: '#728093',\n width: 1\n }\n },\n {\n type: 'line',\n x: [xrange[0], xrange[1]],\n y: [mean - 2 * stddev, mean - 2 * stddev],\n mode: 'lines',\n yaxis: 'y2',\n hoverinfo: 'none',\n line: {\n dash: 'longdash',\n color: '#728093',\n width: 1\n }\n },\n {\n type: 'line',\n x: [xrange[0], xrange[1]],\n y: [mean - 3 * stddev, mean - 3 * stddev],\n mode: 'lines',\n yaxis: 'y2',\n hoverinfo: 'none',\n line: {\n dash: 'longdash',\n color: '#728093',\n width: 1\n }\n }\n ]\n : [{}]\n const data = stats_lines.concat([\n {\n x: records_dates,\n y: records_variable,\n url: records.map((record) => `/record/${record.id}`),\n text: records.map((record) => text(record)),\n hoverinfo: 'text',\n type: 'scatter',\n connectgaps: true,\n mode: 'lines+markers',\n line: {\n color: '#4FC1BE',\n width: 2\n },\n yaxis: 'y',\n marker: {\n color: marker_color,\n size: 14,\n opacity: 1,\n line: {\n color: line_color,\n width: 2\n }\n }\n }\n ])\n\n const yrange =\n records.length > 2\n ? [\n Math.min(Math.max(0, mean + 2 * stddev), ...records_variable),\n Math.max(mean + 3 * stddev, ...records_variable)\n ]\n : [Math.min(...records_variable), Math.max(...records_variable)]\n if (stddev) {\n yrange[0] -= stddev * 0.5\n yrange[1] += stddev * 0.5\n } else {\n yrange[0] -= yrange[0] * 0.5\n yrange[1] += yrange[1] * 0.5\n }\n\n const shapes = [\n {\n type: 'rect',\n yref: 'y2',\n x0: xrange[0],\n y0: range && range.upper,\n x1: xrange[1],\n y1: range && range.upper * 3,\n fillcolor: '#ED546B30',\n layer: 'below',\n line: {\n width: 0\n }\n },\n {\n type: 'rect',\n yref: 'y2',\n x0: xrange[0],\n y0: range && range.lower,\n x1: xrange[1],\n y1: range && range.lower * -3,\n fillcolor: '#ED546B30',\n layer: 'below',\n line: {\n width: 0\n }\n }\n ]\n const layout = {\n autosize: true,\n hovermode: 'closest',\n showlegend: false,\n shapes: mean && stddev ? shapes : null,\n margin: {\n l: 75,\n r: 100,\n b: 100,\n t: 30,\n pad: 4\n },\n xaxis: {\n title: {\n font: axisFont\n },\n tickfont: {\n size: 13,\n color: '#000000'\n },\n tickformatstops: [\n {\n dtickrange: [null, 1000],\n value:\n \" %b %d
%H:%M:%S.%L\"\n },\n {\n dtickrange: [1000, 60000],\n value: \"%b %d
%H:%M:%S\"\n },\n {\n dtickrange: [60000, 86400000],\n value: \"%b %d
%H:%M\"\n },\n {\n dtickrange: [86400000, null],\n value: \"%b %d
%Y\"\n }\n ]\n },\n yaxis: {\n title: {\n text:\n variant === 'temperature'\n ? \"Temperature (°C)\"\n : variant === currentMetricConfig\n ? \"VitalMetric\"\n : \"VitalMetric (Beta)\",\n font: axisFont\n },\n overlaying: 'y2',\n range: yrange,\n fixedrange: true,\n zeroline: false\n },\n yaxis2: {\n title: {\n font: axisFont\n },\n range: yrange,\n fixedrange: true,\n zeroline: false,\n side: 'right',\n showgrid: false,\n tickvals: [\n mean - 3 * stddev,\n mean - 2 * stddev,\n mean - 1 * stddev,\n mean,\n mean + 1 * stddev,\n mean + 2 * stddev,\n mean + 3 * stddev\n ],\n showticklabels: records.length > 2,\n ticktext: [\n '-3 SD',\n '-2 SD',\n '-1 SD',\n 'Mean',\n '+1 SD',\n '+2 SD',\n '+3 SD'\n ]\n }\n }\n return (\n
\n {children}\n
\n )\n }\n)\n\nexport default MainContent\n","import { Close } from '@mui/icons-material'\nimport {\n Box,\n Button,\n Dialog,\n DialogContent,\n DialogTitle,\n IconButton,\n Typography\n} from '@mui/material'\nimport React, { forwardRef, useEffect, useState } from 'react'\n\nconst Modal = forwardRef(\n (\n {\n refreshState,\n label,\n children,\n button,\n maxWidth = 'md',\n open = false,\n disabled = false,\n onClose = () => null,\n showCloseButton = false,\n showCloseIcon = true,\n closeButtonColor = '#CA7A85'\n },\n ref\n ) => {\n const [modalOpen, setModalOpen] = useState(open)\n\n useEffect(() => {\n if (refreshState !== undefined && modalOpen) {\n refreshState(true)\n }\n }, [refreshState, modalOpen])\n\n function handleClose() {\n setModalOpen(false)\n if (onClose) onClose()\n if (refreshState !== undefined) {\n refreshState(false)\n }\n }\n\n const modal_children = React.Children.map(children, (child, index) => {\n return React.cloneElement(child, {\n closeModalFunction: handleClose\n })\n })\n\n return (\n \n \n \n {\n if (input != null) {\n input.focus()\n }\n }}\n startAdornment={\n \n \n }\n endAdornment={\n search !== '' && (\n setSearch('')}\n position={'end'}\n >\n \n \n \n )\n }\n />\n \n \n {displayedInstitutes && (\n \n {displayedInstitutes &&\n displayedInstitutes.map((institute, index) => {\n return (\n \n handleInstituteChange(institute.id)\n }\n >\n {institute.name}\n {institute.partner_id && (\n \n {`#${institute.partner_id}`}\n \n )}\n \n )\n })}\n \n }\n >\n {instituteRelations &&\n instituteRelations.map((relation, relationIndex) => {\n const group = displayedInstitutes.filter(\n (institute) =>\n institute.relationship === relation.value\n )\n if (group.length > 0) {\n return (\n \n \n {relation.name}\n \n {group.map((institute, index) => {\n return (\n \n handleInstituteChange(institute.id)\n }\n >\n {institute.name}\n {institute.partner_id && (\n \n {`#${institute.partner_id}`}\n \n )}\n \n )\n })}\n \n )\n }\n return null\n })}\n \n )}\n \n \n
\n \n \n \n \n Vials\n \n {isElectron() && devices && devices.length > 0 && (\n \n \n \n {isElectron() ? (\n \n No Vials Connected\n \n ) : (\n \n \n Trying to upload records?\n \n \n {'Upload is not available in the browser'}\n \n history.push('/launch')}\n >\n \n \n Launch the desktop app to upload data\n \n \n \n \n )}\n \n \n \n 0\n ? 'flex'\n : 'none'\n }\n >\n
\n \n {children}\n
\n \n )\n }\n)\n\nexport default Sidebar\n","import React from 'react'\nimport Box from '@mui/material/Box'\n\nexport default function StepProgress ({ current, total, height = 25, width = 400, multipleColors = false }) {\n const values = [...Array(total).keys()]\n\n const getColor = (value) => {\n const colors = ['#4FC1BE', '#2FA6A1', '#13948F']\n let color = colors[0]\n\n if (multipleColors) {\n switch (multipleColors) {\n case (value >= 4 && value < 8):\n color = colors[1]\n break\n case (value >= 8 && value < 12):\n color = colors[2]\n break\n default:\n color = colors[0]\n break\n }\n }\n\n return color\n }\n\n return (\n {text}
\n {emText}\n \n )}\n \n )\n}\n","import React from 'react'\nimport { Link } from 'react-router-dom'\n\nexport default function StyledLink ({ fontWeight = 600, children, ...rest }) {\n return (\n \n {children}\n \n )\n}\n","import Tab from '@mui/material/Tab'\nimport { withStyles } from '@mui/styles'\n\nconst styles = (theme) => ({\n root: {\n padding: '7px 12px',\n fontSize: '18px',\n minHeight: 'fit-content',\n fontWeight: 500,\n '&.Mui-selected': {\n padding: '7px 12px',\n zIndex: 2,\n color: 'white',\n fontWeight: 600\n }\n },\n wrapper: {\n fontWeight: 500\n }\n})\n\nconst StyledTab = withStyles(styles)(Tab)\n\nexport default StyledTab\n","import Tabs from '@mui/material/Tabs'\nimport withStyles from '@mui/styles/withStyles'\n\nconst tabsStyles = (theme) => ({\n root: {\n backgroundColor: '#F5F7FA',\n borderRadius: 5,\n border: '1px solid #D6DAE0',\n width: 'fit-content',\n minHeight: 'fit-content'\n },\n indicator: {\n height: '100%',\n zIndex: 1,\n backgroundColor: theme.palette.primary.main\n }\n})\n\nconst StyledTabs = withStyles(tabsStyles)(Tabs)\n\nexport default StyledTabs\n","import React from 'react'\nimport { Box, Typography } from '@mui/material'\n\nexport default function TabPanel (props) {\n const { children, value, index, label, ...other } = props\n return (\n\n \n Owner: \n Can manage all aspects of the organization\n \n \n Admin: \n Can manage all aspects of the organization except creating new\n organizations\n \n \n Member: \n Can manage all aspects of the organization except creating new\n organizations and managing users\n \n \n Guest: \n Can only view data and cannot create/edit/delete any data\n \n
\n )\n}\n\nexport default UserRolesInfo\n","import EventAvailableIcon from '@mui/icons-material/EventAvailable'\nimport Box from '@mui/material/Box'\nimport { Link } from 'react-router-dom'\nimport { Flag } from 'services'\n\nexport default function Validated({\n children = null,\n childrenSpacing = 0,\n justifyContent = 'center',\n alignItems = 'center',\n iconSize = 'default',\n validated = true,\n keepIconEmpty = true,\n validationId = null\n}) {\n const size =\n iconSize === 'xsmall'\n ? '13px'\n : iconSize === 'small'\n ? '20px'\n : iconSize === 'large'\n ? '35px'\n : '24px'\n return (\n \n {progress < 1\n ? (\n \n \n {'Uploading'} \n \n \n )\n : (\n \n Connected \n \n )}\n
\n )}\n \n \n \n \n \n {((device.uploadStatus === 'Upload Complete') && \n \n \n \n )) ||\n (
\n )\n })}\n \n
\n )\n })}\n {text}
\n {emText}\n \n {files.length > 0 && (\n\n Download the files previously uploaded \n Click on the "Download" icon \n \n Click on the "Delete" icon to delete uploaded file\n \n \n Deleted are not recoverable. Please make a backup before\n proceeding\n \n
\n \n VitalMetric Range specifies the expected limits for 99%\n of measurements on a PTS line. The range is based on\n validation records if the line is validated and on all\n records otherwise.\n
\n Motryx recommends reviewing the records that produce\n VitalMetric values outside of the VitalMetric Range.\n
\n }\n \n Motryx recommends reviewing the records that produce\n VitalMetric values outside of the VitalMetric Range.\n
\n \n {'E-mail Sent'} \n {'You should receive a password reset e-mail shortly.'}\n \n \n Go to Login\n \n
\n ) : (\n \n Reset Password \n \n {' '}\n Enter your e-mail address below.\n \n \n \n \n {\n setEmail(event.target.value)\n setValue('email', event.target.value)\n }}\n variant=\"outlined\"\n error={has(errors, 'email')}\n helperText={errors.email && errors.email.message}\n fullWidth\n />\n \n\n \n \n Send Password Reset\n \n \n \n \n \n Go to Login\n \n \n \n \n \n
\n )}\n \n \n {props.children}\n \n \n
\n )\n}\n","export default (theme) => ({\n root: {\n display: 'flex'\n }\n})\n","import {\n Account,\n AppLaunch,\n ClinicalData,\n Dashboard,\n Hemolysis,\n InstituteLines,\n Institutes,\n Labels,\n Login,\n PasswordReset,\n PasswordResetConfirm,\n Records,\n Register,\n RejectionCalculator,\n Reports,\n Users,\n Validations,\n VitalVials\n} from 'views'\n\nimport MainLayout from 'layouts/MainLayout'\nimport NoAuthLayout from 'layouts/NoAuthLayout'\nimport { CreateEditContract, CreateEditUser } from 'views'\nimport Contracts from 'views/Contracts'\n\nexport const AuthRoutes = [\n {\n path: '/login',\n name: 'Login',\n component: Login,\n layout: NoAuthLayout\n },\n {\n path: '/reset-password',\n name: 'Password Reset',\n component: PasswordReset,\n layout: NoAuthLayout\n },\n {\n path: '/reset-password-confirm/:token',\n name: 'Password Reset Confirmation',\n component: PasswordResetConfirm,\n layout: NoAuthLayout\n },\n {\n path: '/Register/:token',\n name: 'User Register',\n component: Register,\n layout: NoAuthLayout\n },\n {\n path: '*',\n name: 'Login',\n component: Login,\n layout: NoAuthLayout\n }\n]\n\nexport const NavigationRoutes = [\n {\n path: '/dashboard',\n name: 'Dashboard',\n component: Dashboard,\n layout: MainLayout\n },\n {\n path: '/lines',\n pathWithParam: '/lines/:view?',\n navId: 'line',\n name: 'Lines',\n component: InstituteLines,\n layout: MainLayout\n },\n // {\n // path: '/institute-lines',\n // name: 'Institute Lines',\n // component: InstituteLines,\n // layout: MainLayout\n // },\n {\n path: '/records',\n pathWithParam: '/records/:view?',\n navId: 'record',\n name: 'Records',\n component: Records,\n layout: MainLayout\n }\n]\n\nexport const FlaggedRoutes = [\n {\n path: '/validations',\n pathWithParam: '/validations/:view?',\n name: 'Validations',\n component: Validations,\n layout: MainLayout,\n featureFlag: 'validation'\n },\n {\n path: '/clinical-data',\n pathWithParam: '/clinical-data/:view?',\n name: 'Clinical Data',\n component: ClinicalData,\n layout: MainLayout,\n featureFlag: 'clinicalData'\n },\n {\n path: '/reports',\n name: 'Reports',\n component: Reports,\n layout: MainLayout,\n featureFlag: 'validation'\n },\n {\n path: '/rejection-insights',\n name: 'Rejection Insights',\n navId: 'rejection-insights',\n component: Hemolysis,\n layout: MainLayout,\n featureFlag: 'hemolysisTracking'\n }\n]\n\nexport const AdminNavigationRoutes = [\n {\n path: '/vials',\n name: 'VitalVials',\n component: VitalVials,\n layout: MainLayout\n },\n // {\n // path: '/users',\n // pathWithParam: '/users/:view?',\n // name: 'Users',\n // component: Users,\n // layout: MainLayout\n // },\n {\n path: '/users',\n pathWithParam: '/users',\n name: 'Users',\n component: Users,\n layout: MainLayout\n },\n {\n path: '/users/create',\n name: 'Create User',\n component: CreateEditUser,\n layout: MainLayout\n },\n {\n path: '/rejection-calculator',\n name: 'Rejection Probability Calculator',\n component: RejectionCalculator,\n layout: MainLayout\n },\n {\n path: '/organizations',\n name: 'Organizations',\n component: Institutes,\n layout: MainLayout\n },\n {\n path: '/contracts',\n name: 'Contracts',\n component: Contracts,\n layout: MainLayout\n },\n {\n path: '/contracts/add',\n name: 'New Contract',\n component: CreateEditContract,\n layout: MainLayout\n }\n]\n\nexport const HiddenRoutes = [\n {\n path: '/account',\n name: 'Account',\n component: Account,\n layout: MainLayout\n },\n {\n path: '/labels',\n name: 'Label Management',\n component: Labels,\n layout: MainLayout\n },\n {\n path: '/users/edit/:id',\n name: 'Edit User',\n component: CreateEditUser,\n layout: MainLayout\n },\n {\n path: '/reset-password-confirm/:token',\n name: 'Password Reset Confirmation',\n component: PasswordResetConfirm,\n layout: NoAuthLayout\n }\n]\n\nexport const PublicRoutes = [\n {\n path: '/launch',\n name: 'App Launch',\n component: AppLaunch,\n layout: NoAuthLayout\n }\n]\n","import React, { useState } from 'react'\nimport { useParams, useHistory } from 'react-router-dom'\nimport {\n Box,\n Button,\n Container,\n TextField,\n Typography\n} from '@mui/material'\nimport { useForm } from 'react-hook-form'\nimport Logo from 'assets/images/full_logo.png'\nimport has from 'lodash/has'\nimport { useSnackbar } from 'notistack'\nimport { api } from 'services'\nimport { useQuery } from 'react-query'\n\nexport default function Register () {\n const { token } = useParams()\n const { register, handleSubmit, setValue, formState: { errors }, watch } = useForm()\n const { enqueueSnackbar } = useSnackbar()\n const history = useHistory()\n const { data: tokenData } = useQuery(['register-token', token], () => api.auth.getRegisterToken(token))\n\n const [firstName, setFirstName] = useState('')\n const [lastName, setLastName] = useState('')\n const [password, setPassword] = useState('')\n const [confirmPassword, setConfirmPassword] = useState('')\n const onSubmit = (data) => {\n delete data.confirm_password\n api.auth.register(data)\n .then((response) => {\n enqueueSnackbar('You have been registered, please log in to view your dashboard.', {\n variant: 'success',\n anchorOrigin: {\n vertical: 'top',\n horizontal: 'center'\n }\n })\n history.push('/login')\n })\n .catch((error) => {\n if (error.response && error.response.data && error.response.data.detail) {\n enqueueSnackbar(error.response.data.detail, {\n variant: 'error',\n anchorOrigin: {\n vertical: 'top',\n horizontal: 'center'\n }\n })\n }\n })\n }\n return (\n \n
\n )\n }\n\n return this.props.children\n }\n}\n\nexport default ErrorBoundary\n","import React, { useEffect, useState } from 'react'\nimport { Redirect } from 'react-router-dom'\nimport { apiConfig } from 'services'\n\nexport default function InstituteLock ({ id = null, redirectUrl = '/dashboard', children }) {\n const [component, setComponent] = useState(null)\n useEffect(() => {\n if (id && apiConfig.currentApiInstitute !== id) {\n setComponent(