\n );\n};","export default __webpack_public_path__ + \"static/media/loader.c0f41fce.gif\";","import React from 'react';\nimport logo from '../assets/loader.gif';\n\nfunction Loader({ children, isLoading }) {\n return !isLoading ?\n children :\n
\n
\n \n
\n
;\n}\n\n\nexport default Loader;","import React, {useState} from \"react\";\n\nexport default function useIsLoading() {\n\n const [isLoading, setIsLoading] = useState(false);\n\n return {isLoading, setIsLoading}\n}","import {useEffect, useState} from 'react';\nimport {Dialog, DialogContent} from '@material-ui/core';\n\nexport default function MessageDialog({children, handle}) {\n const [open, setOpen] = useState(false);\n // handle => it must be any number to help open dialog\n // return => it is unmount state\n useEffect(() => {\n handle && setOpen(handle)\n return () => setOpen(false)\n }, [open]);\n return (\n
\n setOpen(false)}\n aria-labelledby=\"\">\n \n
\n {\n children\n }\n
\n \n \n
\n );\n}\n","import {useEffect} from 'react';\nimport Button from '@material-ui/core/Button';\nimport {Typography} from \"@material-ui/core\";\nimport {useSessionPlayerStyles} from \"../../../../utils/hooks/useInternalAdminStyles\";\nimport {useContextCustom} from \"../../../../utils/hooks/useContextCustom\";\nimport useAppDrawer from \"../../../../utils/hooks/useAppDrawer\";\n\nexport default function AlertMesgSwagBag({count, callback}) {\n const classes = (useSessionPlayerStyles())();\n const [{}, dispatch] = useContextCustom();\n const {resetState} = useAppDrawer();\n useEffect(() => {\n return () => {\n resetState();\n };\n }, []);\n return (\n
\n \n Email Sent Successfully!\n The selected files are sent to {count} recipient(s). \n They will get them soon.\n \n
\n );\n}\n","import React, {useState} from \"react\";\n\nexport default function useLoadMore() {\n\n const [limit, setLimit] = useState(1000)\n const [totalRecords, setTotalRecords] = useState(0)\n const [showLoadMoreBtn, setShowLoadMoreBtn] = useState(true)\n\n function loadMore() {\n if (limit <= totalRecords) {\n setShowLoadMoreBtn(true)\n setLimit(limit + 10)\n } else {\n setShowLoadMoreBtn(false)\n }\n }\n\n return {limit, setLimit, totalRecords, setTotalRecords, loadMore, showLoadMoreBtn, setShowLoadMoreBtn}\n}","import React, {useState} from \"react\";\nimport request from \"../services/Http\";\nimport useIsLoading from \"./useIsLoading\";\nimport {SET_BOOTH_INFO, SET_BOOTHS} from \"../store/context/Constants\";\nimport {useParams} from \"react-router-dom\";\nimport useLoadMore from \"./useLoadMore\";\nimport {showToaster} from \"../services/Helpers\";\nimport {useContextCustom} from \"./useContextCustom\";\n\nexport default function useFetchBooths() {\n\n const [expanded, setExpanded] = useState('');\n const {isLoading, setIsLoading} = useIsLoading()\n const [{booths, boothInfo}, dispatch] = useContextCustom();\n\n const {limit, totalRecords, setTotalRecords, loadMore, showLoadMoreBtn, setShowLoadMoreBtn} = useLoadMore()\n const {id, lang} = useParams()\n\n const handleChange = (panel) => (event, newExpanded) => {\n setExpanded(newExpanded ? panel : false);\n };\n\n function fetchBooths() {\n setIsLoading(true)\n request.get(`/event/get-booth-list?limit=${limit}`)\n .then((res) => {\n setIsLoading(false)\n if (res) {\n setTotalRecords(res.data.totalRecords)\n if (limit >= res.data.totalRecords) {\n setShowLoadMoreBtn(false)\n }\n dispatch({type: SET_BOOTHS, payload: res.data.booth_data})\n }\n })\n }\n\n function searchBooths(value) {\n if (value) {\n let obj = booths.filter(booth => booth.booth_name.toLowerCase().includes(value.toLowerCase()));\n\n if (obj.length > 0) {\n dispatch({\n type: SET_BOOTHS,\n payload: obj\n })\n } else {\n fetchBooths()\n }\n\n } else {\n fetchBooths()\n }\n }\n\n function fetchBoothInfo(boothId = null) {\n setIsLoading(true)\n const booth_id = boothId ?? id;\n request.get(`booth/fetch-booth-info?booth_id=${booth_id}`)\n .then((res) => {\n setIsLoading(false)\n if (res)\n dispatch({type: SET_BOOTH_INFO, payload: res.data.data})\n })\n }\n\n function openEmbeddedChat() {\n const id = localStorage.getItem('_id')\n const url = `/${lang}/chat?uuid=${id}`\n window.open(url, '_blank')\n }\n\n return {\n booths,\n fetchBooths,\n isLoading,\n searchBooths,\n fetchBoothInfo,\n boothInfo,\n handleChange,\n expanded,\n loadMore,\n limit,\n totalRecords,\n showLoadMoreBtn,\n openEmbeddedChat\n }\n}","import request from \"../services/Http\";\nimport {Button} from \"@material-ui/core\";\nimport useIsLoading from \"./useIsLoading\";\nimport {useContextCustom} from \"./useContextCustom\";\nimport {SET_SWAG_BAG, SWAG_BAG, SWAG_BAG_CHECKBOX_OBJECT, UNIVERSAL_DRAWER} from \"../store/context/Constants\";\nimport {showToaster, showAlert} from \"../services/Helpers\";\nimport useFetchBooths from \"./useFetchBooths\";\nimport MailIcon from '@material-ui/icons/Mail';\nimport DeleteIcon from '@material-ui/icons/Delete';\n\nexport default function useSwagBagHook() {\n const {fetchBoothInfo} = useFetchBooths();\n const {isLoading, setIsLoading} = useIsLoading()\n const [{swagBag, swagBagCheckBoxObject}, dispatch] = useContextCustom();\n\n function renderListAgain({doc_id, booth_id}) {\n if (swagBag.length > 0) {\n setIsLoading(true)\n const index = swagBag.findIndex((obj) => obj.doc_id === doc_id && obj.booth_id === booth_id);\n if (index !== -1) {\n swagBag.splice(index, 1);\n dispatch({\n type: SET_SWAG_BAG,\n payload: swagBag\n })\n }\n setIsLoading(false)\n }\n }\n\n function fetchSwagBag() {\n setIsLoading(true)\n request.get('booth/user-swag-bag-docs')\n .then((res) => {\n setIsLoading(false)\n if (res) {\n dispatch({\n type: SET_SWAG_BAG,\n payload: res.data.data.docs\n })\n }\n })\n }\n\n function swagBagIcons({classes, doc, renderSwagBagList}) {\n const {doc_id, booth_id} = doc;\n return (<>\n {/* below button will show only in case of swagbag */}\n \n \n )\n }\n\n function addAndRemoveDocFromSwagBag(docid, boothid, toRemove = false, callback) {\n setIsLoading(true)\n const finalURL = toRemove ? 'booth/remove-from-briefcase' : 'booth/add-to-briefcase'\n request.post(finalURL, {docid, boothid})\n .then((res) => {\n setIsLoading(false)\n if (res) {\n if (callback) {\n callback()\n } else {\n fetchBoothInfo(boothid)\n }\n showToaster(res.data.message, 'success')\n }\n })\n }\n\n function emailSwagBagDocs(\n emails,\n callback = undefined\n ) {\n const doc_ids = Object.keys(swagBagCheckBoxObject).length > 0 ?\n (Object.keys(swagBagCheckBoxObject).map(element => element)).join(\",\") :\n \"\";\n if (doc_ids) {\n setIsLoading(true)\n request.post('booth/send-swag-bag-docs-email', {\n emails: emails,\n doc_ids: doc_ids\n }).then((res) => {\n setIsLoading(false)\n if (res) {\n if (callback) {\n callback();\n } else {\n showAlert('success', 'email sent successfully', 'success')\n dispatch({type: UNIVERSAL_DRAWER, payload: \"\"});\n }\n dispatch({type: SWAG_BAG_CHECKBOX_OBJECT, payload: {}});\n }\n });\n } else {\n showToaster(\"Please select doc(s)\", 'error');\n }\n }\n\n function submitEmail(text, callback) {\n if (text) {\n const emails = text.replace(/^,|,$/g, \"\");\n const count = (emails.split(\",\")).length;\n emailSwagBagDocs(emails, () => callback(count));\n } else {\n showToaster(\"Please enter email(s)\", 'error');\n }\n }\n\n const handleCheckboxAction = ({e, type}) => {\n const target = e.target;\n const checked = target.checked;\n switch (type) {\n case SWAG_BAG:\n let obj = swagBagCheckBoxObject;\n const value = target.value;\n if (checked) {\n obj[Number(value)] = value;\n } else {\n delete obj[Number(value)];\n }\n dispatch({type: SWAG_BAG_CHECKBOX_OBJECT, payload: obj});\n break;\n }\n }\n\n return {isLoading, fetchSwagBag, renderListAgain, swagBagIcons, addAndRemoveDocFromSwagBag, submitEmail, emailSwagBagDocs, handleCheckboxAction}\n}","import {useState} from 'react';\nimport {TextareaAutosize, FormControl, Box, Button} from '@material-ui/core';\nimport {useSwagBagStyles} from '../../../../utils/hooks/useInternalAdminStyles'\nimport MessageDialog from \"../../../SharedComponents/Dialog/MessageDialog\";\nimport AlertMesgSwagBag from \"./AlertMesgSwagBag\"\nimport useSwagBagHook from \"../../../../utils/hooks/useSwagBagHook\";\nimport Loader from \"../../../Loader\";\n\nexport default function EmailTextArea() {\n const classes = (useSwagBagStyles())();\n const [textareaValue, setTextareaValue] = useState(\"\");\n const [handleSubmitResponse, setHandleSubmitResponse] = useState(false);\n const {isLoading, submitEmail} = useSwagBagHook();\n return (\n
\n );\n}","import React, {useState} from \"react\";\nimport useSwagBagHook from \"./useSwagBagHook\";\nimport {BOOTH, RESOURCES, SET_BOOTHS, SET_RESOURCES, SET_SWAG_BAG, SET_VAULT_VIDEOS, SET_WEBINARS, SWAG_BAG, VIDEO_VAULT, WEBINAR} from \"../store/context/Constants\";\nimport useFetchResources from \"./useFetchResources\";\nimport {useContextCustom} from \"./useContextCustom\";\nimport useFetchBooths from \"./useFetchBooths\";\nimport {useHistory} from \"react-router-dom\";\nimport {MenuItem} from \"@material-ui/core\";\n\nexport default function useUniversalHook() {\n const [{booths, webinars, resources, swagBag, vaultVideos, swagBag_dropdown}, dispatch] = useContextCustom();\n const [state_rsvvb, setStateRSVVB] = useState([]);\n const [state_dropdown_rsvvb, setState_dropdown_rsvvb] = useState(\"-1\");\n const {fetchBooths} = useFetchBooths();\n const {fetchResources} = useFetchResources();\n const {fetchSwagBag} = useSwagBagHook();\n const history = useHistory();\n const fetchDataForDropdownSearch = (type) => {\n switch (type) {\n case SWAG_BAG:\n fetchSwagBag();\n break;\n case RESOURCES:\n fetchResources();\n break;\n case BOOTH:\n fetchBooths();\n break;\n default:\n break;\n }\n }\n const getDataForDropdownSearch = (type) => {\n let data = [];\n switch (type) {\n case SWAG_BAG:\n data = swagBag;\n break;\n case RESOURCES:\n data = resources;\n break;\n case BOOTH:\n data = booths;\n break;\n case VIDEO_VAULT:\n data = vaultVideos;\n break;\n case WEBINAR:\n data = webinars;\n break;\n default:\n break;\n }\n return data;\n }\n const handleDropDownComponentSearch = (e, type) => {\n const select = e.target.value;\n switch (type) {\n case BOOTH:\n history.push(`/en/booth/detail/${select}`)\n break;\n case WEBINAR:\n state_rsvvb.length === 0 && setStateRSVVB(webinars);\n dispatchRSVVBByDropDown({keyword: select, dispatch_type: SET_WEBINARS, array: webinars, searchBy: \"id\"});\n break;\n case RESOURCES:\n state_rsvvb.length === 0 && setStateRSVVB(resources);\n dispatchRSVVBByDropDown({keyword: select, dispatch_type: SET_RESOURCES, array: resources, searchBy: \"booth_id\"});\n break;\n case VIDEO_VAULT:\n state_rsvvb.length === 0 && setStateRSVVB(vaultVideos);\n dispatchRSVVBByDropDown({keyword: select, dispatch_type: SET_VAULT_VIDEOS, array: vaultVideos, searchBy: \"booth_id\"});\n break;\n case SWAG_BAG:\n state_rsvvb.length === 0 && setStateRSVVB(swagBag);\n dispatchRSVVBByDropDown({keyword: select, dispatch_type: SET_SWAG_BAG, array: swagBag, searchBy: \"IsPlayable\"});\n break;\n }\n }\n const dispatchRSVVBByDropDown = ({keyword, dispatch_type, array, searchBy = \"\"}) => {\n const newArray = state_rsvvb.length > array.length ? state_rsvvb : array;\n setState_dropdown_rsvvb(String(keyword));\n if (keyword !== -1) {\n keyword = String(keyword);// Number fetched from db is in string.\n // if (searchBy === \"IsPlayable\") {\n // keyword = String(keyword);\n // } else if (searchBy === \"booth_id\") {\n // keyword = String(keyword);\n // }\n const obj = newArray.filter(element => {\n return element[searchBy].toLowerCase().includes(keyword.toLowerCase())\n })\n dispatch({\n type: dispatch_type,\n payload: obj\n })\n } else {\n dispatch({\n type: dispatch_type,\n payload: state_rsvvb\n })\n }\n }\n const dispatchRSVVB = ({keyword, dispatch_type, array}) => {\n const newArray = state_rsvvb.length > array.length ? state_rsvvb : array;\n let obj = newArray.filter(element => {\n const {booth_name, title} = element;\n const name = booth_name ? booth_name : title;\n return name.toLowerCase().includes(keyword.toLowerCase())\n });\n if (obj.length > 0 && state_dropdown_rsvvb !== \"-1\") {\n obj = obj.filter(element => {\n const {booth_id, title} = element;\n return booth_id.toLowerCase().includes(state_dropdown_rsvvb.toLowerCase())\n })\n }\n if (keyword) {\n dispatch({\n type: dispatch_type,\n payload: obj\n })\n } else {\n dispatch({\n type: dispatch_type,\n payload: state_rsvvb\n })\n }\n }\n const handleKeywordSearch = (e, type) => {\n const keyword = e.target.value;\n switch (type) {\n case BOOTH:\n state_rsvvb.length === 0 && setStateRSVVB(booths);\n dispatchRSVVB({keyword, dispatch_type: SET_BOOTHS, array: booths});\n break;\n case WEBINAR:\n state_rsvvb.length === 0 && setStateRSVVB(webinars);\n dispatchRSVVB({keyword, dispatch_type: SET_WEBINARS, array: webinars});\n break;\n case RESOURCES:\n state_rsvvb.length === 0 && setStateRSVVB(resources);\n dispatchRSVVB({keyword, dispatch_type: SET_RESOURCES, array: resources});\n break;\n case VIDEO_VAULT:\n state_rsvvb.length === 0 && setStateRSVVB(vaultVideos);\n dispatchRSVVB({keyword, dispatch_type: SET_VAULT_VIDEOS, array: vaultVideos});\n break;\n case SWAG_BAG:\n state_rsvvb.length === 0 && setStateRSVVB(swagBag);\n dispatchRSVVB({keyword, dispatch_type: SET_SWAG_BAG, array: swagBag});\n break;\n }\n }\n const getDropDownDataSearch = (type) => {\n let newArray = JSON.parse(JSON.stringify(booths.slice()));\n if (type === SWAG_BAG) {\n newArray = JSON.parse(JSON.stringify(swagBag_dropdown.slice()));\n } else if (type === WEBINAR) {\n newArray = JSON.parse(JSON.stringify(webinars.slice()));\n }\n if (type !== SWAG_BAG && type !== BOOTH && newArray.length > 0) {\n if (newArray[0].booth_id && newArray[0].booth_id !== -1) {\n newArray.unshift({booth_id: -1, booth_name: \"Show All\"});\n } else if (newArray[0].id && newArray[0].id !== -1) {\n newArray.unshift({id: -1, title: \"Show All\"});\n }\n }\n return newArray.map((element, index) => {\n const {id, booth_id, booth_name, title} = element;\n return \n })\n }\n return {fetchDataForDropdownSearch, getDataForDropdownSearch, handleDropDownComponentSearch, handleKeywordSearch, getDropDownDataSearch}\n}","import {useState, useMemo} from 'react';\nimport {SET_SWAG_BAG, SWAG_BAG, UNIVERSAL_DRAWER, DRAWER_OPEN_OR_CLOSE} from \"../store/context/Constants\";\nimport {useContextCustom} from \"./useContextCustom\";\nimport {Grid, Typography} from \"@material-ui/core\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport CloseOutlinedIcon from \"@material-ui/icons/CloseOutlined\";\nimport {Column, Row} from \"@mui-treasury/components/flex\";\nimport SearchRSVVB from \"../../containers/Dashboard/Content/RSVVB_SearchFields/SearchRSVVB\";\nimport {isMobile} from 'react-device-detect';\n\nexport default function useAppDrawer() {\n\n const [open, setOpen] = useState(false);\n const [index, setIndex] = useState(0);\n const [collapsed, setCollapsed] = useState(0);\n const [{}, dispatch] = useContextCustom();\n const onMenuClick = () => {\n setCollapsed(!collapsed)\n }\n\n const handleDrawerOpen = () => {\n setOpen(true);\n dispatch({type: DRAWER_OPEN_OR_CLOSE, payload: true})\n };\n\n const resetState = () => {\n dispatch({type: UNIVERSAL_DRAWER, payload: \"\"});\n // for mobile don't clear it because mobile view using it directly via routes\n !isMobile && dispatch({type: SET_SWAG_BAG, payload: []});\n }\n\n const handleDrawerCloseUniversal = () => {\n resetState();\n handleDrawerClose();\n };\n\n const handleDrawerClose = () => {\n setOpen(false);\n dispatch({type: DRAWER_OPEN_OR_CLOSE, payload: false})\n };\n\n const commonProps = (i) => ({\n selected: index === i,\n onClick: () => setIndex(i),\n collapsed,\n dotOnCollapsed: true,\n })\n\n const DrawerHeader = ({classes, title = \"\", type = \"\"}) => {\n const search = useMemo(() => {\n if (!isMobile && type === SWAG_BAG) {\n return \n }\n return null;\n }, [type]);\n return (\n \n \n \n \n {title}\n \n \n \n \n \n \n \n \n {/* Search fields only show in case of swagbag in drawer will not show in case of mobile */}\n {search}\n \n )\n }\n\n return {collapsed, open, resetState, onMenuClick, commonProps, setOpen, handleDrawerOpen, handleDrawerClose, DrawerHeader, handleDrawerCloseUniversal}\n}","import React from 'react';\nimport {Typography,Button,Dialog,DialogActions,DialogContent,DialogContentText,DialogTitle,IconButton,CardMedia} from '@material-ui/core';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\nimport {useTheme} from '@material-ui/core/styles';\nimport CloseIcon from '@material-ui/icons/Close';\nimport { largeBoothMobStyle } from \"../../../utils/hooks/useApplyStyles\";\n\nexport default function MobileDialog({children, title, Icon}){\n\n const [open, setOpen] = React.useState(false);\n const theme = useTheme();\n const fullScreen = useMediaQuery(theme.breakpoints.down('sm'));\n const styles = largeBoothMobStyle();\n const classes = styles();\n\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n return (\n
\n
\n { Icon } \n
\n \n
\n \n { title }\n \n \n \n \n
\n\n \n
\n {\n children\n }\n
\n\n \n \n
\n );\n}\n","import React from \"react\";\nimport {CardMedia} from \"@material-ui/core\";\n\nexport default function DocumentViewer ({url}){\n return \n}\n\n","import React, {useState} from 'react';\nimport {Button, CardMedia} from \"@material-ui/core\";\nimport {Item} from '@mui-treasury/components/flex';\nimport {Info, InfoTitle} from '@mui-treasury/components/info';\nimport VisibilityIcon from '@material-ui/icons/Visibility';\nimport {BoothDetailsLargeViewStyle, GreenCheckbox} from \"../../../../utils/hooks/useApplyStyles\";\nimport LocalMallOutlinedIcon from \"@material-ui/icons/LocalMallOutlined\";\nimport LocalMallIcon from '@material-ui/icons/LocalMall';\nimport MobileDialog from \"../../../SharedComponents/Dialog/OpenDialog\";\nimport DocumentViewer from \"../../../MobileView/LargeBooth/Document/DocumentOpen\";\nimport useFetchBooths from \"../../../../utils/hooks/useFetchBooths\";\nimport PictureAsPdfIcon from \"@material-ui/icons/PictureAsPdf\";\nimport clsx from 'clsx';\nimport Checkbox from '@material-ui/core/Checkbox';\nimport {SWAG_BAG, RESOURCES} from \"../../../../utils/store/context/Constants\";\nimport useSwagBagHook from \"../../../../utils/hooks/useSwagBagHook\";\n\nexport default function SingleDocumentContent({\n doc, isResource = false, type,\n renderSwagBagList = () => {\n }\n }) {\n const classes = (BoothDetailsLargeViewStyle())();\n const {isLoading} = useFetchBooths();\n const {swagBagIcons, addAndRemoveDocFromSwagBag, handleCheckboxAction} = useSwagBagHook();\n const [swagBagIcon, setswagBagIcon] = useState(false);\n const swagBagIconHandle = () => {\n setswagBagIcon(!swagBagIcon);\n }\n const {IsPlayable, location, title, is_in_briefcase, doc_id, booth_id} = doc;\n return (\n <>\n \n {/* Green Checkbox will only show in case of swag bag */}\n {type === SWAG_BAG && handleCheckboxAction({e, type})} value={doc_id}/>}\n {/* Icon will show for swag bag and resources */}\n {IsPlayable === \"0\" ? : }\n \n \n {title}\n \n \n \n \n {/* VisibleIcon Button will have modal box onClick={handleClickOpen} to open modal box from Mobile View> Dialog> OpenDialog.js */}\n {/* */}\n \n \n }>\n \n \n {\n type !== SWAG_BAG &&\n <>\n {/* add swagbag button will hide in case of swagbag */}\n \n \n }\n {\n type === SWAG_BAG && swagBagIcons({classes, doc, renderSwagBagList})\n }\n \n \n );\n};\n","import React, {useEffect} from 'react';\nimport {Column, Row} from '@mui-treasury/components/flex';\nimport SingleDocumentContent from \"../Documents/SingleDocumentContent\";\nimport {SwagBagViewStyle} from \"../../../../utils/hooks/useApplyStyles\";\nimport {useContextCustom} from '../../../../utils/hooks/useContextCustom';\nimport {Typography} from '@material-ui/core';\nimport useSwagBagHook from \"../../../../utils/hooks/useSwagBagHook\";\nimport Loader from \"../../../Loader\";\nimport {SWAG_BAG} from \"../../../../utils/store/context/Constants\";\nimport {isMobile} from 'react-device-detect';\n\nexport default function SwagBagCardWrapper() {\n const classes = (SwagBagViewStyle())();\n const {isLoading, fetchSwagBag, renderListAgain} = useSwagBagHook()\n const [{swagBag}, dispatch] = useContextCustom();\n useEffect(() => fetchSwagBag(), []);\n return (\n \n \n {swagBag.length > 0\n ? swagBag.map((doc, index) => \n \n )\n : \"No data Available for swagbag\"}\n \n \n );\n};\n","export default __webpack_public_path__ + \"static/media/downoadwebinar.ec44de47.svg\";","import React from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { Button, Link, Box } from '@material-ui/core';\nimport { useWbinarCardStyles, GreenButton, RateButton } from \"../../../../../utils/hooks/useInternalAdminStyles\";\nimport AssignmentReturnedOutlinedIcon from '@material-ui/icons/AssignmentReturnedOutlined';\nimport StarBorderOutlinedIcon from '@material-ui/icons/StarBorderOutlined';\nimport DownloadIcon from '../../../../../assets/images/downoadwebinar.svg'\n\nexport default function CardActionButtons({ id, handout_link, handout_title }) {\n const classes = (useWbinarCardStyles())();\n let history = useHistory();\n return (\n
\n {\n handout_link &&\n DOWNLOAD {handout_title}\n }\n {/* These action button will be show and removed according to requirement */}\n \n \n JOIN\n JOIN\n \n JOIN Again\n \n
\n\n );\n};\n","import React from 'react';\nimport { Avatar, Box } from '@material-ui/core';\nimport { Item } from '@mui-treasury/components/flex';\nimport { Info, InfoTitle, InfoSubtitle } from '@mui-treasury/components/info';\nimport { useWbinarSpeakerStyles } from '../../../../utils/hooks/useInternalAdminStyles';\nimport RenderApiHtml from '../../../../components/shared/custom-html/RenderApiHtml';\nexport default function SpeakerShortInfo({ name, emp_name, image, bio }) {\n const classes = (useWbinarSpeakerStyles())();\n return (\n <>\n {/* Speaker short info map here */}\n \n {/**/}\n AH\n\n \n \n {name}\n {RenderApiHtml({ html: bio })}\n \n \n );\n};","import { Row } from '@mui-treasury/components/flex';\nimport { useWbinarSpeakerStyles } from \"../../../../../utils/hooks/useInternalAdminStyles\";\nimport Carousel from \"react-multi-carousel\";\nimport \"react-multi-carousel/lib/styles.css\";\nimport SpeakerShortInfo from '../../Speakers/SpeakerInfoCard';\nimport useInternalAdmin from '../../../../../utils/hooks/useInternalAdmin';\nimport { useContextCustom } from '../../../../../utils/hooks/useContextCustom';\nimport { SET_SPEAKER_DRAWER } from '../../../../../utils/store/context/Constants';\nexport default function SpeakerListing({ speakers_json, handleDrawerOpen, showCarousel }) {\n const classes = (useWbinarSpeakerStyles())();\n const [state, dispatch] = useContextCustom();\n const { responsiveSpeakerForWeb } = useInternalAdmin();\n const listing = speakers_json.map((element, index) =>\n
\n )\n } else { return <>; }\n })}\n {webinarCalMenuData}\n {drawer}\n \n );\n};","import {useMemo} from 'react';\nimport SwagBagCardWrapper from '../Content/SwagBag/SwagBagCardWrap'\nimport WebinarCardList from '../Content/Auditorium/WebinarCards/WebinarCardList'\nimport useInternalAdmin from \"../../../utils/hooks/useInternalAdmin\";\nimport {SWAG_BAG} from \"../../../utils/store/context/Constants\";\nimport {isMobile} from 'react-device-detect';\n\nexport default function WideDrawerRenderItems({type}) {\n const {open, emailmenu, drawerSmallMenu} = useInternalAdmin();\n let chidren;\n if (type === SWAG_BAG) {\n if (isMobile) {\n chidren = open ? drawerSmallMenu(['top', 'bottom'], 'email') : emailmenu();\n } else {\n chidren = \n }\n }\n return (\n <>\n {/* Tis will open for wide drawer Below have listing of swag bag items open from Nav for desktopView*/}\n {/* */}\n {/* This will trigger when user click on send email from mobile */}\n {/* {emailmenu}*/}\n {/* Recommended webinar listing will appear in recommended session drawer menu*/}\n {/**/}\n {chidren}\n \n );\n\n}","import {useEffect, useMemo} from 'react';\nimport {Drawer, Backdrop, Box} from '@material-ui/core';\nimport useAppDrawer from \"../../utils/hooks/useAppDrawer\"\nimport {useTheme} from '@material-ui/core/styles';\nimport {useOpenWideDrawerStyle} from \"../../utils/hooks/useApplyStyles\";\nimport WideDrawerRenderItems from '../Dashboard/DrawerComponents/WideDrawerRenderItems'\nimport {isMobile} from \"react-device-detect\";\nimport {SWAG_BAG} from \"../../utils/store/context/Constants\";\n\nexport default function UniversalDrawer({type}) {\n const classes = (useOpenWideDrawerStyle())();\n const {open, handleDrawerOpen, handleDrawerCloseUniversal, DrawerHeader} = useAppDrawer();\n const theme = useTheme();\n const direction = isMobile ? ['top', 'bottom'] : ['left', 'right']\n const title = type === SWAG_BAG ? \"SwagBag\" : \"\";\n useEffect(() => type && handleDrawerOpen(), [type]);\n const drawerHeaderMemo = useMemo(() => , [type]);\n return (\n <>\n \n \n \n
\n \n \n );\n}","import React from 'react';\nimport {AppBar, Toolbar, Grid, Typography} from '@material-ui/core';\nimport {ReactComponent as Logo} from '../../assets/newlogo.svg';\nimport {usedashboardNavStyles} from \"../../utils/hooks/useInternalAdminStyles\";\nimport EmojiObjectsOutlinedIcon from '@material-ui/icons/EmojiObjectsOutlined';\nimport RightMenu from './TopBar/RightMenu';\nimport ProfileAvatar from './TopBar/ProfileAvatar';\nimport SearchBar from './TopBar/SearchBar'\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport {isMobile} from 'react-device-detect';\nimport {Animated} from \"react-animated-css\";\n\nexport default function NavigationBar() {\n const classes = (usedashboardNavStyles())();\n return (\n
\n \n \n \n \n \n
\n {/* then you can just toggle the isVisible property to see the animation. */}\n {/* Toggle between both animations for mobile webinar detail view back button */}\n \n \n \n
\n
\n
\n
\n {!isMobile &&\n
\n \n Discover\n
\n }\n
\n {isMobile && }\n \n
\n {!isMobile && }\n \n \n \n
\n );\n}","import {Box, FormControl, MenuItem, Select, Typography} from \"@material-ui/core\";\nimport React, {useState} from \"react\";\nimport {exhibitHallStyle} from \"../../../../utils/hooks/useApplyStyles\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport { useBorderSelectStyles } from '@mui-treasury/styles/select/border';\n\nexport default function ExhibitHallDefaultSorting() {\n\n const classes = (exhibitHallStyle())();\n const [val, setVal] = useState(0);\n\n const handleChange = (event) => {\n setVal(event.target.value);\n };\n\n const borderSelectClasses = useBorderSelectStyles();\n\n // moves the menu below the select input\n const menuProps = {\n classes: {\n list: borderSelectClasses.list\n },\n anchorOrigin: {\n vertical: \"bottom\",\n horizontal: \"left\"\n },\n transformOrigin: {\n vertical: \"top\",\n horizontal: \"left\"\n },\n getContentAnchorEl: null\n };\n\n const iconComponent = (props) => {\n return (\n \n )\n };\n return (\n \n \n \n \n \n \n \n \n\n );\n}\n","import React, {useState} from 'react';\nimport {Box, ButtonGroup, FormControl, Grid} from '@material-ui/core';\nimport {WhiteExhibitButton, TopNavContentStyle} from \"../../utils/hooks/useApplyStyles\";\nimport {useHistory} from 'react-router-dom';\n\nimport ExhibitHallDefaultSorting from \"./Content/ExhibitHall/ExhibitHallDeafultSorting\";\n\nexport default function DefaultButtons() {\n const classes = (TopNavContentStyle())();\n const history = useHistory();\n return (\n \n \n \n \n history.push('/en/exhibithall')}>\n \n \n history.push('/en/exhibithallslider')}>\n \n \n \n \n \n );\n}\n","import React from 'react';\nimport {AppBar, Grid, Toolbar, Typography} from '@material-ui/core';\nimport {TopNavContentStyle} from \"../../../utils/hooks/useApplyStyles\";\nimport Container from \"@material-ui/core/Container\";\nimport DefaultButtons from \"../DefaultButtons\";\nimport {isMobile} from \"react-device-detect\";\nimport SearchRSVVB from '../Content/RSVVB_SearchFields/SearchRSVVB';\n\nexport default function TopNavContent({title, placeholder, isDefaultButtons = false, type = \"\"}) {\n const classes = (TopNavContentStyle())();\n return (\n <>\n
\n \n );\n}\n","import React from 'react';\nimport {usedashboardSidebarStyles} from \"../../../utils/hooks/useInternalAdminStyles\";\nimport theme from '../../../components/theme/basetheme/Lightmode'\nimport {ThemeProvider} from '@material-ui/core/styles';\nimport TopNavContent from \"../DetailHeader/TopNavContent\";\n\n\nexport default function DashboardContent({children, navTitle, navSearchPlaceholder, isDefaultButton, type = \"\"}) {\n\n const styles = usedashboardSidebarStyles();\n const classes = styles();\n\n return (\n \n \n \n {\n children\n }\n \n \n );\n}\n","import React from \"react\";\nimport {usedashboardSidebarStyles} from \"../../../utils/hooks/useInternalAdminStyles\";\nimport {ListItem, ListItemIcon, ListItemText} from '@material-ui/core';\nimport useAppDrawer from \"../../../utils/hooks/useAppDrawer\";\n\nexport default function SingleSideBarItem({id, label, icon_mobile}) {\n const classes = (usedashboardSidebarStyles())();\n const {commonProps} = useAppDrawer();\n return \n \n {label}\n \n}","import React from 'react';\nimport Box from '@material-ui/core/Box';\nimport List from '@material-ui/core/List';\nimport {usedashboardSidebarStyles} from \"../../../utils/hooks/useInternalAdminStyles\";\nimport SingleSideBarItem from \"./SingleSideBarItem\";\n\nexport default function AdminSideBar({menu}) {\n\n const classes = (usedashboardSidebarStyles())();\n return (\n \n \n {\n menu && menu.length > 0 &&\n menu.map((element, index) => {\n const {id, label, icon_mobile} = element;\n return \n })\n }\n \n \n );\n}\n","import { useState } from \"react\";\nimport useIsLoading from \"./useIsLoading\";\nimport request from \"../services/Http\";\nimport { useParams } from \"react-router-dom\";\n\nexport default function useFetchLobbyMenu(isForWeb = false) {\n\n const [menu, setMenu] = useState([]);\n const { isLoading, setIsLoading } = useIsLoading();\n const { lang } = useParams();\n\n function fetchMenu() {\n setIsLoading(true);\n const finalURL = isForWeb ? `menu/${lang}?is_for_web=${isForWeb}` : `menu/${lang}`;\n request.get(finalURL)\n .then((res) => {\n setIsLoading(false)\n if (res) {\n setMenu(res.data.menu)\n }\n })\n }\n\n return { menu, isLoading, fetchMenu }\n}","import React from 'react';\nimport {Button, Link, Box} from '@material-ui/core';\nimport {useWbinarCardStyles, GreenButton, RateButton, AddButton} from \"../../../utils/hooks/useInternalAdminStyles\";\nimport AssignmentReturnedOutlinedIcon from '@material-ui/icons/AssignmentReturnedOutlined';\nimport StarBorderOutlinedIcon from '@material-ui/icons/StarBorderOutlined';\nimport EventAvailableOutlinedIcon from '@material-ui/icons/EventAvailableOutlined';\nimport useInternalAdmin from \"../../../utils/hooks/useInternalAdmin\";\n\n\nexport default function MobCardActionButtons() {\n\n const classes = (useWbinarCardStyles())();\n const {handleClick, anchorEl, webinarCalMenu} = useInternalAdmin();\n return (\n
\n \n \n \n {webinarCalMenu}\n
\n\n );\n};\n","import React, {useEffect, useState} from 'react';\nimport {Drawer, Paper, BottomNavigation, BottomNavigationAction, Grid, Badge, Box} from '@material-ui/core';\nimport IconButton from '@material-ui/core/IconButton';\nimport {usedashboardNavStyles} from \"../../../utils/hooks/useInternalAdminStyles\";\nimport AdminSideBar from '../../Dashboard/SideBar/AdminSideBar'\nimport useAppDrawer from \"../../../utils/hooks/useAppDrawer\"\nimport useFetchLobbyMenu from \"../../../utils/hooks/useFetchLobbyMenu\";\nimport CloseOutlinedIcon from '@material-ui/icons/CloseOutlined';\nimport TextsmsOutlinedIcon from '@material-ui/icons/TextsmsOutlined';\nimport NotificationsNoneOutlinedIcon from '@material-ui/icons/NotificationsNoneOutlined';\nimport HomeOutlinedIcon from '@material-ui/icons/HomeOutlined';\nimport MenuOutlinedIcon from '@material-ui/icons/MenuOutlined';\nimport MobCardActionButtons from '../AuditoriumMobileView/MobCardActionButtons'\n\nexport default function MobileBottomNav() {\n\n const classes = (usedashboardNavStyles())();\n const {open, handleDrawerOpen, handleDrawerClose} = useAppDrawer();\n const {fetchMenu, menu} = useFetchLobbyMenu(true)\n const [value, setValue] = useState(0);\n useEffect(() => fetchMenu(), [])\n return (\n
\n \n \n {/* From bottom Nav will not show in order to show webinar button */}\n {\n setValue(newValue);\n }}\n >\n }/>\n \n \n }/>\n \n \n }/>\n }/>\n \n \n \n \n
\n \n \n \n
\n \n \n
\n )\n}\n","import React, {useEffect} from 'react';\nimport clsx from 'clsx';\nimport {useTheme} from '@material-ui/core/styles';\nimport {Drawer,} from '@material-ui/core';\nimport IconButton from '@material-ui/core/IconButton';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport ChevronLeftIcon from '@material-ui/icons/ChevronLeft';\nimport ChevronRightIcon from '@material-ui/icons/ChevronRight';\nimport {usedashboardSidebarStyles} from \"../../../utils/hooks/useInternalAdminStyles\";\nimport AdminSideBar from './AdminSideBar'\nimport useAppDrawer from \"../../../utils/hooks/useAppDrawer\"\nimport useFetchLobbyMenu from \"../../../utils/hooks/useFetchLobbyMenu\";\n\nexport default function AdminLeftDrawer() {\n const classes = (usedashboardSidebarStyles())();\n const theme = useTheme();\n const {open, setOpen, handleDrawerOpen, handleDrawerClose} = useAppDrawer();\n const {fetchMenu, menu} = useFetchLobbyMenu(true)\n useEffect(() => {fetchMenu(); setOpen(true)}, [])\n\n return (\n
\n \n \n className={classes.media}\n image=\"https://vepimg.b8cdn.com/uploads/vjfnew//content/files/1627561549loadervjf-jpeg1627561549.jpeg\"\n >\n \n \n {/*incase of no_response below CardContent will be replaced*/}\n\n {/* \n\n \n className={classes.noResponseMedia}\n image=\"https://vepimg.b8cdn.com/uploads/vjfnew//content/files/1656581561timer-svg1656581561.svg\"\n > */}\n {/*incase of declined image url will be replaced with below image*/}\n {/*https://vepimg.b8cdn.com/uploads/vjfnew//content/files/1656581561declined-svg1656581561.svg*/}\n {/* \n \n Unfortunately Olivia didn ot give any response to your match request. Continue searching and we’ll try our best to find you another match! */}\n {/*incase of declined call below text will be replaced*/}\n {/* Unfortunately the match request was denied by Olivia. Continue searching and we’ll try our best to find you another match!*/}\n {/* \n \n */}\n\n\n {/**/}\n {/* */}\n {/* className={classes.noResponseMedia}*/}\n {/* image=\"\"*/}\n {/* > */}\n {/* */}\n {/* Unfortunately Olivia did not give any responce to your match request. Continue searching and we’ll try our best to find you another match!*/}\n {/* */}\n {/**/}\n
\n \n \n {/*Below component will be show in case of time right side room call duration or call request notification*/}\n {/**/}\n {/**/}\n\n \n );\n}\n","/** --------------------------------------- */\n/** ----Please-Use-localhost-OR-HTTPS------ */\n/** --------------------------------------- */\nimport {useState, useEffect} from \"react\";\n\nexport default function useMedia() {\n const [audioStatus, setAudioStatus] = useState(true);\n const [videoStatus, setVideoStatus] = useState(true);\n const [audio, setAudio] = useState(null);\n const [audioOptions, setAudioOptions] = useState([]);\n const [video, setVideo] = useState(null);\n const [videoOptions, setVideoOptions] = useState([]);\n const [videoStream, setVideoStream] = useState(null);\n\n // use this in your component to handle variable data states\n // useEffect(() => getStream().then(getDevices).then(gotDevices), []);\n useEffect(() => updateAudioVideo(audioStatus, \"audio\"), [audioStatus]);\n useEffect(() => updateAudioVideo(videoStatus, \"video\"), [videoStatus]);\n\n const getDevices = () => navigator.mediaDevices && navigator.mediaDevices.enumerateDevices();\n const gotDevices = deviceInformation => {\n if (deviceInformation) {\n window.deviceInformation = deviceInformation; // make available to console\n const ao = [], vo = [];\n for (const deviceInfo of deviceInformation) {\n if (deviceInfo.kind === 'audioinput') {\n ao.push(deviceInfo);\n } else if (deviceInfo.kind === 'videoinput') {\n vo.push(deviceInfo);\n }\n }\n setAudioOptions(ao);\n setVideoOptions(vo);\n }\n }\n const getStream = (targetValue = null, type = null, unMuted = true) => {\n if (window && window.stream) {\n window.stream.getTracks().map(track => track.stop());\n }\n let audioValue = targetValue && type === \"audio\" ? targetValue : null;\n let videoValue = targetValue && type === \"video\" ? targetValue : null;\n audioValue = !unMuted && type === \"audio\" ? unMuted : (!audioStatus ? audioStatus : {deviceId: audioValue ? {exact: audioValue} : undefined});\n videoValue = !unMuted && type === \"video\" ? unMuted : (!videoStatus ? videoStatus : {deviceId: videoValue ? {exact: videoValue} : undefined});\n const constraints = {\n audio: audioValue,\n video: videoValue\n };\n if (!constraints.audio && !constraints.video) {\n return navigator.mediaDevices && navigator.mediaDevices.getUserMedia(constraints).then(gotStream).catch(handleError);\n }\n }\n const updateAudioVideo = (unMuted, type) => {\n getStream(null, type, unMuted)\n }\n const gotStream = stream => {\n window.stream = stream; // access global\n setAudio(stream.getAudioTracks()[0]);\n setVideo(stream.getVideoTracks()[0]);\n setVideoStream(stream);\n }\n const handleError = (error) => {\n console.log('Media: ', error);\n }\n return {\n audioOptions,\n videoOptions,\n audio,\n video,\n videoStream,\n audioStatus,\n videoStatus,\n setAudio,\n setVideo,\n getStream,\n gotStream,\n getDevices,\n gotDevices,\n setAudioStatus,\n setVideoStatus,\n updateAudioVideo\n }\n}","import React from 'react';\nimport { Box } from '@material-ui/core';\nimport { useBorderSelectStyles } from '@mui-treasury/styles/select/border';\nimport Select from '@material-ui/core/Select';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\nimport { videoCallStyle } from \"../../../utils/hooks/useApplyStyles\";\nimport useMedia from '../../../utils/hooks/useMedia';\nimport { useContextCustom } from '../../../utils/hooks/useContextCustom';\n\nexport default function VideoSelectBox({\n audioOptions, \n videoOptions,\n speakerOptions, \n // videoDeviceId, \n // audioDeviceId,\n // speakerDeviceId, \n setAudioDeviceId, \n setVideoDeviceId, \n setSpeakerDeviceId,\n attachSinkId}) {\n const classes = (videoCallStyle())();\n const borderSelectClasses = useBorderSelectStyles();\n const [state, dispatch] = useContextCustom();\n const { vm_devices_configurations } = state;\n\n const menuProps = {\n classes: { list: borderSelectClasses.list },\n anchorOrigin: { vertical: \"bottom\", horizontal: \"left\" },\n transformOrigin: { vertical: \"top\", horizontal: \"left\" },\n getContentAnchorEl: null\n };\n const iconComponent = (props) => ;\n return (\n \n \n \n Audio Input/Output\n {console.log(e); setAudioDeviceId(e.target.value); attachSinkId(e.target.value)}}\n readOnly={window.location.host === 'usccareercenterevents.vfairs.com'}\n >\n {\n audioOptions && audioOptions.length > 0 &&\n audioOptions.map(element => )\n }\n \n \n \n {/* \n \n Speaker\n \n \n */}\n\n \n \n Video\n \n \n \n \n\n );\n}","import {Grid} from '@material-ui/core';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport DashboardContent from './Content/DashboardContent'\nimport {usedashboardSidebarStyles, usedashboardNavStyles} from \"../../utils/hooks/useInternalAdminStyles\";\nimport {isMobile} from 'react-device-detect';\nimport MobileBottomNav from '../MobileView/Navigations/MobileBottomNav'\nimport AdminLeftDrawer from './SideBar/AdminLeftDrawer'\nimport SearchMatch from \"../VideoMatchmaking/SearchMatch\";\nimport VideoCall from \"../VideoMatchmaking/VideoCall\";\n\nexport default function AdminDashboard({children, navTitle, navSearchPlaceHolder, isDefaultButton, type = \"\"}) {\n const classes = !isMobile ? (usedashboardSidebarStyles())() : (usedashboardNavStyles())();\n return (\n
\n \n {/* This drawer Menu is for desktop usedashboardSidebarStyles drawer is hidden for mobile view*/}\n {!isMobile && }\n \n \n \n \n {/**/}\n {/* */}\n {isMobile && }\n \n
\n )\n}\n","import {Box, FormControl, MenuItem, Select, Typography} from \"@material-ui/core\";\nimport React, {useState} from \"react\";\nimport {exhibitHallStyle} from \"../../../../utils/hooks/useApplyStyles\";\nimport ExpandMoreIcon from \"@material-ui/icons/ExpandMore\";\nimport { useBorderSelectStyles } from '@mui-treasury/styles/select/border';\nimport ExhibitHallDefaultSorting from \"./ExhibitHallDeafultSorting\";\n\nexport default function ExhibitHallDefaultButtons() {\n\n const classes = (exhibitHallStyle())();\n const [val, setVal] = useState(0);\n\n const handleChange = (event) => {\n setVal(event.target.value);\n };\n\n const borderSelectClasses = useBorderSelectStyles();\n\n // moves the menu below the select input\n const menuProps = {\n classes: {\n list: borderSelectClasses.list\n },\n anchorOrigin: {\n vertical: \"bottom\",\n horizontal: \"left\"\n },\n transformOrigin: {\n vertical: \"top\",\n horizontal: \"left\"\n },\n getContentAnchorEl: null\n };\n\n const iconComponent = (props) => {\n return (\n \n )\n };\n return (\n \n \n (16 booths)\n \n \n \n );\n}\n","import React from \"react\";\nimport {Item, Row} from \"@mui-treasury/components/flex\";\nimport {Avatar, IconButton, Typography} from \"@material-ui/core\";\nimport {Info, InfoSubtitle, InfoTitle} from \"@mui-treasury/components/info\";\nimport ArrowForwardIosOutlinedIcon from \"@material-ui/icons/ArrowForwardIosOutlined\";\nimport {Link, useParams} from \"react-router-dom\";\n\nconst RenderExhibitHallList = ({booths, classes}) => {\n\n const {lang} = useParams()\n\n return (\n <>\n {\n booths.length > 0\n ? booths.map((booth, index) => {\n return \n \n
\n )\n}","import React from 'react';\nimport NavigationBar from \"../containers/Dashboard/NavigationBar\";\nimport SessionPlayerView from '../containers/Dashboard/Content/Auditorium/SessionPlayerView'\nimport DashboardLayout from \"../components/layout/base/DashboardLayout\";\n\nexport default function SessionPlayerPage() {\n return (\n \n \n \n\n \n );\n}\n","import React from 'react';\nimport Avatar from '@material-ui/core/Avatar';\nimport { Row, Item } from '@mui-treasury/components/flex';\nimport { Info, InfoTitle, InfoSubtitle } from '@mui-treasury/components/info';\nimport { useSizedIconButtonStyles } from '@mui-treasury/styles/iconButton/sized';\nimport {\n useLeaderboardStyles,\n WhiteChip,\n PartipantBadge, WhiteInverseChip\n} from \"../../../../../utils/hooks/useInternalAdminStyles\";\n\nexport default function SingleParticipant() {\n const classes = (useLeaderboardStyles())();\n\n return (\n \n \n \n \n \n \n \n M. Douglas (Me)\n Cornell University\n \n
\n \n {/*when particpant is selected there is change between classes and whitechip and whiteinversechip for achivement drawer*/}\n\n \n {/**/}\n \n \n );\n};","import React from 'react';\nimport Avatar from '@material-ui/core/Avatar';\nimport {Row, Item, Column} from '@mui-treasury/components/flex';\nimport { Info, InfoTitle, InfoSubtitle } from '@mui-treasury/components/info';\nimport { useSizedIconButtonStyles } from '@mui-treasury/styles/iconButton/sized';\nimport {\n useLeaderboardStyles,\n PartipantBadge\n} from \"../../../../../utils/hooks/useInternalAdminStyles\";\nimport {Badge, Divider} from \"@material-ui/core\";\nimport TextsmsOutlinedIcon from \"@material-ui/icons/TextsmsOutlined\";\n\nexport default function WinnerParticipant() {\n const classes = (useLeaderboardStyles())();\n\n return (\n <>\n \n \n \n \n M. Douglas\n Cornell University\n 582 pts\n \n \n \n \n \n \n \n M. Douglas\n Cornell University\n 582 pts\n \n \n \n \n \n \n \n M. Douglas\n Cornell University\n 582 pts\n \n \n \n \n\n \n\n \n \n );\n};","import React from 'react';\nimport { useLeaderboardStyles } from \"../../../../../utils/hooks/useInternalAdminStyles\";\nimport SingleParticipant from '../RightSideBar/SingleParticipant'\nimport WinnerParticipant from \"./WinnerParticpant\";\n\nexport default function LeaderboardSidebar() {\n const classes = (useLeaderboardStyles())();\n\n return (\n\n
\n \n \n\n
\n\n );\n}","import React from 'react';\nimport {Card, CardContent, Typography, TableBody, TableCell, Table, TableRow} from '@material-ui/core';\nimport {useLeaderboardStyles} from \"../../../../../utils/hooks/useInternalAdminStyles\";\n\nexport default function PointSystemCard() {\n const classes = (useLeaderboardStyles())();\n return (\n \n \n \n Leaderboard Point System\n \n\n
\n \n \n Clicking on a Booth Banner\n 100 pts\n \n \n Clicking on a Booth Banner\n 100 pts\n \n \n Clicking on a Booth Banner\n 100 pts\n \n \n Clicking on a Booth Banner\n 100 pts\n \n \n Clicking on a Booth Banner\n 100 pts\n \n \n Clicking on a Booth Banner\n 100 pts\n \n \n Clicking on a Booth Banner\n 100 pts\n \n \n
\n\n \n \n );\n}\n","import React from 'react';\nimport {Card,CardContent,Typography} from '@material-ui/core';\nimport { useLeaderboardStyles } from \"../../../../../utils/hooks/useInternalAdminStyles\";\n\nexport default function SponsorPriceCard() {\n const classes = (useLeaderboardStyles())();\n return (\n \n \n \n Brainstorm Bunch Sponsored Prizes\n \n\n \n \n );\n}\n","import React from 'react';\nimport { usedashboardSidebarStyles } from \"../../../../utils/hooks/useInternalAdminStyles\";\nimport LeaderboardSidebar from './RightSideBar/LeaderboardSidebar'\nimport { Grid, Box } from '@material-ui/core';\nimport NavTitleArrow from \"../../DetailHeader/NavTitleArrow\";\nimport PointSystemCard from '../LeaderBoard/Content/PointSystemCard'\nimport SponsorPriceCard from '../LeaderBoard/Content/SponsorPriceCard'\n\n\nexport default function LeaderboardContent(title) {\n const classes = (usedashboardSidebarStyles())();\n return (\n \n \n\n \n \n \n \n \n \n \n \n \n \n \n \n );\n}","import React from 'react';\nimport Avatar from '@material-ui/core/Avatar';\nimport {Row, Item} from '@mui-treasury/components/flex';\nimport {Info, InfoTitle, InfoSubtitle} from '@mui-treasury/components/info';\nimport {useSizedIconButtonStyles} from '@mui-treasury/styles/iconButton/sized';\nimport {\n useLeaderboardStyles,\n WhiteChip,\n PartipantBadge, WhiteInverseSuccessChip\n} from \"../../../../../utils/hooks/useInternalAdminStyles\";\nimport {Typography} from \"@material-ui/core\";\nimport CheckBoxIcon from '@material-ui/icons/CheckBox';\n\nexport default function SinglePointsCard() {\n const classes = (useLeaderboardStyles())();\n\n return (\n \n \n \n \n \n Clicking on a Booth Banner\n \n
\n \n {/*when particpant is selected there is change between classes and whitechip and whiteinversechip for achivement drawer*/}\n\n {/**/}\n \n \n \n );\n};","import React from 'react';\n\nimport SinglePointsCard from \"../RightSideBar/SinglePointsCard\";\nimport {Divider, Typography} from \"@material-ui/core\";\nimport SingleParticipant from \"../RightSideBar/SingleParticipant\";\nimport {useLeaderboardStyles,BorderLinearProgress} from \"../../../../../utils/hooks/useInternalAdminStyles\";\n\nexport default function ProgressBar() {\n const classes = (useLeaderboardStyles())();\n return (\n
\n \n2/7 Complete\n
\n )\n}","import React from 'react';\nimport {Grid, Box, AppBar, Toolbar, Typography, FormControl, Select, MenuItem} from '@material-ui/core';\nimport {TopNavContentStyle, WhiteBorderedButton} from \"../../../utils/hooks/useApplyStyles\";\nimport Container from \"@material-ui/core/Container\";\nimport SearchBar from \"../../Dashboard/TopBar/SearchBar\";\nimport AchievementContMob from \"./AchievementContMob\";\nimport ProgressBar from \"../../Dashboard/Content/LeaderBoard/Achivements/ProgressBar\";\nimport SingleParticipant from \"../../Dashboard/Content/LeaderBoard/RightSideBar/SingleParticipant\";\n\n\nexport default function AchievementMobHeader() {\n const styles = TopNavContentStyle();\n const classes = styles();\n return (\n
\n );\n}","import React from 'react';\nimport LeaderBoardMobHeader from \"./LeaderBoardMobHeader\";\nimport WinnerParticipant from \"../../Dashboard/Content/LeaderBoard/RightSideBar/WinnerParticpant\";\nimport {useLeaderboardStyles} from \"../../../utils/hooks/useInternalAdminStyles\";\nimport {Box} from '@material-ui/core';\nimport SingleParticipant from \"../../Dashboard/Content/LeaderBoard/RightSideBar/SingleParticipant\";\nimport AchievementMobHeader from \"./AchievementMobHeader\";\nimport SinglePointsCard from \"../../Dashboard/Content/LeaderBoard/RightSideBar/SinglePointsCard\";\n\nexport default function AchievementContMob() {\n const classes = (useLeaderboardStyles())();\n return (\n <>\n \n \n \n \n \n\n \n\n \n\n );\n}","import React from 'react';\nimport { Grid } from '@material-ui/core';\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport LeaderboardContent from './LeaderboardContent'\nimport { usedashboardSidebarStyles, usedashboardNavStyles } from \"../../../../utils/hooks/useInternalAdminStyles\";\nimport { isMobile } from 'react-device-detect';\nimport AdminLeftDrawer from '../../SideBar/AdminLeftDrawer'\nimport LeaderBoardContMob from \"../../../MobileView/LeaderBoard/LeaderBoardContMob\";\nimport AchievementContMob from \"../../../MobileView/LeaderBoard/AchievementContMob\";\n\nexport default function LeaderboardView() {\n const classes = !isMobile ? (usedashboardSidebarStyles())() : (usedashboardNavStyles())();\n return (\n
\n \n {/* This drawer Menu is for desktop usedashboardSidebarStyles drawer is hidden for mobile view*/}\n {!isMobile && }\n \n \n {!isMobile && }\n {/*{isMobile && }*/}\n {isMobile && }\n\n \n \n
Initiate a one-on-one chat with the matched mentor/mentee during/after the call by clicking on the name at the bottom left of the call screen.
\n
You can share your contact by clicking on the \"Share Contact\" option located on the bottom right side of the call screen, and the matched mentee/mentor will receive it via email.
\n ![](\"https://vepimg.b8cdn.com/uploads/vjfnew//content/files/1637260137verifyico-svg1637260137.svg\"/)
\n ![\"logo\"/](\"https://vepimg.b8cdn.com/uploads/vjfnew//content/files/1628508466vfairslogo-png1628508466.png\"\n)
\n