{action.button === 'Yes' && renderDialogAction(action)}
\r\n {action.comment}
\r\n - \r\n
{pageName.toUpperCase()}
\r\n );\r\n }}\r\n \r\n
\r\n )\r\n}\r\n\r\nconst drawerWidth = 256;\r\n\r\nconst styles = (theme) => ({\r\n root: {\r\n display: 'flex',\r\n minHeight: '100vh',\r\n },\r\n drawer: {\r\n [theme.breakpoints.up('sm')]: {\r\n width: drawerWidth,\r\n flexShrink: 0,\r\n },\r\n },\r\n app: {\r\n flex: 1,\r\n display: 'flex',\r\n flexDirection: 'column',\r\n },\r\n main: {\r\n flex: 1,\r\n padding: theme.spacing(2, 2),\r\n background: theme.body.backgroundColor,\r\n },\r\n footer: {\r\n padding: theme.spacing(2),\r\n background: '#eaeff1',\r\n },\r\n});\r\n\r\nconst drawerStyle = {\r\n style: {\r\n width: drawerWidth\r\n }\r\n}\r\n\r\nfunction Paperbase({children, ...props}) {\r\n useWhyDidYouUpdate(\"Paperbase\", props);\r\n\r\n const [state, dispatch] = useContext(Context);\r\n const { classes, navigation } = props;\r\n const [mobileOpen, setMobileOpen] = useState(false);\r\n const [showError, setShowError] = useState(false);\r\n const [showSuccess, setShowSuccess] = useState(false);\r\n\r\n useEffect(() => {\r\n setShowError(Boolean(state.error));\r\n setShowSuccess(Boolean(state.success));\r\n }, [state.loading, state.error, state.success])\r\n\r\n const handleDrawerToggle = () => {\r\n setMobileOpen(!mobileOpen);\r\n };\r\n\r\n const handleCloseError = (event, reason) => {\r\n if (reason === 'clickaway') {\r\n return;\r\n } \r\n \r\n setShowError(false);\r\n dispatch({ type: \"CLEAR-ALERTS\" });\r\n }\r\n\r\n const handleCloseSuccess = (event, reason) => {\r\n if (reason === 'clickaway') {\r\n return;\r\n } \r\n \r\n setShowSuccess(false);\r\n dispatch({ type: \"CLEAR-ALERTS\" });\r\n }\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nPaperbase.propTypes = {\r\n classes: PropTypes.object.isRequired,\r\n};\r\n\r\nexport default withStyles(styles)(Paperbase);\r\n","export default __webpack_public_path__ + \"static/media/PEGASUS_PORTAL_LOGOS-01.725c04c3.png\";","export default \"data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==\"","export default __webpack_public_path__ + \"static/media/pegasus-header-background.67864055.jpg\";","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { AppBar, Toolbar, Typography, Grid, Paper, Button, Link } from '@material-ui/core';\r\n\r\nimport logo from \"../../assets/PEGASUS_PORTAL_LOGOS-01.png\";\r\nimport background from \"../../assets/pegasus-header-background.jpg\";\r\nimport shim from \"../../assets/1x1.gif\";\r\nimport moment from 'moment';\r\n\r\nconst useStyles = makeStyles((theme) => (\r\n {\r\n image: {\r\n height: \"6.5rem\",\r\n width: \"24rem\",\r\n marginTop: \"1rem\",\r\n marginBottom: \"1rem\"\r\n },\r\n appbar: {\r\n background: \"white\",\r\n // backgroundImage: `url(${background})`,\r\n },\r\n welcomeBar: {\r\n background: theme.palette.primary.light,\r\n },\r\n welcomeBarLogo: {\r\n backgroundImage: `url(${logo})`,\r\n backgroundSize: 'auto 100%',\r\n backgroundRepeat: 'no-repeat',\r\n height: '100px',\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'flex-end',\r\n alignItems: 'center'\r\n },\r\n welcomeBarTop: {\r\n borderBottom: '3px solid #016895',\r\n height: '60px',\r\n flexFlow: 'row',\r\n },\r\n welcomeTime: {\r\n width: \"100%\",\r\n margin: \"0 auto\",\r\n color: '#000000',\r\n justifyContent: 'center',\r\n display: 'flex',\r\n alignItems: 'center',\r\n height: '100%',\r\n fontSize: '1.25rem',\r\n fontWeight: '500',\r\n lineHeight: '1.6',\r\n letterSpacing: '0.0075em',\r\n },\r\n welcomePhoneNumber: {\r\n width: \"100%\",\r\n margin: \"0 auto\",\r\n color: '#000000',\r\n paddingRight: '5pt',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'flex-end',\r\n height: '100%',\r\n fontSize: '1.25rem',\r\n fontWeight: '700',\r\n lineHeight: '1.6',\r\n letterSpacing: '0.0075em',\r\n },\r\n welcomeBarNavigation: {\r\n justifyContent: 'space-around',\r\n alignItems: 'center',\r\n height: '100px',\r\n width: '100%',\r\n paddingLeft: '10%',\r\n paddingRight: '10%',\r\n },\r\n welcomBarNavigationItem: {\r\n color: '#000000',\r\n textDecoration: 'none',\r\n textTransform: 'uppercase',\r\n fontSize: '14pt',\r\n },\r\n loginButtonTop: {\r\n height: '100%',\r\n width: '100%',\r\n margin: \"0 auto\",\r\n fontSize: '12pt',\r\n textTransform: 'uppercase',\r\n }\r\n }\r\n));\r\n\r\n\r\n\r\nconst Header = () => {\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n {children}\r\n \r\n {showError && (\r\n \r\n \r\n Error \r\n \r\n {state.error.heading}\r\n \r\n \r\n {state.error.message}\r\n \r\n \r\n \r\n )}\r\n {showSuccess && (\r\n \r\n \r\n Success \r\n \r\n {state.success}\r\n \r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n 0}\r\n\t\t\t\t\t\t{...(banners.length > 0 ? { timeout: 750 } : {})}\r\n\t\t\t\t\t\tcollapsedHeight={50}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{banners.map((banner) => (\r\n\t\t\t\t\t\t\t\t\r\n \r\n \r\n \r\n \r\n\t\t\t\t{promotions && promotions.length > 0 &&\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t{promotions.map((promotion, index) => (\r\n \r\n \r\n ABOUT US\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 Pegasus Health Group
\r\n 1/30 Heathcote Road, Moorebank, NSW 2170
\r\n Telephone 1300 303 603\r\n \r\n \r\n\r\n \r\n \r\n Customer Login |\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Login;\r\n","import { FormControlLabel, Grid, makeStyles, Typography } from \"@material-ui/core\";\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n section: {\r\n // borderBottom: \"1px solid \" + theme.formHeading.color,\r\n //marginBottom: \".5rem\"\r\n },\r\n heading: {\r\n ...theme.formHeading,\r\n }\r\n}))\r\n\r\nconst Section = ({ title, onClick, iconRight, className, children }) => {\r\n const classes = useStyles();\r\n\r\n const noOp = () => { };\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n SECURE LOGIN
\r\n Online Rental Management System
\r\n Welcome to the Pegasus Online Management System
\r\n \r\n Pegasus Healthcare is Australia's leading supplier of high quality, clinically proven healthcare equipment solutions for the acute, community and residential care sectors.
\r\n\r\n Our innovative healthcare equipment range includes solutions for pressure care, medical beds, falls prevention, mobility and bariatric care.
\r\n\r\n Pegasus is a trusted partner to health care providers, caregivers, and patients across Australia. Our high quality clinically proven products, first class service excellence and customer support ensures we are able to make a positive difference to the clinical outcomes for our customers.
\r\n\r\n \r\n \r\n \r\n 1/30 Heathcote Road, Moorebank, NSW 2170
\r\n Telephone 1300 303 603\r\n \r\n \r\n
event.stopPropagation()}>\r\n \r\n \r\n
\r\n \r\n \r\n { index === 0 ? '' : '|'} \r\n \r\n { setActiveCategory(categories[0].category) }}\r\n className={activeCategory === categories[0].category ? classes.linkActive : classes.link}\r\n key={uuid()}\r\n >\r\n {categories[0].category}\r\n \r\n
\r\n )\r\n })}\r\n - \r\n {wards.map((ward) => {\r\n return (\r\n
\r\n
}\r\n Signature is recorded ({sizeOfBase64String(currentRow.signaturePOD[0])} bytes)
\r\n 0 ? classes.signatureCell : ''}>\r\n
\r\n \r\n \r\n\t\t\t\t\t{state.user.menuItemPermissions.includes(\"Transfer Equipment\") && (\r\n\t\t\t\t\t\t rowsSelected(openTransferRental)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tTransfer\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{state.user.menuItemPermissions.includes(\"Exchange Equipment\") && (\r\n\t\t\t\t\t\t rowsSelected(openExchangeRental)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tExchange\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n\t\t\t\t\t{state.user.menuItemPermissions.includes(\"Create Rental Order\") && (\r\n\t\t\t\t\t\t rowsSelected(openStopRental)}\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\tStop Rental\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t)}\r\n rowSelected(openRentalDetails)}\r\n >\r\n Rental Details\r\n \r\n printDetails()}\r\n >\r\n Print Rental Details\r\n \r\n \r\n\r\n {rows.length > 0 && (\r\n reload(closeStopRental)}\r\n onEscapeKeyDown={() => reload(closeStopRental)}\r\n />\r\n )}\r\n\r\n {rows.length > 0 && (\r\n reload(closeTransferRental)}\r\n onEscapeKeyDown={() => reload(closeTransferRental)}\r\n />\r\n )}\r\n\r\n {rows.length > 0 && (\r\n reload(closeExchangeRental)}\r\n onEscapeKeyDown={() => reload(closeExchangeRental)}\r\n />\r\n )}\r\n\r\n {row.selected && (\r\n reload(closeRentalDetails)}\r\n onEscapeKeyDown={() => reload(closeRentalDetails)}\r\n />\r\n )}\r\n
\r\n )\r\n}\r\n\r\n\r\nexport default Actions;","import { useContext, useEffect, useState } from \"react\";\r\nimport { useForm, FormProvider } from \"react-hook-form\";\r\n\r\nimport { Checkbox, makeStyles, Button } from \"@material-ui/core\";\r\nimport { AllInclusive, DeleteForeverTwoTone } from \"@material-ui/icons\";\r\nimport { api, Context } from \"../../Portal\";\r\nimport FieldGroup from '../../components/controls/FieldGroup';\r\nimport useCustomerInformation from '../../hooks/useCustomerInformation';\r\nimport DropdownField from '../../components/controls/DropdownField';\r\nimport BaseDataTable from \"../../components/BaseDataTable\";\r\nimport Actions from \"./Actions\";\r\nimport { ConfirmationDialog } from \"../../components/controls/ConfirmationDialog\";\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faTimesCircle } from '@fortawesome/free-solid-svg-icons';\r\n\r\nconst url = \"/api/v1/equipment/\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n deleteIcon: {\r\n color: '#016895',\r\n paddingLeft: '0px',\r\n marginLeft: '-10px',\r\n cursor: 'pointer',\r\n },\r\n}));\r\n\r\nconst ViewEquipmentOnHire = () => {\r\n const [state, dispatch] = useContext(Context);\r\n const [information, costCentreRequired, customers, wards, costCentres, onCustomerSelected] = useCustomerInformation();\r\n const [showConfirmation, setShowConfirmation] = useState({ rentalCancelled: false, exchangeCancelled: false, transferCancelled: false, approvalCancelled: false, genericCancelled: false });\r\n const [rows, setRows] = useState([]);\r\n const [cells, setCells] = useState([]);\r\n const [selectedRows, setSelectedRows] = useState([]);\r\n const [selectedRow, setSelectedRow] = useState([]);\r\n\tconst [toggleClearRows, setToggleClearRows] = useState(false);\r\n\r\n const formMethods = useForm();\r\n const classes = useStyles();\r\n\r\n useEffect(() => {\r\n buildCells();\r\n setSelectedRows([]);\r\n setRows([])\r\n\r\n return () => {\r\n dispatch({ type: \"CLEAR-CUSTOMER-SELECTION\" });\r\n setRows([]);\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n\t\tif (Boolean(state.selectedCustomer)) {\r\n\t\t\tget();\r\n }\r\n }, [state.selectedCustomer]);\r\n\r\n const get = () => {\r\n setSelectedRow([]);\r\n setToggleClearRows(prev => !prev);\r\n api.get(state.host + url, state.credentials)\r\n .then(({ data }) => {\r\n setRows(data.rentalLines);\r\n });\r\n }\r\n\r\n const delayGet = () => {\r\n\t\t\tsetTimeout(function () {\r\n\t\t\tif (Boolean(state.selectedCustomer)) {\r\n\t\t\t\tget();\r\n\t\t\t}\r\n }, 200);\r\n }\r\n\r\n const handleSelectedRows = (state) => {\r\n setSelectedRows(state.selectedRows);\r\n }\r\n\r\n const buildCells = () => {\r\n setCells([\r\n {\r\n name: 'Ward',\r\n selector: 'ward',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Patient',\r\n selector: 'patientName',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Patient No',\r\n selector: 'patientNo',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Started',\r\n selector: 'startDate',\r\n\t\t\t\t\t\t\t\tsortable: true,\r\n\t\t\t\t\t\t\t\tsortFunction: customColumnSort,\r\n },\r\n {\r\n name: 'Bed',\r\n selector: 'bed',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Model',\r\n selector: 'model',\r\n sortable: true,\r\n },\r\n {\r\n name: 'Serial No',\r\n selector: 'serialNo',\r\n sortable: true,\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t{\r\n name: 'Rental Order No.',\r\n\t\t\t\t\t\t\t\tselector: 'rentalOrderNo',\r\n sortable: true,\r\n },\r\n {\r\n name: \"Status\",\r\n selector: \"status\",\r\n sortable: true,\r\n },\r\n {\r\n name: '',\r\n selector: '',\r\n sortable: false,\r\n width: '20px',\r\n cell: (row) => {\r\n if (canCancelRow(row)) {\r\n return (\r\n