\n \n {parent === 'profile' && (\n toggleDropdownMenu('/my-account', 'close', 'profile')}>\n My Account\n \n )}\n {parent === 'e-contract' && (\n \n toggleDropdownMenu('/econtract', 'close', 'profile')}>\n E-Contract\n \n toggleDropdownMenu('/econtract-history', 'close', 'profile')}>\n E-Contract LE Portal\n \n \n )}\n\n {parent === 'productAndLibraryList' && (\n \n toggleDropdownMenu('/products', 'close', 'profile')}>\n Products\n \n toggleDropdownMenu('/libraries', 'close', 'profile')}>\n Libraries\n \n toggleDropdownMenu('/state-tax-master-setup', 'close', 'profile')}\n >\n State's Tax Setup\n \n \n )}\n\n {parent === 'resources' && (\n \n toggleDropdownMenu('/order-form', 'close', 'profile')}>\n Order Forms\n \n toggleDropdownMenu('/training-and-sales-aids', 'close', 'profile')}\n >\n Training And Sales Aids\n \n toggleDropdownMenu('/year-end', 'close', 'profile')}>\n Video Resource\n \n toggleDropdownMenu('/audio-resource', 'close', 'profile')}>\n Audio Resource\n \n \n )}\n\n {/* {parent === \"menu\" &&\n LE_MENU_DATA.map((menuData) => {\n return (\n \n toggleDropdownMenu(\n routeGenerator(menuData),\n \"close\",\n \"profile\"\n )\n }\n >\n\n {menuData.menuName}\n \n );\n })} */}\n {parent === 'menu' && (\n <>\n toggleDropdownMenu('/dashboard', 'close', 'profile')}>\n Dashboard\n \n {(tempUser && tempUser.LEID === '4321') || tempUser.LEID === '5092' ? null : (\n toggleDropdownMenu('/customers', 'close', 'profile')}>\n Customers\n \n )}\n {currentUser.leaderStatus.toLowerCase() === 'publishing director' && (\n toggleDropdownMenu('/leads', 'close', 'profile')}>\n Leads\n \n )}\n\n {currentUser.leaderStatus.toLowerCase() !== 'publishing director' && (\n toggleDropdownMenu('/assigned-leads', 'close', 'profile')}>\n Assigned Leads\n \n )}\n\n {/* \n toggleDropdownMenu(\n \"https://forms.logiforms.com/formdata/user_forms/77894_7282070/357768/page1.html?cachebust=752\",\n \"close\",\n \"profile\"\n )\n }\n >\n E-Contract\n \n \n toggleDropdownMenu(\n \"https://forms.logiforms.com///published/index.lf?mode=live&workflowid=4b9f4755-5a4a-4692-afc1-0b1262645721&usr_id=77894&pageid=128424\",\n \"close\",\n \"profile\"\n )\n }\n >\n E-Contract LE Portal\n */}\n\n toggleDropdownMenu('/econtract', 'close', 'profile')}>\n E-Contract\n \n\n toggleDropdownMenu('/econtract-history', 'close', 'profile')}>\n E-Contract LE Portal\n \n\n toggleDropdownMenu('/order-form', 'close', 'profile')}>\n Order Form\n \n toggleDropdownMenu('/down-payment', 'close', 'profile')}>\n Down Payment\n \n toggleDropdownMenu('/training-and-sales-aids', 'close', 'profile')}\n >\n Training And Sales Aids\n \n toggleDropdownMenu('/year-end', 'close', 'profile')}>\n Video Project\n \n toggleDropdownMenu('/audio-resource', 'close', 'profile')}>\n Audio Resource\n \n\n {currentUser.leaderStatus.toLowerCase() === 'admin' && (\n <>\n toggleDropdownMenu('/products', 'close', 'profile')}>\n Products\n \n toggleDropdownMenu('/libraries', 'close', 'profile')}>\n Libraries\n \n toggleDropdownMenu('/state-tax-master-setup', 'close', 'profile')}\n >\n State's Tax Setup\n \n \n )}\n \n )}\n
\n {parent === 'profile' && (\n {\n toggleDropdownMenu('/signin', 'close', 'profile');\n return onRouteChange('signout', setCurrentUser, history);\n }}\n >\n Sign Out\n \n )}\n \n );\n};\n\nconst mapStateToProps = createStructuredSelector({\n currentUser: selectCurrentUser,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n setCurrentUser: (user) => dispatch(setCurrentUser(user)),\n});\nexport default connect(mapStateToProps, mapDispatchToProps)(MenuDropdown);\n","import React from 'react';\n\nimport { connect } from 'react-redux';\n\nimport { Link, withRouter } from 'react-router-dom';\n\nimport { IoMdArrowDropdown, IoMdPerson, IoMdNotifications } from 'react-icons/io';\n\nimport { MdNotificationsActive } from 'react-icons/md';\n\nimport Logo from '../../assets/logo.png';\n\nimport { createStructuredSelector } from 'reselect';\n\nimport { selectIsUserLoggedIn, selectCurrentUser } from '../../redux/user/user.selector';\n\nimport { getScreenWidth, getFirstAndLastInitial, browser } from '../utils/misc';\n\nimport MenuDropdown from '../menu-dropdown/menu-dropdown';\n\nimport './header.styles.css';\n\nimport { fetchPushSubsStartAsync } from '../../redux/push-subs/push-subs.action';\n\nimport { askForNotificationPermission } from '../../utils/sw';\nimport ClickAwayListener from '@material-ui/core/ClickAwayListener';\n\nconst webBrowser = browser();\n\nclass Header extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n showDropdownProfileMenu: false,\n showDropdownMenu: false,\n showResourcesMenu: false,\n showEcontractMenu: false,\n showProductAndLibraryMenu: false,\n showDropdownNotification: false,\n currentWindowWidth: '',\n };\n }\n\n updateCurrentWindowWidth = () => {\n this.setState({ currentWindowWidth: window.innerWidth });\n };\n\n componentDidMount() {\n window.addEventListener('resize', this.updateCurrentWindowWidth);\n }\n\n componentWillUnmount() {\n window.removeEventListener('resize', this.updateCurrentWindowWidth);\n }\n\n //toggle bellIcon\n\n toggleBellIcon = (tempUser) => {\n askForNotificationPermission(this.props.currentUser.leid);\n };\n\n //toggle dropdown menu\n\n toggleDropdownMenu = (\n route = undefined,\n\n status = undefined,\n\n parent = undefined\n ) => {\n const { history } = this.props;\n\n switch (true) {\n case route !== undefined && status === 'close':\n if (route.includes('http')) {\n window.location = route;\n\n return this.setState({\n showDropdownMenu: false,\n\n showDropdownProfileMenu: false,\n });\n }\n\n history.push(`${route}`);\n\n return this.setState({\n showDropdownMenu: false,\n\n showDropdownProfileMenu: false,\n\n showEcontractMenu: false,\n showProductAndLibraryMenu: false,\n showResourcesMenu: false,\n });\n\n case route === undefined && status === 'open' && parent === 'profile':\n return this.setState({\n showDropdownMenu: false,\n\n showDropdownProfileMenu: true,\n });\n\n case route === undefined && status === 'open' && parent === 'notification':\n return this.setState({\n showDropdownMenu: false,\n\n showDropdownProfileMenu: false,\n });\n\n case route === undefined && status === 'open' && parent === 'menu':\n return this.setState({\n showDropdownMenu: true,\n\n showDropdownProfileMenu: false,\n });\n\n case route === undefined && status === 'close':\n return this.setState({\n showDropdownMenu: false,\n\n showDropdownProfileMenu: false,\n\n showEcontractMenu: false,\n\n showResourcesMenu: false,\n showProductAndLibraryMenu: false,\n });\n\n case route === undefined && status === undefined && parent === 'menu':\n return this.setState({\n showDropdownMenu: !this.state.showDropdownMenu,\n\n showDropdownProfileMenu: false,\n });\n\n case route === undefined && status === undefined && parent === 'profile':\n return this.setState({\n showDropdownProfileMenu: !this.state.showDropdownProfileMenu,\n\n showDropdownMenu: false,\n });\n\n case route === undefined && status === undefined && parent === 'notification':\n return this.setState({\n showDropdownProfileMenu: false,\n\n showDropdownMenu: false,\n });\n\n case route === undefined && status === undefined && parent === 'e-contract':\n return this.setState({\n showEcontractMenu: !this.state.showEcontractMenu,\n showProductAndLibraryMenu: false,\n showDropdownMenu: false,\n\n showDropdownProfileMenu: false,\n\n showResourcesMenu: false,\n });\n\n case route === undefined && status === undefined && parent === 'productAndLibraryList':\n return this.setState({\n showProductAndLibraryMenu: !this.state.showProductAndLibraryMenu,\n showEcontractMenu: false,\n showDropdownMenu: false,\n\n showDropdownProfileMenu: false,\n\n showResourcesMenu: false,\n });\n\n case route === undefined && status === undefined && parent === 'resources':\n return this.setState({\n showResourcesMenu: !this.state.showResourcesMenu,\n showProductAndLibraryMenu: false,\n showDropdownMenu: false,\n\n showDropdownProfileMenu: false,\n\n showEcontractMenu: false,\n });\n\n default:\n return;\n }\n };\n\n render() {\n const { name, leid, leaderStatus } = this.props.currentUser;\n\n const { onRouteChange, isLoggedIn, tempUser } = this.props;\n\n const {\n showDropdownMenu,\n showEcontractMenu,\n showResourcesMenu,\n showDropdownProfileMenu,\n showProductAndLibraryMenu,\n } = this.state;\n\n return (\n leaderStatus && (\n this.toggleDropdownMenu(undefined, 'close')}>\n \n \n 
\n \n\n {isLoggedIn ? (\n \n \n {getScreenWidth() > 1020 && (\n
\n
this.toggleDropdownMenu(undefined, 'close')}\n >\n Dashboard\n \n\n {tempUser?.LEID === '4321' || tempUser?.LEID === '5092' ? null : (\n this.toggleDropdownMenu(undefined, 'close')}\n >\n Customers\n \n )}\n\n {leaderStatus.toLowerCase() === 'publishing director' && (\n this.toggleDropdownMenu(undefined, 'close')}\n >\n Leads\n \n )}\n\n {leaderStatus.toLowerCase() !== 'publishing director' && (\n this.toggleDropdownMenu(undefined, 'close')}\n >\n Assigned Leads\n \n )}\n\n \n \n this.toggleDropdownMenu(\n undefined,\n\n undefined,\n\n 'e-contract'\n )\n }\n >\n E-Contract\n \n\n {showEcontractMenu && (\n \n )}\n
\n\n {/* this.toggleDropdownMenu(undefined, 'close')}\n\n\n\n >\n\n\n\n E-Contract\n\n\n\n \n\n\n\n\n\n\n\n this.toggleDropdownMenu(undefined, 'close')}\n\n\n\n >\n\n\n\n E-Contract LE Portal\n\n\n\n */}\n\n {/* this.toggleDropdownMenu(undefined, 'close')}\n\n\n\n >\n\n\n\n Order Forms\n\n\n\n */}\n\n this.toggleDropdownMenu(undefined, 'close')}\n >\n Down Payment\n \n\n \n \n this.toggleDropdownMenu(\n undefined,\n\n undefined,\n\n 'resources'\n )\n }\n >\n Resourses\n \n\n {showResourcesMenu && (\n \n )}\n
\n {leaderStatus === 'Admin' && (\n \n \n this.toggleDropdownMenu(\n undefined,\n\n undefined,\n\n 'productAndLibraryList'\n )\n }\n >\n Admin's Menu\n \n\n {showProductAndLibraryMenu && (\n \n )}\n
\n )}\n\n {/* this.toggleDropdownMenu(undefined, 'close')}\n\n\n\n >\n\n\n\n Reports\n\n\n\n */}\n\n {/* this.toggleDropdownMenu(undefined, 'close')}\n\n\n\n >\n\n\n\n\n\n\n\n Leads\n\n\n\n */}\n \n )}\n\n {getScreenWidth() > 1500 && (\n
\n {/* this.toggleDropdownMenu(undefined, 'close')}\n\n\n\n >\n\n\n\n Maps\n\n\n\n */}\n\n {/* this.toggleDropdownMenu(undefined, 'close')}\n\n\n\n >\n\n\n\n Training And Sales Aids\n\n\n\n */}\n
\n )}\n
\n this.toggleDropdownMenu(undefined, undefined, 'menu')}\n style={{ fontSize: '16px' }}\n >\n Menu\n \n\n {showDropdownMenu && (\n \n )}\n
\n )}\n \n ) : null}\n\n {/* notification */}\n\n \n this.toggleDropdownMenu(undefined, undefined, 'notification')}\n >\n {(isLoggedIn && webBrowser.name === 'Safari') ||\n this.props.currentUser.leaderStatus !== 'NONE' ? null : (\n this.toggleBellIcon(tempUser)}>\n \n
\n )}\n \n \n\n {/* profile */}\n\n \n {isLoggedIn ? (\n
{getFirstAndLastInitial(name)}\n ) : (\n
\n Sign In\n\n {/* ❘\n\n\n\n Regster */}\n
\n )}\n\n {isLoggedIn && (\n
\n this.toggleDropdownMenu(undefined, undefined, 'profile')}>\n \n \n \n\n \n \n \n
\n\n {showDropdownProfileMenu && (\n \n )}\n \n )}\n
{children}
\n \n );\n};\n\nMain.propTypes = {\n children: PropTypes.node,\n};\n\nconst mapStateToProps = createStructuredSelector({\n tempUser: selectTempUser,\n});\n\nexport default connect(mapStateToProps)(Main);\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Minimal = (props) => {\n const { children } = props;\n\n return (\n <>\n {children}
\n \n );\n};\n\nMinimal.propTypes = {\n children: PropTypes.node,\n};\n\nexport default Minimal;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\n\nimport Header from 'components/header/header';\nimport { selectTempUser } from 'redux/user/user.selector';\n\nconst Main = (props) => {\n const { tempUser, children } = props;\n return (\n <>\n \n {children}
\n \n );\n};\n\nMain.propTypes = {\n children: PropTypes.node,\n};\n\nconst mapStateToProps = createStructuredSelector({\n tempUser: selectTempUser,\n});\n\nexport default connect(mapStateToProps)(Main);\n","import React from 'react';\n\nimport './error-boundry.styles.css';\n\nclass ErrorBoundry extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n hasError: false,\n };\n }\n\n componentDidCatch(error, info) {\n this.setState({ hasError: true });\n }\n\n render() {\n if (this.state.hasError) {\n return (\n \n :-(\n Opps! Something Went Wrong.\n Whatever happpend, it was probably our fault. Please contact administrator.\n
\n );\n }\n return this.props.children;\n }\n}\n\nexport default ErrorBoundry;\n","import React, { lazy, Suspense } from 'react';\nimport { Switch, Redirect } from 'react-router-dom';\n\nimport { PublicRoute, PrivateRoute, RouteWithLayout } from './components';\nimport { Main as MainLayout, Minimal as MinimalLayout, Dashboard as DashboardLayout } from '../layouts';\n\nimport Spinner from 'components/spinner/spinner';\nimport ErrorBoundry from 'components/error-boundry/error-boundry';\n\nconst DashboardPage = lazy(() => import('pages/dashboard/dashboard.page'));\nconst SignInPage = lazy(() => import('pages/sign-in/sign-in-page'));\nconst RegisterPage = lazy(() => import('pages/register/register.page'));\nconst CustomerPreviewPage = lazy(() => import('pages/customer-preview/customer-preview.page'));\nconst CustomerDetailPage = lazy(() => import('pages/customer-detail/customer-detail-page'));\nconst LeadsPage = lazy(() => import('pages/leads/leads.page'));\nconst AssignedLeadsPage = lazy(() => import('pages/leads/assigned.page'));\nconst TrainingAndSalesAidsPage = lazy(() => import('pages/training_and_sales-aids/training_and_sales-aids.page'));\nconst VideoProjectPage = lazy(() => import('pages/video-project'));\nconst AudioResourcePage = lazy(() => import('pages/audio-resource'));\nconst MyAccountPage = lazy(() => import('pages/my-account/my-account.page'));\nconst OrderFormPage = lazy(() => import('pages/order-form/order-form.page'));\nconst DownPaymentPage = lazy(() => import('pages/down-payment/down-payment.page'));\nconst ResetPasswordPage = lazy(() => import('pages/reset-password/reset-password'));\nconst ContractPage = lazy(() => import('pages/econtract-form'));\nconst Reciept = lazy(() => import('pages/reciept'));\nconst HistoryPage = lazy(() => import('pages/econtract-history'));\nconst CompletedOrderPage = lazy(() => import('pages/econtract-history/components/CompletedOrder'));\nconst ProductPage = lazy(() => import('pages/product'));\nconst LibraryPage = lazy(() => import('pages/library'));\nconst StateTaxMasterSetupPage = lazy(() => import('pages/states-tax-master-setup'));\n\nconst Routes = (props) => {\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\nexport default Routes;\n","import { colors } from '@material-ui/core';\n\nconst white = '#FFFFFF';\nconst black = '#000000';\n\nexport default {\n black,\n white,\n primary: {\n contrastText: white,\n dark: colors.indigo[900],\n main: '#004ED0',\n light: colors.indigo[100],\n },\n secondary: {\n contrastText: white,\n dark: colors.blue[900],\n main: colors.blue['A400'],\n light: colors.blue['A400'],\n },\n success: {\n contrastText: white,\n dark: colors.green[900],\n main: colors.green[600],\n light: colors.green[400],\n },\n info: {\n contrastText: white,\n dark: colors.blue[900],\n main: colors.blue[600],\n light: colors.blue[400],\n },\n warning: {\n contrastText: white,\n dark: colors.orange[900],\n main: colors.orange[600],\n light: colors.orange[400],\n },\n error: {\n contrastText: white,\n dark: colors.red[900],\n main: colors.red[600],\n light: colors.red[400],\n },\n text: {\n primary: colors.blueGrey[900],\n secondary: colors.blueGrey[600],\n link: colors.blue[600],\n },\n background: {\n default: '#F4F6F8',\n paper: white,\n },\n icon: colors.blueGrey[600],\n divider: colors.grey[200],\n};\n","import palette from './palette';\n\nexport default {\n h1: {\n color: palette.text.primary,\n fontWeight: 500,\n fontSize: '35px',\n letterSpacing: '-0.24px',\n lineHeight: '40px',\n },\n h2: {\n color: palette.text.primary,\n fontWeight: 500,\n fontSize: '29px',\n letterSpacing: '-0.24px',\n lineHeight: '32px',\n },\n h3: {\n color: palette.text.primary,\n fontWeight: 500,\n fontSize: '24px',\n letterSpacing: '-0.06px',\n lineHeight: '28px',\n },\n h4: {\n color: palette.text.primary,\n fontWeight: 500,\n fontSize: '20px',\n letterSpacing: '-0.06px',\n lineHeight: '24px',\n },\n h5: {\n color: palette.text.primary,\n fontWeight: 500,\n fontSize: '16px',\n letterSpacing: '-0.05px',\n lineHeight: '20px',\n },\n h6: {\n color: palette.text.primary,\n fontWeight: 500,\n fontSize: '14px',\n letterSpacing: '-0.05px',\n lineHeight: '20px',\n },\n subtitle1: {\n color: palette.text.primary,\n fontSize: '16px',\n letterSpacing: '-0.05px',\n lineHeight: '25px',\n },\n subtitle2: {\n color: palette.text.secondary,\n fontWeight: 400,\n fontSize: '14px',\n letterSpacing: '-0.05px',\n lineHeight: '21px',\n },\n body1: {\n color: palette.text.primary,\n fontSize: '14px',\n letterSpacing: '-0.05px',\n lineHeight: '21px',\n },\n body2: {\n color: palette.text.secondary,\n fontSize: '12px',\n letterSpacing: '-0.04px',\n lineHeight: '18px',\n },\n button: {\n color: palette.text.primary,\n fontSize: '14px',\n },\n caption: {\n color: palette.text.secondary,\n fontSize: '11px',\n letterSpacing: '0.33px',\n lineHeight: '13px',\n },\n overline: {\n color: palette.text.secondary,\n fontSize: '11px',\n fontWeight: 500,\n letterSpacing: '0.33px',\n lineHeight: '13px',\n textTransform: 'uppercase',\n },\n};\n","import MuiButton from './MuiButton';\nimport MuiIconButton from './MuiIconButton';\nimport MuiPaper from './MuiPaper';\nimport MuiTableCell from './MuiTableCell';\nimport MuiTableHead from './MuiTableHead';\nimport MuiTypography from './MuiTypography';\nimport MuiTextField from './MuiTextField';\n\nexport default {\n MuiButton,\n MuiIconButton,\n MuiPaper,\n MuiTableCell,\n MuiTableHead,\n MuiTypography,\n MuiTextField,\n};\n","export default {\n contained: {\n boxShadow: '0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.20)',\n backgroundColor: '#FFFFFF',\n },\n label: {\n textTransform: 'capitalize',\n },\n};\n","import palette from '../palette';\n\nexport default {\n root: {\n color: palette.icon,\n '&:hover': {\n backgroundColor: 'rgba(0, 0, 0, 0.03)',\n },\n },\n};\n","export default {\n elevation1: {\n boxShadow: '0 0 0 1px rgba(63,63,68,0.05), 0 1px 3px 0 rgba(63,63,68,0.15)',\n },\n};\n","import palette from '../palette';\nimport typography from '../typography';\n\nexport default {\n root: {\n ...typography.body1,\n borderBottom: `1px solid ${palette.divider}`,\n },\n};\n","import { colors } from '@material-ui/core';\n\nexport default {\n root: {\n backgroundColor: colors.grey[50],\n },\n};\n","export default {\n gutterBottom: {\n marginBottom: 8,\n },\n};\n","export default {\n root: {\n background: '#FAFBFC',\n\n '& .MuiOutlinedInput-root': {\n '& fieldset': {\n borderColor: '#D4E1F2',\n },\n '&:hover fieldset': {\n borderColor: '#D4E1F2',\n },\n '&.Mui-focused fieldset': {\n borderColor: '#D4E1F2',\n },\n },\n },\n};\n","import { createMuiTheme } from '@material-ui/core';\n\nimport palette from './palette';\nimport typography from './typography';\nimport overrides from './overrides';\n\nconst theme = createMuiTheme({\n palette,\n typography,\n overrides,\n zIndex: {\n appBar: 1200,\n drawer: 1100,\n },\n});\n\nexport default theme;\n","import React, { useEffect } from 'react';\nimport { BrowserRouter as Router, withRouter } from 'react-router-dom';\nimport { NotificationContainer } from 'react-notifications';\nimport { connect } from 'react-redux';\nimport { createStructuredSelector } from 'reselect';\nimport ScrollUpButton from 'react-scroll-up-button';\nimport { ThemeProvider } from '@material-ui/core/styles';\n\nimport ModalPopup from './components/diaglog/modal-popup';\nimport Modal from './components/diaglog/modal';\n\nimport { fetchUserStartAsync, setCurrentUser, setTempUser } from './redux/user/user.action';\nimport { selectIsUserLoggedIn, selectCurrentUser, selectTempUser } from './redux/user/user.selector';\nimport { selectShowModal } from './redux/modal/modal.selector';\n\nimport Routes from './routes';\nimport theme from './theme';\n\nimport './App.css';\nimport { fetchLeProfilesStartAsync, fetchLeProfileStartAsync } from 'redux/le/le.action';\nimport { selectLeProfile } from 'redux/le/le.selector';\nimport { fetchCustomerStartAsync } from 'redux/customer/customer.action';\n\n// class App extends React.Component {\n// async componentDidMount() {\n// const { currentUser, history, location, fetchUser, fetchLeProfile, leProfile, setTempUser, } = this.props;\n// fetchUser(history, location);\n// fetchLeProfile(currentUser.leid);\n// }\n\n// render() {\n// console.log(this.props)\n// return (\n// \n// {this.props.showModal && (\n// \n// \n// \n// )}\n// \n// \n// \n// \n// \n//
\n// )\n// }\n// }\n\nconst App = (props) => {\n const {\n currentUser,\n history,\n location,\n fetchUser,\n fetchLeProfile,\n fetchLeProfiles,\n leProfile,\n setTempUser,\n fetchCustomerActivity,\n } = props;\n\n useEffect(() => {\n fetchUser(history, location);\n if (currentUser.leid) {\n fetchLeProfile(currentUser.leid);\n fetchCustomerActivity(currentUser.leid);\n }\n }, [currentUser.leid, fetchUser, fetchLeProfile, fetchCustomerActivity]);\n\n useEffect(() => {\n if (currentUser.leaderStatus === 'Publishing Director') {\n fetchLeProfiles();\n }\n }, [currentUser.leaderStatus, fetchLeProfiles]);\n\n useEffect(() => {\n // fetchCustomerActivity(currentUser.leid)\n setTempUser(leProfile);\n }, [currentUser.leid, leProfile, setTempUser]);\n\n return (\n \n \n {props.showModal && (\n \n \n \n )}\n \n \n \n \n \n
\n \n );\n};\nconst mapStateToProps = createStructuredSelector({\n isLoggedIn: selectIsUserLoggedIn,\n currentUser: selectCurrentUser,\n tempUser: selectTempUser,\n showModal: selectShowModal,\n leProfile: selectLeProfile,\n});\n\nconst mapDispatchToProps = (dispatch) => ({\n // setCurrentUser: (user) => dispatch(setCurrentUser(user)),\n fetchUser: (history, location) => dispatch(fetchUserStartAsync(history, location)),\n fetchLeProfile: (leid) => dispatch(fetchLeProfileStartAsync(leid)),\n setTempUser: (leProfile) => dispatch(setTempUser(leProfile)),\n fetchLeProfiles: () => dispatch(fetchLeProfilesStartAsync()),\n fetchCustomerActivity: (leid) => dispatch(fetchCustomerStartAsync(leid)),\n});\n\nexport default connect(mapStateToProps, mapDispatchToProps)(withRouter(App));\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://cra.link/PWA\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.0/8 are considered localhost for IPv4.\n window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\n);\n\nexport function register(config) {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Let's check if a service worker still exists or not.\n checkValidServiceWorker(swUrl, config);\n\n // Add some additional logging to localhost, pointing developers to the\n // service worker/PWA documentation.\n navigator.serviceWorker.ready.then(() => {\n console.log(\n 'This web app is being served cache-first by a service ' +\n 'worker. To learn more, visit https://cra.link/PWA'\n );\n });\n } else {\n // Is not localhost. Just register service worker\n registerValidSW(swUrl, config);\n }\n });\n }\n}\n\nfunction registerValidSW(swUrl, config) {\n navigator.serviceWorker\n .register(swUrl)\n .then((registration) => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n if (installingWorker === null) {\n return;\n }\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the updated precached content has been fetched,\n // but the previous service worker will still serve the older\n // content until all client tabs are closed.\n console.log(\n 'New content is available and will be used when all ' +\n 'tabs for this page are closed. See https://cra.link/PWA.'\n );\n\n // Execute callback\n if (config && config.onUpdate) {\n config.onUpdate(registration);\n }\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n\n // Execute callback\n if (config && config.onSuccess) {\n config.onSuccess(registration);\n }\n }\n }\n };\n };\n })\n .catch((error) => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl, {\n headers: { 'Service-Worker': 'script' },\n })\n .then((response) => {\n // Ensure service worker exists, and that we really are getting a JS file.\n const contentType = response.headers.get('content-type');\n if (response.status === 404 || (contentType !== null && contentType.indexOf('javascript') === -1)) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then((registration) => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl, config);\n }\n })\n .catch(() => {\n console.log('No internet connection found. App is running in offline mode.');\n });\n}\n\nexport function unregister() {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready\n .then((registration) => {\n registration.unregister();\n })\n .catch((error) => {\n console.error(error.message);\n });\n }\n}\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router } from 'react-router-dom';\n\nimport { Provider } from 'react-redux';\nimport store from './redux/store';\n\nimport './index.css';\nimport 'react-notifications/lib/notifications.css';\n\nimport App from './App';\nimport * as serviceWorkerRegistration from './serviceWorkerRegistration';\nimport reportWebVitals from './reportWebVitals';\nReactDOM.render(\n \n \n \n \n ,\n document.getElementById('root')\n);\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://cra.link/PWA\nserviceWorkerRegistration.register();\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\n// reportWebVitals();\n","export const pushSubsTypes = {\n FETCH_PUSH_SUBS_PENDING: 'FETCH_PUSH_SUBS_PENDING',\n FETCH_PUSH_SUBS_SUCCESS: 'FETCH_PUSH_SUBS_SUCCESS',\n FETCH_PUSH_SUBS_FAILED: 'FETCH_PUSH_SUBS_FAILED',\n DELETE_PUSH_SUBS: 'DELETE_PUSH_SUBS',\n};\n","export const stateTaxMasterSetupType = {\n FETCH_STATE_DATA_START: 'FETCH_STATE_DATA_START',\n FETCH_STATE_DATA_SUCCESS: 'FETCH_STATE_DATA_SUCCESS',\n FETCH_STATE_DATA_FAILED: 'FETCH_STATE_DATA_FAILED',\n TOGGLE_STATE_TAX_INCLUDED_FLAG_START: 'TOGGLE_STATE_TAX_INCLUDED_FLAG_START',\n TOGGLE_STATE_TAX_INCLUDED_FLAG_FAILED: 'TOGGLE_STATE_TAX_INCLUDED_FLAG_FAILED',\n TOGGLE_STATE_TAX_INCLUDED_FLAG_SUCCESS: 'TOGGLE_STATE_TAX_INCLUDED_FLAG_SUCCESS',\n HIDE_ALERT: 'HIDE_ALERT',\n};\n","export const modalActionType = {\n OPEN_MODAL: 'OPEN_MODAL',\n CLOSE_MODAL: 'CLOSE_MODAL',\n SET_MODAL_ACTION_MODE: 'SET_MODAL_ACTION_MODE',\n};\n\nexport const openModal = (modalContent, actionMode = 'info', actionFunc) => {\n return {\n type: modalActionType.OPEN_MODAL,\n payload: {\n modalContent,\n actionMode,\n actionFunc,\n },\n };\n};\n\nexport const closeModal = () => {\n return {\n type: modalActionType.CLOSE_MODAL,\n };\n};\n\nexport const setModalActionMode = (mode) => {\n return {\n type: modalActionType.SET_MODAL_ACTION_MODE,\n payload: mode,\n };\n};\n","import React from 'react';\n\nimport './custom-button.styles.css';\n\nconst CustomButton = ({\n children,\n toggleButton,\n bgColor,\n inverted,\n left,\n right,\n leadsOnly,\n disabled,\n ...otherButtonProps\n}) => {\n return (\n \n {children}\n \n );\n};\n\nexport default CustomButton;\n","import { userActionTypes } from './user.type';\nimport { removeTrailingSpace } from '../../components/utils/misc';\nimport api from '../../common/api';\n\nconst API_URL = api.apiUrl;\n\n//sets currentUser when user is signing in or register for first time only\nexport const setCurrentUser = (user) => {\n return {\n type: userActionTypes.SET_CURRENT_USER,\n payload: user,\n };\n};\n\nexport const setTempUser = (profile) => {\n return {\n type: userActionTypes.SET_TEMP_USER,\n payload: profile,\n };\n};\n\nexport const fetchUserStart = () => {\n return {\n type: userActionTypes.FETCH_USER_START,\n };\n};\n\nexport const fetchUserSuccess = (user) => {\n return {\n type: userActionTypes.FETCH_USER_SUCCESS,\n payload: removeTrailingSpace(user),\n };\n};\n\nexport const fetchUserFailed = (errorMessage) => {\n return {\n type: userActionTypes.FETCH_USER_FAILED,\n payload: errorMessage,\n };\n};\n\n//instantiate user fetch from app.js componentDidMount(), gets the user if token is present otherwise the user has to login using signIn Component\nexport const fetchUserStartAsync = (history, location) => {\n return (dispatch) => {\n const token = window.localStorage.getItem('token');\n if (token) {\n dispatch(fetchUserStart());\n\n return fetch(`${API_URL}/signin`, {\n method: 'post',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: token,\n },\n })\n .then((resp) => resp.json())\n .then((data) => {\n if (data.leid) {\n return fetch(`${API_URL}/profile/${data.leid}`, {\n method: 'get',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: token,\n },\n })\n .then((resp) => resp.json())\n .then((leProfile) => {\n if (leProfile) {\n dispatch(fetchUserSuccess(leProfile));\n }\n })\n .catch((err) => dispatch(fetchUserFailed(err.message)));\n }\n })\n .catch((err) => dispatch(fetchUserFailed(err.message)));\n }\n };\n};\n","export const conferenceActionTypes = {\n FETCH_LES_HISTORY_START: 'FETCH_LES_HISTORY_START',\n FETCH_LES_HISTORY_SUCCESS: 'FETCH_LES_HISTORY_SUCCESS',\n FETCH_LES_HISTORY_FAILED: 'FETCH_LES_HISTORY_FAILED',\n TRANSFORM_LES_PROFILE_BY_DISTRICT: 'TRANSFORM_LES_PROFILE_BY_DISTRICT',\n};\n","export const contractActionType = {\n FETCH_CONTRACT_START: ' FETCH_CONTRACT_START',\n FETCH_CONTRACT_SUCCESS: 'FETCH_CONTRACT_SUCCESS',\n FETCH_CONTRACT_FAILED: 'FETCH_CONTRACT_FAILED',\n\n SET_CUSTOMER_INFO: 'SET_CUSTOMER_INFO',\n RESET_CUSTOMER_INFO: 'RESET_CUSTOMER_INFO',\n\n GET_CONTRACT_START: 'GET_CONTRACT_START',\n GET_CONTRACT_SUCCESS: 'GET_CONTRACT_SUCCESS',\n GET_CONTRACT_FAIL: 'GET_CONTRACT_FAIL',\n\n VIEW_UPDATE_ORDER_START: 'VIEW_UPDATE_ORDER_START',\n VIEW_UPDATE_ORDER_SUCCESS: 'VIEW_UPDATE_ORDER_SUCCESS',\n VIEW_UPDATE_ORDER_FAILURE: 'VIEW_UPDATE_ORDER_FAILURE',\n\n GET_BOOK_OORDER_START: 'GET_BOOK_OORDER_START',\n GET_BOOK_ORDER_SUCCESS: 'GET_BOOK_ORDER_SUCCESS',\n GET_BOOK_ORDER_FAILURE: 'GET_BOOK_ORDER_FAILURE',\n\n VIEW_PAYMENT_START: 'VIEW_PAYMENT_START',\n VIEW_PAYMENT_SUCCESS: 'VIEW_PAYMENT_SUCCESS',\n VIEW_PAYMENT_FAILURE: 'VIEW_PAYMENT_FAILURE',\n\n VIEW_PDFLINK_START: 'VIEW_PDFLINK_START',\n VIEW_PDFLINK_SUCCESS: 'VIEW_PDFLINK_SUCCESS',\n VIEW_PDFLINK_FAILURE: 'VIEW_PDFLINK_FAILURE',\n\n VIEW_REFERENCE_START: 'VIEW_REFERENCE_START',\n VIEW_REFERENCE_SUCCESS: 'VIEW_REFERENCE_SUCCESS',\n VIEW_REFERENCE_FAILURE: 'VIEW_REFERENCE_FAILURE',\n\n VIEW_PDF: 'VIEW_PDF',\n\n MARK_AS_PAID_START: 'MARK_AS_PAID_START',\n MARK_AS_PAID_SUCCESS: 'MARK_AS_PAID_SUCCESS',\n MARK_AS_PAID_FAILURE: 'MARK_AS_PAID_FAILURE',\n\n DELETE_ORDER_START: 'DELETE_ORDER_START',\n DELETE_ORDER_SUCCESS: 'DELETE_ORDER_SUCCESS',\n DELETE_ORDER_FAILURE: 'DELETE_ORDER_FAILURE',\n\n CC_POST_START: 'CC_POST_START',\n CC_POST_SUCCESS: 'CC_POST_SUCCESS',\n CC_POST_SUCCESS_STATUS: 'CC_POST_SUCCESS_STATUS',\n CC_POST_FAILURE_STATUS: 'CC_POST_FAILURE_STATUS',\n CC_POST_FAILURE: 'CC_POST_FAILURE',\n\n START_LOADER: 'START_LOADER',\n STOP_LOADER: 'STOP_LOADER',\n\n SHOW_ALERT: 'SHOW_ALERT',\n HIDE_ALERT: 'HIDE_ALERT',\n\n POST_UPDATE_ORDER_START: 'POST_UPDATE_ORDER_START',\n POST_UPDATE_ORDER_SUCCESS: 'POST_UPDATE_ORDER_SUCCESS',\n POST_UPDATE_ORDER_FAILED: 'POST_UPDATE_ORDER_FAILED',\n\n POST_BOOKS_ORDER_START: 'POST_BOOKS_ORDER_START',\n POST_BOOKS_ORDER_SUCCESS: 'POST_BOOKS_ORDER_SUCCESS',\n POST_BOOKS_ORDER_FAILED: 'POST_BOOKS_ORDER_FAILED',\n\n FETCH_COMPLETED_ORDER_START: 'FETCH_COMPLETED_ORDER_START',\n FETCH_COMPLETED_ORDER_SUCCESS: 'FETCH_COMPLETED_ORDER_SUCCESS',\n FETCH_COMPLETED_ORDER_FAILED: 'FETCH_COMPLETED_ORDER_FAILED',\n\n CANCEL_SUBSCRIPTIONS_START: 'CANCEL_SUBSCRIPTIONS_START',\n CANCEL_SUBSCRIPTIONS_SUCCESS: 'CANCEL_SUBSCRIPTIONS_SUCCESS',\n CANCEL_SUBSCRIPTIONS_FAILED: 'CANCEL_SUBSCRIPTIONS_FAILED',\n};\n","import api from '../common/api';\nimport createNotification from '../components/react-notification/react-notification';\n\nlet API_URL = api.apiUrl;\n//convert string to urlBase64Unit8Arrays\nexport const urlBase64ToUint8Array = (base64String) => {\n const padding = '='.repeat((4 - (base64String.length % 4)) % 4);\n const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/');\n\n const rawData = window.atob(base64);\n const outputArray = new Uint8Array(rawData.length);\n\n for (let i = 0; i < rawData.length; ++i) {\n outputArray[i] = rawData.charCodeAt(i);\n }\n\n return outputArray;\n};\n\n//display notification with given configuration\nexport const displayConfirmNotification = (message) => {\n if ('serviceWorker' in navigator) {\n var options = {\n body: message.body,\n icon: '/logo192.png',\n dir: 'ltr',\n lang: 'en-US', // BCP 47,\n vibrate: [100, 50, 200],\n badge: '/logo192.png',\n tag: 'confirm-notification',\n renotify: true,\n // actions: [\n // {\n // action: \"confirm\",\n // title: \"Okay\",\n // icon: \"/src/images/icons/app-icon-96x96.png\",\n // },\n // {\n // action: \"cancel\",\n // title: \"Cancel\",\n // icon: \"/src/images/icons/app-icon-96x96.png\",\n // },\n // ],\n };\n\n navigator.serviceWorker.ready.then(function (swreg) {\n swreg.showNotification(message.title, options);\n });\n }\n};\n\nexport const sendPushNotification = (subscription, title, body) => {\n // console.log(\"subscriptionData\", subscription);\n const token = localStorage.getItem('token');\n if (subscription) {\n // Send Push Notification\n // console.log(\"Sending Push...\");\n fetch(`${API_URL}/sendPush`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Accept: 'application/json',\n Authorization: token,\n },\n body: JSON.stringify({\n subscription,\n title,\n body,\n }),\n })\n .then((resp) => resp.ok && console.log('user notified successfully'))\n .catch((err) => console.log('error sending notification', err));\n }\n};\n\nvar pushNotification = function () {\n if ('safari' in window && 'pushNotification' in window.safari) {\n alert('push notification supported');\n // var permissionData = window.safari.pushNotification.permission(pushId);\n // checkRemotePermission(permissionData);\n } else {\n alert('Push notifications not supported.');\n }\n};\n\nexport const configurePushSub = (userId) => {\n console.log('userId: ', userId);\n if (!('serviceWorker' in navigator)) {\n return;\n }\n // pushNotification();\n var reg;\n var token = localStorage.getItem('token');\n navigator.serviceWorker.ready\n .then(function (swreg) {\n reg = swreg;\n\n return swreg.pushManager.getSubscription();\n })\n .then(function (sub) {\n // console.log('subscription == ', sub)\n if (sub === null) {\n // Create a new subscription\n var vapidPublicKey = 'BIj-Ik0FxNnxDFitKJGLlRl-02g2--xJgedntpP0Aijd6jt6zgk_Sbsf__HY5L_TNzMwUpIbI7FG6Rd6SjV4WBs';\n var convertedVapidPublicKey = urlBase64ToUint8Array(vapidPublicKey);\n reg.pushManager\n .subscribe({\n userVisibleOnly: true,\n applicationServerKey: convertedVapidPublicKey,\n })\n .then((newSub) => {\n return fetch(`${API_URL}/subscribe`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n Accept: 'application/json',\n Authorization: token,\n },\n body: JSON.stringify({\n sub: newSub,\n leId: userId,\n }),\n });\n })\n .then((resp) => resp.json())\n .then((subData) => {\n if (subData[0].id) {\n // console.log(subData);\n // console.log(\"Send Push Notification Of New Lead Assigned!\");\n sendPushNotification(\n subData,\n 'Successfully subscribed!',\n 'You successfully subscribed to our Notification service!'\n );\n }\n })\n .catch((err) => {\n console.log(err);\n });\n } else {\n // We have a subscription stored in database,\n // console.log('alredy subscribed')\n createNotification('info', 'Already Subscribed!', 'You have already subscribed to our notification');\n\n return fetch(`${API_URL}/subs/${userId}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json',\n Accept: 'application/json',\n Authorization: token,\n },\n })\n .then((resp) => resp.json())\n .then((subs) => {\n if (subs[0].id) {\n // displayConfirmNotification();\n // console.log(`all the subs for leid: ${userId}`, subs);\n // console.log(\"send push notification\");\n sendPushNotification(subs, 'Already Subscribed!', 'You have already subscribed to our notification');\n } else {\n alert(`LE ${userId} couldn't be notified because push notification is turned off`);\n }\n })\n .catch(function (err) {\n console.log(err);\n });\n }\n })\n .catch(function (err) {\n console.log(err);\n });\n};\n\nexport const askForNotificationPermission = (userId) => {\n Notification.requestPermission(function (result) {\n // console.log(\"User Choice\", result);\n if (result !== 'granted') {\n // console.log(\"No notification permission granted!\");\n createNotification('error', 'Denied', 'Please enable notification from browser, Click Here');\n }\n\n return configurePushSub(userId);\n });\n};\n","export const orderActionTypes = {\n FETCH_ORDER_DETAILS_START: 'FETCH_ORDER_DETAILS_START',\n FETCH_ORDER_DETAILS_SUCCESS: 'FETCH_ORDER_DETAILS_SUCCESS',\n FETCH_ORDER_DETAILS_FAILED: 'FETCH_ORDER_DETAILS_FAILED',\n};\n","export const statementActionType = {\n FETCH_CUSTOMER_STATEMENT_START: 'FETCH_CUSTOMER_STATEMENT_START',\n FETCH_CUSTOMER_STATEMENT_SUCCESS: 'FETCH_CUSTOMER_STATEMENT_SUCCESS',\n FETCH_CUSTOMER_STATEMENT_FAILED: 'FETCH_CUSTOMER_STATEMENT_FAILED',\n};\n","export const accountSummaryActionTypes = {\n FETCH_ACCOUNT_SUMMARY_START: 'FETCH_ACCOUNT_SUMMARY_START',\n FETCH_ACCOUNT_SUMMARY_SUCCESS: 'FETCH_ACCOUNT_SUMMARY_SUCCESS',\n FETCH_ACCOUNT_SUMMARY_FAILED: 'FETCH_ACCOUNT_SUMMARY_FAILED',\n};\n","import { leActionTypes } from './le.type';\nimport { removeTrailingSpace } from '../../components/utils/misc';\nimport api from '../../common/api';\n\nconst API_URL = api.apiUrl;\n\n// fetch individual le's based on their id\n\nconst fetchLeHistoryStart = () => {\n return {\n type: leActionTypes.LE_FETCH_START,\n };\n};\n\nconst fetchLeHistorySuccess = (leHistory) => {\n return {\n type: leActionTypes.LE_FETCH_SUCCESS,\n payload: removeTrailingSpace(leHistory),\n };\n};\n\nconst fetchLeHistoryFailed = (errorMessage) => {\n return {\n type: leActionTypes.LE_FETCH_FAILED,\n payload: errorMessage,\n };\n};\n\nexport const fetchLeHistoryStartAsync = (leid) => {\n const token = window.localStorage.getItem('token');\n\n return (dispatch) => {\n dispatch(fetchLeHistoryStart());\n fetch(`${API_URL}/le-dashboard/${leid}`, {\n method: 'get',\n headers: {\n 'Content-Type': 'Application/json',\n Authorization: token,\n },\n })\n .then((resp) => resp.json())\n .then((leHistory) => {\n leHistory[0].LEID && dispatch(fetchLeHistorySuccess(removeTrailingSpace(leHistory)));\n })\n .catch((err) => dispatch(fetchLeHistoryFailed(err.errorMessage)));\n };\n};\n\n//fetch all le's under same district\n\nconst fetchLesHistoryStart = () => {\n return {\n type: leActionTypes.LES_FETCH_START,\n };\n};\n\nconst fetchLesHistorySuccess = (leHistory) => {\n return {\n type: leActionTypes.LES_FETCH_SUCCESS,\n payload: removeTrailingSpace(leHistory),\n };\n};\n\nconst fetchLesHistoryFailed = (errorMessage) => {\n return {\n type: leActionTypes.LES_FETCH_FAILED,\n payload: errorMessage,\n };\n};\n\n// const fetchHistoryOfLesUnderDiffDlsStart = () => {\n// return {\n// type: leActionTypes.FETCH_HISTORY_OF_LES_UNDER_DIFF_DLS_START,\n// };\n// };\n\n// const fetchHistoryOfLesUnderDiffDlsSuccess = (leHistory) => {\n// return {\n// type: leActionTypes.FETCH_HISTORY_OF_LES_UNDER_DIFF_DLS_SUCCESS,\n// payload: removeTrailingSpace(leHistory),\n// };\n// };\n\n// const fetchHistoryOfLesUnderDiffDlsFailed = (errorMessage) => {\n// return {\n// type: leActionTypes.FETCH_HISTORY_OF_LES_UNDER_DIFF_DLS_FAILED,\n// payload: errorMessage,\n// };\n// };\n\nexport const fetchLesHistoryStartAsync = (district) => {\n const token = window.localStorage.getItem('token');\n if (Array.isArray(district)) {\n return (dispatch) => {\n let lesHistory = [];\n dispatch(fetchLesHistoryStart());\n district.forEach((dist) => {\n fetch(`${API_URL}/dashboard/${dist}`, {\n method: 'get',\n headers: {\n 'Content-Type': 'Application/json',\n Authorization: token,\n },\n })\n .then((resp) => resp.json())\n .then((leHistory) => {\n lesHistory = lesHistory.concat(leHistory);\n lesHistory[0].LEID && dispatch(fetchLesHistorySuccess(lesHistory));\n })\n .catch((err) => dispatch(fetchLesHistoryFailed(err.errorMessage)));\n });\n };\n } else {\n return async (dispatch) => {\n dispatch(fetchLesHistoryStart());\n await fetch(`${API_URL}/dashboard/${district}`, {\n method: 'get',\n headers: {\n 'Content-Type': 'Application/json',\n Authorization: token,\n },\n })\n .then((resp) => resp.json())\n .then((leHistory) => {\n leHistory[0].LEID && dispatch(fetchLesHistorySuccess(leHistory));\n })\n .catch((err) => dispatch(fetchLesHistoryFailed(err.errorMessage)));\n };\n }\n};\n\n//Fetch individual le profile\n\nconst fetchLeProfileSuccess = (leProfile) => {\n return {\n type: leActionTypes.FETCH_LE_PROFILE_SUCCESS,\n payload: leProfile,\n };\n};\n\nconst fetchLeProfileFailed = (errorMessage) => {\n return {\n type: leActionTypes.FETCH_LE_PROFILE_FAILED,\n payload: errorMessage,\n };\n};\n\nexport const fetchLeProfileStartAsync = (leid) => {\n const token = window.localStorage.getItem('token');\n\n return async (dispatch) => {\n if (token) {\n if (leid) {\n return await fetch(`${API_URL}/profile/${leid}`, {\n method: 'get',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: token,\n },\n })\n .then((resp) => resp.json())\n .then((leProfile) => {\n if (leProfile) {\n dispatch(fetchLeProfileSuccess(removeTrailingSpace(leProfile)));\n }\n })\n .catch((err) => dispatch(fetchLeProfileFailed(err.message)));\n }\n }\n };\n};\n\n//Fetch profiles of all les\n\nconst fetchLeProfilesStart = () => {\n return {\n type: leActionTypes.FETCH_LE_PROFILES_START,\n };\n};\n\nconst fetchLeProfilesSuccess = (leProfiles) => {\n return {\n type: leActionTypes.FETCH_LE_PROFILES_SUCCESS,\n payload: leProfiles,\n };\n};\n\nconst fetchLeProfilesFailed = (errorMessage) => {\n return {\n type: leActionTypes.FETCH_LE_PROFILES_FAILED,\n payload: errorMessage,\n };\n};\n\nexport const fetchLeProfilesStartAsync = () => {\n const token = window.localStorage.getItem('token');\n\n return async (dispatch) => {\n if (token) {\n dispatch(fetchLeProfilesStart());\n\n return await fetch(`${API_URL}/profiles`, {\n method: 'get',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: token,\n },\n })\n .then((resp) => resp.json())\n .then((leProfiles) => {\n if (leProfiles) {\n dispatch(fetchLeProfilesSuccess(removeTrailingSpace(leProfiles)));\n }\n })\n .catch((err) => dispatch(fetchLeProfilesFailed(err.message)));\n }\n };\n};\n\nexport const fetchUserAsync = (leid) => {\n const token = window.localStorage.getItem('token');\n\n return (dispatch) => {\n fetch(`${API_URL}/user/${leid}`, {\n method: 'get',\n headers: {\n 'Content-Type': 'application/json',\n Authorization: token,\n },\n })\n .then((resp) => resp.json())\n .then((user) => {\n dispatch({ type: leActionTypes.LE_FETCH_USER, payload: user });\n })\n .catch((err) => console.log(err.message));\n };\n};\n","import { NotificationManager } from 'react-notifications';\n\nconst createNotification = (type, title, message, timeout = 3000) => {\n switch (type) {\n case 'info':\n NotificationManager.info(message, title, timeout);\n break;\n case 'success':\n NotificationManager.success(message, title, timeout);\n break;\n case 'warning':\n NotificationManager.warning(message, title, timeout);\n break;\n case 'error':\n NotificationManager.error(message, title, timeout, () => {\n if (title === 'Denied') {\n let url = 'https://support.google.com/chrome/answer/3220216?co=GENIE.Platform%3DDesktop&hl=en';\n return window.location.assign(url);\n }\n });\n break;\n default:\n return;\n }\n};\n\nexport default createNotification;\n","export const leActionTypes = {\n LE_FETCH_START: 'LE_FETCH_START',\n LE_FETCH_SUCCESS: 'LE_FETCH_SUCCESS',\n LE_FETCH_FAILED: 'LE_FETCH_FAILED',\n LES_FETCH_START: 'LES_FETCH_START',\n LES_FETCH_SUCCESS: 'LES_FETCH_SUCCESS',\n LES_FETCH_FAILED: 'LES_FETCH_FAILED',\n FETCH_LE_PROFILE_SUCCESS: 'FETCH_LE_PROFILE_SUCCESS',\n FETCH_LE_PROFILE_FAILED: 'FETCH_LE_PROFILE_FAILED',\n FETCH_LE_PROFILES_START: 'FETCH_LE_PROFILES_START',\n FETCH_LE_PROFILES_SUCCESS: 'FETCH_LE_PROFILES_SUCCESS',\n FETCH_LE_PROFILES_FAILED: 'FETCH_LE_PROFILES_FAILED',\n FETCH_HISTORY_OF_LES_UNDER_DIFF_DLS_START: 'FETCH_HISTORY_OF_LES_UNDER_DIFF_DLS_START',\n FETCH_HISTORY_OF_LES_UNDER_DIFF_DLS_SUCCESS: 'FETCH_HISTORY_OF_LES_UNDER_DIFF_DLS_SUCCESS',\n FETCH_HISTORY_OF_LES_UNDER_DIFF_DLS_FAILED: 'FETCH_HISTORY_OF_LES_UNDER_DIFF_DLS_FAILED',\n LE_FETCH_USER: 'LE_FETCH_USER',\n};\n","import React from 'react';\n\nimport './spinner.styles.css';\n\nconst Spinner = () => {\n return (\n \n );\n};\n\nexport default Spinner;\n"],"sourceRoot":""}