\n \n \n \n \n India’s Premier Learning Platform for Underserved Communities\n \n \n Affordable and accessible programming education to the makers\n of the future India\n \n \n \n Start Learning\n \n \n \n \n \n \n\n {/* section 2 */}\n\n \n \n \n \n \n \n \n Trusted by 9+ Partners\n \n \n For our hybrid and free online learning approach\n \n \n \n \n \n \n \n \n \n \n 9000+ Active Students\n \n \n From all corners of India taking first step in tech world\n \n \n \n \n \n \n \n \n \n \n 5+ Monthly Mentor Sessions\n \n \n For direct interaction with industry experts at Amazon\n \n \n \n \n \n \n
\n\n {/* section 3 */}\n\n \n
\n );\n};\n\nLoader.propTypes = {\n className: PropTypes.string,\n pageLoader: PropTypes.bool,\n // If main page loading pass this prop value as true\n};\n\nexport default Loader;\n","import React from \"react\";\nconst GoogleSvg = require(\"./Google.svg\");\nconst GoogleIcon = () => {\n return \n \n \n \n \n
\n \n \n {({ formFieldsState, setFormField, setFormFieldsState }) => {\n // const checkEquivalence = _.isEqual(initialFormState, formFieldsState);\n let checkEquivalence = true;\n let disable =\n formFieldsState[TYPE] &&\n formFieldsState[PATHWAY_ID] &&\n formFieldsState[TITLE] &&\n formFieldsState[DESCRIPTION] &&\n formFieldsState[DESCRIPTION].length < 555;\n\n if (formFieldsState[TYPE] === \"batch\") {\n if (\n disable &&\n formFieldsState[ON_DAYS] &&\n (formFieldsState[UNTIL] || formFieldsState[OCCURRENCE])\n ) {\n checkEquivalence = false;\n }\n } else {\n if (disable) {\n checkEquivalence = false;\n }\n }\n\n return (\n <>\n \n \n \n \n \n\n \n \n \n {pathways.map((item, index) => {\n if (item.code == \"PRGPYT\" || item.code == \"SPKENG\") {\n return (\n \n {\n setPathwayCode(item.code);\n setPathwayId(e.target.value);\n setFormField(item.id, PATHWAY_ID);\n }}\n checked={\n pathwayId === `${item.id}` ? \"checked\" : false\n }\n id={`pathway-${index}`}\n />\n {item.name}\n \n );\n }\n })}\n \n
\n {!formFieldsState[PATHWAY_ID] && (\n \n Please choose a pathway\n \n )}\n {formFieldsState[TYPE] === \"doubt_class\" &&\n pathways.map((pathway) => {\n // this need to changes\n if (pathwayId == pathway.id) {\n return (\n \n {isEditMode\n ? `Update ${\n initialFormState[TYPE] == \"batch\" ? \"batch\" : \"doubt\"\n } class`\n : \"Create a Batch\"}\n
\n\n \n {\n changeHandler(e, setFormFieldsState, formFieldsState);\n }}\n value={formFieldsState[CLASS_START_TIME]}\n id=\"class_start_time\"\n required\n aria-required\n />\n
\n \n \n \n changeHandler(e, setFormFieldsState, formFieldsState)\n }\n value={formFieldsState[CLASS_END_TIME]}\n id=\"class_end_time\"\n required\n aria-required\n />\n
\n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n \n \n \n {formFieldsState[TYPE] === \"batch\" && (\n <>\n \n \n \n \n \n \n \n \n \n \n {formFieldsState[ON_DAYS].length == 0 && (\n Select days\n )}\n {matchDay && (\n \n Days does not match to selected date\n \n )}\n {/* \n \n
\n ) : (\n \n {\n handleClickOpen();\n setClassRefresh(true);\n handleMerge();\n }}\n sx={{ width: 133, margin: \"0px 10px\" }}\n >\n Merge Class \n \n\n \n \n Merge Class \n \n \n \n Please choose another batch's class to add students of this class\n to it\n \n \n \n Merge to Class\n \n {\n setMarginId(e.target.value);\n }}\n >\n {Pathwayfilter?.length === 1 ? (\n \n ) : (\n Pathwayfilter?.map((item) => {\n return (\n item.id !== itemID && (\n \n )\n );\n })\n )}\n \n \n \n The tutor and students will receive the updated class invitation\n \n \n \n \n {\n handleSubmit(itemID);\n handleClose();\n }}\n >\n Confirm Class Merge\n \n \n \n
\n );\n}\nexport default MergeClass;\n","import React, { useState, useEffect } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport axios from \"axios\";\n// import { dateTimeFormat, TimeLeft } from \"../../../constant\";\n// import { timeLeftFormat } from \"../../common/date\";\n// import { format, dateTimeFormat, timeLeftFormat } from \"../../../common/date\";\nimport { METHODS } from \"../../services/api\";\nimport { actions as classActions } from \"./redux/action\";\nimport \"./styles.scss\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { format, dateTimeFormat, timeLeftFormat } from \"../../common/date\";\n\nimport {\n Typography,\n Button,\n Box,\n Stack,\n Menu,\n MenuItem,\n Checkbox,\n Dialog,\n DialogTitle,\n DialogActions,\n} from \"@mui/material\";\n// import { useHistory } from 'react-router-dom';\nimport MoreVertIcon from \"@mui/icons-material/MoreVert\";\nimport MergeClass from \"./MergeClass\";\n\ntoast.configure();\n\nfunction EditClass({\n item,\n editClass,\n Newpathways,\n pathwayId,\n indicator,\n setRefreshKey,\n mergeDate,\n}) {\n const dispatch = useDispatch();\n const [enrollShowModal, setEnrollShowModal] = React.useState(false);\n const [unenrollShowModal, setunenrollShowModal] = React.useState(false);\n const [showModal, setShowModal] = React.useState(false);\n const [editShowModal, setEditShowModal] = React.useState(false);\n const [deleteCohort, setDeleteCohort] = React.useState(false);\n const user = useSelector(({ User }) => User);\n const [anchorElUser, setAnchorElUser] = React.useState(null);\n const [classRefresh, setClassRefresh] = useState(false);\n\n const handleOpenUserMenu = (event) => {\n event.stopPropagation();\n setAnchorElUser(event.currentTarget);\n };\n\n const handleClose = () => {\n setShowModal(false);\n setDeleteCohort(false);\n };\n\n const handleEdit = () => {\n setEditShowModal(true);\n setAnchorElUser(null);\n };\n\n const handleCloseEdit = (e) => {\n e.stopPropagation();\n setEditShowModal(false);\n };\n\n const handleClickOpen = () => {\n setShowModal(!showModal);\n\n setAnchorElUser(null);\n };\n\n const handleClickOpenUnenroll = () => {\n setunenrollShowModal(!unenrollShowModal);\n\n setAnchorElUser(null);\n };\n\n const rolesList = user.data.user.rolesList;\n let flag = false;\n rolesList.includes(\"admin\") || rolesList.includes(\"classAdmin\")\n ? (flag = true)\n : (flag = false);\n\n // API CALL FOR DELETE CLASS\n const deleteHandler = (id) => {\n const notify = () => {\n toast.success(\" Deleted the class successfully\", {\n position: toast.POSITION.BOTTOM_RIGHT,\n autoClose: 2500,\n });\n };\n setShowModal(!showModal);\n return axios({\n method: METHODS.DELETE,\n url: `${process.env.REACT_APP_MERAKI_URL}/classes/${id}`,\n headers: {\n accept: \"application/json\",\n Authorization: user.data.token,\n \"delete-all\": indicator,\n },\n }).then(() => {\n setRefreshKey(true);\n notify();\n dispatch(classActions.deleteClass(id));\n });\n };\n\n const ACBPathway = Newpathways?.find((path) => {\n return item?.PartnerSpecificBatches?.pathway_id === path.id;\n });\n\n const merge_date = format(item.start_time, \"yyyy-MM-dd\");\n\n return (\n <>\n ![\"img\"]({require(\"./assets/ClassCreated.svg\")})
\n \n// \n
\n ) : (\n \n
\n ) : (\n \n
\n ) : (\n \n
\n ) : (\n ![\"img\"]({require(\"./assets/noClass.png\")})
\n \n ![]({require(\"../assets/time.svg\")})
\n {format(classStartTime, \"hh:mm aaa\")} -{\" \"}\n {format(classEndTime, \"hh:mm aaa\")}\n \n
\n ) : (\n \n
\n ) : (\n - \n {Newpathways &&\n Newpathways.map((item) => {\n if (\n item.code == \"PRGPYT\" ||\n item.code == \"SPKENG\" ||\n item.code === \"ACB\"\n ) {\n return (\n
\n {/* Learning Track dropdown for mobile viwes*/}\n\n
\n )}\n \n );\n}\n\nexport default DrawerLeft;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport CreateClassComponent from \"../../components/Class\";\nimport ClassesList from \"../../components/Class/ClassList\";\nimport { useSelector } from \"react-redux\";\nimport \"../../components/Class/ClassList/styles.scss\";\nimport axios from \"axios\";\nimport { METHODS } from \"../../services/api\";\nimport \"./styles.scss\";\nimport useStyles from \"./styles\";\nimport {\n Container,\n Button,\n Modal,\n useMediaQuery,\n Box,\n Stack,\n Typography,\n Dialog,\n DialogTitle,\n DialogActions,\n Grid,\n} from \"@mui/material\";\nimport { breakpoints } from \"../../theme/constant\";\nimport ClassForm from \"../../components/Class/ClassForm\";\nimport SuccessModel from \"../../components/Class/SuccessModel\";\nimport NewVolunteerCard from \"../../components/Class/NewVolunteerCard\";\nimport DrawerLeft from \"./Drawer\";\nimport ReactPaginate from \"react-paginate\";\n\nfunction ToggleClassFormModal() {\n const [showModal, setShowModal] = useState(false);\n const [formType, setFormType] = useState(\"batch\");\n const [classToEdit, setClassToEdit] = useState({});\n const [indicator, setIndicator] = useState(false);\n const [showConsentModal, setShowConsentModal] = useState(false);\n const [refreshKey, setRefreshKey] = useState(true);\n // const { data = [] } = useSelector(({ Class }) => Class.allClasses);\n const user = useSelector(({ User }) => User);\n const [open, setOpen] = React.useState(false);\n const handleOpen = () => setOpen(true);\n const [openSuccessfullModal, setOpenSuccessfullModal] = useState(false);\n const [isEditMode, setIsEditMode] = React.useState(false);\n const classes = useStyles();\n const [showClass, setShowClasses] = useState(true);\n const [pathwayID, setPathwayId] = useState(1);\n\n const [pathwayName, setPathwayName] = useState(\"Python\");\n\n const isActive = useMediaQuery(\"(max-width:\" + breakpoints.values.sm + \"px)\");\n const isActiveIpad = useMediaQuery(\"(max-width:1300px)\");\n\n const rolesList = user.data.user.rolesList;\n const canSpecifyFacilitator = rolesList.indexOf(\"admin\") > -1;\n\n const [calenderConsent, setCalenderConsent] = useState(true);\n const [authUrl, setAuthUrl] = useState(\"\");\n const [Newpathways, setNewPathways] = useState([]);\n const [typeOfClass, setTypeOfClass] = useState(\"batch\");\n const url = window.location.href;\n\n const toggleModalOpen = () => {\n // setFormType();\n setClassToEdit({});\n // setShowModal(!showModal);\n CalenderConsent();\n };\n\n //here can check\n const editClass = (classId, indicator) => {\n setClassToEdit(data.find((classData) => classData.id === classId));\n setIsEditMode(true);\n setShowModal(true);\n setIndicator(indicator);\n };\n\n const CalenderConsent = () => {\n axios({\n method: METHODS.GET,\n url: `${process.env.REACT_APP_MERAKI_URL}/users/calendar/tokens`,\n headers: {\n accept: \"application/json\",\n Authorization: user.data.token,\n },\n })\n .then((res) => {\n if (res.data.success) {\n setCalenderConsent(true);\n setShowModal(true);\n } else {\n setCalenderConsent(false);\n setShowConsentModal(true);\n setShowModal(false);\n }\n })\n .catch((err) => {});\n };\n\n const handleClose = () => {\n setShowConsentModal(false);\n };\n\n const codeGenerate = async () => {\n return axios({\n method: METHODS.GET,\n url: `${process.env.REACT_APP_MERAKI_URL}/users/calendar/generateAuthURL`,\n headers: {\n accept: \"application/json\",\n Authorization: user.data.token,\n },\n })\n .then((res) => {\n setAuthUrl(res.data.url);\n })\n .catch((err) => {});\n };\n\n const calledOnce = useRef(false);\n const history = useHistory();\n\n useEffect(() => {\n let code;\n let payload;\n let user_id;\n let user_email;\n if (url.includes(\"code\")) {\n const decodedUri = decodeURIComponent(url);\n user_id = decodedUri.split(\"=\")[2].split(\"+\")[0];\n user_email = decodedUri.split(\"=\")[3].split(\"&\")[0];\n code = url.split(\"code=\")[1].split(\"scope\")[0];\n payload = {\n ...payload,\n user_id: parseInt(user_id, 10),\n user_email: user_email,\n };\n calledOnce.current = true;\n }\n if (calledOnce.current) {\n return axios({\n method: METHODS.PUT,\n url: `${process.env.REACT_APP_MERAKI_URL}/users/calendar/tokens`,\n\n headers: {\n accept: \"application/json\",\n Authorization: user.data.token,\n code: code,\n },\n data: payload,\n })\n .then((res) => {\n if (res.data.success) {\n setShowModal(true);\n history.push(\"/batch\");\n }\n })\n .catch((err) => {});\n }\n }, [calledOnce]);\n const [newVolunteer, setNewVolunteer] = useState(false);\n\n const [data, setData] = useState([]);\n const [page, setPage] = useState(0);\n const [loading, setLoading] = useState(true);\n const [totalCount, setTotalCount] = useState();\n const limit = 9;\n\n useEffect(() => {\n refreshKey &&\n axios({\n method: METHODS.GET,\n url: `${\n process.env.REACT_APP_MERAKI_URL\n }/batches/${pathwayID}?limit=${limit}&page=${\n page + 1\n }&typeOfClass=${typeOfClass}`,\n headers: {\n accept: \"application/json\",\n Authorization: user.data.token,\n },\n })\n .then((res) => {\n setData(res.data.batches);\n setTotalCount(res.data.total_count);\n setLoading(false);\n setRefreshKey(false);\n })\n .catch((res) => {\n setLoading(false);\n });\n }, [pathwayID, limit, page, typeOfClass, refreshKey, setRefreshKey]);\n\n const pageCount = Math.ceil(totalCount / limit);\n\n const changePage = ({ selected }) => {\n setPage(selected);\n setRefreshKey(true);\n };\n\n useEffect(() => {\n try {\n const newVol = localStorage.getItem(\"isNewVolunteer\");\n if (newVol == \"true\" && newVol != null) {\n setNewVolunteer(true);\n } else {\n setNewVolunteer(false);\n }\n } catch (error) {\n //console.error('Error accessing localStorage:', error);\n return {};\n }\n }, [newVolunteer]);\n\n useEffect(() => {\n axios({\n method: METHODS.GET,\n url: `${process.env.REACT_APP_MERAKI_URL}/pathways/names`,\n headers: {\n accept: \"application/json\",\n Authorization: user.data.token,\n },\n })\n .then((res) => {\n setNewPathways(res.data);\n })\n .catch((err) => {});\n }, []);\n\n return (\n \n \n Learning Track\n \n\n
\n\n {isOpen && (\n - \n
\n {/*
\n )}\n */}\n\n
\n Do you want to go ahead?\n
\n {name[0]}\n
\n );\n }\n return \n {renderContent()}\n
\n );\n};\n","import React from \"react\";\nimport \"./style.scss\";\n\nexport default ({ isOpen, className, options = [] }) => {\n if (isOpen) {\n return (\n \n {options.map((option) => {\n return (\n \n {option.label}\n \n );\n })}\n
\n );\n }\n return null;\n};\n","import axios from \"axios\";\nexport const MATRIX_DOMAIN = \"https://m.navgurukul.org\";\n\nconst baseUrl = `${MATRIX_DOMAIN}/_matrix/client/r0`;\n\nexport const getMembers = async (accessToken, roomId) => {\n const getMembersResponse = await axios.get(\n `${baseUrl}/rooms/${roomId}/members?access_token=${accessToken}`\n );\n return getMembersResponse.data.chunk;\n};\n\nexport const getMemberName = (member) => {\n return member\n ? (member.content && member.content.displayname) ||\n (member.prev_content && member.prev_content.displayname)\n : \"\";\n};\n\nexport const getAreDatesOnDifferentDays = (firstDateTs, secondDateTs) => {\n let areDatesOnDifferentDay = false;\n const previousMessageDate = new Date(firstDateTs);\n const currentMessageDate = new Date(secondDateTs);\n const previousMessageDay = previousMessageDate.getDate();\n const currentMessageDay = currentMessageDate.getDate();\n\n if (currentMessageDay !== previousMessageDay) {\n areDatesOnDifferentDay = true;\n } else {\n const previousMessageMonth = previousMessageDate.getMonth();\n const currentMessageMonth = currentMessageDate.getMonth();\n if (previousMessageMonth !== currentMessageMonth) {\n areDatesOnDifferentDay = true;\n } else {\n const previousMessageYear = previousMessageDate.getFullYear();\n const currentMessageYear = currentMessageDate.getFullYear();\n if (previousMessageYear !== currentMessageYear) {\n areDatesOnDifferentDay = true;\n }\n }\n }\n return areDatesOnDifferentDay;\n};\n\nexport const fetchMessages = async (params) => {\n const {\n roomId,\n accessToken,\n fromSyncToken,\n limit = 10,\n direction = \"b\",\n } = params;\n\n const filters = JSON.stringify({\n types: [\"m.room.message\"],\n });\n\n let baseMessagesUrl = `${baseUrl}/rooms/${roomId}/messages?access_token=${accessToken}&limit=${limit}&dir=${direction}&filter=${filters}`;\n if (fromSyncToken) {\n baseMessagesUrl += `&from=${fromSyncToken}`;\n }\n\n const response = await axios.get(baseMessagesUrl);\n return {\n endToken: response.data.end,\n startToken: response.data.start,\n data: response.data.chunk.reverse(),\n };\n};\n\nexport const redactEvent = async (params) => {\n const { roomId, eventId, accessToken, trxnId = null, reason = \"\" } = params;\n const baseRedactEventUrl = `${baseUrl}/rooms/${roomId}/redact/${eventId}/${trxnId}?access_token=${accessToken}`;\n return await axios.put(baseRedactEventUrl, {\n reason,\n });\n};\n\nexport const leaveRoom = async (params) => {\n const { roomId, accessToken } = params;\n const leaveRoomUrl = `${baseUrl}/rooms/${roomId}/leave?access_token=${accessToken}`;\n return await axios.post(leaveRoomUrl);\n};\n","import React, { useState } from \"react\";\nimport Avatar from \"../../../components/common/Avatar\";\nimport Dropdown from \"../../../components/common/Dropdown\";\nimport format from \"date-fns/format\";\nimport { leaveRoom } from \"../utils\";\nimport \"./styles.scss\";\n\nexport default ({\n name,\n lastMessage,\n onSelect,\n isSelected,\n roomId,\n accessToken,\n}) => {\n const [isMessageActionsDropdownOpen, setIsMessageActionsDropdownOpen] =\n useState(false);\n const subtitle = lastMessage ? lastMessage.text : \"\";\n\n const renderSubtitle = () => {\n return subtitle.length > 30 ? subtitle.slice(0, 27) + \"...\" : subtitle;\n };\n\n const roomActions = [\n {\n label: \"Leave room\",\n value: \"leave room\",\n onClick: () => {\n leaveRoom({\n roomId,\n accessToken,\n });\n },\n },\n ];\n\n return (\n \n
\n {name}
\n \n {subtitle ? (\n renderSubtitle()\n ) : (\n empty\n )}\n
\n \n {lastMessage && lastMessage.origin_server_ts && (\n {\n e.stopPropagation();\n setIsMessageActionsDropdownOpen(!isMessageActionsDropdownOpen);\n }}\n >\n
\n \n \n );\n};\n","import React, { useState, useEffect, useRef } from \"react\";\nimport Avatar from \"../../../components/common/Avatar\";\nimport { getMemberName } from \"../utils\";\nimport \"./styles.scss\";\n\nexport default ({\n onNewMessage,\n roomId,\n replyMessage,\n members,\n activateReplyToMessageState,\n}) => {\n const [value, onChange] = useState(\"\");\n const inputRef = useRef(null);\n\n useEffect(() => {\n if (replyMessage) {\n inputRef.current.focus();\n }\n }, [replyMessage]);\n\n const sendMessage = () => {\n if (value) {\n onChange(\"\");\n onNewMessage(value, roomId);\n }\n };\n\n const onKeyDown = (e) => {\n if (e.which === 13) {\n sendMessage();\n }\n };\n\n let replyMessageSenderName;\n\n if (replyMessage) {\n let member = members.find(\n (member) => member.sender === replyMessage.sender\n );\n replyMessageSenderName = getMemberName(member);\n }\n\n return (\n <>\n {replyMessage && (\n {format(new Date(lastMessage.origin_server_ts), \"dd LLL\")}
\n )}\n •
\n •
\n •
\n \n {\n activateReplyToMessageState(null);\n }}\n />\n
\n )}\n \n Reply to\n \n
\n \n
\n \n
\n \n {replyMessageSenderName}\n
\n {replyMessage.content.body}
\n \n {\n onChange(e.target.value);\n }}\n />\n
\n \n );\n};\n","import React, { useState } from \"react\";\nimport LinkifyHtml from \"linkifyjs/html\";\n\nimport { format } from \"date-fns\";\nimport _ from \"lodash\";\nimport Avatar from \"../../../components/common/Avatar\";\nimport Dropdown from \"../../../components/common/Dropdown\";\nimport createDOMPurify from \"dompurify\";\nimport \"./styles.scss\";\nimport { JSDOM } from \"jsdom\";\nimport { getMemberName } from \"../utils\";\n\nconst window = new JSDOM(\"\").window;\nconst DOMPurify = createDOMPurify(window);\n\nconst getMessageClass = (type, isSelf) => {\n let messageClass = \"chat-message\";\n if (type === \"action\") {\n messageClass += \" chat-message-action\";\n }\n\n // condition for self or not\n messageClass += isSelf ? \" chat-message-self\" : \" chat-message-other\";\n return messageClass;\n};\n\nexport default ({\n message,\n isSelf,\n senderName,\n onSendMessage,\n deleteMessage,\n activateReplyToMessageState,\n members,\n}) => {\n const [isMessageActionsMenuOpen, setMessageActionsMenu] = useState(false);\n const [isMessageActionsDropdownOpen, setIsMessageActionsDropdownOpen] =\n useState(false);\n const handleMouseOver = () => {\n setMessageActionsMenu(true);\n };\n\n const formatMessage = (message) => {\n switch (message.content.msgtype) {\n case \"org.matrix.options\":\n return {\n ...message,\n value: message.content.label,\n options: message.content.options,\n };\n\n case \"text\":\n case \"m.text\":\n return {\n ...message,\n value: message.content.body,\n };\n }\n };\n\n const renderOptions = (options) => {\n return options.map((option) => {\n return (\n \n \n \n {senderName}\n
\n \n \n {format(new Date(formattedMessage.origin_server_ts), \"hh:mm aaa\")}\n
\n \n
\n )}\n \n
\n in reply to
\n \n member.sender === replyToMessage.sender\n )\n )}\n style={{\n marginRight: 8,\n width: 16,\n height: 16,\n fontSize: 12,\n }}\n />\n
\n \n {getMemberName(\n members.find(\n (member) => member.sender === replyToMessage.sender\n )\n )}\n
\n {replyToMessage.body}
\n \n {\n setIsMessageActionsDropdownOpen(\n !isMessageActionsDropdownOpen\n );\n }}\n >\n \n \n
\n )}\n \n {formattedMessage.options && renderOptions(formattedMessage.options)}\n \n {isSelf && senderName && (\n \n
\n );\n};\n","import React from \"react\";\nimport \"./styles.scss\";\n\nconst FloatingIcon = ({ icon, styles, onClick }) => {\n return (\n \n {messages &&\n messages\n .filter((message) => message.type === \"m.room.message\")\n .map((message, index) => {\n let shouldDisplayDayMarker = false;\n if (messages[index - 1]) {\n shouldDisplayDayMarker = getAreDatesOnDifferentDays(\n messages[index - 1].origin_server_ts,\n message.origin_server_ts\n );\n } else {\n shouldDisplayDayMarker = true;\n }\n const member = members.find(\n (member) => member.sender === message.sender\n );\n\n return (\n \n {shouldDisplayDayMarker && (\n -1}\n />\n \n );\n })}\n
\n \n {format(new Date(message.origin_server_ts), \"do MMM\")}\n
\n )}\n - \n {rooms.map((room) => {\n return (\n
\n {\n handleScroll(e.target);\n }}\n deleteMessage={deleteMessage}\n members={members[selectedRoomId] || []}\n activateReplyToMessageState={activateReplyToMessageState}\n onSendMessage={(value) => {\n onSendMessage(value, selectedRoomId);\n }}\n />\n
\n {isMobile && selectedRoomId && (\n \n {isInitializingClient ? (\n
\n );\n};\n\nexport default Mentor;\n","import React, { useState } from \"react\";\nimport axios from \"axios\";\nimport { useSelector } from \"react-redux\";\nimport Loader from \"../common/Loader\";\nimport { toast } from \"react-toastify\";\nimport \"./styles.scss\";\n\nfunction MerakiChatRoom() {\n const [loading, setLoading] = useState(false);\n const user = useSelector(({ User }) => User);\n const [chatRoom, setChatRoom] = useState({\n name: \"\",\n topic: \"\",\n roomAliasName: \"\",\n visibility: \"\",\n });\n\n const handleChange = async (event) => {\n setChatRoom({ ...chatRoom, [event.target.name]: event.target.value });\n };\n\n const submit = (event) => {\n setLoading(true);\n event && event.preventDefault();\n axios\n .post(`${process.env.REACT_APP_MERAKI_URL}/chat/room`, chatRoom, {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: user.data.token,\n },\n })\n .then(() => {\n toast.success(\"Room Created!\", {\n position: toast.POSITION.BOTTOM_RIGHT,\n });\n setLoading(false);\n })\n .catch((error) => {\n toast.error(\n `Room couldn't be created!: ${error.response.status} ${error.response.data.message.error}`,\n {\n position: toast.POSITION.BOTTOM_RIGHT,\n }\n );\n setLoading(false);\n });\n };\n\n return (\n <>\n \n \n
\n \n );\n}\n\nexport default MerakiChatRoom;\n","import React, { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport { useSelector } from \"react-redux\";\n// import { BsArrowUpDown } from \"react-icons/bs\";\nimport { BsArrowDownUp } from 'react-icons/bs';\nimport { METHODS } from \"../../services/api\";\nimport { useDebounce } from \"use-debounce\";\nimport ReactPaginate from \"react-paginate\";\nimport moment from \"moment\";\nimport Slider from \"rc-slider\";\nimport \"rc-slider/assets/index.css\";\nimport \"./styles.scss\";\n\n\n\nconst { createSliderWithTooltip } = Slider;\nconst Range = createSliderWithTooltip(Slider.Range);\n\nconst getPartnerIdFromUrl = () => {\n let partnerId;\n if (window.location.pathname.includes(\"partner\")) {\n partnerId = window.location.pathname.split(\"/\").pop();\n }\n return partnerId;\n};\n\nfunction MerakiUsers() {\n const [pageNumber, setPageNumber] = useState(0);\n const [totalCount, setTotalCount] = useState();\n const [message, setMessage] = useState(\"\");\n const [students, setStudents] = useState([]);\n const [slicedStudents, setSlicedStudents] = useState([]);\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [sortMethod, setSortMethod] = useState(\"dsc\");\n const [sort_class, setSortClass] = useState(\"sorter\");\n const [filterVal, setFilterVal] = useState([0, 0]);\n const [filteredData, setFilteredData] = useState(false);\n const [debouncedText] = useDebounce(searchTerm, 400);\n\n const user = useSelector(({ User }) => User);\n\n const limit = 10;\n let id = getPartnerIdFromUrl();\n useEffect(() => {\n // let id = getPartnerIdFromUrl();\n axios({\n method: METHODS.GET,\n url: `${process.env.REACT_APP_MERAKI_URL}/users/students/classes${\n searchTerm.length > 0 ? `?name=${searchTerm}` : \"\"\n }`,\n headers: { accept: \"application/json\", Authorization: user.data.token },\n })\n .then((res) => {\n if (\n id == user.data.user.partner_id ||\n user.data.user.rolesList.indexOf(\"admin\") > -1\n ) {\n if (res.data.students.length < 1) {\n setMessage(\"There are no results to display\");\n } else {\n const data = res.data.students\n .map((item) => {\n if (item.classes_registered.length > 0) {\n item.averageRating = 0;\n let avg = 0;\n let count = 0;\n item.classes_registered.map((f) => {\n if (f.feedback.feedback) {\n avg = avg + parseInt(f.feedback.feedback);\n count += 1;\n }\n });\n if (avg > 0) item.averageRating = avg / count;\n else item.averageRating = avg;\n item.classes_registered = item.classes_registered.sort(\n (c1, c2) => {\n return new Date(c1.start_time) - new Date(c2.start_time);\n }\n );\n }\n return {\n ...item,\n // not overwriting original created_at because we need the date object to sort by date\n formatted_created_at: item.created_at\n ? moment(item.created_at.replace(\"Z\", \"\")).format(\n \"DD-MM-YYYY\"\n )\n : \"\",\n classes_registered: item.classes_registered.map((item) => {\n return {\n ...item,\n formatted_start_time: item.start_time\n ? moment(item.start_time.replace(\"Z\", \"\")).format(\n \"DD-MM-YYYY\"\n )\n : \"\",\n /**\n * REVIEW\n * Why item is there again in the next line?\n */\n item,\n formatted_end_time: item.end_time\n ? moment(item.end_time.replace(\"Z\", \"\")).format(\n \"hh:mm a\"\n )\n : \"\",\n };\n }),\n };\n })\n .sort((a, b) => {\n return a.name.localeCompare(b.name);\n });\n setStudents(data);\n setSlicedStudents(\n data.slice(pageNumber * limit, (pageNumber + 1) * limit)\n );\n setTotalCount(res.data.count);\n }\n }\n })\n .catch((err) => {});\n }, [debouncedText]);\n\n const pageCount = Math.ceil(totalCount / limit);\n const changePage = ({ selected }) => {\n setPageNumber(selected);\n };\n\n const sortStudents = (byMethod) => {\n const students = filteredData ? filter : students;\n let sortedStudents;\n if (byMethod === \"name\") {\n sortedStudents = students.sort().reverse();\n } else if (byMethod === \"enroll_date\") {\n sortedStudents = students.sort((a, b) =>\n sortMethod === \"asc\"\n ? new Date(a.created_at) - new Date(b.created_at)\n : new Date(b.created_at) - new Date(a.created_at)\n );\n } else if (byMethod === \"total_classes\") {\n sortedStudents = students.sort((a, b) =>\n sortMethod === \"asc\"\n ? a.classes_registered.length - b.classes_registered.length\n : b.classes_registered.length - a.classes_registered.length\n );\n } else if (byMethod === \"last_class_title\") {\n const zeroClass = students.filter((a) => {\n return a.classes_registered.length <= 0;\n });\n sortedStudents = students\n .filter((a) => {\n return a.classes_registered.length > 0;\n })\n .sort((a, b) => {\n return sortMethod === \"asc\"\n ? a.classes_registered[\n a.classes_registered.length - 1\n ].title.localeCompare(\n b.classes_registered[b.classes_registered.length - 1].title\n )\n : b.classes_registered[\n b.classes_registered.length - 1\n ].title.localeCompare(\n a.classes_registered[a.classes_registered.length - 1].title\n );\n });\n sortedStudents = [...sortedStudents, ...zeroClass];\n } else if (byMethod === \"last_class_date\") {\n const zeroClass = students.filter((a) => {\n return a.classes_registered.length <= 0;\n });\n sortedStudents = students\n .filter((a) => {\n if (a.classes_registered.length > 0) {\n a.classes_registered = a.classes_registered.sort((c1, c2) => {\n return new Date(c1.start_time) - new Date(c2.start_time);\n });\n return a;\n }\n })\n .sort((a, b) => {\n const startTimeOfA = [];\n const startTimeOfB = [];\n a.classes_registered.forEach((c) =>\n startTimeOfA.push(new Date(c.start_time))\n );\n b.classes_registered.forEach((c) =>\n startTimeOfB.push(new Date(c.start_time))\n );\n return sortMethod === \"asc\"\n ? Math.max(...startTimeOfA) - Math.max(...startTimeOfB)\n : Math.max(...startTimeOfB) - Math.max(...startTimeOfA);\n });\n sortedStudents = [...sortedStudents, ...zeroClass];\n } else if (byMethod === \"rating\") {\n const zeroClass = students.filter((a) => {\n return a.classes_registered.length <= 0;\n });\n sortedStudents = students.sort((a, b) => {\n return sortMethod === \"asc\"\n ? a.averageRating - b.averageRating\n : b.averageRating - a.averageRating;\n });\n sortedStudents = [...sortedStudents, ...zeroClass];\n }\n setStudents(sortedStudents);\n setSlicedStudents(\n sortedStudents.slice(pageNumber * limit, (pageNumber + 1) * limit)\n );\n if (sortMethod === \"asc\") {\n setSortClass(\"sorter\");\n setSortMethod(\"dsc\");\n } else {\n setSortClass(\"sorter turn\");\n setSortMethod(\"asc\");\n }\n };\n\n const handleChange = (value) => {\n setFilteredData(true);\n setFilterVal(value);\n };\n\n let filter = [];\n students.filter((item) => {\n if (filterVal[0] === 0) {\n if (item.classes_registered.length === 0) {\n filter.push(item);\n }\n } else if (filterVal[0] === 30) {\n if (item.classes_registered.length >= 30) {\n filter.push(item);\n }\n } else {\n const range = (min, max) =>\n Array.from({ length: max - min + 1 }, (_, i) => min + i);\n range(filterVal[0], filterVal[1]).map((range) => {\n if (item.classes_registered.length === range) {\n filter.push(item);\n }\n });\n }\n });\n\n useEffect(() => {\n if (filteredData) {\n const slicedData = filter.slice(\n pageNumber * limit,\n (pageNumber + 1) * limit\n );\n setSlicedStudents(slicedData);\n } else {\n const slicedData = students.slice(\n pageNumber * limit,\n (pageNumber + 1) * limit\n );\n setSlicedStudents(slicedData);\n }\n }, [pageNumber, filterVal]);\n\n return (\n \n \n \n
\n
\n );\n}\n\nexport default MerakiUsers;\n","import React, { useEffect, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport axios from \"axios\";\nimport { METHODS } from \"../../services/api\";\nimport \"./styles.scss\";\nimport { toast } from \"react-toastify\";\nimport MerakiCreateRoom from \"../CreateChatRoom/index\";\nimport MerakiUsers from \"../MerakiUsers\";\n\nfunction User() {\n const user = useSelector(({ User }) => User);\n const [allClasses, setAllClasses] = useState([]);\n const [values, setValues] = useState({\n email: \"\",\n roomId: \"\",\n });\n const lang = { en: \"English\", hi: \"Hindi\", sp: \"Spoken English\" };\n\n useEffect(() => {\n axios({\n method: METHODS.GET,\n url: `${process.env.REACT_APP_MERAKI_URL}/chat/rooms`,\n headers: {\n accept: \"application/json\",\n Authorization: user.data.token,\n },\n })\n .then((res) => {\n setAllClasses(res.data);\n })\n .catch((err) => {});\n }, []);\n\n const changeHandler = (e) => {\n setValues({ ...values, [e.target.name]: e.target.value });\n };\n\n const submitHandler = () => {\n const notify = () => {\n const roomAlias = allClasses.filter((c) => {\n return c.room_id === values.roomId;\n });\n const className =\n lang[roomAlias[0].room_alias.split(\"meraki\")[1].substr(0, 2)] +\n \" Class - \" +\n roomAlias[0].room_alias\n .split(\":navgurukul.org\")[0]\n .split(\"meraki\")[1]\n .split(\"class\")[1];\n toast.success(`Added ${values.email} to ${className} successfully!`, {\n position: toast.POSITION.BOTTOM_RIGHT,\n autoClose: 2500,\n });\n };\n return axios({\n method: METHODS.POST,\n url: `${process.env.REACT_APP_MERAKI_URL}/chat/addUser/${values.roomId}?email=${values.email}`,\n headers: {\n accept: \"application/json\",\n Authorization: user.data.token,\n },\n })\n .then(() => {\n notify();\n })\n .catch((err) => {});\n };\n\n return (\n <>\n \n
\n \n {\n setSearchTerm(e.target.value);\n }}\n />\n
\n \n }\n nextLabel={}\n initialPage={0}\n marginPagesDisplayed={0}\n onPageChange={changePage}\n pageCount={pageCount}\n containerClassName=\"paginationBttns\"\n previousLinkClassName=\"previousBttn\"\n nextLinkClassName=\"nextBttn\"\n disabledClassName=\"paginationDisabled\"\n activeClassName=\"paginationActive\"\n />\n
\n \n \n {\n setFilteredData(false);\n setFilterVal([0, 0]);\n }}\n className=\"filter-clear\"\n >\n clear\n \n
\n \n (value === 40 ? (value = \"30+\") : value)}\n value={filterVal}\n onChange={handleChange}\n marks={{\n 0: 0,\n 1: 1,\n 6: 6,\n 10: 10,\n 15: 15,\n 20: 20,\n 25: 25,\n 30: 30,\n 40: `${30}+`,\n }}\n />\n
\n | \n Students Name\n | \n \n Partner Name\n {/* | \n\n \n Enroll date\n | \n \n Classes Attended\n | \n \n Last Class Title\n | \n \n Last Class Date\n | \n Last Class Time | \n\n Average Rating\n | \n
|---|---|---|---|---|---|---|---|
| {item.name} | \n\n\n {item.partner ? item.partner.name : \"NA\"}\n | \n\n\n {item.formatted_created_at}\n | \n\n {\" \"}\n {item.classes_registered.length}\n | \n\n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[\n item.classes_registered.length - 1\n ][\"title\"] != \"\"\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"title\"]\n : \"NA\"}\n | \n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_start_time\"]\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_start_time\"]\n : \"NA\"}\n | \n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_end_time\"]\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_end_time\"]\n : \"NA\"}\n | \n\n {[1, 2, 3, 4, 5].map((star) => {\n return Math.ceil(item.averageRating) > 0 &&\n star <= Math.ceil(item.averageRating) ? (\n | \n
| {item.name} | \n\n\n {item.partner ? item.partner.name : \"NA\"}\n | \n\n\n {item.formatted_created_at}\n | \n\n {\" \"}\n {item.classes_registered.length}\n | \n\n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[\n item.classes_registered.length - 1\n ][\"title\"] != \"\"\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"title\"]\n : \"NA\"}\n | \n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_start_time\"]\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_start_time\"]\n : \"NA\"}\n | \n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_end_time\"]\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_end_time\"]\n : \"NA\"}\n | \n\n {[1, 2, 3, 4, 5].map((star) => {\n return Math.ceil(item.averageRating) > 0 &&\n star <= Math.ceil(item.averageRating) ? (\n | \n
\n \n \n \n {allClasses.map((item, index) => {\n const className =\n lang[item.room_alias.split(\"meraki\")[1].substr(0, 2)] +\n \" Class - \" +\n item.room_alias\n .split(\":navgurukul.org\")[0]\n .split(\"meraki\")[1]\n .split(\"class\")[1];\n return (\n \n );\n })}\n \n \n
\n \n
\n \n );\n}\n\nexport default User;\n","import { makeStyles } from \"@mui/styles\";\n\nconst useStyles = makeStyles((theme) => ({\n underline: {\n width: \"60px\",\n textAlign: \"center\",\n marginBottom: \"30px\",\n },\n list: {\n display: \"flex\",\n marginLeft: \"12px\",\n },\n}));\n\nexport default useStyles;\n","import React from \"react\";\nimport { Container, Box, Typography } from \"@mui/material\";\nimport CircleIcon from \"@mui/icons-material/Circle\";\nimport useStyles from \"./styles\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\nimport { breakpoints } from \"../../theme/constant\";\n\nfunction PrivacyPolicy() {\n const classes = useStyles();\n const isActive = useMediaQuery(\"(max-width:\" + breakpoints.values.sm + \"px)\");\n\n return (\n \n \n \n
\n
\n \n );\n }\n return \n
\n \n {\n setSearchTerm(e.target.value);\n setMessage(\"\");\n }}\n />\n
\n \n }\n nextLabel={}\n initialPage={0}\n marginPagesDisplayed={0}\n onPageChange={changePage}\n pageCount={pageCount}\n containerClassName=\"paginationBttns\"\n previousLinkClassName=\"previousBttn\"\n nextLinkClassName=\"nextBttn\"\n disabledClassName=\"paginationDisabled\"\n activeClassName=\"paginationActive\"\n />\n
\n | \n Partner's Name\n | \n \n Number of students\n | \n Meraki - Android Link | \nMeraki - Web Link | \n {/*Partner specific url | */}\n||
|---|---|---|---|---|---|---|
| \n | \n {item.user} | \n {item.meraki_link ? (\n\n | \n ) : (\n \n | \n )}\n {item.web_link ? (\n \n | \n ) : (\n \n | \n )}\n {/* \n | */}\n
\n {\n setOpenForm(false);\n setOpenEditForm(false);\n clearFormAndErrors();\n }}\n >\n
\n )}\n \n );\n}\n\nexport default AddStudent;\n\nfunction useOutsideAlerter(ref, handleClick) {\n useEffect(() => {\n function handleClickOutside(event) {\n if (ref.current && !ref.current.contains(event.target)) {\n handleClick(event);\n }\n }\n document.addEventListener(\"mousedown\", handleClickOutside);\n return () => {\n document.removeEventListener(\"mousedown\", handleClickOutside);\n };\n }, [ref, handleClick]);\n}\n\nfunction OutsideAlerter({ children, handleClick }) {\n const wrapperRef = useRef(null);\n useOutsideAlerter(wrapperRef, handleClick);\n return (\n \n
\n \n \n \n \n \n\n \n \n Login Method\n \n \n setLoginMethod(e.target.value)}\n row\n disabled={openEditForm}\n >\n \n \n\n {loginMethod === \"email\" ? (\n \n \n ) : (\n <>\n \n \n\n \n \n \n \n )}\n\n {error && (\n \n \n {errorData}\n \n \n )}\n\n \n \n {openEditForm ? \"Update Student Details\" : \"Add Student\"}\n \n \n \n
\n \n {\n setOpenForm(false);\n setOpenEditForm(false);\n clearFormAndErrors();\n }}\n >\n X\n \n
\n \n {openEditForm ? \"Edit Student\" : \"Add New Student\"}\n
\n\n handlePasswordVisibility(e)}\n >\n {showPassword ? (\n
\n \n ),\n }}\n />\n \n {children}\n
\n );\n}\n","import React, { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport { useSelector } from \"react-redux\";\n// import { BsArrowUpDown } from \"react-icons/bs\";\nimport { BsArrowDownUp } from 'react-icons/bs';\nimport { PATHS } from \"../../../constant.js\";\n// import AccessTimeIcon from \"@mui/icons-material/AccessTime\";\nimport { METHODS } from \"../../../services/api.js\";\nimport { useDebounce } from \"use-debounce\";\nimport ReactPaginate from \"react-paginate\";\nimport moment from \"moment\";\nimport { Link } from \"react-router-dom\";\n// import Slider from \"rc-slider\";\nimport \"rc-slider/assets/index.css\";\nimport \"./styles.scss\";\nimport { Redirect } from \"react-router-dom\";\nimport AddStudent from \"../../../pages/AddStudent/index.js\";\nimport { toast } from \"react-toastify\";\nimport { hasOneFrom } from \"../../../common/utils\";\nimport {\n Box,\n Button,\n Grid,\n Container,\n Typography,\n CardContent,\n Card,\n} from \"@mui/material\";\nimport { Stack, Dialog, DialogTitle, DialogActions } from \"@mui/material\";\nimport { useHistory } from 'react-router-dom';\n\n\n// const { createSliderWithTooltip } = Slider;\n// const Range = createSliderWithTooltip(Slider.Range);\n\nconst getPartnerIdFromUrl = () => {\n let partnerId;\n if (window.location.pathname.includes(\"partner\")) {\n partnerId = window.location.pathname.split(\"/\").pop();\n }\n return partnerId;\n};\n\nfunction StudentData() {\n const [pageNumber, setPageNumber] = useState(0);\n const [totalCount, setTotalCount] = useState();\n const [message, setMessage] = useState(\"\");\n const [students, setStudents] = useState([]);\n const [slicedStudents, setSlicedStudents] = useState([]);\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [sortMethod, setSortMethod] = useState(\"dsc\");\n const [sort_class, setSortClass] = useState(\"sorter\");\n // const [filterVal, setFilterVal] = useState([0, 0]);\n // const [filteredData, setFilteredData] = useState(false);\n const [debouncedText] = useDebounce(searchTerm, 400);\n const user = useSelector(({ User }) => User);\n const [openEditForm, setOpenEditForm] = useState(false);\n const [userId, setUserId] = useState();\n const [partnerName, setpartnerName] = useState();\n const [userName, setUserName] = useState();\n // const [isDisabled, setDisabled] = useState(true);\n const [studentid, setstudentId] = useState();\n const [stupassword, setStupassword] = useState();\n const [studentEmail, setStudentEmail] = useState();\n // const [csvUpdatedTime, setCSVUpdatedTime] = useState([]);\n const [showModal, setShowModal] = useState(false);\n const [selectedStudentId, setSelectedStudentId] = useState(null);\n const history = useHistory();\n\n const handleNavigation = () => {\n history.push('/report'); // Replace with your desired path\n };\n const [triggerdGet, setTriggerdGet] = useState(false);\n const loginUser = user.data.user.id;\n\n // Fetching the csv updated time\n\n // useEffect(() => {\n // axios({\n // method: METHODS.GET,\n // url: `${process.env.REACT_APP_MERAKI_URL}/tcb/csv/read-date-csv`,\n // headers: { accept: \"application/json\", Authorization: user.data.token },\n // })\n // .then((response) => {\n // setCSVUpdatedTime(response.data);\n // })\n // .catch((err) => {\n // console.log(err);\n // });\n // }, []);\n\n const limit = 10;\n let id = getPartnerIdFromUrl();\n\n const fetchAPI = () =>\n axios({\n method: METHODS.GET,\n url: `${process.env.REACT_APP_MERAKI_URL}/partners/${id}/users${searchTerm.length > 0 ? `?name=${searchTerm}` : \"\"\n }`,\n headers: { accept: \"application/json\", Authorization: user.data.token },\n })\n .then((res) => {\n setpartnerName(res.data.partner_name);\n if (\n id === user.data.user.partner_id ||\n hasOneFrom(user.data.user.rolesList, [\n \"admin\",\n \"partner_view\",\n \"partner_edit\",\n \"partner\",\n ])\n ) {\n if (\n !Array.isArray(res.data.students) ||\n res.data.students.length === 0\n ) {\n // if (res.data.students && res?.data?.students.length < 1) {\n setMessage(\"There are no results to display\");\n setSlicedStudents([]);\n } else {\n const data = res.data.students\n .map((item) => {\n if (item.classes_registered.length > 0) {\n item.averageRating = 0;\n let avg = 0;\n let count = 0;\n item.classes_registered.map((f) => {\n if (f.feedback.feedback) {\n avg = avg + parseInt(f.feedback.feedback);\n count += 1;\n }\n });\n if (avg > 0) item.averageRating = avg / count;\n else item.averageRating = avg;\n item.classes_registered = item.classes_registered.sort(\n (c1, c2) => {\n return new Date(c1.start_time) - new Date(c2.start_time);\n }\n );\n }\n return {\n ...item,\n // not overwriting original created_at because we need the date object to sort by date\n formatted_created_at: moment(item.created_at).format(\n \"DD-MM-YYYY\"\n ),\n // formatted_created_at: moment(\n // // item.created_at.replace(\"Z\")\n // ).format(\"DD-MM-YYYY\"),\n classes_registered: item.classes_registered.map((item) => {\n return {\n ...item,\n formatted_start_time: moment(\n item.start_time.replace(\"Z\", \"\")\n ).format(\"DD-MM-YYYY\"),\n /**\n * REVIEW\n * Why item is there again in the next line?\n */\n item,\n formatted_end_time: moment(\n item.end_time.replace(\"Z\", \"\")\n ).format(\"hh:mm a\"),\n };\n }),\n };\n })\n .sort((a, b) => {\n return a.name.localeCompare(b.name);\n });\n setStudents(data);\n setSlicedStudents(\n data.slice(pageNumber * limit, (pageNumber + 1) * limit)\n );\n setTotalCount(data.length);\n setpartnerName(res.data.partner_name);\n }\n }\n })\n .catch((err) => { });\n\n useEffect(() => {\n fetchAPI();\n }, [debouncedText]);\n\n useEffect(() => {\n if (triggerdGet) {\n fetchAPI();\n setTriggerdGet(false);\n }\n }, [triggerdGet]);\n\n useEffect(() => {\n setSlicedStudents(\n students.slice(pageNumber * limit, (pageNumber + 1) * limit)\n );\n }, [pageNumber, students]);\n\n const pageCount = Math.ceil(totalCount / limit);\n\n const changePage = ({ selected }) => {\n setPageNumber(selected);\n const newSlicedStudents = students.slice(\n selected * limit,\n (selected + 1) * limit\n );\n setSlicedStudents(newSlicedStudents);\n };\n\n // todays date in the formate like 4 june 2024\n const today = new Date();\n const options = {\n weekday: \"long\",\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n };\n const formattedDate = today.toLocaleDateString(\"en-US\", options);\n\n const sortStudents = (byMethod) => {\n const student = students;\n let sortedStudents;\n if (byMethod === \"name\") {\n sortedStudents = student.sort().reverse();\n } else if (byMethod === \"gmail_studentId\") {\n sortedStudents = student.sort().reverse();\n }\n\n // else if (byMethod === \"enroll_date\") {\n // sortedStudents = student.sort((a, b) =>\n // sortMethod === \"asc\"\n // ? new Date(a.created_at) - new Date(b.created_at)\n // : new Date(b.created_at) - new Date(a.created_at)\n // );\n // } else if (byMethod === \"total_classes\") {\n // sortedStudents = student.sort((a, b) =>\n // sortMethod === \"asc\"\n // ? a.classes_registered.length - b.classes_registered.length\n // : b.classes_registered.length - a.classes_registered.length\n // );\n // }\n else if (byMethod === \"last_class_title\") {\n const zeroClass = student.filter((a) => {\n return a.classes_registered.length <= 0;\n });\n sortedStudents = student\n .filter((a) => {\n return a.classes_registered.length > 0;\n })\n .sort((a, b) => {\n return sortMethod === \"asc\"\n ? a.classes_registered[\n a.classes_registered.length - 1\n ].title.localeCompare(\n b.classes_registered[b.classes_registered.length - 1].title\n )\n : b.classes_registered[\n b.classes_registered.length - 1\n ].title.localeCompare(\n a.classes_registered[a.classes_registered.length - 1].title\n );\n });\n sortedStudents = [...sortedStudents, ...zeroClass];\n }\n\n // else if (byMethod === \"last_class_date\") {\n // const zeroClass = students.filter((a) => {\n // return a.classes_registered.length <= 0;\n // });\n // sortedStudents = student\n // .filter((a) => {\n // if (a.classes_registered.length > 0) {\n // a.classes_registered = a.classes_registered.sort((c1, c2) => {\n // return new Date(c1.start_time) - new Date(c2.start_time);\n // });\n // return a;\n // }\n // })\n // .sort((a, b) => {\n // const startTimeOfA = [];\n // const startTimeOfB = [];\n // a.classes_registered.forEach((c) =>\n // startTimeOfA.push(new Date(c.start_time))\n // );\n // b.classes_registered.forEach((c) =>\n // startTimeOfB.push(new Date(c.start_time))\n // );\n // return sortMethod === \"asc\"\n // ? Math.max(...startTimeOfA) - Math.max(...startTimeOfB)\n // : Math.max(...startTimeOfB) - Math.max(...startTimeOfA);\n // });\n // sortedStudents = [...sortedStudents, ...zeroClass];\n // }\n\n // else if (byMethod === \"rating\") {\n // const zeroClass = student.filter((a) => {\n // return a.classes_registered.length <= 0;\n // });\n // sortedStudents = student.sort((a, b) => {\n // return sortMethod === \"asc\"\n // ? a.averageRating - b.averageRating\n // : b.averageRating - a.averageRating;\n // });\n // sortedStudents = [...sortedStudents, ...zeroClass];\n // }\n setStudents(sortedStudents);\n setSlicedStudents(\n sortedStudents.slice(pageNumber * limit, (pageNumber + 1) * limit)\n );\n if (sortMethod === \"asc\") {\n setSortClass(\"sorter\");\n setSortMethod(\"dsc\");\n } else {\n setSortClass(\"sorter turn\");\n setSortMethod(\"asc\");\n }\n };\n\n // const handleChange = (value) => {\n // setFilteredData(true);\n // setFilterVal(value);\n // setDisabled(false);\n // };\n\n const handleClickOpen = (id) => {\n setSelectedStudentId(id);\n setShowModal(true);\n };\n\n const handleClose = () => {\n setShowModal(false);\n setSelectedStudentId(null);\n };\n\n const removeStudent = (id) => {\n setShowModal(!showModal);\n return axios({\n url: `${process.env.REACT_APP_MERAKI_URL}/partners/${id}/user`,\n method: METHODS.DELETE,\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: user.data.token,\n },\n })\n .then((data) => {\n if (data.data.error) throw new Error(data.data.message);\n toast.success(\"Student deleted successfully!\", {\n position: toast.POSITION.BOTTOM_RIGHT,\n });\n window.location.reload(1);\n })\n .catch((e) => {\n toast.error(`Student couldn't be deleted!: ${e.message}`, {\n position: toast.POSITION.BOTTOM_RIGHT,\n });\n });\n };\n\n // let filter = [];\n // students.filter((item) => {\n // if (filterVal[0] === 0) {\n // if (item.classes_registered.length === 0) {\n // filter.push(item);\n // }\n // } else if (filterVal[0] === 30) {\n // if (item.classes_registered.length >= 30) {\n // filter.push(item);\n // }\n // } else {\n // const range = (min, max) =>\n // Array.from({ length: max - min + 1 }, (_, i) => min + i);\n // range(filterVal[0], filterVal[1]).map((range) => {\n // if (item.classes_registered.length === range) {\n // filter.push(item);\n // }\n // });\n // }\n // });\n\n // useEffect(() => {\n // if (filteredData) {\n // const slicedData = filter.slice(\n // pageNumber * limit,\n // (pageNumber + 1) * limit\n // );\n // setSlicedStudents(slicedData);\n // } else {\n // const slicedData = students.slice(\n // pageNumber * limit,\n // (pageNumber + 1) * limit\n // );\n // setSlicedStudents(slicedData);\n // }\n // }, [pageNumber, filterVal]);\n\n if (\n hasOneFrom(user.data.user.rolesList, [\n \"admin\",\n \"partner_view\",\n \"partner_edit\",\n \"partner\",\n ]) ||\n user.data.user.partner_id == id\n ) {\n // writing a function which calls the get api while clicking on the download report button\n\n const downloadReport = (url) => {\n axios({\n method: METHODS.GET,\n url: url,\n headers: { accept: \"application/json\", Authorization: user.data.token },\n responseType: \"blob\",\n })\n .then((res) => {\n const url = window.URL.createObjectURL(new Blob([res.data]));\n const link = document.createElement(\"a\");\n link.href = url;\n link.setAttribute(\"download\", \"report.csv\");\n document.body.appendChild(link);\n link.click();\n })\n .catch((err) => {\n console.log(err);\n });\n };\n\n // Usage:\n // For the first API ,student Progress Report\n // const studentReport1 = () => {\n // const reportUrl = `${process.env.REACT_APP_MERAKI_URL}/tcb/csv/progress/roport`;\n // downloadReport(reportUrl);\n // };\n // For the second API ,student Progress Report(_last 7 days)\n\n // const studentReport2 = () => {\n // const reportUrl = `${process.env.REACT_APP_MERAKI_URL}/tcb/csv/last-week/login-report`;\n // downloadReport(reportUrl);\n // };\n\n\n\n return id == 1359 ? (\n <>\n {/* \n {partnerName} \n \n MCDigital Course-2.0\n \n \n \n
\n
\n {/* {showReportOptions && (\n \n
\n \n {\n setSearchTerm(e.target.value);\n setMessage(\"\");\n }}\n />\n
\n \n }\n nextLabel={}\n initialPage={0}\n marginPagesDisplayed={0}\n onPageChange={changePage}\n pageCount={pageCount}\n containerClassName=\"paginationBttns\"\n previousLinkClassName=\"previousBttn\"\n nextLinkClassName=\"nextBttn\"\n disabledClassName=\"paginationDisabled\"\n activeClassName=\"paginationActive\"\n />\n
\n | \n Students Name\n | \n \n Gmail or Meraki Student ID\n | \n \n Latest Attended Class\n | \n ||||||
|---|---|---|---|---|---|---|---|---|
| \n | \n \n | \n {/* \n {item.formatted_created_at}\n | */}\n\n {/*\n {\" \"}\n {item.classes_registered.length}\n | */}\n\n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[item.classes_registered.length - 1][\n \"title\"\n ] != \"\"\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"title\"]\n : \"NA\"}\n | \n\n {/*\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[item.classes_registered.length - 1][\n \"formatted_start_time\"\n ]\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_start_time\"]\n : \"NA\"}\n | \n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[item.classes_registered.length - 1][\n \"formatted_end_time\"\n ]\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_end_time\"]\n : \"NA\"}\n | \n\n {[1, 2, 3, 4, 5].map((star) => {\n return Math.ceil(item.averageRating) > 0 &&\n star <= Math.ceil(item.averageRating) ? (\n | */}\n {((hasOneFrom(user.data.user.rolesList, [\n \"partner_edit\",\n \"partner\",\n ]) &&\n user.data.user.partner_id == id) ||\n hasOneFrom(user.data.user.rolesList, [\"admin\"])) && (\n \n | \n )}\n
\n \n \n \n \n \n All Time Student Progress Report\n \n \n \n The report contains student progress since the start of the\n programme until the present day\n \n \n Download Report\n \n \n \n \n \n \n \n \n Seven Days Student Progress Report\n \n \n \n The report contains student progress from the last 7 days\n until the present day\n \n \n Download Report\n \n \n \n \n \n
\n )} */}\n \n ) : (\n \n \n \n
\n\n
\n );\n }\n return {partnerName}
\n\n
\n {/* \n {\n setSearchTerm(e.target.value);\n setMessage(\"\");\n }}\n />\n
\n \n }\n nextLabel={}\n initialPage={0}\n marginPagesDisplayed={0}\n onPageChange={changePage}\n pageCount={pageCount}\n containerClassName=\"paginationBttns\"\n previousLinkClassName=\"previousBttn\"\n nextLinkClassName=\"nextBttn\"\n disabledClassName=\"paginationDisabled\"\n activeClassName=\"paginationActive\"\n />\n
\n \n \n {\n setFilteredData(false);\n setFilterVal([0, 0]);\n setDisabled(true);\n }}\n className=\"filter-clear\"\n >\n clear\n \n
*/}\n \n (value === 40 ? (value = \"30+\") : value)}\n value={filterVal}\n onChange={handleChange}\n marks={{\n 0: 0,\n 1: 1,\n 6: 6,\n 10: 10,\n 15: 15,\n 20: 20,\n 25: 25,\n 30: 30,\n 40: `${30}+`,\n }}\n />\n
\n | \n Students Name\n | \n {/* \n Enroll date\n | */}\n {/* \n Classes Enrolled to\n | */}\n\n \n Gmail or Meraki Student ID\n | \n \n Latest Attended Class\n | \n {/* \n Last Class Date\n | \n Last Class Time | \n\n Average Rating\n | */}\n |
|---|---|---|---|---|---|---|---|---|
| \n | \n \n {\" \"}\n {item.classes_registered.length}\n | \n\n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[\n item.classes_registered.length - 1\n ][\"title\"] != \"\"\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"title\"]\n : \"NA\"}\n | \n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_start_time\"]\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_start_time\"]\n : \"NA\"}\n | \n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_end_time\"]\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_end_time\"]\n : \"NA\"}\n | \n\n {[1, 2, 3, 4, 5].map((star) => {\n return Math.ceil(item.averageRating) > 0 &&\n star <= Math.ceil(item.averageRating) ? (\n | \n |||
| \n | \n \n | \n {/* \n {item.formatted_created_at}\n | */}\n\n {/*\n {\" \"}\n {item.classes_registered.length}\n | */}\n\n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[item.classes_registered.length - 1][\n \"title\"\n ] != \"\"\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"title\"]\n : \"NA\"}\n | \n\n {/*\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[item.classes_registered.length - 1][\n \"formatted_start_time\"\n ]\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_start_time\"]\n : \"NA\"}\n | \n\n {item.classes_registered &&\n item.classes_registered.length > 0 &&\n item.classes_registered[item.classes_registered.length - 1][\n \"formatted_end_time\"\n ]\n ? item.classes_registered[\n item.classes_registered.length - 1\n ][\"formatted_end_time\"]\n : \"NA\"}\n | \n\n {[1, 2, 3, 4, 5].map((star) => {\n return Math.ceil(item.averageRating) > 0 &&\n star <= Math.ceil(item.averageRating) ? (\n | */}\n {((hasOneFrom(user.data.user.rolesList, [\n \"partner_edit\",\n \"partner\",\n ]) &&\n user.data.user.partner_id == id) ||\n hasOneFrom(user.data.user.rolesList, [\"admin\"])) && (\n \n | \n )}\n
\n \n \n
\n
\n );\n}\n\nexport default StudentClassData;\n","import { makeStyles } from \"@material-ui/styles\";\nconst useStyles = makeStyles(() => ({\n profileBox: {\n // transform: \"translateY(-50px)\",\n },\n imageContainer: {\n width: \"100%\",\n justifyContent: \"left\",\n alignItems: \"left\",\n },\n\n bgImage: {\n width: \"100%\",\n objectFit: \"cover\",\n height: \"290px\",\n backgroundColor: \"pink\",\n },\n Right_tick: {\n marginLeft: \"8px\",\n verticalAlign: \"baseline\",\n },\n dialog: {\n padding: \"40px\",\n },\n}));\nexport default useStyles;\n","import * as React from \"react\";\nimport Button from \"@mui/material/Button\";\nimport Dialog from \"@mui/material/Dialog\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport DialogContent from \"@mui/material/DialogContent\";\nimport { CircularProgress, Box, Typography } from \"@mui/material\";\nimport axios from \"axios\";\nimport { useSelector } from \"react-redux\";\nimport { toast } from \"react-toastify\";\n\nexport default function DropOut(props) {\n const { open, close, title, id, unregister_all, setIsEnrolled } = props;\n const [loading, setLoading] = React.useState(false);\n const user = useSelector(({ User }) => User);\n\n const handelDropOut = (Id) => {\n setLoading(true);\n axios\n .delete(\n `${\n process.env.REACT_APP_MERAKI_URL\n }/classes/${Id}/unregister?unregister-all=${unregister_all || false}`,\n {\n headers: {\n \"Content-Type\": \"application/json\",\n Authorization: user.data.token,\n },\n }\n )\n .then(() => {\n toast.success(\"Class Dropped\", {\n position: toast.POSITION.BOTTOM_RIGHT,\n autoClose: 2500,\n });\n setLoading(false);\n close();\n if (setIsEnrolled) {\n setIsEnrolled(false);\n }\n })\n .catch((err) => {\n toast.error(\"Failed To Drop Out of Class\", {\n position: toast.POSITION.BOTTOM_RIGHT,\n autoClose: 2500,\n });\n close();\n });\n };\n return (\n \n {\" \"}\n Total Classes by {props.location.state.passName} :{\" \"}\n {props.location.state.pass.length}\n
\n{props.location.state.passEmail}
\n\n
\n\n \n {\n setSearchTerm(e.target.value);\n }}\n />\n
\n \n }\n nextLabel={}\n initialPage={0}\n marginPagesDisplayed={0}\n pageCount={pageCount}\n onPageChange={changePage}\n containerClassName=\"paginationBttns\"\n previousLinkClassName=\"previousBttn\"\n nextLinkClassName=\"nextBttn\"\n disabledClassName=\"paginationDisabled\"\n activeClassName=\"paginationActive\"\n />\n
\n | \n Class Title\n | \n \n Class Id\n \n | \n\n Facilitator\n | \n Language | \n\n Class Date\n | \n \n Class Rating\n | \n
|---|---|---|---|---|---|
| {item.title} | \n{item.id} | \n{item.facilitator_name} | \n{languageMap[item.lang]} | \n{item.formatted_start_time} | \n\n {[1, 2, 3, 4, 5].map((star) => {\n return item.feedback.feedback > 0 &&\n star <= item.feedback.feedback ? (\n | \n
![]({require(\"./assest/calendar.svg\")})
*/}\n \n {dropOutBatches && (\n \n Enrolled Batches\n \n )}\n \n {dropOutBatches?.map((dropOutBatch, index) => {\n return (\n \n \n );\n })}\n \n
\n \n );\n}\n\nexport default DropOutBatchesProfile;\n","import React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport {\n Typography,\n Container,\n CardContent,\n Button,\n Box,\n Modal,\n} from \"@mui/material\";\nimport { Card, Grid } from \"@mui/material\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\nimport CheckCircleIcon from \"@mui/icons-material/CheckCircle\";\nimport axios from \"axios\";\nimport { METHODS } from \"../../services/api\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { useParams } from \"react-router-dom\";\n// import { actions as enrolledBatchesActions } from \"../../components/PathwayCourse/redux/action\";\nimport { PATHS, versionCode } from \"../../constant\";\nimport { Link } from \"react-router-dom\";\nimport useStyles from \"./styles\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\nimport { breakpoints } from \"../../theme/constant\";\n\nfunction saveFile(url) {\n // Get file name from url.\n var filename = url.substring(url.lastIndexOf(\"/\") + 1).split(\"?\")[0];\n var xhr = new XMLHttpRequest();\n xhr.responseType = \"blob\";\n xhr.onload = function () {\n let a = document.createElement(\"a\");\n a.href = window.URL.createObjectURL(xhr.response); // xhr.response is a blob\n a.download = filename; // Set the file name.\n a.style.display = \"none\";\n document.body.appendChild(a);\n a.click();\n };\n xhr.open(\"GET\", url);\n xhr.send();\n}\n\nfunction CertificateCard({ item, courseTime, completedPortion }) {\n const user = useSelector(({ User }) => User);\n\n const isActive = useMediaQuery(\"(max-width:\" + breakpoints.values.sm + \"px)\");\n const [openModal, setOpenModal] = useState(false);\n const [certificate, setCertificate] = useState(\"\");\n const [loader, setLoader] = useState(false);\n const pathwayId = item.id;\n\n const date = new Date(courseTime);\n const options = { day: \"numeric\", month: \"short\", year: \"2-digit\" };\n const formattedDate = date.toLocaleDateString(\"en-US\", options);\n\n // useEffect(() => {\n // dispatch(pathwayActions.getPathwaysCourse({ pathwayId: pathwayId }));\n // }, [dispatch, pathwayId]);\n const modalStyle = {\n position: \"absolute\",\n top: \"50%\",\n left: \"50%\",\n transform: \"translate(-50%, -50%)\",\n width: \"544px\",\n bgcolor: \"background.paper\",\n outline: \"none\",\n borderRadius: \"8px\",\n boxShadow: 24,\n p: 4,\n };\n // useEffect(() => {\n // dispatch(pathwayActions.getPathwaysCourse({ pathwayId: pathwayId }));\n // }, [dispatch, pathwayId]);\n\n const completedAll = completedPortion == 100;\n\n useEffect(() => {\n if (completedAll) {\n axios({\n method: METHODS.POST,\n url: `${process.env.REACT_APP_MERAKI_URL}/pathways/${pathwayId}/complete`,\n headers: {\n \"version-code\": versionCode,\n accept: \"application/json\",\n Authorization: user.data?.token || \"\",\n },\n data: {\n pathwayId: pathwayId,\n },\n });\n }\n });\n\n const handleModal = () => {\n setLoader(true);\n axios({\n method: METHODS.GET,\n url: `${process.env.REACT_APP_MERAKI_URL}/certificate`,\n headers: {\n accept: \"application/json\",\n Authorization: user?.data?.token,\n },\n })\n .then((response) => {\n setLoader(false);\n setOpenModal((prev) => !prev);\n setCertificate(response?.data?.url);\n })\n .catch((err) => {});\n };\n\n const downloadCert = () => {\n saveFile(certificate);\n };\n return (\n \n \n {/*
\n - \n
- Grants such as free keyboards for typing practice \n
- Coursera Membership \n
- Advanced english courses \n
- 1:1 Mentorship sessions \n
- \n
\n
\n );\n}\n\nexport default NavgurukulIntroduce;\n","import React, { useState, useEffect } from \"react\";\nimport { Redirect } from \"react-router-dom\";\nimport { getQueryVariable } from \"../../../common/utils\";\nimport { PATHS } from \"../../../constant\";\nimport { sendToken } from \"../../User/redux/api\";\n\nfunction RedirectComponent() {\n const [emailId, setEmailId] = useState(null);\n // const uri = window.location.href;\n // const uri = `https://www.merakilearn.org/redirect?token=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjY0MSIsImVtYWlsIjoicG9vbmFtMTlAbmF2Z3VydWt1bC5vcmciLCJpYXQiOjE2NDU1MDgwNDIsImV4cCI6MTY3NzA2NTY0Mn0.az9n0hnUmj_2jHzj7LJ6ldAa_f74_gECF1BBDIzgU44&redirectUrl=admission`;\n\n const token = getQueryVariable(\"token\");\n // undefined => \"\", remove leading slashes in redirect\n const redirect = (getQueryVariable(\"redirectUrl\") || \"\").replace(/^\\/+/g, \"\");\n\n useEffect(() => {\n sendToken({ token })\n .then((res) => {\n if (res.data.user.email) {\n setEmailId(res.data.user.email);\n }\n })\n .catch((err) => {});\n }, []);\n\n try {\n if (emailId && !emailId.includes(\"@fake.com\")) {\n localStorage.setItem(\"Token\", token);\n }\n } catch (error) {\n //console.error('Error accessing localStorage:', error);\n return {};\n }\n\n return (\n <>\n {emailId ? (\n \n
\n Navigating Meraki and its offerings
\n\n \n
\n\n \n \n \n \n
\n\n
\n \n );\n}\n\nexport default VolunteerDashboard;\n","import React, { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport { Link } from \"react-router-dom\";\nimport { useSelector } from \"react-redux\";\nimport { METHODS } from \"../../../services/api\";\nimport { PATHS } from \"../../../constant\";\nimport moment from \"moment\";\nimport ReactPaginate from \"react-paginate\";\nimport { useDebounce } from \"use-debounce\";\n// import { BsArrowUpDown } from \"react-icons/bs\";\n// import { BsArrowDownUp } from \"react-icons/bs\";\nimport { BsArrowDownUp } from 'react-icons/bs';\n\nimport \"./styles.scss\";\n\nfunction VolunteerOverview(props) {\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [classes, setClasses] = useState([]);\n const [slicedClasses, setSlicedClasses] = useState();\n const user = useSelector(({ User }) => User);\n const [pageNumber, setPageNumber] = useState(0);\n const [sortMethod, setSortMethod] = useState(\"dsc\");\n const [debouncedText] = useDebounce(searchTerm);\n\n const limit = 10;\n\n const volunteerClassData = props.location.state.pass;\n const pageCount = Math.ceil(volunteerClassData.classes.length / limit);\n const changePage = ({ selected }) => {\n setPageNumber(selected);\n };\n\n const firstIndex = (pageNumber + 1) * limit;\n const lastIndex = volunteerClassData.classes.length;\n\n const lang = { en: \"English\", hi: \"Hindi\" };\n let language = \"\";\n new Set(volunteerClassData.classes.map((item) => item.lang)).forEach(\n (item) => (language = language + lang[item] + \", \")\n );\n\n const languageMap = {\n hi: \"Hindi\",\n te: \"Telugu\",\n en: \"English\",\n ta: \"Tamil\",\n };\n\n useEffect(() => {\n const data = volunteerClassData.classes.filter((searchValue) => {\n if (searchTerm == \"\") {\n return searchValue;\n } else if (\n searchValue.title.toLowerCase().includes(searchTerm.toLowerCase())\n ) {\n return searchValue;\n }\n });\n const slicedData = data.slice(pageNumber * limit, (pageNumber + 1) * limit);\n setClasses(data);\n setSlicedClasses(slicedData);\n }, [debouncedText, pageNumber]);\n\n const sortClasses = (byMethod) => {\n let sortedClasses;\n if (byMethod === \"class_date\") {\n sortedClasses = classes.sort((a, b) =>\n sortMethod === \"asc\"\n ? new Date(a.end_time) - new Date(b.end_time)\n : new Date(b.end_time) - new Date(a.end_time)\n );\n }\n setClasses(sortedClasses);\n setSlicedClasses(\n sortedClasses.slice(pageNumber * limit, (pageNumber + 1) * limit)\n );\n if (sortMethod === \"asc\") {\n setSortMethod(\"dsc\");\n } else {\n setSortMethod(\"asc\");\n }\n };\n\n return (\n <>\n \n {\n setSearchTerm(e.target.value);\n }}\n />\n
\n\n \n {\n setSlicedVolunteer(filterPathway(\"Python\", cacheVolunteer));\n setSelectedPathway(\"Python\");\n }}\n >\n Python\n \n {\n setSlicedVolunteer(\n filterPathway(\"Spoken English\", cacheVolunteer)\n );\n setSelectedPathway(\"Spoken English\");\n }}\n >\n Spoken English\n \n {\n setSlicedVolunteer(filterPathway(\"Typing\", cacheVolunteer));\n setSelectedPathway(\"Typing\");\n }}\n >\n Typing\n \n {\n setSelectedPathway(\"Filter\");\n setSlicedVolunteer(cacheVolunteer);\n }}\n >\n Filter\n \n
\n\n {selctedPathway === \"Filter\" ? (\n \n
\n ) : (\n \"\"\n )}\n\n \n Duration\n \n {dropdowns.duration ? (\n
\n \n {\n setSlicedVolunteer(filterweek(setLangue, setRating));\n handleDropdown(e)(\"duration\");\n }}\n >\n Apply\n \n
\n ) : (\n \"\"\n )}\n - \n
\n Language\n \n {dropdowns.language ? (\n
\n \n {\n setSlicedVolunteer(filterLanguage(setWeek, setRating));\n handleDropdown(e)(\"language\");\n }}\n >\n Apply\n \n
\n ) : (\n \"\"\n )}\n - \n
\n Avg. Rating\n \n {dropdowns.rating ? (\n
\n \n {\n setSlicedVolunteer(ratings(setWeek, setLangue));\n handleDropdown(e)(\"rating\");\n }}\n >\n Select (1)\n \n
\n ) : (\n \"\"\n )}\n - \n
| Name | \nNo. of Classes | \nEngagement (Weeks) | \n\n Last Class Date\n | \n Last Class Title | \nLast Class Lang | \nAvg.Rating | \n
|---|---|---|---|---|---|---|
| \n | \n {item.classes.length} | \n{numberOfWeek(item)} | \n\n {moment(\n item.last_class_date\n // sortedClasses[sortedClasses.length - 1].start_time\n ).format(\"DD-MM-YYYY\")}\n | \n\n {item.classes &&\n item.classes.length > 0 &&\n item.classes[item.classes.length - 1][\"title\"] != \"\"\n ? item.classes[item.classes.length - 1][\"title\"]\n : \"NA\"}\n | \n\n {item.classes &&\n item.classes.length > 0 &&\n item.classes[item.classes.length - 1][\"lang\"] != \"\"\n ? languageMap[\n item.classes[item.classes.length - 1][\"lang\"]\n ]\n : \"NA\"}\n | \n\n {/* {item.classes.ratings} */}\n {/* {item.classes &&\n item.classes.length > 0 && item.classes[item.classes.length - 1\n ][\"ratings\"] != \"\"\n ? item.classes[\n item.classes.length - 1\n ][\"ratings\"]\n : \"NA\"} */}\n {[1, 2, 3, 4, 5].map((star) => {\n return Math.ceil(item.avg_rating) > 0 &&\n star <= Math.ceil(item.avg_rating) ? (\n | \n
\n
\n \n
\n \n Showing {pageNumber * limit + 1}-\n {(pageNumber + 1) * limit > volunteer.length\n ? volunteer.length\n : (pageNumber + 1) * limit}\n of {volunteer.length}\n
\n\n }\n nextLabel={}\n initialPage={0}\n marginPagesDisplayed={0}\n pageCount={pageCount}\n onPageChange={changePage}\n containerClassName=\"paginationBttns-volunteer\"\n previousLinkClassName=\"previousBttn\"\n nextLinkClassName=\"nextBttn\"\n disabledClassName=\"paginationDisabled\"\n activeClassName=\"paginationActive-volunteer\"\n />\n
\n \n \n \n
\n\n
\n \n );\n}\nexport default VolunteerOverview;\n","import React, { useEffect, useState } from \"react\";\nimport axios from \"axios\";\nimport { useSelector } from \"react-redux\";\nimport { METHODS } from \"../../../services/api\";\nimport { Link } from \"react-router-dom\";\nimport { PATHS } from \"../../../constant\";\nimport { hasOneFrom } from \"../../../common/utils\";\nimport { Redirect } from \"react-router-dom\";\nimport \"../style.scss\";\n\nfunction Dashboard({ stateId }) {\n const user = useSelector(({ User }) => User);\n const [districtPartner, setDistrictPartner] = useState([]);\n const [districtPartnerData, setDistrictPartnerData] = useState([]);\n const [filterData, setFilterData] = useState([]);\n const [value, setValue] = useState();\n const [region, setRegion] = useState();\n const [isRegion, setIsRegion] = useState();\n const [regionData, setRegionData] = useState();\n const [regionDistrictPartner, setRegionDistrictPartner] = useState([]);\n const [district, setDistrict] = useState();\n\n useEffect(() => {\n axios({\n method: METHODS.GET,\n url: `${process.env.REACT_APP_MERAKI_URL}/partners/${stateId}/groups`,\n headers: {\n accept: \"application/json\",\n Authorization: user.data.token,\n },\n })\n .then((res) => {\n setRegion();\n const partnerGroups = res.data.partner_groups_data;\n const includesRegion =\n partnerGroups[0].partner_group_name.includes(\"_REGION\");\n\n setDistrictPartner(res.data);\n setIsRegion(includesRegion);\n\n setDistrictPartnerData(partnerGroups);\n setRegionData(partnerGroups);\n\n if (includesRegion) {\n setValue();\n setRegionDistrictPartner(\n partnerGroups[0].partner_groups_data.partner_groups_data\n );\n setFilterData([\n partnerGroups[0].partner_groups_data.partner_groups_data[0],\n ]);\n } else {\n setFilterData([partnerGroups[0]]);\n setDistrict();\n }\n })\n .catch((err) => {});\n }, [stateId]);\n\n const handleSelcet = (e) => {\n const stateFilterData = districtPartnerData.filter(\n (el) => el.partner_group_name === e.target.value\n );\n setFilterData(stateFilterData);\n setValue(e.target.value);\n };\n\n const tableDistrict = (region) => {\n const regionItem = regionData.find(\n (item) => item.partner_group_name === region\n );\n setRegion(region);\n const regionPartner =\n regionItem && regionItem.partner_groups_data.partner_groups_data;\n\n setRegionDistrictPartner(regionPartner);\n setDistrict(\"all\");\n };\n\n const selectRegion = (e) => {\n const regionItem = regionData.find(\n (item) => item.partner_group_name === e.target.value\n );\n const regionPartner =\n regionItem && regionItem.partner_groups_data.partner_groups_data;\n\n setRegionDistrictPartner(regionPartner);\n setRegion(e.target.value);\n if (e.target.value !== \"all\") {\n setFilterData([regionPartner[0]]);\n }\n };\n\n const selecetDistrict = (e) => {\n const districtPartner = [\n regionDistrictPartner.find(\n (item) => item.partner_group_name === e.target.value\n ),\n ];\n setDistrict(e.target.value);\n setFilterData(districtPartner);\n };\n\n const canSpecifyPartnerGroupId =\n hasOneFrom(user.data.user.rolesList, [\n \"admin\",\n \"partner\",\n \"partner_view\",\n ]) && user.data.user.partner_group_id;\n\n if (canSpecifyPartnerGroupId) {\n return (\n \n
\n \n \n {\" \"}\n Home\n {\" \"}\n /\n \n {\" \"}\n Volunteer \n \n
\n / {volunteerClassData.name}
\n \n
\n {volunteerClassData.name}
\nPython: {language.slice(0, -2)}
\nTotal Classes: {volunteerClassData.classes.length}
\n\n Associated Partner:{\" \"}\n {volunteerClassData.partner ? volunteerClassData.partner : \"NA\"}\n
\n\n {\n setSearchTerm(e.target.value);\n }}\n />\n
\n | Class Title | \n\n Class Date\n | \n Class Time | \n\n Student Enrollments\n {/* | \n Language | \nAvg. Rating | \n
|---|---|---|---|---|---|
| {item.title} | \n\n {moment.utc(item.end_time).format(\"DD-MM-YYYY\")}\n | \n\n {moment\n .utc(item.start_time)\n .add(330, \"minute\")\n .format(\"kk:mm\")}\n | \n\n {item.max_enrollment ? item.max_enrollment : \"NA\"}\n | \n{languageMap[item.lang]} | \n\n {[1, 2, 3, 4, 5].map((star) => {\n return item.avg_rating > 0 &&\n star <= item.avg_rating ? (\n | \n
\n
\n \n
\n \n Showing {pageNumber * limit + 1}-\n {firstIndex > lastIndex ? lastIndex : firstIndex}\n of {lastIndex}\n
\n\n }\n nextLabel={}\n initialPage={0}\n marginPagesDisplayed={0}\n pageCount={pageCount}\n onPageChange={changePage}\n containerClassName=\"paginationBttns-volunteer\"\n previousLinkClassName=\"previousBttn\"\n nextLinkClassName=\"nextBttn\"\n disabledClassName=\"paginationDisabled\"\n activeClassName=\"paginationActive-volunteer\"\n />\n
\n \n
\n );\n }\n return Overview
\n\n
\n {isRegion ? (\n <>\n \n \n {districtPartner.total_no_of_groups}\n \n Total Number of Groups\n
\n \n \n {districtPartner.total_no_of_partners}\n \n \n Total Number of Partners\n \n
\n \n \n {districtPartner.total_no_of_students}\n \n Total Enrolled Students\n
\n \n \n \n {regionData &&\n regionData.map((item, i) => {\n return (\n <>\n \n {item.partner_group_name}\n \n \n );\n })}\n \n
\n\n {region !== \"all\" && (\n Please choose a Region
\n\n \n \n {regionDistrictPartner &&\n regionDistrictPartner.map((item, i) => {\n return (\n <>\n \n {item.partner_group_name}\n \n \n );\n })}\n \n
\n )}\n \n ) : (\n Please choose a group
\n\n \n \n {districtPartnerData.map((item, i) => {\n return (\n <>\n \n {item.partner_group_name}\n \n \n );\n })}\n \n
\n )}\n\n {value === \"all\" ? (\n Please choose a group
\n\n \n \n
\n
\n ) : region === \"all\" ? (\n | Group Name | \nNumber of Partners | \nNumber of Students | \n
|---|---|---|
| \n {item.partner_group_name}\n | \n\n {item.total_no_of_partners}\n | \n\n {item.total_no_of_students}\n | \n
\n \n \n
\n
\n ) : district === \"all\" ? (\n | Group Name | \nNumber of Districts | \nNumber of ITIs | \nNumber of Students | \n\n {item.partner_groups_data.partner_group_name}\n | \n\n\n {item.partner_groups_data.total_no_of_groups}\n | \n\n\n {item.partner_groups_data.total_no_of_partners}\n | \n\n {item.partner_groups_data.total_no_of_students}\n | \n \n );\n })}\n
|---|
\n \n \n
\n
\n ) : (\n | Group Name | \nNumber of ITIs | \nNumber of Students | \n
|---|---|---|
| \n {item.partner_group_name}\n | \n\n {item.total_no_of_partners}\n | \n\n {item.total_no_of_students}\n | \n
\n {/* */}\n
\n )}\n \n {filterData.map((item) => {\n return item.partners.map((name) => {\n return (\n
\n \n \n
\n );\n });\n })}\n {name.partner_name}
\n\n \n {name.users_count} Students\n \n
\n \n \n {states.map((item) => {\n const name = `${\n item.name[0] + item.name.slice(1).toLowerCase()\n } Dashboard`;\n return (\n
\n )}\n \n selectedState(item.id)}\n className={\n admin\n ? stateId === item.id\n ? \"dark-text\"\n : \"light-text\"\n : clusterId === item.id\n ? \"dark-text\"\n : \"light-text\"\n }\n >\n {(clusterId === item.id || admin) && name}\n \n {admin ? stateId === item.id &&
: \"\"}\n
\n );\n })}\n : \"\"}\n
\n \n
\n );\n}\n","import React from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { Container, Typography } from \"@mui/material\";\nimport { CardContent, Card, Button } from \"@mui/material\";\nimport { Box } from \"@mui/system\";\nimport axios from \"axios\";\nimport useStyles from \"../styles\";\nimport { useSelector } from \"react-redux\";\nimport { METHODS } from \"../../../services/api\";\nimport Radio from \"@mui/material/Radio\";\nimport RadioGroup from \"@mui/material/RadioGroup\";\nimport FormControlLabel from \"@mui/material/FormControlLabel\";\nimport FormControl from \"@mui/material/FormControl\";\nimport { format } from \"../../../common/date\";\nimport AlertDialog from \"../AlertDialog\";\nimport ExerciseBatchClass from \"../ExerciseBatchClass/ExerciseBatchClass\";\nimport DropOut from \"../DropOut\";\nconst NoRevisionClassImage = require(\"./assets/NoRevision.svg\");\nfunction RevisionClassEnroll(props) {\n const classes = useStyles();\n const user = useSelector(({ User }) => User);\n const { id } = props;\n const [revisionData, setRevisionData] = useState([]);\n const [revisionId, setRevisionId] = useState(null);\n const [open, setOpen] = useState(false);\n const close = () => [setOpen(false)];\n const [DataToEnroll, setDataToEnroll] = useState(null);\n const [dropOutOpen, setDropOutOpen] = useState(false);\n const closeDropOut = () => [setDropOutOpen(false)];\n useEffect(() => {\n axios({\n method: METHODS.GET,\n url: `${process.env.REACT_APP_MERAKI_URL}/classes/${id}/revision`,\n headers: {\n accept: \"application/json\",\n Authorization: user?.data?.token,\n },\n })\n .then((res) => {\n // setUserEnrolledClasses(res.data);\n const data = res.data;\n setRevisionData(data);\n setDataToEnroll(data[0]);\n })\n .catch((err) => {});\n }, [dropOutOpen, open]);\n return (\n \n \n \n \n \n Doubt Class\n \n \n {actions?.title}\n \n \n \n \n Clear your doubts related to the first class of Python and other\n queries during your studies\n \n \n \n {\" \"}\n \n Please join at least 10 mintues before the scheduled time\n \n {isEnrolled ? (\n <>\n {TimeLefts == \"joinNow\" ? (\n \n \n Join Now\n \n \n ) : (\n \n )}\n {\n setOpenDropOut(true);\n }}\n variant=\"body2\"\n color=\"error.main\"\n className={classes.DropOut}\n >\n can`t attend?\n {\" \"}\n \n ) : (\n setConfirmationOpen(true)}\n >\n Enroll\n \n )}\n \n \n \n
\n );\n};\n\nconst ClassDetails = ({ setOpen, isActive }) => {\n return (\n \n \n {/* \n \n
\n \n - \n
\n
\n );\n\n const container =\n window !== undefined ? () => window().document.body : undefined;\n\n return (\n - \n {list?.map((obj, index) => (\n
setOpenDrawer(true)} className={classes.ContentListDiv}>\n \n CONTENT LIST\n \n
\n );\n}\n","import React, { useEffect, useState, useMemo, useRef } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { METHODS } from \"../../../services/api\";\nimport axios from \"axios\";\nimport get from \"lodash/get\";\nimport YouTube from \"react-youtube\";\nimport DOMPurify from \"dompurify\";\nimport { useParams } from \"react-router-dom\";\nimport CircleIcon from \"@mui/icons-material/Circle\";\nimport { getCourseContent } from \"../../../components/Course/redux/api\";\n// import { actions as courseActions } from \"../../../components/Course/redux/action\";\nimport { actions as enrolledBatchesActions } from \"../../PathwayCourse/redux/action\";\nimport { breakpoints } from \"../../../theme/constant\";\n\nimport Assessment from \"../ExerciseContent/Assessment\";\nimport {\n TableRow,\n TableHead,\n TableCell,\n TableBody,\n Table,\n TableContainer,\n Typography,\n Container,\n Box,\n Button,\n Grid,\n useMediaQuery,\n} from \"@mui/material\";\n\n// import HiddenContent from \"../HiddenContent\";\nimport { versionCode } from \"../../../constant\";\n\nimport useStyles from \"../styles\";\nimport ExerciseBatchClass from \"../../BatchClassComponents/ExerciseBatchClass/ExerciseBatchClass\";\nimport CourseEnroll from \"../../BatchClassComponents/EnrollInCourse/EnrollInCourse\";\nimport DoubtClassExerciseComponent from \"../../BatchClassComponents/DoubtClassExerciseComponent\";\nimport RevisionClassEnroll from \"../../BatchClassComponents/Revision/RevisionClassEnroll\";\nimport { actions as upcomingBatchesActions } from \"../..//PathwayCourse/redux/action\";\n// import { actions as upcomingClassActions } from \"../../PathwayCourse/redux/action\";\nimport ClassTopic from \"../ClassTopic/ClassTopic\";\nimport ExerciseContentLoading from \"./ExerciseContentLoading\";\nimport PersistentDrawerLeft from \"./Drawers/Drawer\";\nimport MobileDrawer from \"./Drawers/MobileDrawer\";\nimport ContentListText from \"./Drawers/ContentListText\";\n\nconst createVisulizeURL = (code, lang, mode) => {\n // only support two languages for now\n const l = lang == \"python\" ? \"2\" : \"js\";\n const replacedCode = code && code.replace(//g, \"\\n\");\n const visualizerCode = replacedCode.replace(/ /g, \" \");\n const url = `http://pythontutor.com/visualize.html#code=${encodeURIComponent(\n visualizerCode\n )\n .replace(/%2C|%2F/g, decodeURIComponent)\n .replace(/\\(/g, \"%28\")\n .replace(\n /\\)/g,\n \"%29\"\n )}&cumulative=false&curInstr=0&heapPrimitives=nevernest&mode=${mode}&origin=opt-frontend.js&py=${l}&rawInputLstJSON=%5B%5D&textReferences=false`;\n return url;\n};\n\nfunction UnsafeHTML(props) {\n const { html, Container, ...otherProps } = props;\n const sanitizedHTML = DOMPurify.sanitize(html);\n return (\n
\n {start_time && end_time && (\n <>\n
\n \n )}\n \n );\n }\n return null;\n};\n\nconst RenderContent = ({ data, exercise, pathwayData }) => {\n const classes = useStyles();\n const isActive = useMediaQuery(\"(max-width:\" + breakpoints.values.sm + \"px)\");\n const playerRef = useRef(null);\n\n const videoId = data.value.includes(\"=\")\n ? data.value.split(\"=\")[1]\n : data.value;\n\n const [isPlaying, setIsPlaying] = useState(false);\n const [allowedTime, setAllowedTime] = useState(0);\n\n const onReady = (event) => {\n playerRef.current = event.target;\n };\n\n const onStateChange = (event) => {\n if (event.data === window.YT.PlayerState.PLAYING) {\n setIsPlaying(true);\n } else {\n setIsPlaying(false);\n }\n };\n\n useEffect(() => {\n let intervalId;\n\n if (isPlaying) {\n intervalId = setInterval(() => {\n if (playerRef.current) {\n const currentTime = playerRef.current.getCurrentTime();\n if (currentTime > allowedTime + 5) {\n // Allow a 5-second buffer\n playerRef.current.seekTo(allowedTime);\n } else {\n setAllowedTime(currentTime);\n }\n }\n }, 1000);\n } else if (intervalId) {\n clearInterval(intervalId);\n }\n\n return () => clearInterval(intervalId);\n }, [isPlaying, allowedTime]);\n\n const opts = {\n height: \"390\",\n width: \"640\",\n playerVars: {\n controls: 1, // Disable default controls\n disablekb: 1, // Disable keyboard controls\n },\n };\n\n if (data.component === \"header\") {\n return (\n \n \n {/* */}\n \n Code Example \n \n {/* */}\n \n \n Visualize\n \n \n \n
\n );\n }\n // if (data.type === \"solution\") {\n // return (\n // \n // \n // ![]({require(\"../asset/specialdeals.svg\")})
\n \n \n {courseComplete ? (\n
\n );\n}\n\nexport default CompletionComponent;\n","import React, { useEffect, useState } from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { METHODS } from \"../../services/api\";\nimport axios from \"axios\";\nimport \"./style/index.scss\";\nimport ExerciseContent from \"./ExerciseContent\";\nimport ArrowBackIosIcon from \"@mui/icons-material/ArrowBackIos\";\nimport ArrowForwardIosIcon from \"@mui/icons-material/ArrowForwardIos\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport useStyles from \"./styles\";\nimport { Link } from \"react-router-dom\";\nimport { useHistory } from \"react-router-dom\";\nimport { useParams } from \"react-router-dom\";\nimport { PATHS, interpolatePath, versionCode } from \"../../constant\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick.css\";\nimport KeyboardArrowDownIcon from \"@mui/icons-material/KeyboardArrowDown\";\nimport {\n Container,\n Box,\n AppBar,\n Toolbar,\n useMediaQuery,\n Typography,\n Button,\n Select,\n MenuItem,\n} from \"@mui/material\";\nimport ModeEditOutlineOutlinedIcon from \"@mui/icons-material/ModeEditOutlineOutlined\";\nimport CompletionComponent from \"./CourseCompletion/CompletionComponent\";\nimport ExerciseImage from \"./ExerciseImage/ExerciseImage.js\";\nimport { breakpoints } from \"../../theme/constant\";\nconst languageMap = {\n \"hi-IN\": \"Hindi\",\n en: \"English\",\n \"te-IN\": \"Telugu\",\n ta: \"Tamil\",\n mr: \"Marathi\",\n \"or-IN\": \"Oriya\",\n \"kn-IN\": \"Kannada\",\n};\nconst Exercise = ({\n course,\n exerciseId,\n setExerciseId,\n classes,\n history,\n params,\n progressTrackId,\n}) => {\n const courseLength = course;\n const imageRef = React.useRef();\n useEffect(() => {\n if (imageRef.current) {\n imageRef.current.scrollIntoView({\n block: \"center\",\n });\n }\n }, [imageRef.current]);\n return (\n <>\n {courseLength?.map((exercise, index) => {\n return (\n \n \n \n \n \n {\n scrollRef.current.scrollBy({\n right: 0,\n left: -60,\n behavior: \"smooth\",\n });\n }}\n />\n \n
\n \n \n \n {course &&\n course?.map((exercise, index) => {\n return (\n <>\n {\n setExerciseId(index);\n }}\n >\n
\n */}\n \n \n \n \n \n
\n {/* \n \n {index + 1}\n \n\n \n {item.name}\n \n
\n \n \n \n {index + 1}\n \n\n \n {item.name}\n \n
\n \n \n supporting your students learning on Meraki\n
\n {!isFormFilled && pathwayCode ? (\n \n {index + 1}\n \n )}\n\n \n {item.name}\n \n
\n \n ![\"icon\"]({require(\"./asset/separator.svg\")})
\n \n \n {index + 1}\n \n \n {item.name}\n \n
\n \n \n ![]({require(\"./assist/NoCourses.svg\")})
\n \n Please try a new search\n \n \n )}\n \n ) : null}\n \n
![]({require(\"./assets/completed_task.svg\")})
\n \n \n
\n \n }\n nextLabel={}\n initialPage={0}\n marginPagesDisplayed={0}\n onPageChange={changePage}\n pageCount={pageCount}\n containerClassName=\"paginationBttns\"\n previousLinkClassName=\"previousBttn\"\n nextLinkClassName=\"nextBttn\"\n disabledClassName=\"paginationDisabled\"\n activeClassName=\"paginationActive\"\n />\n
\n \n To achieve this, the following steps will be undertaken:\n
\n peepul india \n \n MCDigital Course-2.0\n \n \n \n \n \n \n All Time Student Progress Report\n \n \n \n The report contains student progress since the start of the\n programme until the present day.\n \n \n Download Report\n \n \n \n \n \n \n \n \n Seven Days Student Progress Report\n \n \n \n The report contains student progress from the last 7 days\n until the present day.\n \n \n Download Report\n \n \n \n \n \n
\n );\n \n};\n\nexport default ReportGenerate;\n","import React, { useEffect, useState } from \"react\";\nimport {\n Container,\n Grid,\n Typography,\n Box,\n Card,\n CardContent,\n CardActions,\n LinearProgress,\n} from \"@mui/material\";\nimport { METHODS } from \"../../../services/api\";\nimport axios from \"axios\";\nimport { useSelector } from \"react-redux\";\nimport useStyles from \"../styles\";\nimport { PATHS, interpolatePath } from \"../../../constant\";\nimport { Link } from \"react-router-dom\";\nimport LockIcon from \"@mui/icons-material/Lock\";\nimport LockOpenIcon from \"@mui/icons-material/LockOpen\";\nimport { toast } from \"react-toastify\";\nimport \"react-toastify/dist/ReactToastify.css\";\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\nimport DOMPurify from \"dompurify\";\nimport CheckIcon from \"@mui/icons-material/Check\";\nimport get from \"lodash/get\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\nimport { breakpoints } from \"../../../theme/constant\";\n\ntoast.configure();\n\nfunction UnsafeHTML(props) {\n const { html, Container, ...otherProps } = props;\n const sanitizedHTML = DOMPurify.sanitize(html);\n return (\n \n {roles.map((role) => (\n
\n );\n menu = leftDrawer ? (\n - \n {isAuthenticated ? (\n
- \n {subMenu?.map((item) => {\n if (item.type === \"external\") {\n return (\n
\n {showHeader ?
\n \n {\" \"}\n
\n {showFooter ? : \"\"}\n