\n {/* 
*/}\n {/*
\n );\n}\n\nexport default ErrorFallback;","export var primary = \"#5383ff\"\nexport var primaryLight = \"#495368\"\nexport var primaryDark = \"#09142a\"\nexport var secondary = \"#3d4977\"\nexport var inheritDefault1 = \"#fefefe\"\nexport var inheritDefault2 = \"#f8f9ff\"\nexport var second = \"#070919\"\nexport var indigo = \"#7420ff\"\nexport var purple = \"#793de6\"\nexport var pink = \"#fc26a4\"\nexport var red = \"#f83245\"\nexport var orange = \"#f4772e\"\nexport var yellow = \"#ffc926\"\nexport var green = \"#1bc943\"\nexport var teal = \"#18e1a5\"\nexport var cyan = \"#27dcf3\"\nexport default {\"primary\":\"#5383ff\",\"primaryLight\":\"#495368\",\"primaryDark\":\"#09142a\",\"secondary\":\"#3d4977\",\"inheritDefault1\":\"#fefefe\",\"inheritDefault2\":\"#f8f9ff\",\"second\":\"#070919\",\"indigo\":\"#7420ff\",\"purple\":\"#793de6\",\"pink\":\"#fc26a4\",\"red\":\"#f83245\",\"orange\":\"#f4772e\",\"yellow\":\"#ffc926\",\"green\":\"#1bc943\",\"teal\":\"#18e1a5\",\"cyan\":\"#27dcf3\"}\n","import { createMuiTheme } from '@material-ui/core';\nimport typography from './typography';\n\n/* eslint-disable import/no-unresolved, import/no-webpack-loader-syntax */\nimport vars from '!!sass-vars-to-js-loader!../assets/core/_variables-mui.scss';\n\nconst MuiTheme = createMuiTheme({\n palette: {\n primary: {\n main: vars.primary\n },\n secondary: {\n main: vars.secondary\n },\n error: {\n main: vars.red\n },\n success: {\n main: vars.green\n },\n warning: {\n main: vars.orange\n },\n helpers: {\n primary: vars.blue,\n main: 'rgba(25, 46, 91, .035)'\n },\n action: {\n active: '#3D4977',\n hover: '#3D4977',\n selected: '#3D4977',\n focus: '#3D4977'\n },\n contrastThreshold: 3,\n tonalOffset: 0.1\n },\n shape: {\n borderRadius: '0.5rem'\n },\n overrides: {\n MuiButton: {\n text: {\n paddingLeft: '14px',\n paddingRight: '14px'\n },\n containedSizeSmall: {\n paddingLeft: '14px',\n paddingRight: '14px'\n },\n root: {\n textTransform: 'none',\n fontWeight: 'normal'\n }\n },\n MuiTooltip: {\n tooltip: {\n backgroundColor: vars.second,\n padding: '8px 16px',\n fontSize: '13px'\n },\n arrow: {\n color: vars.second\n }\n },\n MuiAutocomplete: {\n option: {\n '&[data-focus=\"true\"]': {\n backgroundColor: '#3D4977',\n color: 'white'\n },\n '&[aria-selected=\"true\"]': {\n backgroundColor: '#3D4977',\n color: 'white'\n },\n },\n },\n MuiMenuItem: {\n root: {\n '&$selected, &$selected:hover': {\n backgroundColor: '#3D4977',\n color: 'white'\n },\n '&:hover': {\n backgroundColor: '#3D4977',\n color: 'white'\n },\n },\n },\n MuiListItem: {\n root: {\n \"&$selected, &$selected:hover\": {\n backgroundColor: \"#3D4977\",\n color: 'white',\n \"button\": {\n color: 'white',\n }\n },\n },\n button: {\n \"&:hover\": {\n backgroundColor: \"#71778f\",\n color: 'white'\n }\n }\n }, \n MuiChip: {\n root: {\n backgroundColor: '#3D4977',\n color: 'white',\n },\n icon: {\n color: 'brown',\n },\n deleteIcon: {\n color: 'white',\n '&:hover': {\n color: '#C9CAC8',\n },\n },\n },\n },\n typography\n});\n\nexport default MuiTheme;\n","export default {\n h1: {\n fontWeight: 500,\n fontSize: '35px',\n lineHeight: '40px'\n },\n h2: {\n fontWeight: 500,\n fontSize: '29px',\n lineHeight: '32px'\n },\n h3: {\n fontWeight: 500,\n fontSize: '24px',\n lineHeight: '28px'\n },\n h4: {\n fontWeight: 500,\n fontSize: '20px',\n lineHeight: '24px'\n },\n h5: {\n fontWeight: 500,\n fontSize: '16px',\n lineHeight: '20px'\n },\n h6: {\n fontWeight: 500,\n fontSize: '14px',\n lineHeight: '20px'\n },\n subtitle1: {\n fontSize: '16px',\n lineHeight: '25px'\n },\n subtitle2: {\n fontWeight: 400,\n fontSize: '14px'\n },\n body1: {\n fontSize: '14px'\n },\n body2: {\n fontSize: '14px'\n },\n button: {\n fontSize: '14px'\n },\n caption: {\n fontSize: '12px'\n },\n overline: {\n fontSize: '12px',\n fontWeight: 500,\n textTransform: 'uppercase'\n }\n};\n","export var primary = \"#008000\"\nexport var primaryLight = \"#E4F5E7\"\nexport var primaryDark = \"#43C059\"\nexport var contrastText = \"#fff\"\nexport var secondary = \"#008000\"\nexport var secondaryLight = \"#E4F5E7\"\nexport var secondaryDark = \"#43C059\"\nexport var inheritDefault1 = \"#fefefe\"\nexport var inheritDefault2 = \"#f8f9ff\"\nexport var second = \"#070919\"\nexport var indigo = \"#7420ff\"\nexport var purple = \"#793de6\"\nexport var pink = \"#fc26a4\"\nexport var red = \"#f83245\"\nexport var orange = \"#f4772e\"\nexport var yellow = \"#ffc926\"\nexport var green = \"#1bc943\"\nexport var teal = \"#18e1a5\"\nexport var cyan = \"#27dcf3\"\nexport default {\"primary\":\"#008000\",\"primaryLight\":\"#E4F5E7\",\"primaryDark\":\"#43C059\",\"contrastText\":\"#fff\",\"secondary\":\"#008000\",\"secondaryLight\":\"#E4F5E7\",\"secondaryDark\":\"#43C059\",\"inheritDefault1\":\"#fefefe\",\"inheritDefault2\":\"#f8f9ff\",\"second\":\"#070919\",\"indigo\":\"#7420ff\",\"purple\":\"#793de6\",\"pink\":\"#fc26a4\",\"red\":\"#f83245\",\"orange\":\"#f4772e\",\"yellow\":\"#ffc926\",\"green\":\"#1bc943\",\"teal\":\"#18e1a5\",\"cyan\":\"#27dcf3\"}\n","import { createMuiTheme } from '@material-ui/core';\nimport typography from './typography';\n\n/* eslint-disable import/no-unresolved, import/no-webpack-loader-syntax */\nimport vars from '!!sass-vars-to-js-loader!../assets/core/_variables-mui2.scss';\n\nconst MuiTheme = createMuiTheme({\n palette: {\n primary: {\n main: vars.primary,\n light: vars.primaryLight,\n dark: vars.primaryDark,\n contrastText: vars.contrastText\n },\n secondary: {\n main: vars.secondary,\n light: vars.secondaryLight,\n dark: vars.secondaryDark,\n },\n error: {\n main: vars.red\n },\n success: {\n main: vars.green\n },\n warning: {\n main: vars.orange\n },\n helpers: {\n primary: vars.blue,\n main: 'rgba(25, 46, 91, .035)'\n },\n action: {\n active: '#3D4977',\n hover: '#3D4977',\n selected: '#3D4977',\n focus: '#3D4977'\n },\n contrastThreshold: 3,\n tonalOffset: 0.1\n },\n shape: {\n borderRadius: '0.5rem'\n },\n overrides: {\n MuiButton: {\n text: {\n paddingLeft: '14px',\n paddingRight: '14px'\n },\n containedSizeSmall: {\n paddingLeft: '14px',\n paddingRight: '14px'\n },\n root: {\n textTransform: 'none',\n fontWeight: 'normal'\n }\n },\n MuiTooltip: {\n tooltip: {\n backgroundColor: vars.second,\n padding: '8px 16px',\n fontSize: '13px'\n },\n arrow: {\n color: vars.second\n }\n },\n MuiAutocomplete: {\n option: {\n '&[data-focus=\"true\"]': {\n backgroundColor: '#3D4977',\n color: 'white'\n },\n '&[aria-selected=\"true\"]': {\n backgroundColor: '#3D4977',\n color: 'white'\n },\n },\n },\n MuiMenuItem: {\n root: {\n '&$selected, &$selected:hover': {\n backgroundColor: '#3D4977',\n color: 'white'\n },\n '&:hover': {\n backgroundColor: '#3D4977',\n color: 'white'\n },\n },\n },\n MuiListItem: {\n root: {\n \"&$selected, &$selected:hover\": {\n backgroundColor: \"#3D4977\",\n color: 'white',\n \"button\": {\n color: 'white',\n }\n },\n },\n button: {\n \"&:hover\": {\n backgroundColor: \"#71778f\",\n color: 'white'\n }\n }\n },\n MuiChip: {\n root: {\n backgroundColor: '#3D4977',\n color: 'white',\n },\n icon: {\n color: 'brown',\n },\n deleteIcon: {\n color: 'white',\n '&:hover': {\n color: '#C9CAC8',\n },\n },\n }\n },\n typography\n});\n\nexport default MuiTheme;\n","export default {\n h1: {\n fontWeight: 500,\n fontSize: '35px',\n lineHeight: '40px'\n },\n h2: {\n fontWeight: 500,\n fontSize: '29px',\n lineHeight: '32px'\n },\n h3: {\n fontWeight: 500,\n fontSize: '24px',\n lineHeight: '28px'\n },\n h4: {\n fontWeight: 500,\n fontSize: '20px',\n lineHeight: '24px'\n },\n h5: {\n fontWeight: 500,\n fontSize: '16px',\n lineHeight: '20px'\n },\n h6: {\n fontWeight: 500,\n fontSize: '14px',\n lineHeight: '20px'\n },\n subtitle1: {\n fontSize: '16px',\n lineHeight: '25px'\n },\n subtitle2: {\n fontWeight: 400,\n fontSize: '14px'\n },\n body1: {\n fontSize: '14px'\n },\n body2: {\n fontSize: '14px'\n },\n button: {\n fontSize: '14px'\n },\n caption: {\n fontSize: '12px'\n },\n overline: {\n fontSize: '12px',\n fontWeight: 500,\n textTransform: 'uppercase'\n }\n};\n","import React, { Fragment } from 'react';\nimport { useSelector } from 'react-redux';\n\nimport clsx from 'clsx';\nimport { Link } from 'react-router-dom';\n\nimport { IconButton, Box } from '@material-ui/core';\n\nimport { connect } from 'react-redux';\n\nimport projectLogo from '../../assets/images/react.svg';\n\nconst HeaderLogo = props => {\n const { sidebarToggle, sidebarHover } = props;\n\n const preferences = useSelector(state => state.preferences);\n\n return (\n \n \n
*/}\n \n
\n {/* Something went wrong.
\n\n
\n error
\n\n
\n Please contact support of this continues
\n\n \n
*/}\n \n
\n \n
\n \n Today's sales target\n
\n \n Daily statistics regarding your sales targets\n
\n\n
\n \n
\n \n \n Generate report\n \n
\n \n \n $\n \n
\n \n \n Current month\n \n \n Last year\n \n \n
\n \n $\n \n
\n \n \n $\n 46,362\n \n \n -8%\n \n
\n \n \n $\n 34,546\n \n \n +13%\n \n
\n \n \n
\n \n
\n \n
\n \n Tasks\n
\n Your daily tasks list
\n\n
\n \n
\n \n
\n \n
\n \n Finish tasks for today\n
\n \n But I must explain to you how all this mistaken\n idea.\n
\n\n
\n \n
\n \n Blinded by desire\n
\n \n A wonderful serenity has taken possession.\n
\n\n
\n \n
\n \n
\n \n
\n \n 1998\n
\n\n Bill Clinton's presidential scandal makes it\n online.\n
\n\n
\n \n \n
\n \n Java exam day\n
\n\n Bill Clinton's presidential scandal makes it\n online.\n
\n\n
\n \n
\n \n 
\n
\n \n
\n \n 
\n
\n \n
\n \n \n
\n \n
\n \n 
\n
\n \n
\n \n 
\n
\n \n
\n \n \n
\n \n Business investor meeting\n \n New\n \n
\n\n Mosaic, the first graphical browser, is\n introduced to the average consumer.\n
\n\n \n
\n \n
\n \n
\n \n World among the stalks\n
\n \n Who formed us in his own image, and the breath.\n
\n- \n
\n \n
\n
\n \n \n Nov 12, 11:25am\n \n \n Due in 12 days\n \n
\n \n e.preventDefault()}>\n #56 - Deploy new website\n \n
\n \n This is a dummy text acting ...\n
\n\n \n Files ready\n \n
\n \n \n
\n \n (21)\n
\n \n \n \n \n \n \n \n
\n \n
\n \n Latest sales\n
\n Latest reports available
\n\n
\n \n
\n 436
\n \n +65% increase\n
\n \n
\n \n
\n 843
\n \n -22% decrease\n
\n \n
\n \n \n {auth.user.name}\n
\n {/* Senior React Developer */}\n \n
\n \n - \n
\n
\n \n {auth.user}\n
\n {/* \n Senior React Developer\n */}\n \n
\n \n
\n \n
\n \n
\n \n
\n \n $9,693\n revenue\n
\n \n
\n \n \n \n
\n \n
\n Scrollable
\n\n This menu box is scrollable (sm)\n
\n\n \n \n
\n - \n
\n
\n Services\n \n
\n Layouts\n 512\n \n
\n Reports\n \n
\n Components\n \n
\n Services\n \n \n \n
\n \n
\n );\n});\n\nconst SidebarMenuListItem = props => {\n const {\n title,\n href,\n depth,\n children,\n icon: Icon,\n className,\n open: openProp,\n label: Label,\n ...rest\n } = props;\n\n const preferences = useSelector(state => state.preferences);\n const [open, setOpen] = useState(openProp);\n\n const handleToggle = () => {\n setOpen(open => !open);\n };\n\n let paddingLeft = 14;\n\n if (depth > 0) {\n paddingLeft = 32 + 20 * depth;\n }\n\n const style = {\n paddingLeft\n };\n\n if (children) {\n return (\n - \n {pages.reduce(\n (items, page) => reduceChildRoutes({ items, page, ...rest }),\n []\n )}\n
\n
\n \n );\n } else {\n items.push(\n \n {pageTitleBreadcrumb && (\n {props.titleHeading} \n \n )}\n\n \n {pageTitleIconBox && (\n \n \n
\n\n {/* {!open && (\n \n
\n {props.titleHeading}
\n {pageTitleDescription && (\n\n {props.titleDescription}\n
\n )}\n \n \n \n
\n )} */}\n {/* \n
\n \n {/*
\n \n \n
*/}\n \n - \n
Header
\n- \n
- \n \n\n\n Fixed Header\n\n \n
- \n \n\n\n Header Shadow\n\n \n
Sidebar
\n- \n
- \n \n Fixed sidebar\n\n \n
- \n \n Sidebar shadow\n\n \n
- \n \n Sidebar footer\n\n \n
- \n \n Sidebar userbox\n\n \n
Main content
\n\n- \n
- \n \n\n\n\n
\n Color schemes\n
\n\n\n \n
Page title
\n- \n
- \n \n Enable title icon box\n\n \n
- \n \n Enable breadcrumb section\n\n \n
- \n \n Page title shadow\n\n \n
- \n \n Enable heading description\n\n \n
- \n \n\n\n\n
\n Page title styles\n
\n\n\n \n - \n \n\n\n\n
\n Color schemes\n
\n\n\n \n
Footer
\n- \n
- \n \n Fixed footer\n\n \n
- \n \n Footer shadow\n\n \n
\n \n \n
\n \n
\n {children}
\n \n
\n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n Search\n \n \n
\n \n The page you were looking for doesn't exist.\n
\n\n You may have mistyped the address or the page may have\n moved. Try searching below.\n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n 500 Internal Server Error\n
\n\n There was an error, please try again later.\n
\n\n The server encountered an internal server error and\n was unable to complete your request.\n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n \n
\n \n 505 Forbidden\n
\n\n Something is broken.\n
\n\n We've been automatically alerted of the issue and will\n work to fix it as soon as possible.\n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n \n Login Again\n \n \n
\n \n Your session Expired\n
\n\n Your session expired in every 24 hours.\n If you want to continue session, please login in again.\n
\n\n {\n // return (\n // \n // handleTextFieldChange(e, rowData, 'closing_home')\n // }\n // // value={rowData.closing_home}\n // variant=\"standard\"\n // className={classes.root}\n // />\n // );\n // }\n // },\n // {\n // title: 'Closing Against',\n // field: 'closing_away',\n // width: 40,\n // type: 'numeric',\n // cellStyle: {\n // paddingTop: '0px',\n // paddingBottom: '0px',\n // fontSize: '13px'\n // },\n // render: rowData => {\n // return (\n // \n // handleTextFieldChange(e, rowData, 'closing_away')\n // }\n // variant=\"standard\"\n // className={classes.root}\n // />\n // );\n // }\n // },\n {\n title: 'Closing For',\n field: 'closing_home',\n width: 40,\n // type: 'numeric',\n cellStyle: {\n paddingTop: '5px',\n paddingBottom: '10px',\n fontSize: '13px'\n },\n render: rowData => {\n return (\n \n handleTextFieldChange(e, rowData, 'closing_home')\n }\n variant=\"standard\"\n className={classes.root}\n />\n );\n }\n },\n {\n title: 'Closing Against',\n field: 'closing_away',\n width: 40,\n render: rowData => {\n return (\n \n handleTextFieldChange(e, rowData, 'closing_away')\n }\n variant=\"standard\"\n className={classes.root}\n />\n );\n }\n },\n {\n title: '',\n field: 'short_description',\n width: 40,\n editable: 'never',\n render: rowData => {\n return (\n handleEditClick(rowData)}\n disabled={loading[rowData.id]} // Disable button while loading\n >\n {loading[rowData.id] ? (\n
\n );\n};\n\nexport default ViewData;\n","import React, { useEffect, useState, useRef } from 'react';\nimport {\n Button,\n Grid,\n TextField,\n Card,\n CardContent,\n FormControlLabel\n} from '@material-ui/core';\nimport { useErrorHandler } from 'react-error-boundary';\nimport moment from 'moment-timezone';\nimport CheckBoxOutlineBlankIcon from '@material-ui/icons/CheckBoxOutlineBlank';\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\nimport { Checkbox, Paper } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport MultiSelect from 'components/MultiSelect';\nimport * as Bet365Service from 'services/b365.service';\nimport * as BetService from 'services/bet.service';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n width: '100%',\n paddingTop: '10px'\n }\n}));\n\nexport default function AdvancedSearch(props) {\n const classes = useStyles();\n const { state, onAdvancedSearch } = props;\n const handleError = useErrorHandler();\n\n const [formState, setFormState] = useState({\n values: {\n pageNumber: 1,\n sports: [],\n betTypes: [],\n startDate: moment()\n .tz('America/Los_Angeles')\n .format('YYYY-MM-DD'),\n endDate: moment()\n .tz('America/Los_Angeles')\n .format('YYYY-MM-DD'),\n missingOnly: true\n }\n });\n\n const [sportOptions, setSportOptions] = useState([]);\n const [betTypeOptions, setBetTypeOptions] = useState([]);\n const testElementRef = useRef(null);\n\n useEffect(() => {\n setTimeout(() => {\n Bet365Service.getLeagues().then(response => {\n if (response.status === 200) {\n try {\n const sports = response.data.map(item => ({\n label: item.name,\n value: item.name\n }));\n\n setSportOptions(sports);\n } catch (err) {\n handleError('Bet365Service response error');\n }\n } else {\n handleError('Bet365Service api error');\n }\n });\n\n BetService.getBetType().then(result => {\n if (result.status === 200) {\n try {\n const types = result.data.map(item => ({\n label: item.bet_type,\n value: item.bet_type\n }));\n setBetTypeOptions(types);\n } catch (err) {\n handleError('BetService.getBetType response error');\n }\n } else {\n handleError('BetService.getBetType api error');\n }\n });\n }, 2000);\n }, []);\n\n useEffect(() => {\n const timer1 = setTimeout(() => {\n testElementRef.current.focus();\n }, 3000);\n const timer2 = setTimeout(() => {\n testElementRef.current.focus();\n }, 4000);\n const timer3 = setTimeout(() => {\n testElementRef.current.focus();\n }, 5000);\n }, []);\n\n useEffect(() => {\n setFormState({\n values: {\n pageNumber: state.values.pageNumber,\n sports: state.values.sports,\n betTypes: state.values.betTypes,\n startDate: state.values.startDate,\n endDate: state.values.endDate,\n missingOnly: state.values.missingOnly\n }\n });\n }, [state]);\n\n const selectValueChange = (name, value) => {\n if (name === 'startDate') {\n setFormState(formState => ({\n ...formState,\n values: {\n ...formState.values,\n startDate: value,\n endDate: value\n }\n }));\n }\n\n if (name === 'endDate') {\n setFormState(formState => ({\n ...formState,\n values: {\n ...formState.values,\n endDate: value\n }\n }));\n }\n\n if (name === 'pageNumber') {\n setFormState(formState => ({\n ...formState,\n values: {\n ...formState.values,\n pageNumber: value\n }\n }));\n }\n };\n\n const missingChange = event => {\n event.persist(); // Prevents the event from being reused/released\n setFormState(formState => ({\n ...formState,\n values: {\n ...formState.values,\n missingOnly: event.target.checked\n }\n }));\n };\n\n const multiSelectChange = (name, value) => {\n console.log('value', value);\n setFormState(formState => ({\n ...formState,\n values: {\n ...formState.values,\n [name]: value.map(a => a.value)\n }\n }));\n };\n\n return (\n \n
\n \n \n Closing Lines\n \n
\n \n \n
\n Loading...
\n \n )}\n\n
\n \n
\n \n Please wait while load\n
\n wefwefewf
\n \n