{"version":3,"file":"javascript/build1/partials/PrimaryLayout.05e82281.js","mappings":"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","sources":["webpack://morpheus/./src/js/components/Layouts/BottomAppBar/index.js","webpack://morpheus/./src/js/components/LazyLoadedComponents/LazyAccountSideMenu/index.js","webpack://morpheus/./src/js/components/Layouts/Primary/index.js","webpack://morpheus/./src/js/components/LiveChat/index.js"],"sourcesContent":["import {makeStyles} from '@material-ui/core/styles';\r\nimport BottomNavigation from '@material-ui/core/BottomNavigation';\r\nimport BottomNavigationAction from '@material-ui/core/BottomNavigationAction';\r\nimport {AppBar, Box, Fab, Toolbar, Typography, useTheme} from \"@material-ui/core\";\r\nimport {DepositIcon, HomeIcon, PromosIcon, SearchIcon, SlotsIcon} from \"Components/CustomIcons\";\r\nimport {MQMaxSmall} from \"Helpers/mediaQueries\";\r\nimport {HOME_URL, LOGIN_URL, PROMOS_URL, REGISTER_URL, SLOTS_URL} from \"Setup/urls\";\r\nimport {NavLink, useHistory} from 'react-router-dom';\r\nimport useModal from \"Hooks/useModal\";\r\nimport {CAN_REGISTER, IS_LOGGED_IN} from \"Setup/config\";\r\nimport clsx from \"clsx\";\r\nimport ExitToAppIcon from '@material-ui/icons/ExitToApp';\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n    root: {\r\n        borderWidth: 0,\r\n        borderTopWidth: 1,\r\n        zIndex: 10,\r\n        top: \"auto\",\r\n        bottom: 0,\r\n        '& .MuiSvgIcon-root': {\r\n            fontSize: \"1.75rem\",\r\n            color: theme.palette.layout.xdark,\r\n            position: \"relative\",\r\n            top: -2,\r\n        },\r\n        '& .MuiBottomNavigationAction-root': {\r\n            minWidth: 0,\r\n            paddingBottom: 0,\r\n            '&.active': {\r\n                background: theme.palette.layout.xlight\r\n            }\r\n        }\r\n    },\r\n    bar: {\r\n        width: '100%',\r\n        ...theme.mixins.toolbar,\r\n    },\r\n    fabContainer: {\r\n        padding: theme.spacing(0, 1.5, 1),\r\n        position: \"relative\",\r\n        top: -24\r\n    },\r\n    fab: {\r\n        // background: theme.palette.primary.main,\r\n        boxShadow: \"none\",\r\n\r\n        '& .MuiSvgIcon-root': {\r\n            color: theme.palette[theme.overrides.Buttons.primary].contrastText\r\n        },\r\n        '&::before': {\r\n            content: \"''\",\r\n            display: \"block\",\r\n            border: theme.overrides.MuiPaper.root.border,\r\n            background: theme.palette[theme.overrides.Buttons.primary].main,\r\n            width: 58,\r\n            height: 58,\r\n            borderRadius: \"50%\",\r\n            position: \"absolute\",\r\n            zIndex: -1,\r\n        }\r\n    },\r\n    fabText: {\r\n        padding: 0,\r\n        paddingTop: \"3px\",\r\n        textAlign: \"center\"\r\n    }\r\n}));\r\n\r\nconst CustomFab = (props) => {\r\n    const classes = useStyles();\r\n    const theme = useTheme();\r\n\r\n    return (\r\n        <Box className={classes.fabContainer} onClick={props.onClick}>\r\n            <Fab color={theme.overrides.Buttons.primary} className={classes.fab}>\r\n                {props.icon}\r\n            </Fab>\r\n            <Typography className={clsx(classes.fabText, \"MuiBottomNavigationAction-label\", \"MuiBottomNavigationAction-root\")}>{props.label}</Typography>\r\n        </Box>\r\n    );\r\n}\r\n\r\nexport default function BottomAppBar() {\r\n    const classes = useStyles();\r\n    const history = useHistory();\r\n    const {openModal, launchBanking} = useModal();\r\n\r\n    return (\r\n        <MQMaxSmall>\r\n            <Toolbar/>\r\n            <AppBar position=\"fixed\" color=\"primary\" className={classes.root} component={'div'}>\r\n                <BottomNavigation showLabels className={classes.bar}>\r\n                    <BottomNavigationAction exact to={HOME_URL} component={NavLink} label=\"Home\" icon={<HomeIcon/>}/>\r\n                    <BottomNavigationAction to={SLOTS_URL} component={NavLink} label=\"Slots\" icon={<SlotsIcon/>}/>\r\n                    {IS_LOGGED_IN ?\r\n                        <CustomFab onClick={() => launchBanking()} label={\"Deposit\"} icon={<DepositIcon/>}/> :\r\n                        CAN_REGISTER ?\r\n                            <CustomFab onClick={() => history.push(REGISTER_URL)} label=\"Join\" icon={<ExitToAppIcon/>}/> :\r\n                            <CustomFab onClick={() => history.push(LOGIN_URL)} label=\"Log In\" icon={<ExitToAppIcon/>}/>\r\n                    }\r\n                    <BottomNavigationAction to={PROMOS_URL} component={NavLink} label=\"Promos\" icon={<PromosIcon/>}/>\r\n                    <BottomNavigationAction onClick={() => openModal('Search')} label=\"Search\" icon={<SearchIcon/>}/>\r\n                </BottomNavigation>\r\n            </AppBar>\r\n        </MQMaxSmall>\r\n    );\r\n}\r\n","import React from \"react\";\r\nimport {LazyLoad, LazyLoaderFactory} from \"Containers/lazyRoutes\";\r\n\r\nconst AccountSideMenuLazyLoadComponent = () => {\r\n    return (\r\n        <div style={{width: \"400px\", height: \"100%\"}}/>\r\n    )\r\n}\r\n\r\nconst AccountSideMenu = LazyLoaderFactory(() => import(/* webpackChunkName: \"LoggedInBundledComponents\" */ \"Components/AccountSideMenu\"), () => <AccountSideMenuLazyLoadComponent/>);\r\nexport const LazyAccountSideMenu = props => <LazyLoad isRoute={false} component={AccountSideMenu} {...props} />;\r\n","import TopBar from \"./TopBar\";\r\nimport React from \"react\";\r\nimport Footer from \"../Footer\";\r\nimport {makeStyles} from \"@material-ui/core\";\r\nimport LeftDrawer from \"Components/Drawers/LeftDrawer\";\r\nimport BottomAppBar from \"Components/Layouts/BottomAppBar\";\r\nimport {IS_LOGGED_IN} from \"Setup/config\";\r\nimport {FloatingHelpButton} from \"Components/LiveChat\";\r\nimport {BP_LARGE} from \"Theme/breakpoints\";\r\nimport {LazyAccountSideMenu} from \"Components/LazyLoadedComponents/LazyAccountSideMenu\";\r\n\r\nconst usePrimaryLayoutStyles = makeStyles(theme => {\r\n    const contentSettings = theme.overrides.Content;\r\n\r\n    return {\r\n        main: {\r\n            background: theme.layout.backgroundMobile,\r\n            [theme.breakpoints.up(BP_LARGE)]: {\r\n                background: theme.layout.background,\r\n            },\r\n            color: contentSettings.contrastText\r\n        },\r\n    }\r\n});\r\n\r\nconst PrimaryLayout = ({children}) => {\r\n    const classes = usePrimaryLayoutStyles();\r\n\r\n    return (\r\n        <>\r\n            <TopBar/>\r\n            <LeftDrawer/>\r\n            {IS_LOGGED_IN && <LazyAccountSideMenu/>}\r\n            <main className={classes.main}>\r\n                {children}\r\n            </main>\r\n            <Footer/>\r\n            <FloatingHelpButton/>\r\n            <BottomAppBar/>\r\n        </>\r\n    );\r\n};\r\n\r\nexport default PrimaryLayout;\r\n","const {useEffect} = require(\"react\");\r\n\r\nexport const FloatingHelpButton = () => {\r\n    useEffect(() => {\r\n        document.body.classList.add(\"show-zd\");\r\n\r\n        return () => {\r\n            document.body.classList.remove(\"show-zd\");\r\n        };\r\n    }, []);\r\n\r\n    return null;\r\n};\r\n"],"names":["useStyles","makeStyles","theme","root","borderWidth","borderTopWidth","zIndex","top","bottom","fontSize","color","palette","layout","xdark","position","minWidth","paddingBottom","background","xlight","bar","width","mixins","toolbar","fabContainer","padding","spacing","fab","boxShadow","overrides","Buttons","primary","contrastText","content","display","border","MuiPaper","main","height","borderRadius","fabText","paddingTop","textAlign","CustomFab","props","classes","useTheme","Box","className","onClick","Fab","icon","Typography","clsx","label","BottomAppBar","history","useHistory","openModal","launchBanking","useModal","Toolbar","AppBar","A","component","BottomNavigation","showLabels","BottomNavigationAction","exact","to","HOME_URL","NavLink","SLOTS_URL","IS_LOGGED_IN","CAN_REGISTER","push","REGISTER_URL","ExitToApp","LOGIN_URL","PROMOS_URL","AccountSideMenuLazyLoadComponent","style","AccountSideMenu","LazyLoaderFactory","LazyAccountSideMenu","isRoute","usePrimaryLayoutStyles","contentSettings","Content","backgroundMobile","breakpoints","up","BP_LARGE","children","TopBar","LeftDrawer","Footer","useEffect","require","FloatingHelpButton","document","body","classList","add","remove"],"sourceRoot":""}