\n \n \n import(\"app/routes/extraPages/routes/404\")\n )}\n />\n \n
\n \n }/>;\n\nexport default CustomScrollbars;","import React from 'react';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport IntlMessages from 'util/IntlMessages';\n\nclass CardMenu extends React.Component {\n\n render() {\n\n const options = [\n ,\n ,\n ,\n \n ];\n const {menuState, anchorEl, handleRequestClose} = this.props;\n return (\n \n );\n }\n\n}\n\nexport default CardMenu;","import React from 'react';\nimport IconButton from '@material-ui/core/IconButton'\nimport CardMenu from '../CardMenu';\n\nclass CardHeader extends React.Component {\n\n\n onOptionMenuSelect = event => {\n this.setState({menuState: true, anchorEl: event.currentTarget});\n };\n handleRequestClose = () => {\n this.setState({menuState: false});\n };\n\n constructor() {\n super();\n this.state = {\n anchorEl: undefined,\n menuState: false,\n }\n }\n\n render() {\n const {heading, subHeading} = this.props;\n let {styleName} = this.props;\n const {anchorEl, menuState} = this.state;\n return (\n {\n handleRequestClose();\n switchLanguage(language);\n }}>\n \n );\n};\n\nexport default LanguageItem;\n","import React, {Component} from 'react';\nimport {NavLink, withRouter} from 'react-router-dom';\n\nimport IntlMessages from 'util/IntlMessages';\n\n\nclass Menu extends Component {\n\n componentDidMount() {\n const {history} = this.props;\n\n const pathname = `#${history.location.pathname}`;// get current path\n const mainMenu = document.getElementsByClassName('nav-item');\n for (let i = 0; i < mainMenu.length; i++) {\n mainMenu[i].onclick = function () {\n for (let j = 0; j < mainMenu.length; j++) {\n if (mainMenu[j].classList.contains('active')) {\n mainMenu[j].classList.remove('active')\n }\n }\n this.classList.toggle('active');\n }\n }\n const subMenuLi = document.getElementsByClassName('nav-arrow');\n for (let i = 0; i < subMenuLi.length; i++) {\n subMenuLi[i].onclick = function () {\n for (let j = 0; j < subMenuLi.length; j++) {\n if (subMenuLi[j].classList.contains('active')) {\n subMenuLi[j].classList.remove('active')\n }\n }\n this.classList.toggle('active');\n }\n }\n const activeLi = document.querySelector('a[href=\"' + pathname + '\"]');// select current a element\n try {\n const activeNav = this.closest(activeLi, 'ul'); // select closest ul\n if (activeNav.classList.contains('sub-menu')) {\n this.closest(activeNav, 'li').classList.add('active');\n } else {\n this.closest(activeLi, 'li').classList.add('active');\n }\n const parentNav = this.closest(activeNav, '.nav-item');\n if (parentNav) {\n parentNav.classList.add('active');\n }\n\n } catch (e) {\n\n }\n\n }\n\n closest(el, selector) {\n try {\n let matchesFn;\n // find vendor prefix\n ['matches', 'webkitMatchesSelector', 'mozMatchesSelector', 'msMatchesSelector', 'oMatchesSelector'].some(function (fn) {\n if (typeof document.body[fn] === 'function') {\n matchesFn = fn;\n return true;\n }\n return false;\n });\n\n let parent;\n\n // traverse parents\n while (el) {\n parent = el.parentElement;\n if (parent && parent[matchesFn](selector)) {\n return parent;\n }\n el = parent;\n }\n } catch (e) {\n\n }\n\n return null;\n }\n\n\n render() {\n return (\n \n \n {navigationStyle === HORIZONTAL_NAVIGATION ?\n \n \n \n }\n \n \n );\n }\n\n}\n\n\nconst mapStateToProps = ({settings}) => {\n const {drawerType, locale, navigationStyle, horizontalNavPosition} = settings;\n return {drawerType, locale, navigationStyle, horizontalNavPosition}\n};\n\nexport default withRouter(connect(mapStateToProps, {toggleCollapsedNav, switchLanguage})(Header));","import React, { Component } from \"react\";\nimport { NavLink, withRouter, Link } from \"react-router-dom\";\nimport Button from \"@material-ui/core/Button\";\n\nimport IntlMessages from \"util/IntlMessages\";\nimport CustomScrollbars from \"util/CustomScrollbars\";\n\nimport Axios from \"../../actions/Axios\";\nimport { API_GET_CHAT_NOTIFICATIONS } from \"../../ApiUrl\";\nclass SidenavContent extends Component {\n constructor(props) {\n super(props);\n this.state = {\n count: 0,\n };\n }\n componentDidMount() {\n const { history } = this.props;\n const that = this;\n const pathname = `#${history.location.pathname}`; // get current path\n\n const subMenuLi = document.querySelectorAll(\".sub-menu > li\");\n for (let i = 0; i < subMenuLi.length; i++) {\n subMenuLi[i].onclick = function(event) {\n event.stopPropagation();\n };\n }\n\n const menuLi = document.getElementsByClassName(\"menu\");\n for (let i = 0; i < menuLi.length; i++) {\n menuLi[i].onclick = function(event) {\n for (let j = 0; j < menuLi.length; j++) {\n const parentLi = that.closest(this, \"li\");\n if (\n menuLi[j] !== this &&\n (parentLi === null || !parentLi.classList.contains(\"open\"))\n ) {\n menuLi[j].classList.remove(\"open\");\n }\n }\n this.classList.toggle(\"open\");\n event.stopPropagation();\n };\n }\n\n const activeLi = document.querySelector('a[href=\"' + pathname + '\"]'); // select current a element\n try {\n const activeNav = this.closest(activeLi, \"ul\"); // select closest ul\n if (activeNav.classList.contains(\"sub-menu\")) {\n this.closest(activeNav, \"li\").classList.add(\"open\");\n } else {\n this.closest(activeLi, \"li\").classList.add(\"open\");\n }\n } catch (error) {}\n this.getTableRecords();\n setInterval(() => {\n this.getTableRecords();\n }, 10000);\n }\n getTableRecords = async () => {\n this.setState({ loading: true });\n\n Axios.post(API_GET_CHAT_NOTIFICATIONS, {\n companyId: localStorage.getItem(\"_id\"),\n readStatus: \"false\",\n })\n .then((response) => {\n const { status, data, totalCount } = response.data;\n console.log(response, \"i m m m \");\n if (status === 1) {\n this.setState({\n count: totalCount,\n });\n }\n })\n .catch((err) => {});\n };\n\n closest(el, selector) {\n try {\n let matchesFn;\n // find vendor prefix\n [\n \"matches\",\n \"webkitMatchesSelector\",\n \"mozMatchesSelector\",\n \"msMatchesSelector\",\n \"oMatchesSelector\",\n ].some(function(fn) {\n if (typeof document.body[fn] == \"function\") {\n matchesFn = fn;\n return true;\n }\n return false;\n });\n\n let parent;\n\n // traverse parents\n while (el) {\n parent = el.parentElement;\n if (parent && parent[matchesFn](selector)) {\n return parent;\n }\n el = parent;\n }\n } catch (e) {}\n\n return null;\n }\n\n render() {\n const { count } = this.state;\n\n return (\n \n \n );\n }\n}\n\nexport default withRouter(SidenavContent);\n","import React from 'react';\nimport {connect} from 'react-redux';\nimport {Link, withRouter} from 'react-router-dom';\nimport Drawer from '@material-ui/core/Drawer';\nimport SidenavContent from './SidenavContent';\nimport {COLLAPSED_DRAWER, FIXED_DRAWER, HORIZONTAL_NAVIGATION} from 'constants/ActionTypes';\nimport {toggleCollapsedNav, updateWindowWidth} from 'actions/Setting';\n\nclass SideNav extends React.Component {\n\n onToggleCollapsedNav = (e) => {\n const val = !this.props.navCollapsed;\n this.props.toggleCollapsedNav(val);\n };\n\n constructor(props) {\n super(props);\n this.state = {drawerOpen: false}\n }\n\n componentDidMount() {\n\n window.addEventListener('resize', () => {\n this.props.updateWindowWidth(window.innerWidth)\n });\n }\n\n toggleDrawer = (drawerOpen, open) => () => {\n this.setState({\n [drawerOpen]: open,\n });\n };\n\n render() {\n\n const {navCollapsed, drawerType, width, navigationStyle} = this.props;\n let drawerStyle = drawerType.includes(FIXED_DRAWER) ? 'd-xl-flex' : drawerType.includes(COLLAPSED_DRAWER) ? '' : 'd-flex';\n let type = 'permanent';\n if (drawerType.includes(COLLAPSED_DRAWER) || (drawerType.includes(FIXED_DRAWER) && width < 1200)) {\n type = 'temporary';\n }\n\n if (navigationStyle === HORIZONTAL_NAVIGATION) {\n drawerStyle = '';\n type = 'temporary';\n }\n return (\n
\n );\n }\n}\n\nconst mapStateToProps = ({ settings }) => {\n const { drawerType, navigationStyle, horizontalNavPosition } = settings;\n return { drawerType, navigationStyle, horizontalNavPosition };\n};\nexport default withRouter(connect(mapStateToProps)(App));\n","import React from 'react';\nimport {Link} from 'react-router-dom'\nimport axios from 'axios';\nimport {connect} from 'react-redux';\nimport TextField from '@material-ui/core/TextField';\nimport IconButton from '@material-ui/core/IconButton';\nimport Button from '@material-ui/core/Button';\nimport {NotificationContainer, NotificationManager} from 'react-notifications';\nimport IntlMessages from 'util/IntlMessages';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport {API_LOGIN } from '../ApiUrl';\nimport Axios from '../actions/Axios'\nimport {\n hideMessage,\n showAuthLoader,\n userSignInSuccess,\n hideAuthLoader\n} from 'actions/Auth';\n\nclass SignIn extends React.Component {\n constructor() {\n super();\n this.state = {\n email: '',\n password: '',\n errorMessage:''\n }\n }\n\n componentDidUpdate() {\n if (this.props.showMessage) {\n setTimeout(() => {\n this.props.hideMessage();\n }, 100);\n }\n if (this.props.authUser !== null) {\n this.props.history.push('/');\n }\n }\n\n loginUser = () => {\n this.props.showAuthLoader();\n const { email, password } = this.state;\n\n const formData = {\n email: email.trim(),\n password: password.trim()\n }\n\n Axios.post(API_LOGIN, formData).then((response) => {\n const data = response.data;\n\n if(data.status === 0){\n this.setState({errorMessage:data.message})\n }else{\n localStorage.setItem('token', data.token);\n localStorage.setItem('_id', data.data[0]._id);\n localStorage.setItem('name', data.data[0].name);\n localStorage.setItem('role', data.data[0].role);\n localStorage.setItem('user_id', data.token);\n\n this.props.userSignInSuccess(data.token)\n setTimeout(() => {\n this.props.history.push('/app/dashboard/index');\n }, 600);\n\n }\n this.props.hideAuthLoader();\n }).catch((err) => {\n let error =err.response.data.message;\n this.setState({errorMessage:\"server error, Please try after some time.\"})\n this.props.hideAuthLoader();\n })\n }\n\n render() {\n const {\n email,\n password,\n errorMessage\n } = this.state;\n console.log(this.state)\n const {showMessage, loader, alertMessage} = this.props;\n return (\n \n \n \n \n \n
\n )\n }\n}\n\nexport default CardHeader;\nCardHeader.defaultProps = {\n styleName: '',\n subHeading: ''\n};\n\n","import {\n CHANGE_DIRECTION,\n CHANGE_NAVIGATION_STYLE,\n DARK_THEME,\n DRAWER_TYPE,\n HORIZONTAL_MENU_POSITION,\n SWITCH_LANGUAGE,\n THEME_COLOR,\n TOGGLE_COLLAPSED_NAV,\n WINDOW_WIDTH\n} from 'constants/ActionTypes';\n\nexport function toggleCollapsedNav(isNavCollapsed) {\n return {type: TOGGLE_COLLAPSED_NAV, isNavCollapsed};\n}\n\nexport function setDrawerType(drawerType) {\n return {type: DRAWER_TYPE, drawerType};\n}\n\nexport function updateWindowWidth(width) {\n return {type: WINDOW_WIDTH, width};\n}\n\nexport function setThemeColor(color) {\n return {type: THEME_COLOR, color};\n}\n\nexport function setDarkTheme() {\n return {type: DARK_THEME};\n}\n\nexport function changeDirection() {\n return {type: CHANGE_DIRECTION};\n}\n\nexport function changeNavigationStyle(layoutType) {\n return {\n type: CHANGE_NAVIGATION_STYLE,\n payload: layoutType\n };\n}\n\nexport function setHorizontalMenuPosition(navigationPosition) {\n return {\n type: HORIZONTAL_MENU_POSITION,\n payload: navigationPosition\n };\n}\n\nexport function switchLanguage(locale) {\n return {\n type: SWITCH_LANGUAGE,\n payload: locale\n };\n}\n","import React from 'react';\n\n\nconst LanguageItem = ({language, switchLanguage, handleRequestClose}) => {\n const {icon, name} = language;\n return (\n \n
\n\n {heading}
\n {subHeading &&{subHeading}
}\n\n \n
\n {name}
\n\n
\n );\n }\n}\n\nexport default withRouter(Menu);","import React from 'react';\nimport {connect} from 'react-redux'\nimport {userSignOut} from 'actions/Auth';\nimport IntlMessages from 'util/IntlMessages';\n\nclass UserInfoPopup extends React.Component {\n render() {\n return (\n - \n\n
- \n
\n - \n\n
- \n \n \n \n
\n \n \n- \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n\n \n
\n - \n
- \n \n \n \n
\n \n \n- \n
- \n
\n \n\n \n - \n
\n \n\n \n
\n\n - \n
- \n \n \n \n
\n \n \n\n- \n
- \n
\n \n\n \n - \n
\n \n\n \n
\n - \n
\n\n - \n \n \n \n
- \n
\n\n - \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n
\n\n - \n
- \n
\n - \n\n
- \n \n \n
\n \n\n - \n
- \n
\n \n \n - \n
\n \n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n \n - \n
\n \n\n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n \n
\n\n - \n
- \n \n \n
- \n\n
- \n
\n \n \n - \n
\n \n \n
\n\n - \n
- \n \n \n
\n \n\n - \n
- \n
\n \n \n - \n
\n \n \n\n - \n
\n \n \n\n - \n
\n \n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n \n
\n\n - \n
\n\n - \n \n \n
- \n
\n\n - \n\n
- \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n \n\n - \n
\n \n \n\n \n\n - \n
\n \n \n\n \n\n
\n\n - \n
- \n
\n - \n\n
- \n \n \n
\n \n\n - \n
- \n
\n \n \n - \n
\n \n \n
\n\n - \n
- \n \n \n
\n \n - \n\n
- \n
\n \n \n - \n
\n \n \n - \n
\n \n\n \n
\n\n - \n
- \n \n \n
\n \n - \n
- \n
\n \n \n - \n
\n \n \n - \n
\n \n \n
\n\n - \n
- \n \n \n
\n \n - \n
- \n
\n \n \n - \n
\n \n\n \n
\n\n - \n
- \n \n \n
\n \n - \n
- \n
\n \n \n
\n\n - \n
- \n \n \n
\n \n - \n
- \n
\n \n \n - \n
\n \n \n - \n
\n \n \n
\n\n - \n
- \n \n \n
\n \n - \n
- \n
\n \n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n \n - \n
\n \n\n \n - \n
\n \n \n - \n
\n \n \n
\n\n - \n
\n\n - \n \n \n
\n \n \n \n \n \n \n {\n console.log(\"Try to logoput\");\n this.props.userSignOut()\n }}>\n \n \n \n
\n );\n }\n}\n\nexport default connect(null, {userSignOut})(UserInfoPopup);\n\n\n","import React from \"react\";\nimport Avatar from \"@material-ui/core/Avatar\";\nimport { connect } from \"react-redux\";\nimport Menu from \"@material-ui/core/Menu\";\nimport { NavLink, withRouter } from \"react-router-dom\";\nimport MenuItem from \"@material-ui/core/MenuItem\";\nimport { userSignOut } from \"actions/Auth\";\nimport IntlMessages from \"util/IntlMessages\";\nimport Chip from \"@material-ui/core/Chip\";\nimport AccountCircleIcon from \"@material-ui/icons/AccountCircle\";\n\nclass UserInfo extends React.Component {\n state = {\n anchorEl: null,\n open: false\n };\n\n handleClick = event => {\n this.setState({ open: true, anchorEl: event.currentTarget });\n };\n\n handleRequestClose = () => {\n this.setState({ open: false });\n };\n\n render() {\n return (\n \n ![\"User\"/](\"https://via.placeholder.com/150x150\"\n)
\n
\n \n \n \n
\n Chris Harris
\n Administrator\n\n \n {\n this.handleRequestClose();\n }}\n >\n \n \n \n \n {\n this.handleRequestClose();\n this.props.userSignOut();\n }}\n >\n \n\n
\n );\n }\n}\n\nconst mapStateToProps = ({ settings }) => {\n const { locale } = settings;\n return { locale };\n};\nexport default connect(mapStateToProps, { userSignOut })(UserInfo);\n","import React from 'react';\nimport {Link,withRouter} from 'react-router-dom';\nimport {connect} from 'react-redux';\nimport AppBar from '@material-ui/core/AppBar';\nimport Avatar from '@material-ui/core/Avatar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport IconButton from '@material-ui/core/IconButton';\nimport {Dropdown, DropdownMenu, DropdownToggle} from 'reactstrap';\nimport {\n BELOW_THE_HEADER,\n COLLAPSED_DRAWER,\n FIXED_DRAWER,\n HORIZONTAL_NAVIGATION,\n INSIDE_THE_HEADER\n} from 'constants/ActionTypes';\nimport SearchBox from 'components/SearchBox';\nimport MailNotification from '../MailNotification/index';\nimport AppNotification from '../AppNotification/index';\nimport CardHeader from 'components/dashboard/Common/CardHeader/index';\nimport {switchLanguage, toggleCollapsedNav} from 'actions/Setting';\nimport IntlMessages from 'util/IntlMessages';\nimport LanguageSwitcher from 'components/LanguageSwitcher/index';\nimport Menu from 'components/TopNav/Menu';\nimport UserInfoPopup from 'components/UserInfo/UserInfoPopup';\nimport UserInfo from 'components/UserInfo';\n\nclass Header extends React.Component {\n\n onAppNotificationSelect = () => {\n this.setState({\n appNotification: !this.state.appNotification\n })\n };\n onMailNotificationSelect = () => {\n this.setState({\n mailNotification: !this.state.mailNotification\n })\n };\n onLangSwitcherSelect = (event) => {\n this.setState({\n langSwitcher: !this.state.langSwitcher, anchorEl: event.currentTarget\n })\n };\n onSearchBoxSelect = () => {\n this.setState({\n searchBox: !this.state.searchBox\n })\n };\n onAppsSelect = () => {\n this.setState({\n apps: !this.state.apps\n })\n };\n onUserInfoSelect = () => {\n this.setState({\n userInfo: !this.state.userInfo\n })\n };\n handleRequestClose = () => {\n this.setState({\n langSwitcher: false,\n userInfo: false,\n mailNotification: false,\n appNotification: false,\n searchBox: false,\n apps: false\n });\n };\n onToggleCollapsedNav = (e) => {\n const val = !this.props.navCollapsed;\n this.props.toggleCollapsedNav(val);\n };\n\n constructor() {\n super();\n this.state = {\n anchorEl: undefined,\n searchBox: false,\n searchText: '',\n mailNotification: false,\n userInfo: false,\n langSwitcher: false,\n appNotification: false,\n }\n }\n\n updateSearchText(evt) {\n this.setState({\n searchText: evt.target.value,\n });\n }\n\n \n\n render() {\n const {drawerType, locale, navigationStyle, horizontalNavPosition} = this.props;\n const drawerStyle = drawerType.includes(FIXED_DRAWER) ? 'd-block d-xl-none' : drawerType.includes(COLLAPSED_DRAWER) ? 'd-block' : 'd-none';\n\n return (\n \n
\n \n \n \n \n
\n :\n - \n \n \n\n {navigationStyle === HORIZONTAL_NAVIGATION &&\n
- \n
\n \n \n\n\n \n \n\n }\n
- \n
- \n \n \n Dashboard\n \n \n\n
- \n \n \n Orders\n \n \n
- \n
\n \n \n Notifications {count}\n \n \n \n - \n \n \n Drivers\n \n \n\n
- \n \n \n Settings\n \n \n
\n \n \n ![\"Zoomie\"]({require(\"assets/images/logo.png\")} "\\"Zoomie\\"/")
\n \n \n
\n );\n }\n}\n\nconst mapStateToProps = ({settings}) => {\n const {navCollapsed, drawerType, width, navigationStyle} = settings;\n return {navCollapsed, drawerType, width, navigationStyle}\n};\n\nexport default withRouter(connect(mapStateToProps, {toggleCollapsedNav, updateWindowWidth})(SideNav));\n","import React from 'react';\nimport Button from '@material-ui/core/Button';\nimport IntlMessages from 'util/IntlMessages';\n\nconst Footer = () => {\n return (\n \n );\n }\n;\n\nconst getYear = () => {\n let date = new Date();\n return date.getFullYear();\n}\n\nexport default Footer;\n","import React from 'react';\nimport {Redirect, Route, Switch} from 'react-router-dom';\nimport { withRouter } from \"react-router-dom\";\n\nimport asyncComponent from '../../../util/asyncComponent';\n\nconst Dashboard = ({match}) => (\n \n \n \n \n \n import('./routes/index'))}/>\n import('app/routes/extraPages/routes/404'))}/>\n \n
\n);\n\nexport default withRouter(Dashboard);\n","import React from 'react';\nimport {Redirect, Route, Switch} from 'react-router-dom';\nimport { withRouter } from \"react-router-dom\";\nimport asyncComponent from '../../../util/asyncComponent';\n\n\nconst Customers = ({match}) => (\n \n \n \n import('./routes/list'))}/>\n import('./routes/add'))}/>\n import('./routes/view'))}/>\n import('./routes/add'))}/>\n import('app/routes/extraPages/routes/404'))}/>\n \n
\n);\n\nexport default withRouter(Customers);\n","import React from \"react\";\nimport { Redirect, Route, Switch } from \"react-router-dom\";\nimport { withRouter } from \"react-router-dom\";\nimport asyncComponent from \"../../../util/asyncComponent\";\n\nconst Routes = ({ match }) => (\n \n \n import(\"./routes/list\"))}\n />\n import(\"./routes/Components/Chat\"))}\n />\n \n import(\"app/routes/extraPages/routes/404\")\n )}\n />\n \n
\n);\n\nexport default withRouter(Routes);\n","import React from 'react';\nimport {Redirect, Route, Switch} from 'react-router-dom';\nimport asyncComponent from '../../../util/asyncComponent';\n\n\nconst Customers = ({match}) => (\n \n \n \n import('./routes/list'))}/>\n import('app/routes/extraPages/routes/404'))}/>\n \n
\n);\n\nexport default Customers;\n","import React from 'react';\nimport {Redirect, Route, Switch} from 'react-router-dom';\nimport { withRouter } from \"react-router-dom\";\nimport asyncComponent from '../../../util/asyncComponent';\n\nconst Settings = ({match}) => (\n \n \n \n import('./routes/edit/'))}/>\n import('app/routes/extraPages/routes/404'))}/>\n \n
\n);\n\nexport default withRouter(Settings);\n","import React from 'react';\nimport {withRouter} from 'react-router-dom';\nimport Menu from 'components/TopNav/Menu';\n\nclass TopNav extends React.Component {\n\n render() {\n return (\n \n
\n );\n }\n}\n\nexport default withRouter(TopNav);\n\nTopNav.defaultProps = {\n styleName: ''\n};","import React from \"react\";\nimport { Route, Switch, withRouter } from \"react-router-dom\";\nimport { connect } from \"react-redux\";\nimport Header from \"components/Header/index\";\nimport Sidebar from \"containers/SideNav/index\";\nimport Footer from \"components/Footer\";\n\nimport Dashboard from \"./routes/dashboard\";\nimport Driver from \"./routes/driver\";\nimport Dumpsters from \"./routes/dumpsters\";\nimport Notifications from \"./routes/notifications\";\nimport Settings from \"./routes/settings\";\n\nimport {\n ABOVE_THE_HEADER,\n BELOW_THE_HEADER,\n COLLAPSED_DRAWER,\n FIXED_DRAWER,\n HORIZONTAL_NAVIGATION,\n} from \"constants/ActionTypes\";\n\nimport { isIOS, isMobile } from \"react-device-detect\";\nimport asyncComponent from \"../util/asyncComponent\";\nimport TopNav from \"components/TopNav\";\n\nclass App extends React.Component {\n render() {\n const {\n match,\n drawerType,\n navigationStyle,\n horizontalNavPosition,\n } = this.props;\n const drawerStyle = drawerType.includes(FIXED_DRAWER)\n ? \"fixed-drawer\"\n : drawerType.includes(COLLAPSED_DRAWER)\n ? \"collapsible-drawer\"\n : \"mini-drawer\";\n\n //set default height and overflow for iOS mobile Safari 10+ support.\n if (isIOS && isMobile) {\n document.body.classList.add(\"ios-mobile-view-height\");\n } else if (document.body.classList.contains(\"ios-mobile-view-height\")) {\n document.body.classList.remove(\"ios-mobile-view-height\");\n }\n\n return (\n \n \n
\n \n \n \n
\n \n \n {navigationStyle === HORIZONTAL_NAVIGATION &&\n horizontalNavPosition === ABOVE_THE_HEADER && (\n
\n\n \n
\n );\n }\n}\n\nconst mapStateToProps = ({auth}) => {\n const {loader, alertMessage, showMessage, authUser} = auth;\n return {loader, alertMessage, showMessage, authUser}\n};\n\nexport default connect(mapStateToProps, {\n hideMessage,\n showAuthLoader,\n userSignInSuccess,\n hideAuthLoader\n})(SignIn);\n","import React from 'react';\nimport {connect} from 'react-redux';\nimport TextField from '@material-ui/core/TextField';\nimport IconButton from '@material-ui/core/IconButton';\nimport Button from '@material-ui/core/Button';\nimport {NotificationContainer, NotificationManager} from 'react-notifications';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport {Link} from 'react-router-dom';\nimport IntlMessages from 'util/IntlMessages';\nimport {\n hideMessage,\n showAuthLoader,\n userFacebookSignIn,\n userGithubSignIn,\n userGoogleSignIn,\n userSignUp,\n userTwitterSignIn\n} from 'actions/Auth';\n\nclass SignUp extends React.Component {\n constructor() {\n super();\n this.state = {\n name: '',\n email: '',\n password: ''\n }\n }\n\n componentDidUpdate() {\n if (this.props.showMessage) {\n setTimeout(() => {\n this.props.hideMessage();\n }, 3000);\n }\n if (this.props.authUser !== null) {\n this.props.history.push('/');\n }\n }\n\n render() {\n const {\n name,\n email,\n password\n } = this.state;\n const {showMessage, loader, alertMessage} = this.props;\n return (\n \n\n
\n {\n loader &&\n \n \n \n \n
\n\n \n \n \n
\n\n \n
\n\n Sign In
\n\n \n
\n \n
\n }\n {showMessage && NotificationManager.error(alertMessage)}\n \n
\n\n {\n loader &&\n \n \n \n \n
\n\n \n \n \n
\n\n \n
\n\n Sign Up
\n\n
\n
\n\n \n \n
\n \n
\n }\n {showMessage && NotificationManager.error(alertMessage)}\n \n \n \n \n \n import('app/routes/extraPages/routes/404'))}/>\n \n
\n