\n \n Forgot Password\n */}\n \n Forgot Password\n \n \n Submit your email address to reset your password. Then select\n “Reset” in the email.\n \n \n \n Submit Email\n \n\n {/* \n Submit Email\n */}\n \n {loading && (\n \n Cancel\n \n
\n \n \n {/* Email */}\n {\n return (\n {\n // onChange(val);\n // }}\n // />\n );\n }}\n rules={{ required: true }}\n />\n \n
\n\n \n \n Reset Password\n \n \n \n Save New Password\n \n\n {/* \n Save New Password\n */}\n \n {/*
\n \n \n {/* Password */}\n {\n return (\n {\n // onChange(val);\n // }}\n // />\n );\n }}\n rules={{ required: true }}\n />\n \n
\n \n \n {/* Confirm Password */}\n {\n return (\n {\n // onChange(val);\n // }}\n // />\n );\n }}\n rules={{ required: true }}\n />\n \n
\n\n {JSON.stringify(errors.confirmPassword)}
\n {JSON.stringify(errors.password)}
*/}\n {loading && (\n \n \n User Sign Up\n \n \n The phone number filled in should be the one registered in the APP.\n \n \n {loading && (\n
\n \n \n \n \n {`${firstName ? firstName[0].toUpperCase() : '-'}${\n lastName ? lastName[0].toUpperCase() : '-'\n }`}\n \n \n\n {email}}\n />\n \n
\n );\n};\n\nUserInfo.defaultProps = {\n email: '-',\n firstName: '-',\n lastName: '-',\n};\n\nexport default UserInfo;\n","import { makeStyles } from '@material-ui/styles';\nimport clsx from 'clsx';\nimport React from 'react';\n\nconst useStyles = makeStyles(() => ({\n content: {\n flexGrow: 1,\n minHeight: '100vh',\n },\n}));\n\ntype MainContainerProps = {\n padLeft?: boolean;\n padRight?: boolean;\n padTop?: boolean;\n padBottom?: boolean;\n transparent?: boolean;\n};\nconst MainContainer: React.FC\n \n {loading &&
\n \n {children!}\n
\n \n );\n};\n\nCountCards.defaultProps = {\n count: 0,\n label: '-',\n loading: false,\n variant: 'v1',\n};\n\nexport default CountCards;\n","import { makeStyles } from '@material-ui/core/styles';\n\nimport { AppStyles, ComponentStyles, TextStyles } from '../../style/variable';\n\nconst useStyles = makeStyles(() => ({\n adsContainer: {\n '& .adsType': {\n background: 'rgba(36,26,46,0.4)',\n borderTopLeftRadius: '10px',\n bottom: '0px',\n color: 'white',\n display: 'block',\n fontFamily: 'SourceSansProSemiBold',\n fontSize: '13px',\n padding: '10px',\n position: 'absolute',\n right: '0px',\n textTransform: 'capitalize',\n },\n '& img': {\n height: '100%',\n maxHeight: '100%',\n maxWidth: '100%',\n },\n '& video': {\n height: '100%',\n maxHeight: '100%',\n maxWidth: '100%',\n },\n alignItems: 'center',\n background: 'white',\n borderRadius: '10px',\n boxShadow: '0px 2px 4px 0px rgb(0 0 0 / 10%)',\n display: 'flex',\n flexDirection: 'column',\n height: '258px',\n justifyContent: 'center',\n maxWidth: '370px',\n overflow: 'hidden',\n position: 'relative',\n },\n archive: {\n color: TextStyles.color.error,\n cursor: 'pointer',\n fontFamily: AppStyles.font.regular,\n fontSize: '16px',\n textDecoration: 'underline',\n textUnderlineOffset: '2px',\n },\n description: {\n color: TextStyles.color.primaryNav,\n fontFamily: AppStyles.font.light,\n fontSize: '16px',\n marginBottom: '10px',\n marginTop: '10px',\n },\n edit: {\n color: ComponentStyles.mainNav.color.primary,\n cursor: 'pointer',\n fontFamily: AppStyles.font.semiBold,\n fontSize: '16px',\n marginRight: '10px',\n opacity: '76%',\n textDecoration: 'underline',\n textUnderlineOffset: '2px',\n },\n metrics: {\n color: TextStyles.color.primary,\n cursor: 'pointer',\n fontFamily: AppStyles.font.regular,\n fontSize: '16px',\n textDecoration: 'underline',\n textUnderlineOffset: '2px',\n },\n title: {\n color: TextStyles.color.primary,\n fontFamily: AppStyles.font.light,\n fontSize: '22px',\n marginBottom: '10px',\n marginTop: '10px',\n },\n}));\n\nexport default useStyles;\n","import EqualizerIcon from '@material-ui/icons/Equalizer';\nimport clsx from 'clsx';\nimport React from 'react';\n\nimport useStyles from './AdsPreviewTileStyles';\n\nconst AdsPreviewTile: React.FC<{\n src: string;\n optionalButton?: string;\n title?: string;\n type?: string;\n createdCompanyName?: string;\n fileType?: string;\n onEdit?: () => void;\n onArchiveActivate?: () => void;\n onShowMetrics?: () => void;\n}> = ({\n src,\n optionalButton,\n type,\n fileType,\n title,\n createdCompanyName,\n onEdit,\n onArchiveActivate,\n onShowMetrics,\n}) => {\n const classes = useStyles();\n return (\n \n {loading &&
\n \n {children!}\n \n
\n \n );\n};\n\nAdsPreviewTile.defaultProps = {\n fileType: 'image',\n};\nexport default AdsPreviewTile;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAYCAYAAAAPtVbGAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGaADAAQAAAABAAAAGAAAAABlk77uAAABgklEQVRIDe2VsUoDQRCG/zkEC18gprDwJSxsrKy0szQRuzQ2AdFH0IC+gKBwBksbLbTRd4ivEL1rFLEVbvznILLu3eVuBbHJQHK7t/PPNzu7twsEWJzqymWiz3xuBsgQhThLhlVVtEWxFqILgoQEdn1nELcate1ZuWpL5Dr8X7keVefcTJq2q3SFmQwT3Ron+ODxsd80uPnRvztO8T5Mdc/XFSCZ4E0F8zw+BhQe+IKyPhPbUeCCmgWOv/o+BUi3JQ8C7EKQUXRUBzJABpxDEYngcLslV7UQc+gsStwE5AOoO/YB1mesarM6WxkmWfL5yf4JMz6lcOTOoApg0adCzMEF0fuWoA1C7ghbn8CnAXKIXUS8H6652D2ux4299O0HyAaF4RVia1AFcONGTS4iBvpeozyBGkCeh3PBFXZXHqTkLwcpzjjESuG+agYlUgR92Z229BjEfkHWeCZBUT1nm8mSveOH149ftO+N/7prNTXjhlqOsggjtrnl/8B4anDnPn0Bu9GlmLvvGAoAAAAASUVORK5CYII=\"","import {\n createStyles,\n FormControl,\n makeStyles,\n MenuItem,\n Select,\n Theme,\n} from '@material-ui/core';\nimport React, { useCallback, useEffect } from 'react';\n\nconst useStyles = makeStyles((theme: Theme) =>\n createStyles({\n formControl: {\n margin: theme.spacing(1),\n minWidth: 120,\n },\n height: {\n '& .App1-MuiOutlinedInput-root': {\n borderRadius: '4px',\n height: '50px',\n },\n },\n }),\n);\n\nexport interface FilterProps {\n data: Array<{ text: string | number; val: string | number }>;\n onHandleChange: (e: any) => void;\n}\n\nconst FilterDropDownsV1: React.FC\n {fileType !== 'video' && 
}\n {fileType === 'video' && (\n
\n\n {title || 'Ad Title Here…'}
\n\n {createdCompanyName ? 'Created by ' + createdCompanyName : ''}\n
\n\n onShowMetrics && onShowMetrics()}\n className={clsx(classes.metrics, 'flex-row', 'align-center')}>\n \n onEdit && onEdit()}>\n Edit\n \n {type !== 'default' && (\n onArchiveActivate && onArchiveActivate()}>\n {optionalButton || 'Archive'}\n \n )}\n
\n \n \n
\n \n \n {theme.direction === 'rtl' ? \n {theme.direction === 'rtl' ? (\n = Math.ceil(count / rowsPerPage) - 1}\n aria-label=\"next page\">\n {theme.direction === 'rtl' ? (\n = Math.ceil(count / rowsPerPage) - 1}\n aria-label=\"last page\">\n {theme.direction === 'rtl' ?
\n );\n};\n\nTablePaginationActions.propTypes = {\n count: PropTypes.number.isRequired,\n onChangePage: PropTypes.func.isRequired,\n page: PropTypes.number.isRequired,\n rowsPerPage: PropTypes.number.isRequired,\n};\n\nexport default TablePaginationActions;\n","import {\n Button,\n Container,\n createStyles,\n Dialog,\n DialogContent,\n DialogTitle,\n Grid,\n IconButton,\n makeStyles,\n Table,\n TableBody,\n TableContainer,\n TableFooter,\n TablePagination,\n Theme,\n} from '@material-ui/core';\nimport Paper from '@material-ui/core/Paper';\nimport CloseIcon from '@material-ui/icons/Close';\nimport clsx from 'clsx';\nimport moment from 'moment';\nimport React, { useEffect, useState } from 'react';\n\nimport { AlarmTypeIcons2x } from '../../../constants/AlarmIcon';\nimport {\n AlarmTypeEnum,\n AlarmTypesList,\n} from '../../../constants/AlarmTypesEnum';\nimport {\n useDownloadDeviceAlarms,\n useFetchAlarms,\n useGetUserName,\n} from '../../../hooks/alarms/alarmsServices';\nimport { ComponentStyles } from '../../../style/variable';\nimport { getPast12MontsFilter } from '../../../utils/DateUtils';\nimport { FilterDropDownsV1 } from '../../Forms';\nimport Loader from '../../Loader/Loader';\nimport {\n StyledTableCell,\n StyledTableRow,\n} from '../../Table/CustomTableComponents';\nimport TablePaginationActions from '../../Table/TablePaginationActions';\n\nexport interface SimpleDialogProps {\n open: boolean;\n onClose?: () => void;\n deviceId?: string;\n userId?: string;\n isProvider?: boolean;\n}\n\nconst useStyles = makeStyles((theme: Theme) =>\n createStyles({\n bg: {\n background: '#f5f5f5',\n },\n closeIcon: {\n marginLeft: '20px',\n },\n closeWrapper: {\n position: 'relative',\n },\n dateTime: {\n color: '#8F9CA1',\n fontSize: '16px',\n },\n dialogActionPadding: {\n padding: '8px 24px',\n },\n dialogPadding: {\n padding: '20px',\n },\n dialogTitle: {\n fontSize: ComponentStyles.dialogTitle.fontSize,\n width: '500px',\n },\n formControl: {\n margin: theme.spacing(1),\n minWidth: 120,\n },\n largeFont: {\n fontSize: '20px',\n },\n spacing: {\n marginLeft: '10px',\n marginRight: '10px',\n },\n }),\n);\n\nconst ViewAlarmsDialog: React.FC\n \n \n \n {userNameResp?.first_name} {userNameResp?.last_name}\n \n \n\n \n \n setTypeFilter(val)}\n data={isProvider ? providerAlarmTypes : alarmTypes}\n />\n \n\n \n setMonthFilter(val)}\n data={monthFilters}\n />\n \n\n \n Download\n \n \n
\n\n No Alarms Found
\n )}\n \n )}\n\n {sort === '' && (\n {\n handleSortChange('ASC');\n }}\n />\n )}\n {sort === 'DESC' && (\n {\n handleSortChange('ASC');\n }}\n />\n )}\n {sort === 'ASC' && (\n {\n handleSortChange('DESC');\n }}\n />\n )}\n
\n );\n};\n\nexport default Sorter;\nSorter.defaultProps = {\n currentSort: null,\n name: '',\n};\n","import {\n createStyles,\n Theme,\n WithStyles,\n withStyles,\n} from '@material-ui/core/styles';\nimport TableCell from '@material-ui/core/TableCell';\nimport clsx from 'clsx';\nimport React from 'react';\nimport {\n AutoSizer,\n Column,\n Table,\n TableCellRenderer,\n TableHeaderProps,\n} from 'react-virtualized';\n\ndeclare module '@material-ui/core/styles/withStyles' {\n // Augment the BaseCSSProperties so that we can control jss-rtl\n interface BaseCSSProperties {\n /*\n * Used to control if the rule-set should be affected by rtl transformation\n */\n flip?: boolean;\n }\n}\n\nconst styles = (theme: Theme) =>\n createStyles({\n flexContainer: {\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'flex',\n },\n noClick: {\n cursor: 'initial',\n },\n table: {\n // temporary right-to-left patch, waiting for\n // https://github.com/bvaughn/react-virtualized/issues/454\n '& .ReactVirtualized__Table__headerRow': {\n flip: false,\n paddingRight: theme.direction === 'rtl' ? '0 !important' : undefined,\n },\n },\n tableCell: {\n flex: 1,\n },\n tableRow: {\n cursor: 'pointer',\n },\n tableRowHover: {\n '&:hover': {\n backgroundColor: theme.palette.grey[200],\n },\n },\n });\n\ninterface ColumnData {\n dataKey: string;\n label: string;\n numeric?: boolean;\n width: number;\n}\n\ninterface Row {\n index: number;\n}\n\ninterface MuiVirtualizedTableProps extends WithStylesNo data found
\n );\n };\n\n return (\nNo data found
\n );\n };\n\n return (\n{val}
)\n : 'Drag and Drop File'}\n \n \n\n \n {row.description}\n
\n \n \n \n {company?.name}\n \n
\n\n No archived companies found
\n ))}\n \n );\n },\n { forwardRef: true },\n);\n\nexport default CompaniesArchivedDataTable;\n","import { Grid } from '@material-ui/core';\nimport Paper from '@material-ui/core/Paper';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Table from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableContainer from '@material-ui/core/TableContainer';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\n// import EditIcon from '@material-ui/icons/Edit';\nimport { observer } from 'mobx-react-lite';\n// import { observer } from 'mobx-react';\nimport moment from 'moment';\nimport { useSnackbar } from 'notistack';\nimport React, {\n useEffect,\n // forwardRef,\n // ForwardRefRenderFunction,\n useImperativeHandle,\n useState,\n} from 'react';\nimport { useHistory, useRouteMatch } from 'react-router-dom';\n\nimport { OutlinedTableButton } from '../../../components/Buttons';\n// import DeviceInfoDialog from '../../../components/Dialog/DeviceInfoDialog';\nimport { ActionMenu, ActionMenuItem } from '../../../components/Dropdowns';\nimport Loader from '../../../components/Loader/Loader';\nimport { Sorter } from '../../../components/Table';\nimport {\n StyledTableCell,\n StyledTableRow,\n} from '../../../components/Table/CustomTableComponents';\nimport { SortData } from '../../../components/Table/Sorter';\nimport { CompanyDTO } from '../../../core/types';\n// import TablePaginationActions from '../../../components/Table/TablePaginationActions';\nimport { SearchStore } from '../../../hooks';\nimport {\n useFetchAllCompanies,\n useSearchCompanies,\n} from '../../../hooks/companies/companiesServices';\nimport { SnackBarConfig } from '../../../utils/SnackBarConfig';\n\nconst useStyles = makeStyles({\n iconButton: {\n padding: 0,\n },\n noContent: {\n color: 'black',\n fontSize: '12px',\n padding: '10px',\n textAlign: 'center',\n },\n table: {\n minWidth: 650,\n },\n});\n\nconst CompaniesDataTable: React.FCNo active companies found
\n );\n };\n\n return (\n <>\n\n -\n {hoveredRow === i && (\n handleClick(e, row)}\n aria-controls=\"simple-menu\"\n aria-haspopup=\"true\"\n aria-label=\"Edit\">\n
\n