\n {heading} \n {!lock ?
\n \n \n \n <>\n \n {props.content.contentDisplayName}\n \n \n
\n\n \n\n
\n \n {props.content.time ? \n {props.content.time}\n \n : \n }\n\n {props.content.points && \n {props.content.points} Points\n \n }\n\n
\n {props.content.progress.accessCount > 0 && \n {children}\n
\n );\n}\n\nCardFooter.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n stats: PropTypes.bool,\n chart: PropTypes.bool,\n children: PropTypes.node\n};\n","function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nmodule.exports = webpackEmptyContext;\nwebpackEmptyContext.id = 236;","module.exports = __webpack_public_path__ + \"static/media/QuestLogo.e54a6f65.png\";","import {\n defaultFont,\n primaryColor,\n infoColor,\n successColor,\n warningColor,\n dangerColor,\n grayColor,\n secondaryColor,\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst typographyStyle = {\n defaultFontStyle: {\n ...defaultFont,\n fontSize: \"14px\"\n },\n defaultHeaderMargins: {\n marginTop: \"20px\",\n marginBottom: \"10px\"\n },\n quote: {\n padding: \"0px 20px\",\n margin: \"0 0 20px\",\n // padding: \"10px 20px\",\n // fontSize: \"17.5px\",\n fontSize: \"\t0.875rem\",\n fontWeight:600,\n borderLeft: \"5px solid \" + grayColor[10]\n },\n quoteText: {\n // margin: \"0 0 10px\",\n margin: \"0px\",\n fontStyle: \"italic\"\n },\n quoteAuthor: {\n display: \"block\",\n fontSize: \"80%\",\n lineHeight: \"1.42857143\",\n color: grayColor[1]\n },\n mutedText: {\n color: grayColor[1]\n },\n primaryText: {\n color: primaryColor[4]\n },\n infoText: {\n color: secondaryColor[1]\n },\n successText: {\n color: successColor[0]\n },\n warningText: {\n color: warningColor[0]\n },\n dangerText: {\n color: dangerColor[0]\n },\n inputLabel:{ \n marginTop: 30, \n ...defaultFont,\n color: grayColor[2] + \" !important\",\n // fontWeight: \"400\",\n fontSize: \"0.75rem\",\n fontWeight: \"500\",\n lineHeight: \"1.42857\",\n letterSpacing: \"unset\"\n },\n \n\n \n};\n\nexport default typographyStyle;\n","import moment from 'moment'\n//export const TODAY_DATE_TIME = new Date().toISOString().replace(/T/, ' '). replace(/\\..+/, '') // delete the dot and everything after\nexport const CURRENT_DATE_TIME = () => moment().utcOffset(\"+05:30\").format('YYYY-MM-DD HH:mm:ss') // delete the dot and everything after\n\nexport const LENGTH_ERROR = (length) => `Length should be less than ${length} characters`\nexport const MIN_LENGTH_ERROR = (text, length) => `${text} must be at least ${length} characters`\n\nexport const HIDE_FOR_IOS = true // temporary hide features for ios \n\n\n// Share URL \nexport const SHARE_URL_ANDROID =(UserId)=>`https://play.google.com/store/apps/details?id=com.zl.questwebapp&utm_source=APP&utm_medium=Share&utm_campaign=${UserId}`;\nexport const SHARE_URL_IOS=()=>'https://apps.apple.com/in/app/quest/id1542442386'","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","/*!\n\n =========================================================\n * Material Dashboard React - v1.8.0 based on Material Dashboard - v1.2.0\n =========================================================\n\n * Product Page: http://www.creative-tim.com/product/material-dashboard-react\n * Copyright 2019 Creative Tim (http://www.creative-tim.com)\n * Licensed under MIT (https://github.com/creativetimofficial/material-dashboard-react/blob/master/LICENSE.md)\n\n =========================================================\n\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\n\n */\n\n// ##############################\n// // // Function that converts from hex color to rgb color\n// // // Example: input = #9c27b0 => output = 156, 39, 176\n// // // Example: input = 9c27b0 => output = 156, 39, 176\n// // // Example: input = #999 => output = 153, 153, 153\n// // // Example: input = 999 => output = 153, 153, 153\n// #############################\nconst hexToRgb = input => {\n input = input + \"\";\n input = input.replace(\"#\", \"\");\n let hexRegex = /[0-9A-Fa-f]/g;\n if (!hexRegex.test(input) || (input.length !== 3 && input.length !== 6)) {\n throw new Error(\"input is not a valid hex color.\");\n }\n if (input.length === 3) {\n let first = input[0];\n let second = input[1];\n let last = input[2];\n input = first + first + second + second + last + last;\n }\n input = input.toUpperCase(input);\n let first = input[0] + input[1];\n let second = input[2] + input[3];\n let last = input[4] + input[5];\n return (\n parseInt(first, 16) +\n \", \" +\n parseInt(second, 16) +\n \", \" +\n parseInt(last, 16)\n );\n};\n\n// ##############################\n// // // Variables - Styles that are used on more than one component\n// #############################\n\nconst drawerWidth = 170;\n\nconst transition = {\n transition: \"all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1)\"\n};\n\nconst container = {\n // paddingRight: \"15px\",\n // paddingLeft: \"15px\",\n overflowX:'hidden',\n marginRight: \"auto\",\n marginLeft: \"auto\",\n '@media screen and (max-width: 960px)': {\n paddingRight: \"0px\",\n paddingLeft: \"0px\",\n overflow: 'hidden',\n }\n};\n\n\nconst defaultFont = {\n fontFamily: '\"Sansational\", \"Helvetica\", \"Arial\", sans-serif',\n fontWeight: \"300\",\n lineHeight: \"1.5em\"\n};\n\nconst primaryColor = [\"#00b8ac\", \"#ab47bc\", \"#8e24aa\", \"#af2cc5\",\"#690184\"];\nconst secondaryColor=['#5A4FF5','#00b8ac']\nconst warningColor = [\"#ff9800\", \"#ffa726\", \"#fb8c00\", \"#ffa21a\"];\nconst dangerColor = [\"#f44336\", \"#ef5350\", \"#e53935\", \"#f55a4e\",];\nconst successColor = [\"#4caf50\", \"#66bb6a\", \"#43a047\", \"#5cb860\"];\nconst infoColor = ['#f16c2d',\"#00acc1\", \"#26c6da\", \"#00acc1\", \"#00d3ee\"];\nconst roseColor = [\"#e91e63\", \"#ec407a\", \"#d81b60\", \"#eb3573\"];\nconst grayColor = [ \"#999\", \"#777\", \"#3C4858\", \"#AAAAAA\", \"#D2D2D2\", \"#DDD\", \"#b4b4b4\", \"#555555\", \"#333\", \"#a9afbb\", \"#eee\", \"#e7e7e7\"];\nconst orangeColor=['#FFA500','#FF8C00','#FF7F50','#FF6347','#FF4500']\nconst blackColor = \"#000\";\nconst whiteColor = \"#ffffff\";\nconst facebookColor=\"#3b5998\";\nconst PrimaryColor=['#00B8AC','#E22E5E','#0875F7','#E0584F']\nconst brandColor=['#e52e5d','#f26c2c','#67bc47','#124989','#00b8ac','#ffdb00']\n\n\nconst boxShadow = {\n boxShadow:\n \"0 10px 5px -12px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.42), 0 4px 25px 0px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.12), 0 8px 10px -5px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.2)\"\n};\n\nconst primaryBoxShadow = {\n boxShadow:\n \"0 4px 20px 0 rgba(\" +\n hexToRgb(blackColor) +\n \",.14), 0 7px 10px -5px rgba(\" +\n hexToRgb(primaryColor[0]) +\n \",.4)\"\n};\nconst infoBoxShadow = {\n boxShadow:\n \"0 4px 20px 0 rgba(\" +\n hexToRgb(blackColor) +\n \",.14), 0 7px 10px -5px rgba(\" +\n hexToRgb(infoColor[0]) +\n \",.4)\"\n};\nconst successBoxShadow = {\n boxShadow:\n \"0 4px 20px 0 rgba(\" +\n hexToRgb(blackColor) +\n \",.14), 0 7px 10px -5px rgba(\" +\n hexToRgb(successColor[0]) +\n \",.4)\"\n};\nconst warningBoxShadow = {\n boxShadow:\n \"0 4px 20px 0 rgba(\" +\n hexToRgb(blackColor) +\n \",.14), 0 7px 10px -5px rgba(\" +\n hexToRgb(warningColor[0]) +\n \",.4)\"\n};\nconst dangerBoxShadow = {\n boxShadow:\n \"0 4px 20px 0 rgba(\" +\n hexToRgb(blackColor) +\n \",.14), 0 7px 10px -5px rgba(\" +\n hexToRgb(dangerColor[0]) +\n \",.4)\"\n};\nconst roseBoxShadow = {\n boxShadow:\n \"0 4px 20px 0 rgba(\" +\n hexToRgb(blackColor) +\n \",.14), 0 7px 10px -5px rgba(\" +\n hexToRgb(roseColor[0]) +\n \",.4)\"\n};\n\nconst warningCardHeader = {\n background:\n \"linear-gradient(60deg, \" + warningColor[1] + \", \" + warningColor[2] + \")\",\n ...warningBoxShadow\n};\nconst successCardHeader = {\n background:\n \"linear-gradient(60deg, \" + successColor[1] + \", \" + successColor[2] + \")\",\n ...successBoxShadow\n};\nconst dangerCardHeader = {\n background:\n \"linear-gradient(60deg, \" + dangerColor[1] + \", \" + dangerColor[2] + \")\",\n ...dangerBoxShadow\n};\nconst infoCardHeader = {\n background:\n \"linear-gradient(60deg, \" + infoColor[1] + \", \" + infoColor[2] + \")\",\n ...infoBoxShadow\n};\nconst primaryCardHeader = {\n background:\n \"linear-gradient(60deg, \" + primaryColor[1] + \", \" + primaryColor[2] + \")\",\n ...primaryBoxShadow\n};\nconst roseCardHeader = {\n background:\n \"linear-gradient(60deg, \" + roseColor[1] + \", \" + roseColor[2] + \")\",\n ...roseBoxShadow\n};\n\nconst cardActions = {\n margin: \"0 20px 10px\",\n paddingTop: \"10px\",\n borderTop: \"1px solid \" + grayColor[10],\n height: \"auto\",\n ...defaultFont\n};\n\nconst cardHeader = {\n margin: \"-20px 15px 0\",\n borderRadius: \"3px\",\n padding: \"15px\"\n};\n\nconst card = {\n display: \"inline-block\",\n position: \"relative\",\n width: \"100%\",\n margin: \"25px 0\",\n boxShadow: \"0 1px 4px 0 rgba(\" + hexToRgb(blackColor) + \", 0.14)\",\n borderRadius: \"3px\",\n color: \"rgba(\" + hexToRgb(blackColor) + \", 0.87)\",\n background: whiteColor\n};\n\nconst defaultBoxShadow = {\n border: \"0\",\n borderRadius: \"3px\",\n boxShadow:\n \"0 10px 20px -12px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.42), 0 3px 20px 0px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.12), 0 8px 10px -5px rgba(\" +\n hexToRgb(blackColor) +\n \", 0.2)\",\n padding: \"10px 0\",\n transition: \"all 150ms ease 0s\"\n};\n\nconst title = {\n color: grayColor[2],\n textDecoration: \"none\",\n fontWeight: \"300\",\n marginTop: \"30px\",\n marginBottom: \"25px\",\n minHeight: \"32px\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n \"& small\": {\n color: grayColor[1],\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n};\n\nconst cardTitle = {\n ...title,\n marginTop: \"0\",\n marginBottom: \"3px\",\n minHeight: \"auto\",\n \"& a\": {\n ...title,\n marginTop: \".625rem\",\n marginBottom: \"0.75rem\",\n minHeight: \"auto\"\n }\n};\n\nconst cardSubtitle = {\n marginTop: \"-.375rem\"\n};\n\nconst cardLink = {\n \"& + $cardLink\": {\n marginLeft: \"1.25rem\"\n }\n};\n\nconst containerFluid = {\n paddingRight: \"10px\",\n paddingLeft: \"10px\",\n marginRight: \"auto\",\n marginLeft: \"auto\",\n width: \"100%\",\n \n};\n\nconst pagecontainer = {\n ...containerFluid,\n \"@media (min-width: 576px)\": {\n maxWidth: \"540px\"\n },\n \"@media (min-width: 768px)\": {\n maxWidth: \"720px\"\n },\n \"@media (min-width: 992px)\": {\n maxWidth: \"960px\"\n },\n \"@media (min-width: 1200px)\": {\n marginRight: \"auto\",\n marginLeft: \"auto\",\n maxWidth: \"1200px\",\n paddingRight: \"0px\",\n paddingLeft: \"0px\",\n \n }\n};\n\nexport {\n hexToRgb,\n //variables\n drawerWidth,\n transition,\n pagecontainer,\n container,\n boxShadow,\n card,\n defaultFont,\n primaryColor,\n PrimaryColor,\n secondaryColor,\n warningColor,\n dangerColor,\n successColor,\n infoColor,\n roseColor,\n orangeColor,\n grayColor,\n blackColor,\n whiteColor,\n facebookColor,\n brandColor,\n primaryBoxShadow,\n infoBoxShadow,\n successBoxShadow,\n warningBoxShadow,\n dangerBoxShadow,\n roseBoxShadow,\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader,\n cardActions,\n cardHeader,\n defaultBoxShadow,\n title,\n cardTitle,\n cardSubtitle,\n cardLink\n};\n","import moment from 'moment';\n\n\n/*-----------------------Compare Date --------------------*/\nexport const Token = () => {\n let token = sessionStorage.getItem('token');\n if (token === null || token === undefined || token === \"\") {\n // console.log(token);\n token = sessionStorage.getItem('token');\n }\n return token\n}\n\n\n/*-----------------------Compare Date --------------------*/\nexport const compareDate = (a, b) => {\n const dataMyOne = moment(a).format('YYYYMMDD');\n const dataMyTwo = moment(b).format('YYYYMMDD');\n\n\n if (dataMyOne === dataMyTwo) {\n return 0;\n }\n return (dataMyOne < dataMyTwo) ? -1 : 1;\n}\n\n/*-----------------------get older Date --------------------*/\nexport const getolderDate = (months) => {\n var d = moment().subtract(months, 'months').format('YYYY-MM-DD');\n return d\n}\n\n/*-----------------------get upcoming Date --------------------*/\nexport const getUpcomingDate = (months) => {\n var d = moment().add(months, 'months').format('YYYY-MM-DD');\n return d\n}\n\n// /*-----------------------get Time difference --------------------*/\n// export const getTimeDifference = (a, b) => {\n// const dataMyOne = moment(a).format('mm:ss');\n// const dataMyTwo = moment(b).format('mm:ss');\n// }\n\n/**\n * Custom function that calculates the percent of a number.\n * @param percentFor float | int num, The percent that you want to get.\n * @param percentOf float | int num, The number that you want to calculate the percent of.\n * @returns {Number}\n */\nexport const percentageNumber = (percentFor, percentOf) => {\n let percentage = 0;\n const firstNumber = Number(percentFor);\n const secondNumber = Number(percentOf);\n percentage = secondNumber > 0 ? ((firstNumber / secondNumber) * 100).toFixed(2) : 0\n return Number(percentage)\n}\n\nexport const roundPercentageNumber = (percentFor, percentOf) => {\n let percentage = percentageNumber(percentFor, percentOf)\n return percentage > 0 ? Math.round(percentage) : \"\"\n}\n\n\n/**\n * Custom function for Clevertap.\n * @param EventName string , The Event Name for Clevertap.\n * @param EventData json object, The Data for Clevertap.\n */\nexport const clevertapEvents = (EventName, EventData) => {\n //Clevertap \n if (typeof window.Android !== 'undefined') {\n window.Android.onEventReceived(EventName, EventData, true, true)\n } else if (typeof onEventReceived !== 'undefined') {\n window.onEventReceived(EventName, EventData, true, true)\n }\n else if (typeof window.flutter_inappwebview !== 'undefined') {\n window.flutter_inappwebview.callHandler('onEventReceived', EventName, EventData, true, true);\n }\n}\n\n/**\n * Custom function for facebook Tracking.\n * @param EventName string , The Event Name for facebook Tracking.\n * @param EventProperty json object, The Data for facebook Tracking.\n */\nexport const facebookTracking = (EventName, EventProperty) => {\n //facebook \n try {\n if (typeof window.Android !== 'undefined') {\n window.Android.onFacebookStandardEventReceived(EventName, EventProperty)\n } else if (typeof onEventReceived !== 'undefined') {\n window.onEventReceived(EventName, EventProperty, false, false)\n } else if (typeof window.flutter_inappwebview !== 'undefined') {\n window.flutter_inappwebview.callHandler('onEventReceived', EventName, EventProperty, false, false);\n }\n } catch (error) {\n console.log(error);\n }\n\n}\n\n\n/**\n * Custom function for Store User data.\n * @param userName string .\n * @param password string.\n * @param remember bool.\n */\nexport const StoreUserData = (userName, password, remember,userType=null) => {\n localStorage.setItem('userName', userName);\n localStorage.setItem('password', password);\n localStorage.setItem('remember', remember);\n localStorage.setItem('user_type', userType);\n if (typeof window.Android !== 'undefined') {\n window.Android.onRemenberMeClicked(userName, password, true);\n }\n if (typeof onRemenberMeClicked !== 'undefined') {\n window.onRemenberMeClicked(userName, password, true);\n }\n if (typeof window.flutter_inappwebview !== 'undefined') {\n window.flutter_inappwebview.callHandler('onRemenberMeClicked',userName, password, true);\n }\n\n}\n\n/**\n * convert seconds to hh:mm:ss or mm:ss\n * @param secs string .\n */\nexport const hhmmss = (secs) => {\n function pad(num) {\n return (\"0\"+num).slice(-2);\n }\n var minutes = Math.floor(secs / 60);\n secs = secs % 60;\n var hours = Math.floor(minutes / 60)\n minutes = minutes % 60;\n if (pad(hours) > 0)\n return `${pad(hours)}:${pad(minutes)}:${pad(secs)}`;\n else\n return `${pad(minutes)}:${pad(secs)}`;\n // return pad(hours)+\":\"+pad(minutes)+\":\"+pad(secs); for old browsers\n}","import React from 'react'\n\nexport default function Duration ({ className, seconds }) {\n return (\n \n )\n}\n\nfunction format (seconds) {\n const date = new Date(seconds * 1000)\n const hh = date.getUTCHours()\n const mm = date.getUTCMinutes()\n const ss = pad(date.getUTCSeconds())\n if (hh) {\n return `${hh}:${pad(mm)}:${ss}`\n }\n return `${mm}:${ss}`\n}\n\nfunction pad (string) {\n return ('0' + string).slice(-2)\n}\n","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/png;base64,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\"","import React from 'react';\nimport classNames from \"classnames\";\nimport PropTypes from 'prop-types';\nimport { withStyles, makeStyles } from '@material-ui/core/styles';\nimport LinearProgress from '@material-ui/core/LinearProgress';\nimport Typography from '@material-ui/core/Typography';\nimport Box from '@material-ui/core/Box';\n\n// style\nimport {\n grayColor,\n infoColor,\n dangerColor,\n successColor,\n orangeColor\n} from \"assets/jss/material-dashboard-react.js\";\n\n\n// const StyledProgress = withStyles({\n// colorPrimary: {\n// backgroundColor: grayColor[0]\n// },\n// bar: {\n// backgroundColor: infoColor[0],\n// },\n\n// })(LinearProgress);\n\n// Inspired by the former Facebook spinners.\nconst useStyles = makeStyles((theme) => ({\n colorPrimary25: {\n backgroundColor: dangerColor[0],\n },\n colorPrimary50: {\n backgroundColor: orangeColor[0],\n },\n colorPrimary100: {\n backgroundColor: successColor[0],\n },\n colorPrimary: {\n backgroundColor: grayColor[2]\n },\n\n}));\n\n\nconst LinearProgressWithLabel = (props) => {\n const {\n textcolor,\n value,\n alignItems,\n lableBoxStyle,\n progressBarWidth,\n lableStyle,\n ...rest } = props;\n\n const classes = useStyles();\n\n const progressClass = classNames({\n [classes[`colorPrimary${value <= 25 ? '25' : (value > 25 && value <= 50) ? '50' : '100'}`]]: true,\n });\n\n return (\n \n \n Quest assign \n Your next year's quest will be assigned soon.\n \n
\n ) : null}\n\n Loading...
\n {/* \n \n \n\n
\n )\n }\n}\n\n\n\nconst mapStateToProps = state => {\n return {\n userInfo: state.user.userinfo,\n quest: state.quest.current_quest,\n\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n updateContentAccessDuration: (accessDuration) => dispatch(questActions.updateContentAccessDuration(accessDuration)),\n onPostContentAccess: (accessData, content) => dispatch(questActions.postContentAccess(accessData, content)),//also update content,current_cuntent and quest_progress\n }\n\n}\n\nexport default withStyles(style)(hot(module)(connect(mapStateToProps, mapDispatchToProps)(VideoPalyer)));","\n\nconst style = (theme) => ({\n muiIconButtonRoot: {\n [theme.breakpoints.down('sm')]: {\n padding: 5\n }\n },\n\n muiSvgIconFontSizeLarge: {\n [theme.breakpoints.down('sm')]: {\n fontSize: '1.25rem'\n }\n },\n\n muiSvgIconFontSizeSmall: {\n [theme.breakpoints.down('sm')]: {\n fontSize: '1rem'\n }\n }\n\n})\n\nexport default style;","import React, { useEffect, useRef,useState } from 'react';\nimport { useHistory } from \"react-router-dom\";\n//Redux\nimport { connect, useDispatch, useSelector } from 'react-redux'\nimport * as questActions from 'store/actions/index'\n// import Button from '@material-ui/core/IconButton';\nimport VideoViewer from 'components/Views/ContentViewer/VideoViewer/VideoViewer'\n\n// import TopicCards from 'components/Views/Tasks/Topics/TopicCards'\nimport AutoPlaySwipeableViews from 'components/Views/Tasks/Topics/TaskSwipeableViews'\nimport TopicAccordion from 'components/Views/Tasks/Topics/TopicAccordion'\n\n// style\nimport useStyles from 'assets/jss/components/views/topicsContainerStyle'\nimport { serverDjangoURL } from \"variables/ServerURL\";\nimport axiosConfig from \"util/axios\";\n//Common functions\n// import { clevertapEvents, facebookTracking } from \"util/commonfunctions\";\n\nconst TaskCard = (props) => {\n const { topics } = props\n return (\n \n await this.handleAESencryption(xhr, url)\n },\n }\n }}\n playIcon={}\n pip={pip}\n playing={playing}\n controls={controls}\n light={light}\n loop={loop}\n playbackRate={playbackRate}\n volume={volume}\n muted={muted}\n onReady={this.handleReady}\n onPlay={this.handlePlay}\n onEnablePIP={this.handleEnablePIP}\n onDisablePIP={this.handleDisablePIP}\n onPause={this.handlePause}\n onEnded={this.handleEnded}\n onError={e => console.log('onError', e)}\n onProgress={this.handleProgress}\n onDuration={this.handleDuration}\n playsinline={true}\n />\n\n \n {playing ? \n \n
\n\n \n
)\n : null}\n\n \n\n {!loading\n ? Loading...
\n \n this.handleSetPlaybackRate(1)}>\n this.handleSetPlaybackRate(1.5)}>\n this.handleSetPlaybackRate(2)}>\n
\n : null\n }\n\n\n \n
\n \n
\n\n \n {this.state.markers.map((val, index) => {\n return (\n
\n \n \n
\n )\n })}\n \n
\n \n \n {playing ?
\n\n \n
\n\n \n {\n typeof onRemenberMeClicked === 'undefined' ?\n this.props.orientation === \"portrait\"\n ? \n \n
\n \n
\n )\n}\n\nfunction WebTopics(props) {\n\n const classes = useStyles();\n const dispatch = useDispatch();\n const history = useHistory();\n\n const elementRef = useRef();\n\n const mission = useSelector(state => state.content.current_mission)\n const userInfo = useSelector(state => state.user.userinfo)\n const [lockDetails, setLockDetails] = useState({\n \"Watch\": true,\n \"Think\": true,\n \"Solve\": true,\n \"Play\": true\n })\n const quest = useSelector(state => state.quest.current_quest)\n const content = useSelector(state => state.content.contentlist);\n const current_content = useSelector(state => state.content.current_content);\n const operation = useSelector(state => state.content.current_operation)\n const questContentsList = useSelector(state => state.content.contentlist.add.questContents.filter((questContent) => (operation.operationId === questContent.operationId) && questContent[\"taskId\"] === undefined))\n const taskList = useSelector(state => state.content.contentlist.add.tasks.filter((task) => operation.operationId === task.operationId))\n\n\n const [isVideo, setIsVideo] = React.useState(false);\n const [ScreenOrientation, setScreenOrientation] = React.useState('portrait')\n\n\n const handleChange = (taskId, panel) => (event, newExpanded) => {\n dispatch(questActions.setExpandedFlag(taskId, newExpanded))\n };\n\n const getContentLockDetails = async() => {\n await axiosConfig(serverDjangoURL).post('api/location/getLocationContentStatus', {\n \"LocationId\":userInfo.locationId\n }).then(async response => {\n\n setLockDetails((prev)=>({...prev,...response?.data?.payload}))\n // await dispatch(setUserInfo(response.data))\n // setMasterClassData(response.data)\n }).catch(error => {\n if (error.response.data)\n throw new Error(error.response.data.error)\n throw new Error(error.message);\n });\n }\n\n\n useEffect(() => {\n getContentLockDetails()\n if (questContentsList.length) {\n // const contentTypeCode = questContentsList[0].contentTypeCode;\n // if (contentTypeCode === '01' || contentTypeCode === '02' || contentTypeCode === '03') {\n // clevertapfacebook(contentTypeCode)\n // dispatch(questActions.setCurrentContent(questContentsList[0]))\n // setIsVideo(true)\n // }\n } else if (taskList.length) {\n dispatch(questActions.setExpandedFlag(taskList[0].taskId, true))\n // const contentList = content.add.questContents.filter(questContent => taskList[0].taskId === questContent.taskId)\n // if (contentList.length) {\n // const contentTypeCode = contentList[0].contentTypeCode;\n // if (contentTypeCode === '01' || contentTypeCode === '02' || contentTypeCode === '03') {\n // clevertapfacebook(contentTypeCode)\n // dispatch(questActions.setCurrentContent(contentList[0]))\n // setIsVideo(true)\n // }\n // }\n }\n // else {\n // dispatch(questActions.setCurrentContent({}))\n // setIsVideo(false)\n // }\n dispatch(questActions.setCurrentContent({}))\n setIsVideo(false)\n }, [operation.operationId])\n\n // const clevertapfacebook = (contentTypeCode) => {\n // //clevertap\n // const eventData = JSON.stringify({\n // 'QuestName': quest.questName,\n // 'MisssionName': mission.missionDisplayName,\n // 'OperationName': operation.operationDisplayName,\n // 'ContentType': contentTypeCode\n // });\n\n // clevertapEvents('ContentView', eventData);\n // //facebook tracking\n // const EventProperty = JSON.stringify({\n // 'fb_content_type': contentTypeCode,\n // 'fb_content_id': mission.missionName,\n // 'fb_currency': ''\n // })\n\n // console.log(EventProperty);\n // facebookTracking('fb_mobile_content_view', EventProperty)\n // }\n\n const handleChangeTask = (contentType) => {\n if (typeof onRemenberMeClicked === 'undefined')\n setIsVideo(contentType)\n else\n history.push('/player')\n elementRef.current.scrollIntoView({ behavior: 'smooth', block: 'center' })\n }\n\n\n return (\n \n\n
\n );\n}\n\n\nexport default WebTopics;\n\n","module.exports = \"data:image/png;base64,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\"","module.exports = __webpack_public_path__ + \"static/media/Membership-card.badf1ef3.png\";","module.exports = __webpack_public_path__ + \"static/media/Membership-card-pro.1381848f.png\";","module.exports = __webpack_public_path__ + \"static/media/Review_Assissment.4b514176.png\";","module.exports = __webpack_public_path__ + \"static/media/school_rep.d5e70aed.png\";","import {\n whiteColor,\n primaryColor,\n grayColor,\n hexToRgb\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst dashboardStyle = {\n infoText: {\n color: primaryColor[4]\n },\n upArrowCardCategory: {\n width: \"16px\",\n height: \"16px\"\n },\n stats: {\n textAlign: 'center'\n },\n taskDiv: {\n padding: '0px 20px 0px 10px',\n borderRightStyle: 'groove',\n borderWidth:1,\n borderRightColor: primaryColor[0]\n },\n timeDiv: {\n padding: '0px 0px 0px 10px',\n },\n\n pageCardBody: {\n minHeight: '100vh'\n },\n gridItemFooter: {\n padding: '0 !important'\n },\n cardMissions: {\n marginBottom: \"0\",\n marginTop: '0'\n },\n cardCategoryWhite: {\n color: \"rgba(\" + hexToRgb(whiteColor) + \",.62)\",\n margin: \"0\",\n fontSize: \"14px\",\n marginTop: \"0\",\n marginBottom: \"0\"\n },\n cardTitle: {\n color: grayColor[2],\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: grayColor[1],\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n },\n cardTitleWhite: {\n color: whiteColor,\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: grayColor[1],\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n },\n cardAvatar: {\n maxWidth: \"70px\",\n maxHeight: \"70px\",\n right: \"10%\",\n position: 'absolute',\n margin: \"-35px auto 0\",\n borderRadius: \"50%\",\n overflow: \"hidden\",\n padding: \"0\",\n // boxShadow:\n // \"0 16px 38px -12px rgba(\" +\n // hexToRgb(blackColor) +\n // \", 0.56), 0 4px 25px 0px rgba(\" +\n // hexToRgb(blackColor) +\n // \", 0.12), 0 8px 10px -5px rgba(\" +\n // hexToRgb(blackColor) +\n // \", 0.2)\",\n // \"&$cardAvatarPlain\": {\n // marginTop: \"0\"\n // }\n },\n imgIcon:{\nwidth:0,\nheight:90\n },\n imageStyle: {\n width: \"auto\",\n height: \"-webkit-fill-available\"\n },\n checkboxStyle: {\n // padding:'7px 30px'\n },\n checkboxLabelStyle: {\n fontSize: '0.9rem',\n color: primaryColor[4],\n fontWeight: \"bold\",\n textTransform: \"capitalize\",\n letterSpacing: \"0\",\n willChange: \"box-shadow, transform\",\n transition:\n \"box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)\",\n lineHeight: \"1.42857143\",\n textAlign: \"center\",\n whiteSpace: \"nowrap\",\n verticalAlign: \"middle\",\n touchAction: \"manipulation\",\n },\n earnPoints: {\n padding: '5px 20px 5px 20px',\n width: 'fit-content',\n borderStyle: 'solid',\n textAlign: 'center',\n Display: 'block',\n marginLeft: 'auto',\n marginRight: 'auto',\n // marginTop: '30px',\n marginBottom:'24px',\n borderRadius: '30px',\n borderWidth:1,\n borderColor: primaryColor[4]\n }\n\n\n};\n\nexport default dashboardStyle;\n","import React from \"react\";\n//redux\nimport { connect } from 'react-redux'\n\n// @material-ui/core\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\nimport Checkbox from '@material-ui/core/Checkbox';\nimport Typography from '@material-ui/core/Typography';\nimport DialogContentText from '@material-ui/core/DialogContentText'\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\n\n// @material-ui/icons\nimport RadioButtonUncheckedIcon from '@material-ui/icons/RadioButtonUnchecked';\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\n\n\n// core components\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport CardIcon from \"components/CustomComponents/Card/CardIcon.js\";\nimport CardFooter from \"components/CustomComponents/Card/CardFooter.js\";\nimport Info from 'components/CustomComponents/Typography/Info'\n\n// img\nimport avatar from \"assets/img/climbing.png\";\n\n// styles\nimport { primaryColor } from \"assets/jss/material-dashboard-react.js\";\nimport styles from \"assets/jss/components/views/instructionStyle\";\n\nconst useStyles = makeStyles(styles);\n\nconst GreenCheckbox = withStyles({\n root: {\n color: primaryColor[4],\n '&$checked': {\n color: primaryColor[4],\n },\n },\n checked: {},\n})((props) => \n {typeof onRemenberMeClicked === 'undefined' && (current_content.contentTypeCode === '01' || current_content.contentTypeCode === '02' || current_content.contentTypeCode === '03')\n ?
\n\n\n {/* style={{ height: isVideo ? '35vh' : '45vh' }} */}\n {questContentsList.length\n ? next.isExpanded || boolean, false)}\n onChange={handleChange('', 'panel' + operation.operationId)}\n heading='Introduction'\n lockDetails={lockDetails}\n accordionDetails={\n (handleChangeTask(type))}\n />}\n />\n : null}\n {taskList.length\n ? taskList.map((current_task, indx) =>\n (handleChangeTask(type))}\n key={current_task.taskId}\n task={current_task}\n topics={content.add.questContents.filter((questContent) => current_task.taskId === questContent.taskId)} />}\n />\n ) : null\n }\n\n
\n \n
\n \n Tasks \n {props.mission.videoCount + props.mission.testCount + props.mission.activityCount + props.mission.webContentCount} \n
\n \n Time \n {props.mission.totalTime} \n
\n \n
\n \n You can earn \n {props.mission.points} Points \n
\n \n {/*
\n
- \n {props.data.questList.map((value,indx) => (\n
\n {children}\n
\n );\n}\n\nCardBody.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n table:PropTypes.bool,\n children: PropTypes.node\n};\n","import {\n blackColor,\n whiteColor,\n hexToRgb\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst cardStyle = {\n card: {\n border: \"0\",\n marginBottom: \"30px\",\n marginTop: \"30px\",\n borderRadius: \"6px\",\n color: \"rgba(\" + hexToRgb(blackColor) + \", 0.87)\",\n background: whiteColor,\n width: \"100%\",\n boxShadow: \"0 1px 4px 0 rgba(\" + hexToRgb(blackColor) + \", 0.14)\",\n position: \"relative\",\n display: \"flex\",\n flexDirection: \"column\",\n minWidth: \"0\",\n wordWrap: \"break-word\",\n fontSize: \".875rem\"\n },\n cardPlain: {\n background: \"transparent\",\n boxShadow: \"none\"\n },\n cardProfile: {\n marginTop: \"30px\",\n textAlign: \"center\"\n },\n cardChart: {\n \"& p\": {\n marginTop: \"0px\",\n paddingTop: \"0px\"\n }\n }\n};\n\nexport default cardStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/components/customcomponents/cardStyle.js\";\n\n\nconst useStyles = makeStyles(styles);\n\n\n\nexport default function Card(props) {\n const classes = useStyles();\n const { className, children, plain, profile, chart, ...rest } = props;\n const cardClasses = classNames({\n [classes.card]: true,\n [classes.cardPlain]: plain,\n [classes.cardProfile]: profile,\n [classes.cardChart]: chart,\n [className]: className !== undefined\n });\n return (\n \n {children}\n
\n );\n}\n\nCard.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n chart: PropTypes.bool,\n children: PropTypes.node\n};\n","import {\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader,\n grayColor\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst cardIconStyle = {\n cardIcon: {\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\n borderRadius: \"3px\",\n backgroundColor: grayColor[0],\n padding: \"15px\",\n marginTop: \"20px\",\n marginRight: \"15px\",\n float: \"left\",\n \n },\n width:'70px',\n height:'70px',\n display: 'block',\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader\n};\n\nexport default cardIconStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"assets/jss/components/customcomponents/cardIconStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardIcon(props) {\n const classes = useStyles();\n const { className, children, color, ...rest } = props;\n const cardIconClasses = classNames({\n [classes.cardIcon]: true,\n [classes[color + \"CardHeader\"]]: color,\n [className]: className !== undefined\n });\n return (\n \n {children}\n
\n );\n}\n\nCardIcon.propTypes = {\n className: PropTypes.string,\n color: PropTypes.oneOf([\n \"warning\",\n \"success\",\n \"danger\",\n \"info\",\n \"primary\",\n \"rose\"\n ]),\n children: PropTypes.node\n};\n","\n// App Configs\nexport const FETCH_APPCONFIGS_START = 'FETCH_APPCONFIGS_START'\nexport const SET_APPCONFIGS = 'SET_APPCONFIGS'\nexport const FETCH_APPCONFIGS_FAILED = 'FETCH_APPCONFIGS_FAILED'\nexport const SET_APPTYPE = 'SET_APPTYPE'\n\n// Post change password\nexport const POST_CHANGE_PASSWORD_START = \"POST_CHANGE_PASSWORD_START\"\nexport const POST_CHANGE_PASSWORD_SUCCESS = \"POST_CHANGE_PASSWORD_SUCCESS\"\nexport const POST_CHANGE_PASSWORD_FAILED = \"POST_CHANGE_PASSWORD_FAILED\"\n\n//user\nexport const FETCH_USERINFO_START = 'FETCH_USERINFO_START'\nexport const SET_USERINFO = 'SET_USERINFO'\nexport const FETCH_USERINFO_FAILED = 'FETCH_USERINFO_FAILED'\nexport const SET_PROFILE_PICTURE = 'SET_PROFILE_PICTURE'\n\nexport const FETCH_USER_PROGRESS_START = 'FETCH_USER_PROGRESS_START'\nexport const SET_USER_PROGRESS = 'SET_USER_PROGRESS'\nexport const FETCH_USER_PROGRESS_FAILED = 'FETCH_USER_PROGRESS_FAILED'\n\nexport const AUTH_FAILED = 'AUTH_FAILED'\nexport const SET_USER_TYPE = 'SET_USER_TYPE'\n\n//content\nexport const FETCH_CONTENTLIST_START = \"FETCH_CONTENTLIST_START\"\nexport const SET_CONTENTLIST = 'SET_CONTENTLIST'\nexport const FETCH_CONTENTLIST_FAILED = 'FETCH_CONTENTLIST_FAILED'\n\nexport const UPDATE_CONTENTLIST = 'UPDATE_CONTENTLIST'\n\n// Fetch Content Rating\nexport const FETCH_CONTENT_RATING_START = \"FETCH_CONTENT_RATING_START\"\nexport const SET_CONTENT_RATING = \"SET_CONTENT_RATING\"\nexport const FETCH_CONTENT_RATING_FAILED = \"FETCH_CONTENT_RATING_FAILED\"\n\n// post Content Rating\nexport const POST_CONTENT_RATING_START = \"POST_CONTENT_RATING_START\"\nexport const POST_CONTENT_RATING_SUCCESS = \"POST_CONTENT_RATING_SUCCESS\"\nexport const POST_CONTENT_RATING_FAILED = \"POST_CONTENT_RATING_FAILED\"\n\n// post Content Access\nexport const POST_CONTENT_ACCESS_START = \"POST_CONTENT_ACCESS_START\"\nexport const POST_CONTENT_ACCESS_SUCCESS = \"POST_CONTENT_ACCESS_SUCCESS\"\nexport const POST_CONTENT_ACCESS_FAILED = \"POST_CONTENT_ACCESS_FAILED\"\n\n//Post Test Attempt\nexport const POST_TEST_ATTEMPT_START = \"POST_TEST_ATTEMPT_START\"\nexport const POST_TEST_ATTEMPT_SUCCESS = \"POST_TEST_ATTEMPT_SUCCESS\"\nexport const POST_TEST_ATTEMPT_FAILED = \"POST_TEST_ATTEMPT_FAILED\"\n\n//User Quest\nexport const FETCH_USERQUEST_LIST_START = 'FETCH_USERQUEST_LIST_START'\nexport const SET_USERQUEST_LIST = 'SET_USERQUEST_LIST'\nexport const FETCH_USERQUEST_LIST_FAILED = 'FETCH_USERQUEST_LIST_FAILED'\nexport const SET_CURRENT_QUEST_BY_ID = 'SET_CURRENT_QUEST_BY_ID'\nexport const SET_CURRENT_QUEST = \"SET_CURRENT_QUEST\"\n\n\nexport const SET_CURRENT_MISSION = \"SET_CURRENT_MISSION\"\nexport const SET_CURRENT_OPERATION = \"SET_CURRENT_OPERATION\"\n\n// user current content\nexport const SET_CURRENT_CONTENT = \"SET_CURRENT_CONTENT\"\nexport const CLEAR_CURRENT_CONTENT = \"CLEAR_CURRENT_CONTENT\"\nexport const UPDATE_CURRENT_CONTENT = \"UPDATE_CURRENT_CONTENT\" //for marksObtained,cardSatus\nexport const UPDATE_ACCESS_DURATION = 'UPDATE_ACCESS_DURATION'\n\n// user action Test\nexport const SET_CURRENT_TESTS = \"SET_CURRENT_TESTS\"\nexport const UPDATE_TEST_ATTEMPT_COUNT = \"UPDATE_TEST_ATTEMPT_COUNT\"\nexport const UPDATE_TEST_ATTEMPT_DURATION = \"UPDATE_TEST_ATTEMPT_DURATION\"\nexport const SET_CURRENT_TEST_HISTORY = \"SET_CURRENT_TEST_HISTORY\"\n\n//questions\nexport const FETCH_TESTQUESTIONS_START = 'FETCH_TESTQUESTIONS_START'\nexport const SET_TESTQUESTIONS = \"SET_TESTQUESTIONS\"\nexport const FETCH_TESTQUESTIONS_FAILED = 'FETCH_TESTQUESTIONS_FAILED'\n//answer\nexport const SET_TEST_ANSWERS = \"SET_TEST_ANSWERS\"\n\n// update question answer\nexport const UPDATE_QUESTION_ANSWER = 'UPDATE_QUESTION_ANSWER'\nexport const UPDATE_ANSWER_DURATION = 'UPDATE_ANSWER_DURATION'\n\n//Fetch Shared Data \nexport const FETCH_SHARED_DATA_START = \"FETCH_SHARED_DATA_START\"\nexport const SET_SHARED_DATA = \"SET_SHARED_DATA\"\nexport const FETCH_SHARED_DATA_FAILED = \"FETCH_SHARED_DATA_FAILED\"\n\n//Post Shared Data\nexport const POST_SHARED_DATA_START = \"POST_SHARED_DATA_START\"\nexport const POST_SHARED_DATA_SUCCESS = \"POST_SHARED_DATA_SUCCESS\"\nexport const POST_SHARED_DATA_FAILED = \"POST_SHARED_DATA_FAILED\"\n\n\n//Fetch Leader Board\nexport const FETCH_LEADERBOARD_DATA_START = \"FETCH_LEADERBOARD_DATA_START\"\nexport const SET_LEADERBOARD_DATA = \"SET_LEADERBOARD_DATA\"\nexport const FETCH_LEADERBOARD_DATA_FAILED = \"FETCH_LEADERBOARD_DATA_FAILED\"\nexport const SHOW_LEADERBOARD_DIALOG = \"SHOW_LEADERBOARD_DIALOG\"\n\n// Notification\nexport const FETCH_NOTIFICATION = \"FETCH_NOTIFICATION\"\nexport const SET_NOTIFICATION = \"SET_NOTIFICATION\"\n\n// Quest Category\nexport const FETCH_QUESTCATEGORY = \"FETCH_QUESTCATEGORY\"\nexport const SET_QUESTCATEGORY = \"SET_QUESTCATEGORY\"\nexport const SET_QUEST_DETAILS = \"SET_QUEST_DETAILS\"\n\n// Quest Product\nexport const FETCH_QUESTPRODUCTS = \"FETCH_QUESTPRODUCTS\"\nexport const SET_QUESTPRODUCTS = \"SET_QUESTPRODUCTS\"\nexport const SET_PRODUCT_DETAILS = \"SET_PRODUCT_DETAILS\"\n\n// Register User\nexport const INIT_REGISTER_USER = \"INIT_REGISTER_USER\"\nexport const SET_FLNAME = \"SET_FLNAME\"\nexport const SET_USERNAME = \"SET_USERNAME\"\nexport const SET_USERNAME_PASSWORD = \"SET_USERNAME_PASSWORD\"\nexport const SET_SCHOOLNAME_CITY = \"SET_SCHOOLNAME_CITY\"\nexport const SET_MOBILE_NUMBER = \"SET_MOBILE_NUMBER\"\nexport const SET_USER_EMAIL = \"SET_USER_EMAIL\"\nexport const SET_PROMO_CODE = \"SET_PROMO_CODE\"\nexport const SET_UTM_DATA = \"SET_UTM_DATA\"\n\n// Shopping Cart\nexport const ADD_TO_CART = 'ADD_TO_CART'\nexport const REMOVE_FROM_CART = 'REMOVE_FROM_CART'\nexport const CLEAR_CART = 'CLEAR_CART'\nexport const SET_CART_ITEMS = 'SET_CART_ITEMS'\nexport const SET_STORE_COUPON_CODE = 'SET_STORE_COUPON_CODE'\nexport const SET_STORE_COUPON_STATUS = 'SET_STORE_COUPON_STATUS'\n\n// Payment Gatway\nexport const SET_PG_DATA = 'SET_PG_DATA'\nexport const SET_PAYMENT_STATUS = 'SET_PAYMENT_STATUS'\n\n// Reset Password\nexport const SET_USER_verification_STATUS = \"SET_USER_verification_STATUS\"\nexport const SET_OTP_verification_STATUS = \"SET_OTP_verification_STATUS\"\n\n// Platform\nexport const SET_PLATFORM = \"SET_PLATFORM\";\n\n// Board Greade\nexport const SET_BOARD_GRADE = \"SET_BOARD_GRADE\";\n\n//ProductBanner\nexport const SET_PRODUCT_BANNER = \"SET_PRODUCT_BANNER\";\n\n//Raymond Products\nexport const SET_RAYMOND_PRODUCTS = \"SET_RAYMOND_PRODUCTS\";\n\n//set goCodeprompt\nexport const SET_GO_CODER_PROMPT = 'SET_GO_CODER_PROMPT'","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport classNames from \"classnames\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// core components\nimport styles from \"assets/jss/components/customcomponents/typographyStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function Info(props) {\n const classes = useStyles();\n const { children,style,className } = props;\n\n const infoTextClasses = classNames({\n [classes.defaultFontStyle]: true,\n [classes.infoText]: true,\n [className]: className\n });\n\n return (\n \n {children}\n
\n );\n}\n\nInfo.propTypes = {\n children: PropTypes.node,\n style:PropTypes.object,\n className: PropTypes.string,\n};\n","import React from \"react\";\n// @material-ui/core components\nimport { makeStyles } from '@material-ui/core/styles';\nimport Dialog from '@material-ui/core/Dialog';\n// import DialogContent from '@material-ui/core/DialogContent';\n\nconst useStyles = makeStyles({ paper: { borderRadius: 10 } });\n\n\nexport default function FormDialog(props) {\n const classes = useStyles();\n const {\n children,\n ...rest\n } = props;\n\n return (\n \n
\n );\n}\n\n\n\n// ...........................Checkbox.........................\nexport function CheckboxInput(props) {\n const classes = useStyles();\n const {\n description,\n ...rest\n } = props;\n\n return (\n \n \n Did`t receive the verification OTP ?\n \n
\n\n \n \n Resend OTP\n \n
\n 0 ? 'visible' : 'hidden' }}> */}\n \n Continue\n \n {/*
*/}\n \n \n {\n node.addEventListener(\"transitionend\", done, false);\n }}\n classNames=\"fade\"\n >\n {getStepContent(activeStep)}\n \n \n\n
\n \n setForgotDialogTitle(title)}\n onClose={closeForgotDialog}\n onResetPassword={onResetPassword}\n />\n
\n \n\n \n
\n \n\n {/* ....Facebook.......*/}\n {/* \n \n Google\n */}\n\n\n {/* \n Username \n setState({ ...state, userName: e.target.value })}\n onKeyPress={handleKeyPress}\n />\n {state.errorUserName} \n \n\n \n Password \n setState({ ...state, password: e.target.value })}\n onKeyPress={handleKeyPress}\n />\n {state.errorPassword} \n \n\n \n \n {/*....Create account.......*/}\n \n \n Forgot Password?}\n />\n {/* */}\n \n\n {/* \n {\n this.props.history.push('/signup')\n }}>Sign Up}\n />\n */}\n \n \n I'm a new user. I want to Explore\n \n }\n\n {props.onSignUp\n && \n I'm a new user. I want to Sign Up\n \n }\n\n\n {/* \n \n \n */}\n\n\n\n\n {/* \n \n {/*....Facebook.......*/}\n {/* \n \n \n {/*....Google.......*/}\n {/* \n \n */}\n\n \n \n \n By Clicking Login,You Agree to the SESL\n \n
\n \n \n\n\n setErrorMessage(\"\")}\n ContentProps={{ 'aria-errormessage': 'message-id', }}\n message={{errorMessage}}\n action={[\n setErrorMessage(\"\")}\n >\n
\n \n OR \n
*/}\n\n \n {props.isBack\n && history.push('/')}\n >\n Back\n \n }\n \n \n Login\n \n\n
\n \n
\n\n {props.onExplore\n && \n \n Don`t have an account?\n \n
\n \n this.props.history.push('/signup')} > Sign Up\n
\n \n
\n onOpenURL(configs.tcUrl)} > Privacy Policy \n and\n onOpenURL(configs.tcUrl)} > Terms and Conditions\n
\n\n \n \n 
\n\n \n this.navigateTo(test)}\n isBack={(this.props.platform === \"IOS\" || this.props.apptype === 'Spectrum') ? false : true}\n // onExplore={() => this.props.history.push('/products')}\n />\n \n\n \n
\n \n \n \n \n */}\n
\n )\n}\n\nexport default Intermediate;\n\n","import {\n whiteColor,\n primaryColor,\n secondaryColor,\n warningColor,\n infoColor\n} from \"assets/jss/material-dashboard-react.js\";\n\n\nconst drawerWidth = 240;\nconst styles = theme => ({\n root: {\n display: 'flex',\n },\n toolbar: {\n // justifyContent: 'space-between',\n ...theme.mixins.toolbar\n },\n muiToolbarDense: {\n minHeight: 50\n },\n toolbarIcon: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n padding: '0 8px',\n ...theme.mixins.toolbar,\n\n },\n\n appBar: {\n zIndex: theme.zIndex.drawer + 1,\n backgroundColor: whiteColor,\n color: secondaryColor[1],\n },\n appBarShift: {\n marginLeft: drawerWidth,\n width: `calc(100% - ${drawerWidth}px)`,\n transition: theme.transitions.create(['width', 'margin'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.enteringScreen,\n }),\n },\n bottomNavigation: {\n backgroundColor: 'transparent',\n marginLeft: 'auto',\n marginRight: 'auto',\n alignItems: 'flex-start'\n },\n bottomNavigationActionRoot: {\n minWidth: 90\n },\n buttonNavigationAction: {\n color: 'inherit'\n },\n buttonNavigationsSelected: {\n color: `${infoColor[0]} !important`\n },\n menuButton: {\n marginLeft: 12,\n marginRight: 12,\n\n },\n menuButtonHidden: {\n display: 'none',\n },\n title: {\n fontWeight: 'bold',\n position: 'absolute'\n\n },\n title1: {\n color: \"white\"\n },\n avatarsmall: {\n width: theme.spacing(3.5),\n height: theme.spacing(3.5),\n },\n logoDiv: {\n position: \"absolute\",\n height: '50px',\n top: '0'\n },\n imageStyle: {\n height: \"inherit\"\n },\n\n actionLabel: {\n fontSize: '0.75rem !important'\n },\n muiIconRoot: {\n width: '2.5em !important'\n },\n rightIconContainer: {\n position: \"absolute\",\n height: '50px',\n top: 5,\n right:15,\n display:'flex'\n },\n svgIconRoot: {\n width: '1.2em !important',\n height: '1.2em !important'\n },\n\n iconnNotificationsButton: {\n color: primaryColor[0],\n padding: 5\n },\n \n iconbqbnseButton: {\n color: warningColor[0],\n padding: 5\n },\n\n userNameText: {\n fontWeight: 'bold',\n maxWidth: '10rem',\n lineHeight: 1,\n marginRight: 2,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n // height: '3em',\n '-webkit-line-clamp': '1',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('xs')]: {\n maxWidth: '5rem',\n },\n }\n \n\n\n});\n\nexport default styles;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withRouter } from 'react-router-dom';\nimport { makeStyles } from \"@material-ui/core/styles\";\n\n// import material-ui/core\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\nimport Avatar from '@material-ui/core/Avatar';\nimport BottomNavigation from '@material-ui/core/BottomNavigation';\nimport BottomNavigationAction from '@material-ui/core/BottomNavigationAction';\n\n// import material-ui/icons\nimport Icon from '@material-ui/core/Icon';\nimport HomeIcon from '@material-ui/icons/Home';\nimport BarChartIcon from '@material-ui/icons/BarChart';\nimport MessageIcon from '@material-ui/icons/Message';\nimport Person from '@material-ui/icons/Person';\nimport NotificationsIcon from '@material-ui/icons/Notifications';\nimport CallIcon from '@material-ui/icons/Call';\n\n//import style\nimport styles from \"assets/jss/components/customcomponents/webHeaderStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\n\nconst MuiBottomNavigationAction = (props) => {\n const classes = useStyles();\n const { label, onClick, iconStyle, iconName, ...rest } = props\n return (\n \n {['001', '010', '011', '111'].map((v, i) =>\n \n \n \n \n \n \n \n \n )}\n
\n \n
\n \n 
\n
\n {/* \n\n\n props.openLeaderBoard()} label=\"Leader Board\" className={classes.iconbqbnseButton}>\n \n\n props.history.push('/home/notification')} label=\"Notification\" className={classes.iconnNotificationsButton}>\n \n
\n\n \n \n {props.loading\n ? \n\n {props.loading\n ?
\n\n \n \n
\n \n\n
\n\n \n props.openLeaderBoard()} label=\"Leader Board\" className={classes.iconbqbnseButton}>\n \n\n props.history.push('/home/notification')} label=\"Notification\" className={classes.iconnNotificationsButton}>\n \n\n { }} label=\"speed dial\" className={classes.iconDialButton}>\n \n \n\n \n \n
\n \n \n {props.loading\n ? \n\n {props.loading\n ?
\n\n - \n {props.loading\n ?
loading....
\n : props.data.length === 0 ?\n \n
\n \n\n {title\n ?
\n\n );\n}\n\n// CustCardHeader.defaultProps={\n// titleClass:{}\n// }\n\nCustCardHeader.propTypes = {\n className: PropTypes.string,\n titleClassName: PropTypes.string,\n color: PropTypes.oneOf([\n \"warning\",\n \"success\",\n \"danger\",\n \"info\",\n \"primary\",\n \"rose\"\n ]),\n plain: PropTypes.bool,\n stats: PropTypes.bool,\n icon: PropTypes.bool,\n children: PropTypes.node,\n title: PropTypes.node,\n onClose:PropTypes.func\n};\n","\nimport { roundPercentageNumber } from 'util/commonfunctions';\n\n\nconst afterTickToLabelConversion = (scaleInstance) => {\n // set the first and last tick to null so it does not display\n // note, ticks[0] is the last tick and ticks[length - 1] is the first\n scaleInstance.ticks[0] = null;\n scaleInstance.ticks[scaleInstance.ticks.length - 1] = null;\n\n // need to do the same thing for this similiar array which is used internally\n scaleInstance.ticksAsNumbers[0] = null;\n scaleInstance.ticksAsNumbers[scaleInstance.ticksAsNumbers.length - 1] = null;\n}\n\n\nconst groupedBarchartOptions = {\n responsive: true,\n legend: {\n position: 'bottom',\n },\n animation: {\n animateScale: true,\n animateRotate: true\n },\n scales: {\n xAxes: [{\n ticks: {\n callback: function (tick) {\n var characterLimit = 20;\n if (tick.length >= characterLimit) {\n return tick.slice(0, tick.length).substring(0, characterLimit - 1).trim() + '...';;\n }\n return tick;\n }\n }\n }],\n yAxes: [{\n display: true,\n afterTickToLabelConversion: afterTickToLabelConversion,\n scaleLabel: {\n display: true,\n labelString: 'Completed(%)'\n },\n ticks: {\n beginAtZero: true,\n steps: 10,\n stepSize:20,\n max: 110\n }\n }]\n },\n plugins: {\n labels: {\n fontSize:0,\n render: 'value',\n // fontStyle: 'bold',\n showZero: false,\n \n }\n }\n}\n\n\nconst barchartOptions = {\n responsive: true,\n legend: {\n display: false,\n position: 'bottom',\n },\n animation: {\n animateScale: true,\n animateRotate: true\n },\n scales: {\n yAxes: [{\n display: true,\n afterTickToLabelConversion: afterTickToLabelConversion,\n scaleLabel: {\n display: true,\n labelString: 'Completed(%)'\n },\n ticks: {\n beginAtZero: true,\n steps: 10,\n // stepValue: 5,\n stepSize: 20,\n max: 110\n }\n }]\n },\n plugins: {\n labels: {\n fontSize:0,\n render: 'value',\n fontStyle: 'bold',\n showZero: false,\n }\n }\n}\n\nconst piechartOptions = {\n responsive: true,\n legend: {\n position: 'bottom',\n },\n animation: {\n animateScale: true,\n animateRotate: true\n },\n plugins: {\n labels: {\n render: 'percentage',\n precision: 2,\n fontStyle: 'bold',\n }\n }\n}\n\n//labels: ['AV', 'Test', 'Web', 'Activity'],\nconst getQuestBarchart=async (questContent,questProgress)=>{\n const videoCount = await questContent.add.missions.reduce((accumulator, currentValue) => accumulator + currentValue.videoCount, 0)\n const testCount = await questContent.add.missions.reduce((accumulator, currentValue) => accumulator + currentValue.testCount, 0)\n const activityCount = await questContent.add.missions.reduce((accumulator, currentValue) => accumulator + currentValue.activityCount, 0)\n const webContentCount = await questContent.add.missions.reduce((accumulator, currentValue) => accumulator + currentValue.webContentCount, 0)\n \n const progressVideoCount = roundPercentageNumber(questProgress.avCount, videoCount)\n const progressTestCount = roundPercentageNumber(questProgress.testCount, testCount)\n const progressActivityCount = roundPercentageNumber(questProgress.activityCount, activityCount)\n const progressWebContentCount = roundPercentageNumber(questProgress.webContentCount, webContentCount)\n \n return {\n datasets: [{\n data: [progressVideoCount, progressTestCount, progressWebContentCount, progressActivityCount],\n backgroundColor: ['#89CDDF', '#AF65DF', '#19D4A7', '#E98B4D']\n }],\n labels: ['Watch', 'Think', 'Solve', 'Play'],\n };\n \n}\n\n/**\n * Custom function that prepare grouped chart data.\n * @param dataArray:Array.\n * @param displayName:String.\n * @param idName:String.\n * @returns {Number}\n */\nconst groupedChartData = async (dataArray, displayName, idName) => {\n let chartData = {\n labels: [],\n datasets: [\n {\n ids: [], label: \"Watch\", backgroundColor: \"#89CDDF\", data: []\n },\n {\n ids: [], label: \"Think\", backgroundColor: \"#AF65DF\", data: []\n },\n {\n ids: [], label: \"Solve\", backgroundColor: \"#19D4A7\", data: []\n },\n {\n ids: [], label: \"Play\",backgroundColor: \"#E98B4D\", data: []\n }\n ]\n };\n await dataArray.forEach(currentData => {\n\n chartData.labels.push(currentData[displayName])\n chartData.datasets.forEach(currentValue => {\n currentValue.ids.push({ 'label': currentData[displayName], 'id': currentData[idName] })\n if (currentValue.label === \"Watch\")\n currentValue.data.push(roundPercentageNumber(currentData.progress.avCount, currentData.videoCount))\n if (currentValue.label === \"Think\")\n currentValue.data.push(roundPercentageNumber(currentData.progress.testCount, currentData.testCount))\n if (currentValue.label === \"Solve\")\n currentValue.data.push(roundPercentageNumber(currentData.progress.webContentCount, currentData.webContentCount))\n if (currentValue.label === \"Play\")\n currentValue.data.push(roundPercentageNumber(currentData.progress.activityCount, currentData.activityCount))\n }\n )\n })\n return chartData;\n}\n\n\n\n\n\nexport {\n barchartOptions,\n groupedBarchartOptions,\n piechartOptions,\n getQuestBarchart,\n groupedChartData,\n}","import {\n successColor,\n whiteColor,\n grayColor,\n hexToRgb\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst dashboardStyle = {\n successText: {\n color: successColor[0]\n },\n upArrowCardCategory: {\n width: \"16px\",\n height: \"16px\"\n },\n stats: {\n color: grayColor[0],\n display: \"inline-flex\",\n fontSize: \"12px\",\n lineHeight: \"22px\",\n \"& svg\": {\n top: \"4px\",\n width: \"16px\",\n height: \"16px\",\n position: \"relative\",\n marginRight: \"3px\",\n marginLeft: \"3px\"\n },\n \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n top: \"4px\",\n fontSize: \"16px\",\n position: \"relative\",\n marginRight: \"3px\",\n marginLeft: \"3px\"\n }\n },\n cardCategory: {\n color: grayColor[0],\n margin: \"0\",\n fontSize: \"14px\",\n marginTop: \"0\",\n paddingTop: \"10px\",\n marginBottom: \"0\"\n },\n cardCategoryWhite: {\n color: \"rgba(\" + hexToRgb(whiteColor) + \",.62)\",\n margin: \"0\",\n fontSize: \"14px\",\n marginTop: \"0\",\n marginBottom: \"0\"\n },\n cardTitle: {\n color: grayColor[2],\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: grayColor[1],\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n },\n cardTitleWhite: {\n color: whiteColor,\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: grayColor[1],\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n }\n};\n\nexport default dashboardStyle;\n","import React, { useRef, useEffect, useState } from \"react\";\n//redux\nimport { connect } from 'react-redux'\n\n// chart\nimport { Pie, Bar } from 'react-chartjs-2';\nimport 'chartjs-plugin-labels';\n// @material-ui/core\nimport { makeStyles } from \"@material-ui/core/styles\";\n\n// core components\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\";\nimport Card from \"components/CustomComponents/Card/Card.js\";\nimport CardHeader from \"components/CustomComponents/Card/CardHeader.js\";\nimport CardBody from \"components/CustomComponents/Card/CardBody.js\";\n\n//Utility\nimport { roundPercentageNumber } from 'util/commonfunctions';\nimport {\n barchartOptions,\n groupedBarchartOptions,\n piechartOptions,\n getQuestBarchart,\n groupedChartData,\n} from './DashboardUtility'\n//style\nimport styles from \"assets/jss/components/views/dashboardStyle\";\n\nconst useStyles = makeStyles(styles);\n\nconst Dashboard = (props) => {\n const classes = useStyles();\n const pieRef = useRef(null);\n const qustBarRef = useRef(null);\n const missionBarRef = useRef(null);\n const operationBarRef = useRef(null);\n\n const [qustPieData, setQuestPieData] = useState({});\n const [qustBarData, setQuestBarData] = useState({});\n const [missionBarData, setMissionBarData] = useState({})\n const [operationBarData, setOperationBarData] = useState({})\n\n useEffect(() => {\n populateQuestPie()\n populateQuestBar()\n missionProgress()\n }, [props.questContent])\n\n // ----------Populate Quest Pie--------\n const populateQuestPie = () => {\n const pieChartdata = {\n datasets: [{\n data: [Math.round(props.questProgress.progress), Math.round(100 - props.questProgress.progress)],\n backgroundColor: ['#B0D851', '#EC9B4A']\n }],\n labels: ['Completed', 'Remaining'],\n };\n setQuestPieData(pieChartdata)\n }\n\n // ----------populate Quest Bar--------\n const populateQuestBar = async () => {\n const questBarchartData = await getQuestBarchart(props.questContent, props.questProgress)\n await setQuestBarData(questBarchartData)\n }\n\n // ----------Mission Progress--------\n const missionProgress = async () => {\n const chartData = await groupedChartData(props.questContent.add.missions, 'missionDisplayName', 'missionId')\n setMissionBarData(chartData)\n\n //operationsProgress\n if (Object.keys(chartData).length) {\n if (chartData.datasets[0]) {\n if (chartData.datasets[0].ids[0])\n operationsProgress(chartData.datasets[0].ids[0].id)\n }\n }\n }\n\n const clickHandler = (evt) => {\n const activePoint = evt[0];\n if (activePoint) {\n const data = activePoint._chart.data;\n const datasetIndex = activePoint._datasetIndex;\n const id = data.datasets[datasetIndex].ids[activePoint._index].id;\n operationsProgress(id)\n }\n }\n // ----------Pperations Progress--------\n const operationsProgress = async (missionId) => {\n let chartData = await groupedChartData(\n props.questContent.add.operations.filter(current_value => current_value.missionId === missionId),\n 'operationDisplayName',\n 'operationId'\n )\n setOperationBarData(chartData)\n }\n\n return (\n \n \n \n { title}\n \n \n \n \n \n {title}\n \n \n
\n : null}\n {children}\n {actionClose}\n \n\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n \n \n \n \n \n \n \n clickHandler(e)}\n />\n \n \n \n \n \n\n\n \n \n \n \n \n \n \n \n \n \n \n \n\n \n\n
\n );\n}\n\nconst mapSateToProps = state => {\n return {\n questProgress: state.content.current_quest_progress,\n questContent: state.content.contentlist,\n }\n}\n\nexport default connect(mapSateToProps, null)(Dashboard);\n","import React, { useState } from 'react';\n//axios\nimport axiosConfig from \"util/axios\";\n\n// material component\nimport Avatar from '@material-ui/core/Avatar';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport MuiAlert from '@material-ui/lab/Alert';\nimport LinearProgress from '@material-ui/core/LinearProgress';\nimport IconButton from '@material-ui/core/IconButton';\nimport InputAdornment from '@material-ui/core/InputAdornment';\n// @material-ui/icons\nimport LockIcon from '@material-ui/icons/LockOutlined';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\n\n\n//Custom Components\nimport { TextInput } from \"components/CustomComponents/Inputs/Inputs\"\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\n\n//validations\nimport { checkNull, checkPassword } from \"util/validations\";\n\n// styles\nimport useStyles from \"assets/jss/components/views/changePasswordStyle\";\n\nfunction Alert(props) {\n return Quest Progress
\nMission
\nOperation
\n- \n {data.map((value) => (\n
\n {/*-----Grid----- */}\n\n \n \n \n \n\n\n \n \n \n \n \n \n \n \n\n \n \n \n\n \n \n \n \n \n\n
\n \n
\n \n {props.infoLoading || picLoading ? \n \n }\n
\n\n\n imageUploader.current.click()} >\n
\n \n \n {props.infoLoading || picLoading ? \n \n {props.infoLoading || picLoading ? \n\n \n {props.infoLoading || picLoading ? \n\n
\n - \n {localStorage.getItem('PASSWORD_TYPE') === 'PASSWORD'\n ?
- \n {props.loadingSharedData\n ? null\n : props.sharedData.sharedList.map((data, index) =>\n
\n \n {children}\n \n
\n );\n}\n\nCard.propTypes = {\n className: PropTypes.string,\n plain: PropTypes.bool,\n profile: PropTypes.bool,\n chart: PropTypes.bool,\n children: PropTypes.node\n};\n","import {\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader,\n whiteColor\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst cardHeaderStyle = {\n cardHeader: {\n padding: \"0.75rem 1.25rem\",\n display: 'flex',\n marginBottom: \"0\",\n borderBottom: \"none\",\n background: \"transparent\",\n zIndex: \"3 !important\",\n \"&$cardHeaderPlain,&$cardHeaderIcon,&$cardHeaderStats,&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\n margin: \"0 15px\",\n padding: \"0\",\n position: \"relative\",\n color: whiteColor\n },\n \"&:first-child\": {\n borderRadius: \"calc(.25rem - 1px) calc(.25rem - 1px) 0 0\"\n },\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\n \"&:not($cardHeaderIcon)\": {\n borderRadius: \"3px\",\n marginTop: \"-20px\",\n padding: \"15px\"\n }\n },\n \"&$cardHeaderStats svg\": {\n fontSize: \"36px\",\n lineHeight: \"56px\",\n textAlign: \"center\",\n width: \"36px\",\n height: \"36px\",\n margin: \"10px 10px 4px\"\n },\n \"&$cardHeaderStats i,&$cardHeaderStats .material-icons\": {\n fontSize: \"36px\",\n lineHeight: \"56px\",\n width: \"56px\",\n height: \"56px\",\n textAlign: \"center\",\n overflow: \"unset\",\n marginBottom: \"1px\"\n },\n \"&$cardHeaderStats$cardHeaderIcon\": {\n textAlign: \"right\"\n }\n },\n cardHeaderPlain: {\n marginLeft: \"0px !important\",\n marginRight: \"0px !important\"\n },\n cardHeaderStats: {\n \"& $cardHeaderIcon\": {\n textAlign: \"right\"\n },\n \"& h1,& h2,& h3,& h4,& h5,& h6\": {\n margin: \"0 !important\"\n }\n },\n cardHeaderIcon: {\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\n background: \"transparent\",\n boxShadow: \"none\"\n },\n \"& i,& .material-icons\": {\n width: \"33px\",\n height: \"33px\",\n textAlign: \"center\",\n lineHeight: \"33px\"\n },\n \"& svg\": {\n width: \"24px\",\n height: \"24px\",\n textAlign: \"center\",\n lineHeight: \"33px\",\n margin: \"5px 4px 0px\"\n }\n },\n warningCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...warningCardHeader\n }\n },\n successCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...successCardHeader\n }\n },\n dangerCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...dangerCardHeader\n }\n },\n infoCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...infoCardHeader\n }\n },\n primaryCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...primaryCardHeader\n }\n },\n roseCardHeader: {\n color: whiteColor,\n \"&:not($cardHeaderIcon)\": {\n ...roseCardHeader\n }\n },\n cardTitle:{\n flex: \"auto\", \n padding: '0.40625rem 1.25rem 0 0'\n },\n close: {\n width: \"20px\",\n height: \"20px\"\n },\n\n};\n\nexport default cardHeaderStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport IconButton from \"@material-ui/core/IconButton\";\nimport Hidden from \"@material-ui/core/Hidden\";\nimport Typography from '@material-ui/core/Typography';\n\n// @material-ui/icons\nimport Close from \"@material-ui/icons/Close\";\n// core components\nimport styles from \"./styles/cardHeaderStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CustCardHeader(props) {\n const classes = useStyles();\n const { className, children, color, plain, stats, icon, title,onClose, ...rest } = props;\n let actionClose = null;\n const cardHeaderClasses = classNames({\n [classes.cardHeader]: true,\n [classes[color + \"CardHeader\"]]: color,\n [classes.cardHeaderPlain]: plain,\n [classes.cardHeaderStats]: stats,\n [classes.cardHeaderIcon]: icon,\n [className]: className !== undefined\n });\n\n if (onClose !== undefined) {\n actionClose = \n \n\n {title\n ?
\n\n );\n}\n\nCustCardHeader.propTypes = {\n className: PropTypes.string,\n color: PropTypes.oneOf([\n \"warning\",\n \"success\",\n \"danger\",\n \"info\",\n \"primary\",\n \"rose\"\n ]),\n plain: PropTypes.bool,\n stats: PropTypes.bool,\n icon: PropTypes.bool,\n children: PropTypes.node,\n title: PropTypes.node,\n onClose:PropTypes.func\n};\n","import {\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader,\n grayColor\n} from \"assets/jss/material-dashboard-react.js\";\n\nconst cardIconStyle = {\n cardIcon: {\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\n borderRadius: \"3px\",\n backgroundColor: grayColor[0],\n padding: \"15px\",\n marginTop: \"-20px\",\n marginRight: \"15px\",\n float: \"left\",\n },\n // width:'70px',\n // height:'70px',\n // display: 'block',\n // marginLeft: 'auto',\n // marginRight: 'auto',\n },\n warningCardHeader,\n successCardHeader,\n dangerCardHeader,\n infoCardHeader,\n primaryCardHeader,\n roseCardHeader\n};\n\nexport default cardIconStyle;\n","import React from \"react\";\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n// @material-ui/core components\nimport { makeStyles } from \"@material-ui/core/styles\";\n// @material-ui/icons\n\n// core components\nimport styles from \"./styles/cardIconStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nexport default function CardIcon(props) {\n const classes = useStyles();\n const { className, children, color, ...rest } = props;\n const cardIconClasses = classNames({\n [classes.cardIcon]: true,\n [classes[color + \"CardHeader\"]]: color,\n [className]: className !== undefined\n });\n return (\n \n \n \n { title}\n \n \n \n \n {title}\n \n \n
\n : null}\n {children}\n {actionClose}\n \n {children}\n
\n );\n}\n\nCardIcon.propTypes = {\n className: PropTypes.string,\n color: PropTypes.oneOf([\n \"warning\",\n \"success\",\n \"danger\",\n \"info\",\n \"primary\",\n \"rose\"\n ]),\n children: PropTypes.node\n};\n","import {\n successColor,\n whiteColor,\n grayColor,\n hexToRgb,\n blackColor\n} from \"assets/jss/material-dashboard-react.js\";\nimport { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n cardStyle: {\n borderRadius: 0\n },\n\n cardHeader: {\n margin:'0px !important',\n \"&$cardHeader svg\": {\n width: 30\n },\n },\n cardIconStyle: {\n boxShadow:'none !important',\n borderRadius: '0px !important',\n padding: \"10px !important\",\n // maxHeight: 55,\n // maxWidth: 55,\n marginTop: '0px !important'\n },\n cardCategoryDiv: {\n display: 'flex',\n flexDirection: 'column',\n textAlign: 'left',\n justifyContent:'center'\n },\n cardCategory: {\n color: blackColor,\n fontWeight: 'bold',\n margin: \"0\",\n fontSize: \"16px\",\n marginTop: \"0\",\n // paddingTop: \"10px\",\n marginBottom: \"0\"\n },\n cardFooter: {\n margin: '0 10px 0px 0px',\n textAlign: 'end'\n },\n stats: {\n color: blackColor,\n display: \"inline-flex\",\n fontSize: \"12px\",\n lineHeight: \"22px\",\n \"& svg\": {\n top: \"4px\",\n width: \"16px\",\n height: \"16px\",\n position: \"relative\",\n marginRight: \"3px\",\n marginLeft: \"3px\"\n },\n \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\n top: \"4px\",\n fontSize: \"16px\",\n position: \"relative\",\n marginRight: \"3px\",\n marginLeft: \"3px\"\n }\n },\n\n}));\n\nexport default useStyles;","import { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n cardContainer: {\n display: 'flex',\n justifyContent: 'center'\n },\n}));\n\nexport default useStyles;","import { makeStyles } from '@material-ui/core/styles';\n\nconst useStyles = makeStyles((theme) => ({\n cardContainer: {\n display: 'flex',\n justifyContent: 'center'\n },\n}));\n\nexport default useStyles;","import { makeStyles } from '@material-ui/core/styles';\nconst useStyles = makeStyles((theme) => ({\n divButtonsStyle: {\n display: 'flex',\n justifyContent: \"space-between\"\n },\n buttonBackNext: {\n padding: \"8px 28px\",\n [theme.breakpoints.down('sm')]: {\n padding: '0 10px'\n },\n },\n\n}));\n\nexport default useStyles;","import React from 'react'\nimport moment from 'moment'\n// nodejs library that concatenates classes\nimport classNames from \"classnames\";\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\"\n\n// material-ui components\nimport Typography from '@material-ui/core/Typography';\n\n// components\nimport Button from 'components/CustomComponents/CustomButtons/Button'\n// @material-ui/icons/\nimport ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\n\nimport useStyles from \"assets/jss/components/customcomponents/monthYearSelectorStyle\";\n\nconst currentDate = new Date()\n\nconst MonthYearSelector = (props) => {\n const classes = useStyles();\n const {\n value,\n onChange,\n ...rest\n } = props;\n\n const handleNext = () => {\n onChange(moment(value).add(1, 'month'))\n }\n\n const handleBack = () => {\n onChange(moment(value).subtract(1, 'month'))\n }\n\n const isLastStep = () => {\n return (moment(value).year() === moment(currentDate).year() && moment(value).month() === moment(currentDate).month())\n }\n\n return (\n \n {moment(value).format('MMMM YYYY')} \n \n
)\n}\n\nMonthYearSelector.defaultProps = {\n value: currentDate\n}\n\nMonthYearSelector.propTypes = {\n value: PropTypes.any,\n onChange: PropTypes.func\n};\n\nexport default MonthYearSelector;","import {\n dangerColor,\n boxShadow\n } from \"assets/jss/material-dashboard-react.js\";\n\n import { makeStyles } from \"@material-ui/core/styles\";\n //.....styles..........\n\n const useStyles = makeStyles((theme) => ({\n cardStyle: {\n marginBottom: \"30px\",\n marginTop: \"30px\",\n borderRadius: 10,\n ...boxShadow\n },\n listGridContainer: {\n display: 'flex',\n justifyContent: \"center\"\n },\n \n }));\n \n export default useStyles;","import React from 'react';\n//@material-ui/core\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\n\nimport ShowMoreText from 'react-show-more-text';\nimport Skeleton from '@material-ui/lab/Skeleton';\n// custom style\nimport useStyles from \"assets/jss/components/views/NotificationStyle\";\n\nconst SkeletonCard = (props) => {\n const classes = useStyles();\n return (\n \n {data.modifiedOn}\n \n
Show more}\n less={<>
Show less}\n className='content-css'\n anchorClass='my-anchor-css-class'\n expanded={false}\n // width={600}\n >\n {data.messageText}\n \n
\n Show more}\n less={<>
Show less}\n className='content-css'\n anchorClass='my-anchor-css-class'\n expanded={false}\n // width={600}\n >\n {data.messageText}\n \n
\n \n \n \n \n
\n );\n}\n\nexport default Connnect;","import {\n dangerColor,\n boxShadow\n} from \"assets/jss/material-dashboard-react.js\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n//.....styles..........\n\nconst useStyles = makeStyles((theme) => ({\n cardStyle: {\n marginBottom: \"30px\",\n marginTop: \"30px\",\n borderRadius: 10,\n // borderBottomStyle: 'inset',\n ...boxShadow,\n padding: 10\n },\n listGridContainer: {\n display: 'flex',\n justifyContent: \"center\"\n },\n senderName: {\n width: '100%',\n fontWeight: 'bold',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': '1',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n '-webkit-line-clamp': '1',\n },\n },\n subject: {\n display: 'flex',\n fontWeight: 'bold',\n alignItems: 'center',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n // display: '-webkit-box',\n '-webkit-line-clamp': '1',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n '-webkit-line-clamp': '1',\n },\n },\n messageText: {\n overflow: 'hidden',\n lineHeight: 1.3,\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': '2',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n '-webkit-line-clamp': '2',\n },\n fontSize: '0.875rem',\n fontWeight: '500',\n letterSpacing: ' 0.00714em'\n },\n small: {\n width: theme.spacing(3),\n height: theme.spacing(3),\n fontSize: 14,\n marginRight: 5\n },\n gridContainerStyle: {\n margin: 0,\n height: '100%',\n overflowY: 'overlay',\n overflowX: 'hidden',\n [theme.breakpoints.down('sm')]: {\n // height: '60vh',\n },\n },\n gridItemStyle: {\n padding: 0\n },\n cardContent: {\n // padding: '0px 16px'\n },\n chip: {\n margin: theme.spacing(0.2),\n borderRadius: 2,\n maxWidth: 400,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n '-webkit-line-clamp': '1',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n maxWidth: '-webkit-fill-available',\n },\n },\n iconTime: {\n fontSize: 15,\n marginRight: 2\n }\n\n}));\n\nexport default useStyles;","import React from 'react';\n// nodejs library to set properties for components\nimport moment from 'moment'\nimport PropTypes from \"prop-types\";\n//@material-ui/core\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport { Avatar } from '@material-ui/core';\n\nimport TodayIcon from '@material-ui/icons/Today';\nimport AccessTimeIcon from '@material-ui/icons/AccessTime';\nimport TimelapseIcon from '@material-ui/icons/Timelapse';\n\n// core components\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\n// custom style\nimport useStyles from \"./styles/messagesCardStyle\";\n\n\nconst SkeletonCard = (props) => {\n const classes = useStyles();\n return (\n setMonthYear(value)} value={monthyear} />\n
\n \n
\n \n \n {data.CourseName}\n \n \n {data.scheduleName}\n \n \n {data.Teacher}\n \n\n
\n \n \n \n \n \n \n \n
\n\n\n \n \n \n \n \n
\n \n )\n}\n\nexport default Container","import * as actionTypes from '../actionTypes';\nimport axiosConfig from \"util/axios\";\n\n//---Todays Online Classes---\nexport const setTodaysOnlineClasses = (MEETINGS_SCHEDULE) => {\n return {\n type: actionTypes.SET_TODAYS_ONLINE_CLASSES,\n schedule: MEETINGS_SCHEDULE\n }\n}\n\nexport const fetchTodaysOnlineClasses = () => {\n return async (dispatch, getState) => {\n const UserId = getState().user.userinfo.userId\n await axiosConfig().get('/QuestSchedule/GetCurrentUserSchedules', {\n params: {\n UserId: UserId\n }\n }).then(response => {\n // console.log(response.data);\n dispatch(setTodaysOnlineClasses(response.data))\n }).catch(function (error) {\n if (error.response.data)\n throw new Error(error.response.data.error)\n throw new Error(error.message);\n });\n }\n}\n\n","import * as actionTypes from './actionTypes';\n// import axios\nimport axiosConfig from \"util/axios\";\n\n\n\n//-------------Message Announcements-----------------\n\nexport const setFetchLoadingStatus=(status)=>{\n return{\n type:actionTypes.FETCH_QUERY_LOADING,\n status: status,\n }\n}\n\n\nexport const setMessageAnnouncements = (messages) => {\n return {\n type: actionTypes.SET_QUERY_DATA,\n inbox: messages,\n }\n};\n\nexport const fetchMessageAnnouncements = () => {\n return async (dispatch, getState) => {\n dispatch(setFetchLoadingStatus(true))\n await axiosConfig().get('/QuestMessage/GetMessageList').then(response => {\n dispatch(setMessageAnnouncements(response.data))\n }).catch(error => {\n dispatch(setFetchLoadingStatus(false))\n throw new Error(error)\n });\n }\n}\n\n// ----------Post Query Message--------------\nexport const postQueryMessage = (message, attachmentList) => {\n return async (dispatch, getState) => {\n const formData = new FormData();\n formData.append('messageTypeId', 1)\n formData.append('questId', message.questId)\n formData.append('missionId', message.missionId)\n formData.append('operationId', message.operationId)\n formData.append('subject', message.subject)\n formData.append('messageBody', message.messageBody)\n formData.append('parentMessageId', message.parentMessageId)\n formData.append('isActive', true)\n attachmentList.forEach((element, index) => {\n formData.append(`attachmentList[${index}].id`, index + '');\n formData.append(`attachmentList[${index}].fileName`, element.name);\n formData.append(`attachmentList[${index}].fileSize`, element.size.toString());\n formData.append(`attachmentList[${index}].fileType`, element.type);\n formData.append(`attachmentList[${index}].isActive`, 'true');\n formData.append(`attachmentList[${index}].isDeleted`, 'false');\n formData.append(`attachmentList[${index}].isNew`, 'true');\n formData.append(`attachmentList[${index}].index`, index + '');\n formData.append(`attachmentList[${index}].fileUrl`, '');\n formData.append(`attachmentList[${index}].file`, element);\n });\n\n\n await axiosConfig().post('/QuestMessage/InsertUpdateMessage', formData, {\n headers: {\n 'Content-Type': 'multipart/form-data'\n }\n }).then(response=>{\n dispatch(fetchMessageAnnouncements())\n }).catch((error) => {\n if (error.response.data)\n throw new Error(error.response.data.error)\n throw new Error(error.message);\n });\n }\n}\n","import {\n dangerColor,\n boxShadow\n} from \"assets/jss/material-dashboard-react.js\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n//.....styles..........\n\nconst useStyles = makeStyles((theme) => ({\n cardStyle: {\n borderRadius: 10,\n margin: 10,\n ...boxShadow,\n },\n listGridContainer: {\n display: 'flex',\n justifyContent: \"center\"\n },\n senderName: {\n width: '85%',\n fontWeight: 'bold',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': '1',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n '-webkit-line-clamp': '1',\n },\n },\n subject: {\n fontWeight: 'bold',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': '1',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n '-webkit-line-clamp': '1',\n },\n },\n messageText: {\n overflow: 'hidden',\n lineHeight: 1.3,\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': '2',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n '-webkit-line-clamp': '2',\n },\n fontSize: '0.875rem',\n fontWeight: '500',\n letterSpacing:' 0.00714em'\n },\n small: {\n width: theme.spacing(3),\n height: theme.spacing(3),\n fontSize: 14,\n marginRight: 5\n },\n gridContainerStyle: {\n margin: 0,\n height: '100%',\n overflowY: 'overlay',\n overflowX: 'hidden',\n [theme.breakpoints.down('sm')]: {\n // height: '60vh',\n },\n },\n gridItemStyle: {\n padding: 0\n },\n cardContent: {\n padding: '8px 16px'\n },\n chip: {\n margin: theme.spacing(0.2),\n borderRadius: 2,\n maxWidth: 400,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n '-webkit-line-clamp': '1',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n maxWidth: '-webkit-fill-available',\n },\n },\n\n}));\n\nexport default useStyles;","import React from 'react';\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n//@material-ui/core\nimport Card from '@material-ui/core/Card';\nimport CardActionArea from '@material-ui/core/CardActionArea';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport Skeleton from '@material-ui/lab/Skeleton';\n\n// core components\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\n\n//@material-ui/icons\nimport AttachmentIcon from '@material-ui/icons/Attachment';\n// custom style\nimport useStyles from \"./styles/messagesCardStyle\";\n\nconst SkeletonCard = (props) => {\n const classes = useStyles();\n return (\n { }}\n />\n
\n \n \n {message.subject}\n \n\n \n
\n \n \n \n
\n\n\n \n \n {message.Date}\n \n \n {message.missionDisplayName}\n \n
\n {message.attachmentList ?\n \n
\n \n \n \n {children} \n
\n \n {onAttachment ? (\n \n \n ) : null}\n\n
\n\n\n \n \n \n
\n\n ) : null}\n {onSave ? (\n \n
\n );\n })}\n\n \n \n \n
\n }\n {/* \n \n
\n \n\n {currentQuery.attachmentList\n ? currentQuery.attachmentList.map((data) => {\n return (\n \n
\n\n \n \n {moment(currentQuery.createdOn).format('DD/MM/YYYY')}\n \n
\n \n {/* H */}\n \n {currentQuery.createdByName}\n \n
\n \n }\n label={data.fileName}\n // onDelete={data.label === 'React' ? undefined : handleDelete(data)}\n className={classes.chip}\n onDelete={() => fileDowload(data)}\n onClick={() => fileDowload(data)}\n />\n
\n );\n })\n : null\n }\n \n )\n}\n\nconst MessageDeatilsCard = (props) => {\n const { onReply, currentQuery } = props\n const classes = useStyles();\n const theme = useTheme();\n const sm = useMediaQuery(theme.breakpoints.down('sm'));\n\n\n const [checked, setChecked] = React.useState(false);\n const [open, setOpen] = useState(false);\n\n\n const handleChange = () => {\n setChecked((prev) => !prev);\n };\n\n\n\n return (\n {/* Dialog */}\n \n \n\n \n
\n )\n}\n\nexport default Inbox;","import React, { useState, useEffect } from \"react\";\n\n// custom components\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport LinearProgress from '@material-ui/core/LinearProgress';\n//Redux\nimport { useDispatch, useSelector } from 'react-redux'\n//import reducer \nimport * as messageActions from \"components/Views/QueryBox/store/actions/index\"\n\n// Views\nimport Inbox from './Inbox'\n\n// Styles\nimport { makeStyles } from \"@material-ui/core/styles\";\nconst useStyles = makeStyles((theme) => ({\n listGridContainer: {\n display: 'flex',\n justifyContent: \"center\",\n transform: 'translate(0%, 0px)',\n\n },\n\n}));\n\n\nconst MailContainer = (props) => {\n const dispatch = useDispatch();\n const classes = useStyles();\n\n const [loading, setLoading] = useState(false)\n const inboxLoading = useSelector(state => state.messages.loading)\n\n useEffect(() => {\n fetchMessageAnnouncements()\n }, [])\n\n const fetchMessageAnnouncements = () => {\n setLoading(true)\n dispatch(messageActions.fetchMessageAnnouncements()).then(() => {\n setLoading(false)\n }).catch(error => {\n setLoading(false)\n console.log(error);\n });\n }\n\n\n return (\n \n \n \n \n \n
\n )\n}\n\nexport default MailContainer","import React from \"react\";\nimport { BrowserRouter as Router, Route, Switch, withRouter } from \"react-router-dom\";\nimport { TransitionGroup, CSSTransition } from \"react-transition-group\";\n// @material-ui/core\nimport withStyles from '@material-ui/core/styles/withStyles';\n// core components\nimport Drawer from 'components/CustomComponents/Drawer/Drawer';\n// Views\nimport Dashboard from 'components/Views/Dashboard/Dashboard'\nimport HomeDefaultComponent from 'components/Views/Home'\nimport Profile from \"components/Views/Profile/Profile\"\nimport Connect from \"components/Views/Connect\"\nimport Notification from 'components/Views/Notification/Notification'\nimport OnlineClasses from 'components/Views/Connect/views/OnlineClasses'\n\nimport QueryBox from 'components/Views/QueryBox/views'\n\n// styles\nimport styles from \"assets/jss/components/views/homeStyle\";\n\n// img\nimport QuestLogo from \"assets/img/icons/Questlogoheader.png\";\n\nconst Routes = [\n {\n path: \"/home/querybox\",\n name: \"QueryBox\",\n icon: null,\n component: QueryBox,\n layout: \"\",\n divider: null,\n submenu: [],\n collapse: false,\n },\n {\n path: \"/home/connect\",\n name: \"Connect\",\n icon: null,\n component: OnlineClasses,\n layout: \"\",\n divider: null,\n submenu: [],\n collapse: false,\n },\n {\n path: \"/home/dashboard\",\n name: \"Dashboard\",\n icon: null,\n component: Dashboard,\n layout: \"\",\n divider: null,\n submenu: [],\n collapse: false,\n },\n {\n path: \"/home/profile\",\n name: \"profile\",\n icon: null,\n component: Profile,\n layout: \"\",\n divider: null,\n submenu: [],\n collapse: false,\n },\n {\n path: \"/home/notification\",\n name: \"Notification\",\n icon: null,\n component: Notification,\n layout: \"\",\n divider: null,\n submenu: [],\n collapse: false,\n },\n {\n path: \"/home\",\n name: \"Home\",\n icon: null,\n component: HomeDefaultComponent,\n layout: \"\",\n divider: null,\n submenu: [],\n collapse: false,\n },\n \n\n\n]\n\n\nconst SwitchRoutes = (props) => (\n \n \n { node.addEventListener(\"transitionend\", done, false); }}\n classNames=\"fade\" >\n \n\n
\n\n )\n }\n}\n\n\n\nexport default withRouter(withStyles(styles)(Home));","import {\n whiteColor,\n primaryColor\n} from \"assets/jss/material-dashboard-react.js\";\n\n\nconst drawerWidth = 240;\nconst styles = theme => ({\n root: {\n display: 'flex',\n },\n\n appBar: {\n zIndex: theme.zIndex.drawer + 1,\n backgroundColor: whiteColor,\n color: primaryColor[0],\n },\n appBarShift: {\n marginLeft: drawerWidth,\n width: `calc(100% - ${drawerWidth}px)`,\n transition: theme.transitions.create(['width', 'margin'], {\n easing: theme.transitions.easing.sharp,\n duration: theme.transitions.duration.enteringScreen,\n }),\n },\n toolbar: {\n // justifyContent: 'space-between',\n ...theme.mixins.toolbar\n },\n muiToolbarDense: {\n minHeight: 50,\n padding: 0,\n [theme.breakpoints.down('sm')]: {\n minHeight: 45\n },\n },\n toolbarIcon: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n padding: '0 8px',\n ...theme.mixins.toolbar,\n\n },\n title: {\n fontWeight: 'bold',\n color: '#00B8AC',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n /* line-height: 16px; */\n /* max-height: 32px; */\n '-webkit-line-clamp': '2',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n fontSize: '0.875rem',\n lineHeight: 1.43,\n letterSpacing: '0.01071em'\n }\n },\n\n iconButton: {\n color: primaryColor[0],\n // padding: 5\n },\n\n\n\n});\n\nexport default styles;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withRouter } from 'react-router-dom';\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport CssBaseline from '@material-ui/core/CssBaseline';\n\n// import material-ui/core\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\n\n\n// import material-ui/icons\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\nimport AlertDialog from \"components/CustomComponents/Dialog/AlertDialog\";\n\n//import style\nimport styles from \"assets/jss/components/customcomponents/pageNavigationStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nconst AdminNavbarLinks = (props) => {\n const classes = useStyles();\n const [alertDialog, setAlertDialog] = React.useState(false);\n // const [value, setValue] = React.useState(0);\n\n /*-----------------------handle Alert Close Dialog--------------------*/\n const handleAlertCloseDialog = () => {\n setAlertDialog(false);\n };\n\n /*-----------------------handle back--------------------*/\n const handleBack = () => {\n if (props.alert) {\n setAlertDialog(true);\n } else {\n props.back ? props.history.push(props.back) : props.history.goBack()\n }\n\n };\n\n /*-----------------------handle Alert onOK--------------------*/\n const handleAlertOK = async () => {\n handleAlertCloseDialog()\n };\n\n\n const divClasses = classNames({\n [props.className]: props.className\n });\n\n return (\n = 0 ? \"left\" : \"right\"}>\n
\n \n \n\n \n \n \n \n
\n\n {/*-----Alert Dialog----- */}\n \n
\n\n \n \n \n\n \n {props.logoText}\n \n
\n\n\n {props.children}\n\n \n {/*-----PageNavigation----- */}\n
\n );\n\n}\n\nconst mapStateToProps = state => {\n return {\n userInfo: state.user.userinfo,\n quest: state.quest.current_quest,\n }\n}\n\n\nexport default connect(mapStateToProps, null)(NexoolView);\n\n","\nimport React from 'react';\nimport classNames from \"classnames\";\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\n\nimport PropTypes from 'prop-types';\nimport CircularProgress from '@material-ui/core/CircularProgress';\nimport Typography from '@material-ui/core/Typography';\nimport Box from '@material-ui/core/Box';\n// style\nimport {\n orangeColor,\n dangerColor,\n successColor\n} from \"assets/jss/material-dashboard-react.js\";\n\n\n// Inspired by the former Facebook spinners.\nconst useStylesFacebook = makeStyles((theme) => ({\n root: {\n position: 'relative',\n display: 'flex'\n },\n\n bottom: {\n color: theme.palette.grey[theme.palette.type === 'light' ? 200 : 700],\n },\n top: {\n color: '#1a90ff',\n animationDuration: '550ms',\n position: 'absolute',\n left: 0,\n },\n colorPrimary25: {\n color: dangerColor[0],\n },\n colorPrimary50: {\n color: orangeColor[0],\n },\n colorPrimary100: {\n color: successColor[0],\n },\n\n circle: {\n strokeLinecap: 'round',\n },\n\n}));\n\n\nfunction CircularProgressWithLabel(props) {\n const classes = useStylesFacebook();\n\n const progressClass = classNames({\n [classes.top]: true,\n [classes[`colorPrimary${props.value <= 25 ? '25' : (props.value > 25 && props.value <= 50) ? '50' : '100'}`]]: true,\n });\n\n return (\n \n {loading ? (\n
\n \n
\n\n ) : null}\n {Token ? Loading...
\n \n
\n \n \n {props.title}\n \n
\n )\n}\n\nconst ChapterCards = (props) => {\n\n ///const contentList =getSteps()\n const classes = useStyles();\n // const [activeCard, setActiveCard] = React.useState(0);\n\n\n useEffect(() => {\n if (props.operation.missionId !== props.mission.missionId) {\n props.setCurrentOperation()\n }\n }, [props.mission])\n\n\n\n const handleCardSelect = (operation) => {\n props.setCurrentOperation(operation)\n props.onClick(operation);\n }\n\n // useEffect(() => { window.scrollTo(0, 0) }, [props.operation.operationId])\n\n\n return (\n\n \n \n {props.countText}\n \n
\n \n {props.icon}\n
\n \n\n {operation.videoCount ?\n
\n \n \n 
\n
\n {fileItems.length ? (\n \n ) : (\n \"\"\n )}\n\n {fileItems.length ? (\n Upload or Drag your file
\n\n \n {fileUploading ? \"Uploading...\" : \"Upload All Files\"}\n \n
\n ) : (\n \"\"\n )}\n {uploadError && (\n \n
\n )}\n {/* */}\n Error: {uploadError}
\n\n\n {sm // mobile \n ? \n \n \n \n\n : \n \n \n\n \n \n {props.operation.operationDisplayName}\n \n \n {props.mission.missionName === \"GO_CODERZ\" ? (\n <>\n \n \n \n \n {masterClassData.map((item) => {\n return (\n \n \n );\n })}\n \n\n \n \n \n ) : (\n \"\"\n )}\n \n\n\n
\n \n \n }\n \n {/* height: '90vh' */}\n props.history.push({ pathname: '/topics' })} > \n
\n \n { }} > \n
\n \n Loading...
}>\n \n \n Join Now\n \n
\n \n {item.is_live ? (\n
\n \n Live\n
\n ) : (\n <>\n )}\n \n {\" \"}\n {item.masterclass_name}\n
\n\n
\n Instruction
\n\n- \n
- 1. Click on the Join Now button to join the Masterclass. \n
- \n 2. Once you join the Masterclass, you will be redirected to the\n Masterclass page.\n \n
- \n 3. You can start learning by clicking on the Start Learning\n button.\n \n
\n\n {ScreenOrientation === \"portrait\"\n ?
\n );\n}\n\nconst mapStateToProps = state => {\n return {\n content: state.content.contentlist,\n operation: state.content.current_operation,\n mission: state.content.current_mission,\n userInfo: state.user.userinfo,\n }\n}\n\nexport default connect(mapStateToProps, null)(SwipeableTextMobileStepper);","import React, { useState, useEffect } from 'react';\n\n//Redux\nimport { useDispatch, useSelector } from 'react-redux'\n//import reducer \nimport * as questActions from 'store/actions/index'\n// import axios\nimport axiosConfig from \"util/axios\";\n//validations\nimport { checkNull, checkEmail, checkMaxLength, checkMinLength } from 'util/validations'\n//Common functions\nimport { clevertapEvents } from \"util/commonfunctions\";\n//import Custom Components\nimport AlertDialog from \"components/CustomComponents/Dialog/AlertDialog\";\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport CardHeader from \"components/CustomComponents/Card/CardHeader.js\";\nimport { TextInput } from \"components/CustomComponents/Inputs/Inputs\"\nimport IconButton from '@material-ui/core/IconButton';\nimport InputAdornment from '@material-ui/core/InputAdornment';\n// @material-ui/icon\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\n// custom style\nimport useStyles from \"assets/jss/components/views/signupStyle\";\n//variables error\nimport { LENGTH_ERROR, MIN_LENGTH_ERROR } from 'variables/general'\n\nconst LoginDetails = (props) => {\n const { isLogin } = props;\n\n const dispatch = useDispatch()\n const classes = useStyles();\n\n const userDetails = useSelector(state => state.newuser.registerUser)\n\n const [alertMessage, setAlertMessage] = React.useState(\"\");\n const [alertType, setAlertType] = React.useState(\"success\");\n const [state, setState] = useState({\n username: userDetails.contactNo,\n password: \"\",\n pincode: \"\",\n cityName: \"\",\n firstName: \"\",\n email: \"\",\n\n errorpincode: \"\",\n errorcityName: \"\",\n errorusername: \"\",\n errorpassword: \"\",\n errorfirstName: \"\",\n erroremail: \"\",\n })\n\n const [showPassword, setShowPassword] = React.useState(false);\n\n const onNext = async () => {\n let validationObject = {};\n checkNull(\"username\", state.username, \"Username is required\", validationObject);\n checkNull(\"password\", state.password, \"Password is required\", validationObject);\n checkNull(\"firstName\", state.firstName, \"Name is required\", validationObject);\n checkEmail(\"email\", state.email, \"Email ID is not valid\", validationObject);\n\n checkMaxLength(\"firstName\", state.firstName, 50, LENGTH_ERROR(50), validationObject);\n checkMaxLength(\"username\", state.username, 50, LENGTH_ERROR(50), validationObject);\n checkMaxLength(\"password\", state.password, 50, LENGTH_ERROR(50), validationObject);\n checkMaxLength(\"pincode\", state.pincode, 6, LENGTH_ERROR(6), validationObject);\n checkMaxLength(\"cityName\", state.cityName, 50, LENGTH_ERROR(50), validationObject);\n checkMaxLength(\"email\", state.email, 50, LENGTH_ERROR(50), validationObject);\n\n checkMinLength(\"password\", state.password, 3, MIN_LENGTH_ERROR(\"Password\", 3), validationObject);\n\n if (Object.keys(validationObject).length != 0) {\n setState({\n ...state,\n errorusername: \"\",\n errorpassword: \"\",\n errorpincode: \"\",\n errorcityName: \"\",\n errorlastName: \"\",\n erroremail: \"\",\n ...validationObject\n });\n } else {\n await dispatch(questActions.setUsernamePassword(state.username, state.password));\n await dispatch(questActions.setSchoolCity(state.pincode, state.cityName));\n await dispatch(questActions.setFLName(state.firstName, \"\"));\n await dispatch(questActions.setUserEmail(state.email))\n handleRegisterUser();\n }\n }\n\n // Register User\n const handleRegisterUser = () => {\n const userInfo = {\n 'username': state.username,\n 'contactNo': userDetails.contactNo,\n 'firstName': state.firstName,\n 'password': state.password,\n 'pincode': state.pincode,\n 'cityName': state.cityName,\n 'emailId': state.email\n }\n props.handleLoading(true);\n\n //clevertap\n const eventData = JSON.stringify({\n 'Mobilenumber': \"+91\"+userDetails.contactNo,\n 'EmailId': state.email,\n 'UserName': state.username\n });\n\n clevertapEvents('Registration', eventData);\n\n axiosConfig().post('/QuestUser/RegisterUser', userInfo).then(async response => {\n if (response.data.error) {\n props.handleLoading(false);\n setAlertType(\"danger\")\n setAlertMessage(response.data.error)\n } else {\n if (isLogin) {\n await dispatch(questActions.authenticateUser(state.username, state.password)).catch(error => {\n props.handleLoading(false);\n setAlertType(\"error\")\n setAlertMessage(error.message)\n });\n setAlertType(\"success\")\n setAlertMessage(\"Registration completed successfully.Your Mobile Number is Your User Name\")\n props.handleLoading(false);\n //props.handleNext()\n }\n }\n }).catch(function (error) {\n console.log(error);\n });\n }\n\n\n\n // Close Alert\n const onCloseAlert = () => {\n switch (alertType) {\n case \"danger\":\n setAlertMessage(\"\")\n break;\n case \"success\":\n setAlertMessage(\"\")\n props.handleNext()\n break;\n default:\n setAlertMessage(\"\")\n }\n }\n\n\n const handleClickShowPassword = () => {\n setShowPassword((prev) => !prev);\n };\n\n const handleMouseDownPassword = (event) => {\n event.preventDefault();\n };\n\n return (\n \n \n \n \n \n
\n \n {typeof onRemenberMeClicked === 'undefined' && (current_content.contentTypeCode === '01' || current_content.contentTypeCode === '02' || current_content.contentTypeCode === '03')\n ?
\n\n \n {questContentsList.length\n ? (handleChangeTask(type))}\n />}\n />\n : null}\n {taskList.length\n ? taskList.map((current_task, indx) =>\n (handleChangeTask(type))}\n topics={content.add.questContents.filter((questContent) => current_task.taskId === questContent.taskId)} />}\n />\n\n ) : null\n }\n {props.mission.missionName === \"GO_CODERZ\" ? (\n
\n \n \n \n \n \n {masterClassData.map((item) => {\n return (\n \n \n );\n })}\n \n\n \n \n
\n ) : (\n \"\"\n )}\n \n \n Join Now\n \n
\n \n {item.is_live ? (\n
\n \n Live\n
\n ) : (\n <>\n )}\n \n {\" \"}\n {item.masterclass_name}\n
\n\n
\n Instruction
\n\n- \n
- 1. Click on the Join Now button to join the Masterclass. \n
- \n 2. Once you join the Masterclass, you will be redirected to the\n Masterclass page.\n \n
- \n 3. You can start learning by clicking on the Start Learning\n button.\n \n
\n \n Back\n \n\n \n {props.activeStep === props.steps.length - 1 ? 'Finish' : 'Next'}\n \n
\n \n \n {\n setMobileValidation(false)\n }} >\n Edit\n \n {\" mobile number.\"}\n \n
\n : null\n }\n\n\n \n \n
\n\n \n \n Back\n \n\n \n {props.activeStep === props.steps.length - 1 ? 'Finish' : 'Next'}\n \n
\n \n \n
\n \n \n Back\n \n props.handleNext()}\n className={classes.button}\n >\n {props.activeStep === props.steps.length - 1 ? 'Finish' : 'Next'}\n \n
\n \n \n \n\n {loading ? < LinearProgress color=\"primary\" style={{ margin: '0px 20px 0px 20px' }} /> : null}\n \n\n \n {steps.map((label, index) => (\n \n \n ))}\n \n\n \n {\n node.addEventListener(\"transitionend\", done, false);\n }}\n classNames=\"fade\"\n >\n {getStepContent(activeStep)}\n\n \n \n \n\n \n
\n \n { }}\n action={[{ text: 'OK', onPress: () => onCloseAlert() }\n ]}\n />\n\n \n \n \n \n
\n \n \n \n {/* */}\n */}\n\n \n \n setState({ ...state, firstName: e.target.value })}\n />\n \n\n \n option.boardName ? option.boardName : \"\"}\n errorText={state.errorboard}\n formControlProps={{ fullWidth: true }}\n />\n \n\n \n { setGrade(newValue) }}\n getOptionLabel={(option) => option.gradeName ? option.gradeName : \"\"}\n errorText={state.errorgrade}\n formControlProps={{ fullWidth: true }}\n />\n \n \n \n\n \n \n \n
\n \n \n Continue\n \n
\n \n \n \n \n \n
\n \n \n { }}\n action={[{ text: 'OK', onPress: () => onCloseAlert() }\n ]}\n />\n\n \n {/* */}\n */}\n\n \n \n setState({ ...state, firstName: e.target.value })}\n />\n \n \n\n {/* \n \n setState({ ...state, email: e.target.value })}\n />\n \n \n\n\n \n \n setState({ ...state, cityName: e.target.value })}\n />\n \n \n\n \n \n setState({ ...state, pincode: e.target.value })}\n onInput={(e) => {\n e.target.value = e.target.value ? Math.max(0, parseInt(e.target.value)).toString().slice(0, 6) : \"\"\n }}\n />\n \n */}\n\n \n\n \n \n \n\n\n
\n \n \n Continue\n \n\n
\n \n {/*-----PageNavigation----- */}\n \n \n \n \n\n \n\n \n {props.loading ?\n props.history.push('/assessment')}\n onClick={onBeginTest}\n >\n Begin Test\n \n }\n \n \n\n \n \n \n\n\n \n\n {/* */}\n
\n \n );\n}\n\n\nconst mapStateToProps = state => {\n return {\n content: state.content.current_content,\n test: state.content.current_test,\n loading: state.questions.loading,\n mission: state.content.current_mission,\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n onSetCurrentTest: (testCode) => dispatch(questActions.setCurrentTest(testCode)),\n onInitQuestions: (testCode) => dispatch(questActions.initQuestions(testCode)),\n setCurrentTestHistory: (data) => dispatch(questActions.setCurrentTestHistory(data)),\n }\n\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(InstructionAssessment);\n","import React, { useMemo } from 'react';\nimport ReactMarkdown from 'react-markdown';\nimport RemarkMathPlugin from 'remark-math';\nimport { BlockMath, InlineMath } from 'react-katex';\nimport 'katex/dist/katex.min.css';\n\nconst _mapProps = (props) => ({\n ...props,\n escapeHtml: false,\n plugins: [\n RemarkMathPlugin\n ],\n renderers: {\n ...props.renderers,\n math: ({ value }) => \n\n {/*-----Grid----- */}\n \n \n \n {props.loading\n ? 
\n }\n \n \n \n\n {/* */}\n\n {/* \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n \n \n \n \n\n \n \n\n {props.loading ?\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 {props.loading ? \n\n\n
\n \n {props.loading\n ? \n \n }\n\n
\n \n Time: \n {props.test.totalDuration} min \n
\n \n < Info > Questions: \n {props.test.totalQuestion} \n
\n \n
)/, \"
\")\n Input=Input.replace(/(<\\/p>)/, \"
\")\n Input=Input.replace(/<\\/?span[^>]*>/g,\"\")\n\n return \n \n \n \n \n {props.questionText}\n \n \n \n \n \n props.onFlag(props.missionTestQuestionId)} >\n \n \n \n \n\n
\n )\n}\n\n\n\n\nconst mapDispatchToProps = dispatch => {\n return {\n updateQuestioAnswers: (answer, questionId) => dispatch(questActions.updateQuestioAnswer(answer, questionId)),\n updateAnswerDuration: (duration, questionId) => dispatch(questActions.updateAnswerDuration(duration, questionId)),\n\n }\n}\n\n\nexport default connect(null, mapDispatchToProps)(QuestionAnswers);\n","import React, { useEffect, useState } from \"react\";\n\n//Redux\nimport { connect } from 'react-redux'\n\nimport { Doughnut, Line } from 'react-chartjs-2';\n\n//@material-ui/core\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport Typography from '@material-ui/core/Typography';\n\n//Custom Components\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport Body from \"components/CustomComponents/Card/CardBody.js\";\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\n\n// common functions\nimport { hhmmss } from \"util/commonfunctions\";\n\n\n// styles\nimport Styles from \"assets/jss/components/views/assessmentStyle\";\nconst useStyles = makeStyles(Styles);\n\n\nconst afterTickToLabelConversion = (scaleInstance) => {\n // set the first and last tick to null so it does not display\n // note, ticks[0] is the last tick and ticks[length - 1] is the first\n scaleInstance.ticks[0] = null;\n scaleInstance.ticks[scaleInstance.ticks.length - 1] = null;\n\n // need to do the same thing for this similiar array which is used internally\n scaleInstance.ticksAsNumbers[0] = null;\n scaleInstance.ticksAsNumbers[scaleInstance.ticksAsNumbers.length - 1] = null;\n}\n\n\nconst barchartOptions = {\n responsive: true,\n legend: {\n display: false,\n position: 'bottom',\n },\n animation: {\n animateScale: true,\n animateRotate: true\n },\n plugins: {\n labels: {\n fontSize: 0,\n render: 'value',\n fontStyle: 'bold',\n showZero: false,\n }\n }\n}\n\n\nconst QuestionAnswers = (props) => {\n const classes = useStyles();\n const [minutes, setMinutes] = useState(0);\n const [seconds, setSeconds] = useState(0);\n\n const skipCount = props.answers.reduce((Count, currentValue) => Count + (currentValue.isQuestionSkipped === \"0\" ? 1 : 0), 0)\n const rightCount = props.answers.reduce((Count, currentValue) => Count + parseInt(currentValue.isAnsweredCorrect), 0)\n const wrongCount = props.answers.reduce((Count, currentValue) => Count + (currentValue.isAnsweredCorrect === \"0\" && currentValue.isQuestionSkipped !== \"0\" ? 1 : 0), 0)\n const marksObtained = props.answers.reduce((Count, currentValue) => Count + parseFloat(currentValue.questionMarksObtained), 0)\n const data = {\n datasets: [{\n data: [skipCount, rightCount, wrongCount],\n backgroundColor: ['#A9A9A9', '#51D887', '#FF0000']\n }],\n\n // These labels appear in the legend and in the tooltips when hovering different arcs\n labels: ['Skip', 'Correct', 'Incorrect'],\n };\n\n const legend = {\n position: \"bottom\",\n }\n\n\n const [bestAttempt, setBestAttempt] = useState({})\n const [allAttempt, setAllAttempt] = useState({})\n useEffect(() => {\n\n\n if (Object.keys(props.testHistory).length > 0) {\n let bestAttempt = props.testHistory.attemptList.filter(op => op.attemptNumber === props.testHistory.bestAttemptNumber).reduce((acc, cv) => { return acc = cv }, {})\n setBestAttempt(bestAttempt)\n let all_attempt = props.testHistory.attemptList.sort((a, b) => a.attemptNumber - b.attemptNumber);\n setAllAttempt({\n datasets: [{\n data: all_attempt.map(data => {\n return data.marksObtained\n }),\n }],\n labels: all_attempt.map(data => {\n return data.attemptNumber\n }),\n })\n }\n }, [props.testHistory])\n\n useEffect(() => {\n if (props.test.testAttemptedDuration > 0) {\n let totalSeconds = Number(props.test.testAttemptedDuration);\n totalSeconds %= 3600;\n const newMinutes = Math.floor(totalSeconds / 60);\n const newSeconds = totalSeconds % 60;\n setMinutes(newMinutes)\n setSeconds(newSeconds)\n }\n }, [])\n\n\n return (\n - \n {/*----- Spinner---- */}\n {loading ? : null}\n\n {props.options.optionItems.map(option =>\n\n
\n \n Correct Answer\n \n
\n\n \n \n Explanation :\n \n \n \n {props.explanation}\n \n \n
}\n\n \n
\n \n \n {props.loading ? \n \n {props.loading ? \n \n {props.loading ? \n \n {props.loading ? \n \n {props.loading ? \n \n {props.loading ? \n
\n \n
\n \n \n {props.loading ? \n \n {props.loading ? \n \n {props.loading ? \n \n {props.loading ? \n \n {props.loading ? \n \n {props.loading ? \n
\n \n Set backup account \n
\n );\n}","import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core/styles';\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\n\n\nimport { Collapse, DialogActions, DialogContent, DialogTitle, FormHelperText, LinearProgress } from '@material-ui/core';\n//axios\nimport axiosConfig from \"util/axios\";\nimport { checkNull } from 'util/validations';\nimport { dangerColor } from 'assets/jss/material-dashboard-react';\nimport { Alert } from '@material-ui/lab';\n\nconst useStyles = makeStyles({\n labelRootError: {\n color: dangerColor[0],\n marginTop: -8\n },\n});\n\n\nconst QuestionFlag = (props) => {\n const classes = useStyles();\n const { questionId, onClose, onSubmit } = props\n const [progress, setProgress] = useState(false);\n const [remark, setRemark] = useState('');\n const [errorRemark, setErrorRemark] = useState('');\n const [error,setError]=useState('');\n\n const postRemark = () => {\n setErrorRemark('')\n setError('')\n setProgress(true)\n // Validation\n let validationObject = {};\n checkNull(\"Remark\", remark, \"Remark is required\", validationObject);\n\n if (Object.keys(validationObject).length != 0) {\n setProgress(false)\n setErrorRemark(validationObject.errorRemark)\n } else {\n axiosConfig().post('/OnlineTest/QuestionFlag', {\n questionId: questionId,\n remark: remark\n }).then(response => {\n setProgress(false)\n if (response.data.isSuccess) {\n setRemark('')\n onSubmit(response.data.message)\n }else{\n setError(response.data.message)\n }\n\n }).catch((error) => {\n setProgress(false)\n });\n }\n\n\n\n }\n return (\n - \n {emails.map((email) => (\n
\n {/*-----PageNavigation----- */}\n 0 || revieweMode) ? true : false}\n logoText={props.content.contentDisplayName}\n alert={true}\n alertMessage={(props.test.testAttemptCount > 0 || revieweMode)\n ? 'Please close the test.'\n : 'You have started the test, Please complete the test before you leave.'}\n />\n {/*-----Dialog----- */}\n {isTimesup &&\n \n \n }\n\n\n\n {/*-----Alert Dialog----- */}\n { }}\n action={[\n {\n text: 'Cancel',\n onPress: handleAlertCloseDialog,\n style: 'cancel'\n },\n { text: 'OK', onPress: handleAlertOK }\n ]}\n />\n\n {/*-----Alert Dialog----- */}\n { }}\n action={[\n {\n text: 'Cancel',\n onPress: handleCloseFlagAlert,\n style: 'cancel'\n },\n { text: 'OK', onPress: handleFlagAlertOK }\n ]}\n />\n\n {/*-----Dialog Help----- */}\n {helpDialog\n ? \n : null\n }\n\n {/*-----Dialog Flag----- */}\n {flagDialog\n ? \n : null\n }\n\n\n {/* ------Snackbar------ */}\n \n \n {snackbarMessage}\n \n \n\n {/*-----page-container----- */}\n
\n\n )\n}\n\n\nconst mapSateToProps = state => {\n return {\n test: state.content.current_test,\n questions: state.questions.questions,\n answers: state.questions.answers,\n content: state.content.current_content,\n userInfo: state.user.userinfo,\n quest: state.quest.current_quest,\n mission: state.content.current_mission,\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n // onInitTestAnswers: (answers) => dispatch(questActions.initTestAnswers(answers)),\n updateTestAttemptCount: () => dispatch(questActions.updateTestAttemptCount()),// For check Current Test is attempted or not \n onPostTestAttempt: (userId) => dispatch(questActions.postTestAttempt(userId)), // //also update content,current_cuntent and quest_progress \n updateTestAttemptedDuration: (duration) => dispatch(questActions.updateTestAttemptedDuration(duration)),\n setCurrentTestHistory: (data) => dispatch(questActions.setCurrentTestHistory(data)),\n\n }\n}\n\n\nexport default connect(mapSateToProps, mapDispatchToProps)(Assessment);\n","import {\n whiteColor,\n primaryColor\n} from \"assets/jss/material-dashboard-react.js\";\n\n\nconst drawerWidth = 240;\nconst styles = theme => ({\n root: {\n display: 'flex',\n },\n\n inputStyle: {\n color: 'white',\n padding: 0,\n maxWidth: 40,\n borderBottom: '2px solid #3f51b5'\n },\n pdfControl: {\n flexDirection: \"row\",\n display: \"flex\",\n alignItems: 'center',\n color: \"white\",\n backgroundColor: 'rgba(0,0,0,1)',\n position: 'fixed',\n left:0,\n zIndex: '100',\n width: '100%',\n bottom: 0,\n maxHeight: '50px',\n justifyContent: \"center\"\n },\n fab: {\n position: 'fixed',\n zIndex: '100',\n bottom: theme.spacing(10),\n right: theme.spacing(4),\n },\n\n\n\n});\n\nexport default styles;\n","import React, { useState } from 'react';\nimport { Document, Page, pdfjs } from 'react-pdf';\nimport { saveAs } from 'file-saver';\n// import axios\nimport axiosConfig from \"util/axios\";\n//Redux\nimport { useDispatch, useSelector } from 'react-redux'\nimport * as questActions from 'store/actions/index'\n\n// nodejs library to set properties for components\nimport PropTypes from \"prop-types\";\n\n// import material-ui/core\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport Hidden from \"@material-ui/core/Hidden\";\nimport { Input } from '@material-ui/core';\nimport Fab from '@material-ui/core/Fab';\n\n//@material-ui/icons\nimport KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';\nimport KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';\nimport ZoomInIcon from '@material-ui/icons/ZoomIn';\nimport ZoomOutIcon from '@material-ui/icons/ZoomOut';\nimport GetAppIcon from '@material-ui/icons/GetApp';\n//Custom Components\nimport Button from 'components/CustomComponents/CustomButtons/Button'\nimport Loading from 'components/CustomComponents/Progress/Progress'\n\n//import style\nimport styles from \"assets/jss/components/customcomponents/PDFViewStyle.js\";\nimport './PDFViewStyle.css';\nimport 'react-pdf/dist/Page/AnnotationLayer.css';\nimport 'assets/css/loader.css';\nimport Progress from 'components/CustomComponents/Progress/Progress';\nimport PinchToZoom from 'react-pinch-and-zoom';\n\npdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\nconst useStyles = makeStyles(styles);\n\n\n\nexport default function PDFViewer(props) {\n const {\n fileurl,\n password,\n ...rest\n } = props;\n const dispatch = useDispatch();\n const classes = useStyles();\n const theme = useTheme();\n const [numPages, setNumPages] = useState(null);\n const [pageNumber, setPageNumber] = useState(1);\n const [inputNumber, setInputNumber] = useState(1);\n const [pagScale, setPagScale] = useState(1);\n const [isLoading, setLoading] = useState(false)\n\n\n function onDocumentLoadSuccess({ numPages }) {\n setNumPages(numPages);\n }\n\n const handleNext = () => {\n setPageNumber((prevActiveStep) => prevActiveStep + 1);\n setInputNumber((prevActiveStep) => prevActiveStep + 1);\n };\n\n const handleBack = () => {\n setPageNumber((prevActiveStep) => prevActiveStep - 1);\n setInputNumber((prevActiveStep) => prevActiveStep - 1);\n };\n\n const handleChange = (event) => {\n setInputNumber(parseInt(event.target.value));\n };\n\n const handleZoomin = () => {\n if (pagScale < 4)\n setPagScale((prevActiveStep) => prevActiveStep + 0.5);\n };\n\n const handleZoomout = () => {\n if (pagScale > 0.5)\n setPagScale((prevActiveStep) => prevActiveStep - 0.5);\n };\n\n const handleKeyPress = (e) => {\n const value = e.target.value\n const charCode = e.charCode;\n if (charCode == 13) {\n if (value > 0 && value <= numPages) {\n setPageNumber(parseInt(value))\n setInputNumber(parseInt(value));\n } else {\n setPageNumber(1)\n setInputNumber(1);\n }\n }\n\n }\n\n const handleDownload = (uri, fileName) => {\n if (typeof window.Android !== 'undefined') {\n window.Android.downloadPdfFile(uri);\n dispatch(questActions.contentDownload(props.contentId));\n }\n else if (typeof onRemenberMeClicked !== 'undefined') {\n window.getPDFDownloadURL(uri);\n dispatch(questActions.contentDownload(props.contentId));\n } else if (typeof window.flutter_inappwebview !== 'undefined') {\n window.flutter_inappwebview.callHandler('downloadPdfFile', uri, '');\n dispatch(questActions.contentDownload(props.contentId));\n }\n else {\n // saveAs(uri, `${fileName}.pdf`);\n setLoading(true)\n fetch(uri)\n .then(res => res.blob()) // Gets the response and returns it as a blob\n .then(blob => {\n setLoading(false)\n let objectURL = URL.createObjectURL(blob);\n const link = document.createElement(\"a\");\n link.href = objectURL;\n document.body.appendChild(link);\n link.setAttribute('download', fileName);\n link.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));\n // Remove link from body\n dispatch(questActions.contentDownload(props.contentId))\n document.body.removeChild(link);\n }).catch(function (error) {\n setLoading(false)\n console.log(error);\n });\n\n // axiosConfig().get('/QuestContent/GetDocument', {\n // params: {\n // ContentCode: props.contentId,\n // }\n // }).then(response => {\n // console.log(response.data);\n // setLoading(false)\n // const blob = new Blob([response.data], { type: 'application/pdf' });\n // const blobUrl = URL.createObjectURL(blob);\n // const link = document.createElement(\"a\");\n // link.href = blobUrl;\n // link.download = `${fileName}.pdf`;\n // document.body.appendChild(link);\n // link.dispatchEvent(\n // new MouseEvent('click', {\n // bubbles: true,\n // cancelable: true,\n // view: window\n // })\n // );\n // dispatch(questActions.contentDownload(props.contentId))\n // // Remove link from body\n // document.body.removeChild(link);\n\n // }).catch(function (error) {\n // console.log(error);\n // });\n }\n }\n\n return (\n\n \n\n {/*-----Grid----- */}\n \n \n\n \n \n \n \n\n {props.test.testAttemptCount === 0 ? (\n \n {/* \n \n ) : null}\n\n\n \n \n {props.test.testAttemptCount === 0 || revieweMode\n ? \n {props.questions.qadd.map((question, index) => (\n \n \n ))}\n \n : null}\n \n \n \n \n \n \n\n \n \n \n \n\n \n \n \n {props.test.testAttemptCount > 0 && !revieweMode ? (\n \n {\n node.addEventListener(\"transitionend\", done, false);\n }}\n classNames=\"asm-fade\"\n >\n \n\n )}\n \n \n \n \n \n \n \n\n \n \n \n \n\n \n\n \n\n {props.test.testAttemptCount > 0 ? (\n revieweMode\n ? \n \n\n \n \n \n \n
\n\n {props.test.testAttemptedDuration}
*/}\n {/* */}\n \n
\n : \n } >\n Back\n \n
\n \n\n \n }>\n Next\n \n
\n \n \n\n \n
\n\n ) : (\n \n
\n\n )}\n \n } >\n Back\n \n
\n\n \n\n \n }>\n Next\n \n
\n \n\n handleDownload(props.fileurl, props.fileName)}>\n \n }\n \n callback(password)}\n onLoadSuccess={onDocumentLoadSuccess}\n loading={ \n
\n );\n}\n\n\nPDFViewer.propTypes = {\n fileurl: PropTypes.string,\n password: PropTypes.string,\n};","import React, { useEffect } from \"react\";\n// @material-ui/core\n// import { makeStyles, withStyles } from \"@material-ui/core/styles\";\n//Redux\nimport { connect } from 'react-redux'\n//import reducer \nimport * as questActions from 'store/actions/index'\n\n// core components\nimport PageNavigation from 'components/CustomComponents/Navbars/PageNavigation'\nimport PDFView from 'components/CustomComponents/PDFView/PDFView'\n\n//variables\nimport { CURRENT_DATE_TIME } from \"variables/general.js\";\n// styles\n// import styles from \"assets/jss/components/views/PDFViewerStyle\";\n// const useStyles = makeStyles(styles);\n\n\n\nconst PDFViewer = (props) => {\n\n useEffect(() => {\n let accessTime = 0;\n const timer = setInterval(() => {\n accessTime++\n }, 1000);\n return () => {\n if (accessTime > 10) {\n const BODY_DATA = {\n \"missionActivityId\": \"\", // Don't set this\n \"userId\": props.userInfo.userId,\n \"locationId\": props.userInfo.locationId,\n \"groupId\": props.userInfo.groupId,\n \"questId\": props.quest.questId,\n \"contentId\": props.content.contentId,\n \"contentTypeCode\": props.content.contentTypeCode,\n \"accessDate\": \"\" + CURRENT_DATE_TIME(),\n \"accessDuration\": \"\" + accessTime,\n \"missionActivitySummaryId\": \"\" // Don't set this\n }\n props.onPostContentAccess(BODY_DATA,props.content)\n }\n\n clearTimeout(timer)\n };\n }, []);\n\n // const classes = useStyles();\n return (\n \n \n \n \n \n \n
\n Page :
\nof {numPages}
\n \n {/* \n */}\nLoading...
}\n\n >\n \n {/*-----PageNavigation----- */}\n
\n );\n}\n\n\nconst mapStateToProps = state => {\n return {\n content: state.content.current_content,\n userInfo: state.user.userinfo,\n quest: state.quest.current_quest,\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n onPostContentAccess: (accessData, content) => dispatch(questActions.postContentAccess(accessData, content)), //also update update content,current_cuntent and quest_progress\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(PDFViewer);","import React, { useState, useEffect } from 'react';\n//Redux\nimport { connect } from 'react-redux'\n//import reducer \nimport * as questActions from 'store/actions/index'\n// core components\nimport PageNavigation from 'components/CustomComponents/Navbars/PageNavigation'\n\n//import style\nimport 'assets/css/loader.css';\n\n//variables\nimport { CURRENT_DATE_TIME } from \"variables/general.js\";\n\nconst DocView = (props) => {\n const [loading, setLoading] = useState(true)\n const [display, setDisplay] = useState('none')\n\n const hideSpinner = () => {\n setLoading(false);\n setDisplay('block')\n };\n\n useEffect(() => {\n let accessTime = 0;\n const timer = setInterval(() => {\n accessTime++\n }, 1000);\n return () => {\n if (accessTime > 10) {\n const BODY_DATA = {\n \"missionActivityId\": \"\", // Don't set this\n \"userId\": props.userInfo.userId,\n \"locationId\": props.userInfo.locationId,\n \"groupId\": props.userInfo.groupId,\n \"questId\": props.quest.questId,\n \"contentId\": props.content.contentId,\n \"contentTypeCode\": props.content.contentTypeCode,\n \"accessDate\": \"\" + CURRENT_DATE_TIME(),\n \"accessDuration\": \"\" + accessTime,\n \"missionActivitySummaryId\": \"\" // Don't set this\n }\n props.onPostContentAccess(BODY_DATA,props.content)\n }\n\n clearTimeout(timer)\n };\n }, []);\n\n\n return (\n \n
\n \n {/*-----PageNavigation----- */}\n
\n );\n\n}\n\nconst mapStateToProps = state => {\n return {\n content: state.content.current_content,\n userInfo: state.user.userinfo,\n quest: state.quest.current_quest,\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n onPostContentAccess: (accessData, content) => dispatch(questActions.postContentAccess(accessData, content)), //also update update content,current_cuntent and quest_progress \n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DocView);\n\n","import React,{useEffect} from 'react';\n//Redux\nimport { connect } from 'react-redux'\n//import reducer \nimport * as questActions from 'store/actions/index'\n// core components\nimport PageNavigation from 'components/CustomComponents/Navbars/PageNavigation'\n\n//variables\nimport { CURRENT_DATE_TIME } from \"variables/general.js\";\n\nconst DocView = (props) => {\n\n \n\n\n useEffect(() => {\n let accessTime=0;\n const timer = setInterval(() => {\n accessTime++\n }, 1000);\n return () =>{\n if(accessTime>10)\n {\n const BODY_DATA = {\n \"missionActivityId\": \"\", // Don't set this\n \"userId\": props.userInfo.userId,\n \"locationId\": props.userInfo.locationId,\n \"groupId\": props.userInfo.groupId,\n \"questId\": props.quest.questId,\n \"contentId\": props.content.contentId,\n \"contentTypeCode\": props.content.contentTypeCode,\n \"accessDate\": \"\" + CURRENT_DATE_TIME(),\n \"accessDuration\": \"\" + accessTime,\n \"missionActivitySummaryId\": \"\" // Don't set this\n }\n props.onPostContentAccess(BODY_DATA,props.content)\n }\n \n clearTimeout(timer)};\n }, []);\n\n\n return (\n \n {loading ? (\n
\n \n
\n\n ) : null}\n\n {props.content.contentTypeCode === '07' ?\n < iframe\n title=\"HTMLViewer\"\n style={{\n position: 'relative',\n left: 0,\n // bottom: 0,\n right: 0,\n width: '100%',\n minHeight: '100vh',\n border: \"none\",\n display: display\n }}\n onLoad={hideSpinner}\n src={props.content.fileUrl}\n />\n : null\n }\n\n Loading...
\n \n {/*-----PageNavigation----- */}\n \n\n {/*-----html-container----- */}\n
\n );\n\n}\n\nconst mapStateToProps = state => {\n return {\n content: state.content.current_content,\n userInfo: state.user.userinfo,\n quest: state.quest.current_quest,\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n onPostContentAccess: (accessData, content) => dispatch(questActions.postContentAccess(accessData, content)), //also update update content,current_cuntent and quest_progress\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DocView);\n\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withRouter } from 'react-router-dom';\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport CssBaseline from '@material-ui/core/CssBaseline';\n\n// import material-ui/core\nimport AppBar from '@material-ui/core/AppBar';\nimport Toolbar from '@material-ui/core/Toolbar';\nimport Typography from '@material-ui/core/Typography';\nimport IconButton from '@material-ui/core/IconButton';\n\n\n// import material-ui/icons\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\n\n//import style\nimport styles from \"assets/jss/components/customcomponents/pageNavigationStyle.js\";\n\nconst useStyles = makeStyles(styles);\n\nconst AdminNavbarLinks = (props) => {\n const classes = useStyles();\n // const [value, setValue] = React.useState(0);\n\n\n return (\n \n
\n \n
\n \n\n \n \n \n \n
\n \n {\n if(typeof window.Android !== 'undefined')\n {\n window.Android.setDeviceOrientation(2)\n }else if(typeof window.flutter_inappwebview !== 'undefined')\n {\n window.flutter_inappwebview.callHandler('setDeviceOrientation', 2, '');\n }\n return props.back ? props.history.push(props.back) : props.history.goBack()\n }\n }>\n \n
\n\n \n {/*-----PageNavigation----- */}\n
\n );\n\n}\n\nconst mapStateToProps = state => {\n return {\n content: state.content.current_content,\n userInfo: state.user.userinfo,\n quest: state.quest.current_quest,\n }\n}\n\nconst mapDispatchToProps = dispatch => {\n return {\n onPostContentAccess: (accessData, content) => dispatch(questActions.postContentAccess(accessData, content)), //also update update content,current_cuntent and quest_progress \n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(DocView);\n\n","import React, { useState, useEffect } from \"react\";\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\nimport { useLocation } from \"react-router-dom\";\n// // core components\n// import PageNavigation from 'components/CustomComponents/Navbars/PageNavigation'\n\n//import style\nimport \"assets/css/loader.css\";\n\nconst DocView = (props) => {\n let location = useLocation();\n const [loading, setLoading] = useState(true);\n const [display, setDisplay] = useState(\"none\");\n\n const hideSpinner = () => {\n setLoading(false);\n setDisplay(\"block\");\n };\n\n useEffect(() => {\n window.addEventListener(\"message\", eventListener);\n // clean up\n return () => window.removeEventListener(\"message\", eventListener);\n }, []);\n\n const eventListener = (event) => {\n if (event.data !== null && typeof event.data !== \"undefined\") {\n try {\n let actObj = JSON.parse(event.data);\n if (\n actObj.Method == \"FinishTest\" ||\n actObj.Method == \"AbortTest\" ||\n actObj.Method == \"TestAbort\" ||\n actObj.Method == \"Back\"\n ) {\n return props.back\n ? props.history.push(props.back)\n : props.history.replace(\"/assessment-report\");\n }\n } catch (error) {}\n }\n };\n\n return (\n \n {loading ? (\n
\n \n
\n\n ) : null}\n\n {props.content.contentTypeCode === '10'\n ? Loading...
\n \n {loading ? (\n \n
\n ) : null}\n Loading...
\n \n props.inputchange(e.target.value)}\n classes={{\n root: classes.inputRoot,\n input: classes.inputInput,\n }}\n inputProps={{ 'aria-label': 'search' }}\n />\n
\n )\n}\n\nSearchInput.defaultProps = {\n styles: { color: \"#fff\", width: '100%' }\n}\n\nSearchInput.propTypes = {\n inputchange: PropTypes.func,\n styles:PropTypes.object\n};\n\nexport default SearchInput;","import React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport MobileStepper from '@material-ui/core/MobileStepper';\nimport Button from '@material-ui/core/Button';\nimport KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';\nimport KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';\nimport SwipeableViews from 'react-swipeable-views';\n\nimport ReactPlayer from 'react-player';\n\n\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n maxWidth: 400,\n flexGrow: 1,\n },\n header: {\n display: 'flex',\n alignItems: 'center',\n height: 50,\n paddingLeft: theme.spacing(4),\n backgroundColor: theme.palette.background.default,\n },\n img: {\n height: 255,\n display: 'block',\n maxWidth: 400,\n overflow: 'hidden',\n width: '100%',\n },\n}));\n\nconst SwipeableTextMobileStepper = (props) => {\n const { data } = props\n const classes = useStyles();\n const theme = useTheme();\n const [activeStep, setActiveStep] = React.useState(0);\n const [playing, setPlaying] = React.useState(false);\n const maxSteps = data.length;\n\n const handleNext = () => {\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\n setPlaying(false)\n };\n\n const handleBack = () => {\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\n setPlaying(false)\n };\n\n const handleStepChange = (step) => {\n setActiveStep(step);\n setPlaying(false)\n };\n\n const handlePlay = () => {\n setPlaying(true)\n }\n\n // handlePush = () => {\n // setPlaying(false)\n // }\n\n\n return (\n \n
\n \n \n {data.map((step, index) => (\n 1 ? 'flex' : 'none' }}\n steps={maxSteps}\n position=\"static\"\n variant=\"text\"\n activeStep={activeStep}\n nextButton={\n \n }\n backButton={\n \n }\n />\n
\n );\n}\n\nexport default SwipeableTextMobileStepper;","import { makeStyles } from \"@material-ui/core/styles\";\n\nimport {\n whiteColor,\n primaryColor,\n grayColor,\n hexToRgb\n} from \"assets/jss/material-dashboard-react.js\";\n\n\nconst dashboardStyle = makeStyles((theme) => ({\n closeButton: {\n position: 'absolute',\n right: theme.spacing(1),\n top: theme.spacing(1),\n color: theme.palette.grey[500],\n },\n infoText: {\n color: primaryColor[4]\n },\n upArrowCardCategory: {\n width: \"16px\",\n height: \"16px\"\n },\n stats: {\n textAlign: 'center'\n },\n taskDiv: {\n padding: '0px 20px 0px 10px',\n borderRightStyle: 'groove',\n borderWidth: 1,\n borderRightColor: primaryColor[0]\n },\n timeDiv: {\n padding: '0px 0px 0px 10px',\n },\n\n pageCardBody: {\n minHeight: '100vh'\n },\n gridItemFooter: {\n padding: '0 !important'\n },\n cardMissions: {\n marginBottom: \"0\",\n marginTop: '0'\n },\n cardCategoryWhite: {\n color: \"rgba(\" + hexToRgb(whiteColor) + \",.62)\",\n margin: \"0\",\n fontSize: \"14px\",\n marginTop: \"0\",\n marginBottom: \"0\"\n },\n cardTitle: {\n color: grayColor[2],\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: grayColor[1],\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n },\n cardTitleWhite: {\n color: whiteColor,\n marginTop: \"0px\",\n minHeight: \"auto\",\n fontWeight: \"300\",\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\n marginBottom: \"3px\",\n textDecoration: \"none\",\n \"& small\": {\n color: grayColor[1],\n fontWeight: \"400\",\n lineHeight: \"1\"\n }\n },\n cardAvatar: {\n maxWidth: \"70px\",\n maxHeight: \"70px\",\n right: \"10%\",\n position: 'absolute',\n margin: \"-35px auto 0\",\n borderRadius: \"50%\",\n overflow: \"hidden\",\n padding: \"0\",\n // boxShadow:\n // \"0 16px 38px -12px rgba(\" +\n // hexToRgb(blackColor) +\n // \", 0.56), 0 4px 25px 0px rgba(\" +\n // hexToRgb(blackColor) +\n // \", 0.12), 0 8px 10px -5px rgba(\" +\n // hexToRgb(blackColor) +\n // \", 0.2)\",\n // \"&$cardAvatarPlain\": {\n // marginTop: \"0\"\n // }\n },\n imgIcon: {\n // width:0,\n height: 90\n },\n imageStyle: {\n width: \"auto\",\n height: \"-webkit-fill-available\"\n },\n checkboxStyle: {\n // padding:'7px 30px'\n },\n checkboxLabelStyle: {\n fontSize: '0.9rem',\n color: primaryColor[4],\n fontWeight: \"bold\",\n textTransform: \"capitalize\",\n letterSpacing: \"0\",\n willChange: \"box-shadow, transform\",\n transition:\n \"box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)\",\n lineHeight: \"1.42857143\",\n textAlign: \"center\",\n whiteSpace: \"nowrap\",\n verticalAlign: \"middle\",\n touchAction: \"manipulation\",\n },\n earnPoints: {\n padding: '5px 20px 5px 20px',\n width: 'fit-content',\n borderStyle: 'solid',\n textAlign: 'center',\n Display: 'block',\n marginLeft: 'auto',\n marginRight: 'auto',\n // marginTop: '30px',\n marginBottom: '24px',\n borderRadius: '30px',\n borderWidth: 1,\n borderColor: primaryColor[4]\n }\n}));\n\nexport default dashboardStyle;\n","import React, { useState, useEffect } from \"react\";\nimport ReactPlayer from 'react-player'\n\n//import reducer \nimport { useDispatch, useSelector } from 'react-redux';\nimport * as questActions from 'store/actions/index'\n\n// @material-ui/core\nimport IconButton from '@material-ui/core/IconButton';\n// @material-ui/icons\nimport Typography from '@material-ui/core/Typography';\nimport CloseIcon from '@material-ui/icons/Close';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport ShoppingCartTwoToneIcon from '@material-ui/icons/ShoppingCartTwoTone';\n// core components\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport CardIcon from \"components/CustomComponents/Card/CardIcon.js\";\n\n// Views\nimport VideoGallery from 'components/CustomComponents/VideoGallery/VideoGallery'\n\n// styles\nimport useStyles from \"assets/jss/components/views/questDetailsStyle\"\n\nconst QuestDetails = (props) => {\n\n const classes = useStyles();\n const dispatch = useDispatch();\n const [isLoading, setIsLoading] = useState(true);\n const questDetails = useSelector(state => state.categories.questdetails)\n\n useEffect(() => {\n setIsLoading(true);\n dispatch(questActions.fetchQuestDetails(props.data.questId)).then(() => {\n setIsLoading(false);\n }).catch(error => {\n console.log(error);\n setIsLoading(false);\n });\n }, [dispatch]);\n\n const handleClose = () => {\n dispatch(questActions.setQuestDetails({}))\n props.onClose()\n }\n\n const handelLaunch = () => {\n handleClose()\n props.onLaunch(props.data);\n }\n\n const _handelLaunch = () => {\n handleClose()\n props.onOfflineLaunch(props.data.formUrl)\n //window.open(props.data.formUrl, \"_blank\")\n }\n const handelBuy = () => {\n handleClose()\n props.onBuy(props.data);\n }\n\n const handelTrail = () => {\n handleClose()\n props.onLaunch(props.data, true);\n }\n\n console.log(questDetails);\n\n return (\n \n {Math.abs(activeStep - index) <= 2 ? (\n e.preventDefault()\n }\n }\n }}\n />\n // 
\n ) : null}\n
\n ))}\n \n \n
\n : \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n\n \n\n\n \n \n {['001', '010', '011', '111', '112', '113'].map((v, i) =>\n \n \n \n \n \n \n )}\n \n \n \n
\n )\n}\n\n\nconst AutoPlaySwipeableViews = (props) => {\n const classes = useStyles();\n const theme = useTheme();\n const sm = useMediaQuery(theme.breakpoints.down('sm'));\n const md = useMediaQuery(theme.breakpoints.between('sm', 'md'));\n\n return (\n \n
\n \n \n \n \n \n \n \n\n \n {step.tagValue}\n \n\n \n \n {/*
\n ))\n }\n \n )\n};\n\nconst CardConterol = (props) => {\n const theme = useTheme();\n return (\n \n \n {step.questName}\n \n
\n\n \n
\n \n props.onSeeMore(step)}>Details\n
\n\n {step.isFree\n ? \n \n ₹\n \n \n {Math.floor(step.price) + ''}\n \n
\n \n \n {\n step.isOnline === true || step.isOnline === undefined || step.isOnline === null\n ? \n : \n }\n\n
\n : step.isTrialTaken\n ? step.isAssigned\n ? \n \n
\n : \n \n \n
\n : step.isAssigned\n ? \n \n
\n : step.isOnline === true || step.isOnline === undefined || step.isOnline === null\n ? \n \n \n
\n : \n \n
\n }\n \n \n\n \n
\n )\n}\n\n\nconst CategoryCard = (props) => {\n const theme = useTheme();\n const sm = useMediaQuery(theme.breakpoints.down('sm'));\n const md = useMediaQuery(theme.breakpoints.between('sm', 'md'));\n const classes = useStyles();\n const [activeStep, setActiveStep] = useState(0);\n const handleNext = () => {\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\n };\n const handleBack = () => {\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\n };\n const handleStepChange = (step) => {\n setActiveStep(step);\n };\n\n return (\n < React.Fragment >\n {props.topics.length > 0\n && \n \n {props.task}\n \n {sm && !md\n ? null\n :
}\n\n \n { }}\n action={[{ text: 'OK', onPress: () => onCloseAlert() }\n ]}\n />\n\n\n\n {(loading || QuestCategories.lastViewed === \"\")\n ? \n \n \n \n }\n
\n )\n}\n\nexport default QuestCategory;","import React from 'react';\n\n// @material-ui/core\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\n\n//Custom Components\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\n\n// custom style\nimport useStyles from \"assets/jss/components/views/questCategoryStyle\";\n\nconst SkeletonCard = (props) => {\n const classes = useStyles();\n return (\n \n\n \n \n \n {cartItems.length > 0 ?\n \n props.history.push('/cart')} style={{ color: \"#fff\" }}>\n \n \n \n \n : null\n }\n\n \n\n {QuestCategories.lastViewed.questName && \n onChangeQuest(QuestCategories.lastViewed)} >\n Launch\n \n }\n title={QuestCategories.lastViewed.questName}\n titleTypographyProps={{ variant: 'body1', className: classes.contentCardTitle }}\n subheader={`Viewed on date: ${QuestCategories.lastViewed.viewedOn}`}\n subheaderTypographyProps={{ variant: 'caption' }}\n />\n \n }\n\n {QuestCategories.questCategory.map((data, idex) => (\n quest.questName.trim().toUpperCase().includes(searchText.trim().toUpperCase()))}\n onSeeMore={openQuestDialog}\n onLaunch={onChangeQuest}\n onOfflineLaunch={onChangeOfflineQuest}\n onBuy={onBuyQuest}\n />))}\n
\n \n props.history.push(userInfo.lastQuestAccessed ? '/home' : '/')}>\n \n setSearchText(text)}\n />\n
\n \n \n \n \n \n \n \n\n\n \n \n \n \n \n \n\n \n\n\n \n \n {['001', '010', '011', '111', '112', '113'].map((v, i) =>\n \n \n \n \n \n \n )}\n \n \n \n
\n )\n}\n\nexport default SkeletonCard;\n","import React, { useState, useEffect } from \"react\";\nimport ReactPlayer from 'react-player'\n\n//import reducer \nimport { useDispatch, useSelector } from 'react-redux';\nimport * as questActions from 'store/actions/index'\n\n// @material-ui/core\nimport IconButton from '@material-ui/core/IconButton';\n// @material-ui/icons\nimport Typography from '@material-ui/core/Typography';\nimport CloseIcon from '@material-ui/icons/Close';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContent from '@material-ui/core/DialogContent';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport Skeleton from '@material-ui/lab/Skeleton';\nimport ShoppingCartTwoToneIcon from '@material-ui/icons/ShoppingCartTwoTone';\n// core components\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport CardIcon from \"components/CustomComponents/Card/CardIcon.js\";\n\n// Views\nimport VideoGallery from 'components/CustomComponents/VideoGallery/VideoGallery'\n\n// styles\nimport useStyles from \"assets/jss/components/views/questDetailsStyle\"\n\nconst QuestDetails = (props) => {\n\n\n const classes = useStyles();\n const dispatch = useDispatch();\n const [isLoading, setIsLoading] = useState(true);\n const productDetails = useSelector(state => state.products.productdetails)\n\n const isSamePrice = (Math.floor(props.data.discountPrice) === Math.floor(props.data.price))\n\n useEffect(() => {\n setIsLoading(true);\n dispatch(questActions.fetchProductDetails(props.data.productId)).then(() => {\n setIsLoading(false);\n }).catch(error => {\n console.log(error);\n setIsLoading(false);\n });\n }, [dispatch]);\n\n const handleClose = () => {\n dispatch(questActions.setQuestDetails({}))\n props.onClose()\n }\n\n const handelLaunch = () => {\n handleClose()\n props.onLaunch(props.data);\n }\n\n const _handelLaunch = () => {\n handleClose()\n props.onOfflineLaunch(props.data.formUrl)\n //window.open(props.data.formUrl, \"_blank\")\n }\n const handelBuy = () => {\n handleClose()\n props.onBuy(props.data);\n }\n\n const handelTrail = () => {\n handleClose()\n props.onLaunch(props.data, true);\n }\n\n\n return (\n \n
\n \n
\n : \n {\"Price :\"}\n {props.data.isFree\n ? \"Free\"\n : isSamePrice\n ? \n ₹\n {Math.floor(props.data.discountPrice) + ''}\n\n
\n }\n\n \n\n\n \n ₹\n {Math.floor(props.data.discountPrice) + ''}\n
\n : \n \n ₹\n {Math.floor(props.data.price) + \"\"}\n \n
\n \n }\n \n
\n : \n \n {props.name}\n \n
\n\n \n
\n \n props.onSeeMore(props.data)}>\n Details\n \n\n
\n\n {props.data.isFree\n ? \n\n
\n\n \n \n ₹{Math.floor(props.data.discountPrice) + ''}\n \n
\n\n \n \n ₹{Math.floor(props.data.price) + ''}\n \n
\n\n\n \n \n {\n props.data.isOnline === true || props.data.isOnline === undefined || props.data.isOnline === null\n ? \n : \n }\n\n
\n : props.data.isTrialTaken\n ?\n // props.data.isAssigned\n // ? \n // \n //
\n // : \n\n \n \n \n
\n : props.data.isAssigned\n ? \n \n
\n : props.data.isOnline === true || props.data.isOnline === undefined || props.data.isOnline === null\n ? \n {props.data.trialDuration > 0\n ? < Button className={classes.button} fullWidth style={{ marginRight: 3, marginLeft: -1 }} color=\"warning\" size=\"xs\" onClick={() => props.onTrail(props.data)} >Try\n : \n }\n \n
\n : \n \n
\n }\n \n
\n ))\n }\n \n
\n ))\n }\n \n \n\n \n
\n )\n}\n\nconst CategoryCard = (props) => {\n const theme = useTheme();\n const sm = useMediaQuery(theme.breakpoints.down('sm'));\n const md = useMediaQuery(theme.breakpoints.between('sm', 'md'));\n const classes = useStyles();\n const [activeStep, setActiveStep] = useState(0);\n const handleNext = () => {\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\n };\n const handleBack = () => {\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\n };\n const handleStepChange = (step) => {\n setActiveStep(step);\n };\n\n return (\n < React.Fragment >\n {props.topics.length > 0\n && \n \n {props.task}\n \n {sm && !md\n ? null\n :
}\n\n\n {props.task === \"Assigned Quest\" ?\n \n { }}\n action={\n (alertType === \"buy\" || alertType === \"trial\")\n ? [\n { text: 'not now', onPress: () => onCloseAlert() },\n { text: 'continue', onPress: () => onOkAlert() }\n ]\n : [\n { text: 'OK', onPress: () => onCloseAlert() }\n ]\n }\n />\n\n\n\n {(loading)\n ? \n \n \n \n }\n
\n )\n}\n\nexport default QuestCategory;","import {\n dangerColor,\n whiteColor,\n roseColor,\n boxShadow\n} from \"assets/jss/material-dashboard-react.js\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { Backdrop } from \"@material-ui/core\";\n//.....styles..........\n\nconst useStyles = makeStyles((theme) => ({\n cardStyle: {\n display: 'flex',\n marginBottom: \"30px\",\n marginTop: \"30px\",\n borderRadius: 10,\n ...boxShadow\n },\n listGridContainer: {\n display: 'flex',\n justifyContent: \"center\"\n },\n\n buttonKeepShop: {\n width: '50%',\n alignSelf: 'center'\n },\n\n cardMedia: {\n width: 135\n },\n details: {\n display: 'flex',\n flexDirection: 'column',\n },\n content: {\n flex: '1 0 auto',\n },\n\n nameTitle: {\n display: 'block!important',\n display: '-webkit-box!important',\n '-webkit-line-clamp': 2,\n '-moz-line-clamp': 2,\n '-ms-line-clamp': 2,\n '-o-line-clamp': 2,\n lineClamp: 2,\n '-webkit-box-orient': 'vertical',\n '-moz-box-orient': 'vertical',\n '-ms-box-orient': 'vertical',\n '-o-box-orient': 'vertical',\n boxOrient: 'vertical',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'normal',\n color: '#29303b',\n lineHeight: 1.2,\n fontWeight: 700\n },\n lengthTitle: {\n color: whiteColor,\n padding: 5\n },\n priceTitle: {\n color: roseColor[0],\n fontWeight: 700,\n display: 'flex',\n alignItems: 'flex-end',\n float: 'right'\n },\n\n root: {\n flexGrow: 1,\n padding: 5\n },\n paper: {\n padding: theme.spacing(2),\n margin: 'auto',\n // maxWidth: 500,\n },\n image: {\n // maxWidth: 250,\n // height: 150,\n },\n img: {\n margin: 'auto',\n display: 'block',\n width: '100%',\n height: '100%',\n },\n\n checkoutCardContainer: {\n flexGrow: 1,\n padding: 5,\n display:'flex',\n justifyContent:\"flex-end\"\n },\n\n checkoutCard: {\n flexGrow: 1,\n padding: 5\n },\n\n\n applyCouponButtonContainer: {\n // width: '20%',\n display: 'flex',\n // paddingTop: 2\n padding:0,\n },\n\n applyCouponTextContainer:{\n padding:0\n },\n\n applyCouponTextInput:{\n height:'0.8em'\n },\n applyCouponInputLabel:{\n fontSize:'0.8rem'\n },\n paperDialog: {\n [theme.breakpoints.up(400 + theme.spacing(3 * 2))]: {\n borderRadius: 10\n }\n },\n\n backButtonContainer: {\n marginLeft: -10,\n flexDirection: \"row\",\n display: \"flex\",\n alignItems: 'center',\n color: \"#fff\"\n },\n\n gstFontStyle:{\n fontSize: '0.65rem',\n lineHeight: 1,\n fontWeight: 'bold'\n }\n\n}));\n\nexport default useStyles;","import React, { useEffect } from 'react';\nimport { useHistory } from \"react-router-dom\";\n//@material-ui/core\nimport Grid from '@material-ui/core/Grid';\nimport Paper from '@material-ui/core/Paper';\nimport ButtonBase from '@material-ui/core/ButtonBase';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport Skeleton from '@material-ui/lab/Skeleton';\n//material-ui/icons/\nimport LocalOfferIcon from '@material-ui/icons/LocalOffer';\n// core components\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\n//Lottie\nimport Lottie from 'react-lottie';\nimport ShoppingCartLottie from 'assets/lotties/shopping-cart';\n\n// Image\nimport DefaultImage from \"assets/img/task/default.png\";\nimport MembershipImage from \"assets/img/Other/Membership-card.png\";\nimport ProMembershipImage from \"assets/img/Other/Membership-card-pro.png\";\n\n// custom style\nimport useStyles from \"assets/jss/components/views/cartStyle\";\n\nconst CartLottieOptions = {\n loop: true,\n autoplay: true,\n animationData: ShoppingCartLottie,\n rendererSettings: {\n preserveAspectRatio: \"xMidYMid slice\"\n }\n};\n\n\nconst SkeletonCard = (props) => {\n const classes = useStyles();\n return (\n \n \n \n \n \n\n \n option.boardName ? option.boardName : \"\"}\n renderInput={(params) => \n\n \n { setGrade(newValue) }}\n getOptionLabel={(option) => option.gradeName ? option.gradeName : \"\"}\n renderInput={(params) => \n \n \n\n\n {platform === \"IOS\" && HIDE_FOR_IOS\n ? null\n : cartItems.length > 0 ?\n \n {userInfo.lastQuestAccessed && \n onLaunchLastQuestAccessed(userInfo.lastQuestAccessed)} >\n Launch\n \n }\n title={userInfo.lastQuestName}\n titleTypographyProps={{ variant: 'body1', className: classes.contentCardTitle }}\n subheader={`Viewed on date: ${userInfo.viewedOn}`}\n subheaderTypographyProps={{ variant: 'caption' }}\n />\n \n }\n {/* Assigned Courses */}\n quest.questName.trim().toUpperCase().includes(searchText.trim().toUpperCase())).map(data => {\n data.isAssigned = true\n return data;\n })}\n onSeeMore={openQuestDialog}\n onLaunch={onChangeQuest}\n onOfflineLaunch={onChangeOfflineQuest}\n onBuy={onBuyQuest}\n onTrail={handelTrail}\n onClick={handelCardClick}\n />\n {/* Products */}\n {platform === \"IOS\" && HIDE_FOR_IOS\n ? null\n : productCategories.productCategory.map((data, idex) => (\n quest.productName.trim().toUpperCase().includes(searchText.trim().toUpperCase()))}\n onSeeMore={openQuestDialog}\n onLaunch={onChangeQuest}\n onOfflineLaunch={onChangeOfflineQuest}\n onBuy={onBuyQuest}\n onTrail={handelTrail}\n onClick={handelCardClick}\n />))\n\n }\n
\n \n props.history.push(userInfo.lastQuestAccessed ? '/home' : '/')}>\n \n setSearchText(text)}\n />\n
\n \n props.history.push('/cart')} style={{ color: \"#fff\" }}>\n \n \n \n
\n : null\n }\n \n
\n \n \n \n \n \n \n {/* 
*/}\n {product.planPrice > 600\n ? 
\n : 
\n }\n \n \n \n \n {product.productDisplayName}\n \n \n \n\n \n \n props.onBuy(product)} >\n Buy\n \n \n\n \n \n \n
\n ))\n }\n \n \n ₹{Math.floor(product.planPrice * 100 / 118)}\n \n
\n Plus 18% GST
\n \n \n \n {\"No Products!\"}\n \n {/* history.push('/products')} >Keep shopping */}\n \n
\n }\n \n
\n )\n\n}\n\nexport default RaymondProducts;","import React, { useEffect } from 'react';\nimport { useHistory, useLocation } from \"react-router-dom\";\n//@material-ui/core\nimport Grid from '@material-ui/core/Grid';\nimport Paper from '@material-ui/core/Paper';\nimport ButtonBase from '@material-ui/core/ButtonBase';\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport Skeleton from '@material-ui/lab/Skeleton';\n//material-ui/icons/\nimport LocalOfferIcon from '@material-ui/icons/LocalOffer';\n// core components\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\n//Lottie\nimport Lottie from 'react-lottie';\nimport ShoppingCartLottie from 'assets/lotties/shopping-cart';\nimport DefaultImage from \"assets/img/task/default.png\";\n// custom style\nimport useStyles from \"assets/jss/components/views/cartStyle\";\n\nconst CartLottieOptions = {\n loop: true,\n autoplay: true,\n animationData: ShoppingCartLottie,\n rendererSettings: {\n preserveAspectRatio: \"xMidYMid slice\"\n }\n};\n\n\nconst SkeletonCard = (props) => {\n const classes = useStyles();\n return (\n \n \n \n\n \n \n \n\n\n \n
\n \n \n {\"Product List\"}\n \n
\n {/* style={{ height: '90vh', overflow: \"overlay\", }} */}\n
\n \n
\n \n \n \n \n \n \n 
\n \n \n \n \n {cartitme.productName}\n \n \n \n\n \n \n onRemove(cartitme)}>\n Remove\n \n \n \n \n ₹{cartitme.netPrice}{ /* Math.floor() */}\n \n \n \n \n \n
\n ))\n }\n \n \n \n {\"Your cart is empty. Keep shopping to find a Quest!\"}\n \n {\n location.state\n ? history.push(location.state.backTo)\n : history.push(\"/products\")\n }} >Keep shopping\n \n
\n }\n \n \n \n \n \n \n \n \n\n \n \n\n \n
\n )\n}\n\nconst PriceGrid = (props) => {\n const { label, amount, labelStyle, signs } = props;\n const classes = useStyles();\n\n return (\n \n\n \n \n {snackbarMessage}\n \n \n\n \n \n\n \n {discountAmt > 0 ?\n \n \n : null\n }\n\n \n \n \n \n \n \n\n \n \n \n setCoupon(e.target.value)}\n disabled={appliedCoupon?true:false}\n />\n \n \n {/* \n\n {appliedCoupon ?\n \n \n : null}\n \n \n \n \n
\n );\n}\n\nexport default ShoppingCart;","import React, { useState } from 'react';\nimport PropTypes from \"prop-types\";\n// import axios\nimport axiosConfig from \"util/axios\";\n//Redux\nimport { useDispatch } from 'react-redux'\n//import reducer \nimport * as questActions from 'store/actions/index'\nimport Chip from '@material-ui/core/Chip';\nimport Divider from '@material-ui/core/Divider';\nimport Slide from '@material-ui/core/Slide';\nimport Snackbar from '@material-ui/core/Snackbar';\nimport MuiAlert from '@material-ui/lab/Alert';\nimport LinearProgress from '@material-ui/core/LinearProgress';\nimport { withStyles } from '@material-ui/core/styles';\nimport { green } from '@material-ui/core/colors';\nimport IconButton from '@material-ui/core/IconButton';\nimport InputAdornment from '@material-ui/core/InputAdornment';\n//@material-ui/icons\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\nimport Visibility from '@material-ui/icons/Visibility';\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\n//import Custom Components\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport Dialog from '@material-ui/core/Dialog';\nimport { TextInput } from \"components/CustomComponents/Inputs/Inputs\"\n// custom style\nimport useStyles from \"assets/jss/components/views/signupStyle\";\n//validations\nimport { checkNull, checkEmail, checkMinLength, checkMaxLength, checkMobileNumber, checkMobileNumberVerification } from 'util/validations'\n//variables error\nimport { MIN_LENGTH_ERROR, LENGTH_ERROR } from 'variables/general'\n//Common functions\nimport { clevertapEvents } from \"util/commonfunctions\";\n// Views\nimport VerifyMobileOTP from 'components/Views/SignUp/VerifyMobileOTP';\n\nfunction Alert(props) {\n return */}\n \n {/*
*/}\n \n \n \n \n {appliedCoupon} coupon is applied\n \n
\n \n
\n \n {/*-----Dialog----- */}\n \n\n {/* -----Snackbar---- */}\n setSnackbarMessage(\"\")} anchorOrigin={{ vertical: 'top', horizontal: 'center' }}>\n setSnackbarMessage(\"\")} severity={alertType}>\n {snackbarMessage}\n \n \n\n \n \n setState({ ...state, firstName: e.target.value })}\n disabled={openProgress ? true : false}\n />\n \n\n \n setState({ ...state, lastName: e.target.value })}\n disabled={openProgress ? true : false}\n />\n \n\n \n +91,\n endAdornment: \n {\n isMobileValidate\n ? \n }}\n onInput={(e) => {\n e.target.value = e.target.value ? Math.max(0, parseInt(e.target.value)).toString().slice(0, 10) : \"\"\n }}\n\n />\n \n\n\n \n setState({ ...state, password: e.target.value })}\n disabled={openProgress ? true : false}\n InputProps={{\n endAdornment: (\n \n \n {showPassword ? \n )\n }}\n />\n \n\n \n setState({ ...state, email: e.target.value })}\n disabled={openProgress ? true : false}\n />\n \n\n\n \n\n\n \n \n Sign Up\n \n \n\n \n \n Already have an account? Log In\n \n \n\n
\n \n
\n\n \n \n { }}\n action={[{ text: 'OK', onPress: () => onCloseAlert() }\n ]}\n />\n\n \n\n \n \n setState({ ...state, firstName: e.target.value })}\n />\n \n \n\n \n \n setState({ ...state, email: e.target.value })}\n />\n \n \n\n\n \n \n setState({ ...state, cityName: e.target.value })}\n />\n \n \n\n \n \n setState({ ...state, pincode: e.target.value })}\n onInput={(e) => {\n e.target.value = e.target.value ? Math.max(0, parseInt(e.target.value)).toString().slice(0, 6) : \"\"\n }}\n />\n \n \n\n \n\n \n \n \n\n\n
\n\n\n\n \n \n Continue\n \n\n
\n \n \n \n setDetailsDialog(false)}\n dialogContentStyle={{ height: '90%' }}\n dividers={false}\n >\n { }}\n action={[{ text: 'OK', onPress: () => onCloseAlert() }\n ]}\n />\n\n
\n );\n}\n\nexport default ShoppingCart;","import React, { useEffect, useState } from 'react';\nimport { useLocation, Redirect, useHistory } from 'react-router-dom'\n//Redux\nimport { useDispatch, useSelector } from 'react-redux'\n//import reducer \nimport * as questActions from 'store/actions/index'\n\n// material-ui components\nimport { useTheme } from \"@material-ui/core/styles\";\nimport CssBaseline from '@material-ui/core/CssBaseline';\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\n//Custom Components\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport Button from 'components/CustomComponents/CustomButtons/Button'\n//Lottie\nimport Lottie from 'react-lottie';\nimport animationData from 'assets/lotties/payment-successful';\nimport loaderAnimationData from 'assets/lotties/loader';\n\n\nconst defaultOptions = {\n loop: true,\n autoplay: true,\n animationData: animationData,\n rendererSettings: {\n preserveAspectRatio: 'xMidYMid slice'\n }\n};\nconst loaderOptions = {\n loop: true,\n autoplay: true,\n animationData: loaderAnimationData,\n rendererSettings: {\n preserveAspectRatio: 'xMidYMid slice'\n }\n};\n\nconst PGResponse = (props) => {\n const dispatch = useDispatch();\n const theme = useTheme();\n const history = useHistory();\n const sm = useMediaQuery(theme.breakpoints.down('sm'));\n const userinfo = useSelector(state => state.user.userinfo)\n const [fetchUserInfo, setFetchUserInfo] = useState(false)\n\n\n // const location = useLocation().pathname.split(\"/\");\n // console.log(location.pop());\n\n useEffect(() => {\n dispatch(questActions.ClearCart())\n dispatch(questActions.initUserInfo()).then(() => {\n dispatch(questActions.initUserQuestList(true)).then(() => {\n setFetchUserInfo(true)\n })\n })\n }, [])\n\n\n useEffect(() => {\n if (fetchUserInfo)\n setTimeout(() => {\n navigateTo(userinfo.showDashboard)\n }, 3000);\n\n }, [fetchUserInfo])\n\n\n // navigate To\n const navigateTo = (showDashboard) => {\n // if (showDashboard)\n // return history.push('/products')\n return history.push('/home')\n }\n\n\n\n\n\n return (\n \n
\n\n \n\n {/* ----Signup Dialog------ */}\n \n
\n \n\n\n\n {/* ----User Details Dialog------ */}\n \n
\n \n\n\n \n \n\n \n \n\n \n \n \n \n \n \n\n \n \n {payableAmount !== 0\n && \n \n }\n \n
\n \n {\n location.state\n ? props.history.push(location.state.backTo)\n : props.history.push(\"/products\")\n }\n\n } style={{ color: \"#fff\" }}>\n \n \n {\"Product List\"}\n \n
\n\n \n \n // Try Again\n // \n // }\n >\n Payment failed \n Unfortunately,we couldn't collect payment on your purchase.You can try again.\n \n
\n \n
\n {/* style={{ height: '90vh', overflow: \"overlay\", }} */}\n
\n \n \n \n \n\n \n \n \n \n \n\n\n\n
\n );\n}\n\nexport default PGResponse;","import {\n dangerColor,\n } from \"assets/jss/material-dashboard-react.js\";\n\n import { makeStyles } from \"@material-ui/core/styles\";\n //.....styles..........\n\n const useStyles = makeStyles((theme) => ({\n layout: {\n width: 'auto',\n display: 'block', // Fix IE11 issue.\n marginLeft: theme.spacing(3),\n marginRight: theme.spacing(3),\n paddingTop: theme.spacing() * 5,\n [theme.breakpoints.up(400 + theme.spacing(3 * 2))]: {\n width: 440,\n minHeight:550,\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n textAlign: 'center',\n },\n paper: {\n borderRadius: 5,\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n padding: `${theme.spacing() * 2}px ${theme.spacing() * 3}px ${theme.spacing() * 3}px`,\n },\n \n form: {\n maxWidth: '328px',\n width: '100%', // Fix IE11 issue.\n marginTop: theme.spacing(),\n },\n \n }));\n \n export default useStyles;","import React from 'react';\n// custom style\nimport useStyles from \"assets/jss/components/views/connectStyle\";\nimport Paper from '@material-ui/core/Paper';\nimport DialogTitle from '@material-ui/core/DialogTitle';\n\n\nconst Connnect = (props) => {\n const classes = useStyles();\n\n return (\n \n
\n \n
\n \n \n
\n \n \n \n \n \n
\n );\n}\n\nexport default Connnect;","import {\n dangerColor,\n boxShadow\n} from \"assets/jss/material-dashboard-react.js\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n//.....styles..........\n\nconst useStyles = makeStyles((theme) => ({\n cardStyle: {\n marginBottom: \"15px\",\n marginTop: \"10px\",\n borderRadius: 10,\n // borderBottomStyle: 'inset',\n ...boxShadow,\n // padding: 10\n },\n\n\n subject: {\n // display: 'flex',\n // fontWeight: 'bold',\n lineHeight: 1.2,\n alignItems: 'center',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': '2',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n '-webkit-line-clamp': '2',\n },\n },\n\n gridContainer: {\n margin: 0\n },\n gridItemStyle: {\n padding: 0\n },\n\n gridItemButton: {\n // padding: 0,\n },\n\n\n cardContent: {\n padding: '0px 0px',\n paddingBottom: '0 !important'\n },\n\n buttonContainer: {\n height: '100%',\n display: 'flex',\n flexDirection: 'column'\n },\n buttonClass: {\n width: '100%',\n margin: 0,\n height: '100%',\n borderRadius: 0\n },\n dateContainer: {\n display: 'flex',\n flexDirection: \"column\",\n alignItems: 'center',\n height: '100%',\n justifyContent: 'center'\n },\n nameConatiner: {\n display: 'flex',\n flexDirection: \"column\",\n padding: '5px 0px',\n justifyContent:'center',\n height:'100%'\n }\n}));\n\nexport default useStyles;","import React from 'react';\n// nodejs library to set properties for components\nimport moment from 'moment'\nimport PropTypes from \"prop-types\";\n//@material-ui/core\n\nimport Card from '@material-ui/core/Card';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport Skeleton from '@material-ui/lab/Skeleton';\n\n// core components\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\n\n//variables\nimport {\n SHARE_URL_ANDROID,\n SHARE_URL_IOS\n} from \"variables/general.js\";\n// custom style\nimport useStyles from \"./styles/messagesCardStyle\";\n\n\nconst SkeletonCard = (props) => {\n const classes = useStyles();\n return (\n
\n {\"Singhania Quest+ App is not available on browsers. Please download Singhania Quest+ App from Google Playstore for Android devices and for iOS devices download it from Apple Appstore.\"}
\n \n \n {`${moment(data.startTime).format('ddd')}`}\n \n \n {`${moment(data.startTime).format('DD')}`}\n \n \n {`${moment(data.startTime).format('MMM YYYY')}`}\n \n
\n\n \n
\n \n \n TIME - {` ${moment(data.startTime).format('hh:mm:ss a')}`} ({`${data.duration}min`})\n \n
\n\n \n \n {data.scheduleName}\n \n
\n \n
\n \n {operation.operationDisplayName} \n
\n \n \n \n \n \n
\n \n mission.missionId === current_value.missionId)}\n\n />\n
\n {prop.tabContent}
;\n }\n return \n {children}\n
\n );\n}\n\nInputLabel.propTypes = {\n children: PropTypes.node\n};\n","import {\n dangerColor,\n boxShadow,\n primaryColor\n} from \"assets/jss/material-dashboard-react.js\";\n\nimport { makeStyles } from \"@material-ui/core/styles\";\n//.....styles..........\n\nconst useStyles = makeStyles((theme) => ({\n cardStyle: {\n // marginBottom: \"30px\",\n // marginTop: \"30px\",\n borderRadius: 0,\n borderBottomStyle: 'inset',\n // ...boxShadow,\n padding: 10\n },\n listGridContainer: {\n display: 'flex',\n justifyContent: \"center\"\n },\n paperName: {\n color:primaryColor[0],\n width: '100%',\n fontWeight: 'bold',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': '1',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n '-webkit-line-clamp': '1',\n },\n },\n senderName: {\n width: '100%',\n fontWeight: 'bold',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': '1',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n '-webkit-line-clamp': '1',\n },\n },\n subject: {\n // fontWeight: 'bold',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': '1',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n '-webkit-line-clamp': '1',\n },\n },\n messageText: {\n overflow: 'hidden',\n lineHeight: 1.3,\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n '-webkit-line-clamp': '2',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n '-webkit-line-clamp': '2',\n },\n fontSize: '0.875rem',\n fontWeight: '500',\n letterSpacing: ' 0.00714em'\n },\n small: {\n width: theme.spacing(3),\n height: theme.spacing(3),\n fontSize: 14,\n marginRight: 5\n },\n gridContainerStyle: {\n margin: 0,\n height: '100%',\n overflowY: 'overlay',\n overflowX: 'hidden',\n [theme.breakpoints.down('sm')]: {\n // height: '60vh',\n },\n },\n gridItemStyle: {\n padding: 0\n },\n cardContent: {\n padding: '0px 16px',\n [theme.breakpoints.down('sm')]: {\n padding: '0px 2px',\n },\n },\n chip: {\n margin: theme.spacing(0.2),\n borderRadius: 2,\n maxWidth: 400,\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n '-webkit-line-clamp': '1',\n '-webkit-box-orient': 'vertical',\n [theme.breakpoints.down('sm')]: {\n maxWidth: '-webkit-fill-available',\n },\n },\n iconTime: {\n fontSize: 14,\n marginRight: 2\n },\n icon_text: {\n display: 'flex',\n alignItems: 'center',\n marginRight: 15\n },\n not_attempt:{\n color:'#f44336',\n }\n\n}));\n\nexport default useStyles;","import React from 'react';\n// nodejs library to set properties for components\nimport moment from 'moment'\nimport PropTypes from \"prop-types\";\nimport { useHistory } from \"react-router-dom\";\n//@mate;rial-ui/core\nimport Card from '@material-ui/core/Card';\nimport CardActions from '@material-ui/core/CardActions';\nimport CardContent from '@material-ui/core/CardContent';\nimport Typography from '@material-ui/core/Typography';\nimport Skeleton from '@material-ui/lab/Skeleton';\n\n// core components\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\nimport InputLabel from 'components/CustomComponents/Typography/InputLabel';\n// custom style\nimport useStyles from \"./styles\";\n\n//Icon\nimport TodayIcon from '@material-ui/icons/Today';\nimport AccessTimeIcon from '@material-ui/icons/AccessTime';\nimport TimelapseIcon from '@material-ui/icons/Timelapse';\n\n\n\nconst SkeletonCard = (props) => {\n const classes = useStyles();\n return (Not Attempted
}\n {currentData.isViewSolution && currentData.attemptList.length\n ? \n : null\n }\n \n \n {assessment.testAlternateName}\n \n \n {assessment.testTypeName + \" | \" + assessment.totalQuestions + \" Questions\" + \" | \" + assessment.totalMarks + \" Marks\" + \" | \" + assessment.testDuration + \" min\"}\n \n\n
\n \n\n
\n \n \n {`${moment(assessment.testAssignStartDate).format('DD-MM-YYYY')} ${moment(assessment.testAssignStartDate).format('hh:mm a')}`}\n \n
\n\n \n \n {`${moment(assessment.testAssignEndDate).format('DD-MM-YYYY')} ${moment(assessment.testAssignEndDate).format('hh:mm:ss a')}`}\n \n
\n\n \n \n {noDataMessage}\n \n\n
\n\n }\n \n { }}\n loading={loading}\n noDataMessage={\"No data available\"}\n type={tabName}\n />\n
\n )\n}\n\nexport default OnGoingTest;","import React, { useState, useEffect } from \"react\";\n\n//Redux\nimport { useDispatch, useSelector } from \"react-redux\";\n//import reducer\nimport * as actions from \"components/Views/AssessmentTests/store/actions\";\n\n//@material-ui/icons\nimport InboxIcon from \"@material-ui/icons/Inbox\";\nimport ForumIcon from \"@material-ui/icons/Forum\";\n\n// custom components\nimport PageNavigation from \"components/CustomComponents/Navbars/PageNavigation\";\nimport CustomTabs from \"components/CustomComponents/CustomTabs/CustomTabs\";\n\n// Views\nimport OnlineTest from \"./components/OnlineTestList\";\n\nconst Container = (props) => {\n // type==0 -- ALL Test\n // type==1 -- OnGoing Test\n // type==2 -- UpComing Test\n // type==3 -- Past Test\n\n const dispatch = useDispatch();\n const [selectedTab, setSelectedTab] = useState({\n name: \"Ongoing\",\n icon: InboxIcon,\n });\n const [loading, setLoading] = useState(false);\n\n useEffect(() => {\n setLoading(true);\n if (selectedTab.name === \"Ongoing\") fetchOnlineTest(1);\n if (selectedTab.name === \"Upcoming\") fetchOnlineTest(2);\n if (selectedTab.name === \"Past\") fetchOnlineTest(3);\n }, [selectedTab]);\n\n // fetch Online Test\n const fetchOnlineTest = async (tabtype, page = 0, pageSize = 10) => {\n await dispatch(actions.fetchOnlineAssignment(tabtype, page, pageSize))\n .then(() => {\n setLoading(false);\n })\n .catch((error) => {\n setLoading(false);\n console.log(error);\n });\n };\n\n return (\n \n
\n \n setSelectedTab(name)}\n tabs={[\n {\n tabName: \"Ongoing\",\n tabContent: (\n
\n \n {heading && \n \n
\n
\n );\n}\n\nexport default CommonAnalysisTable;\n","import React from \"react\";\nimport ReactApexChart from \"react-apexcharts\";\nfunction AssignMentChart({ chartData, style }) {\n if (Object.keys(chartData).length === 0) {\n return null;\n }\n return (\n {heading}
}\n| {data[0].map[key]} | \n ))}\n
|---|
\n
\n );\n}\n\nexport default AssignMentChart;\n","import React from \"react\";\n\nfunction TableLoader({ heading, data, loading, error }) {\n return (\n \n
\n \n {heading}
\n {loading ? (\n{data}
\n \n ) : error ? (\n {error}
\n ) : (\n \"\"\n )}\n \n );\n}\n\nexport default TableLoader;\n\n// height: 100%;\n// display: flex;\n// flex-direction: column;\n// justify-content: center;\n// align-items: center;\n","import React, { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport CommonAnalysisTable from \"./CommonAnalysisTable\";\nimport AssignMentChart from \"./AssignMentChart\";\nimport PageNavigation from \"components/CustomComponents/Navbars/PageNavigation\";\nimport TableLoader from \"./TableLoader\";\n\nfunction convertSeconds(seconds) {\n if (\n seconds === 0 ||\n seconds === undefined ||\n seconds === \"\" ||\n seconds === null\n ) {\n return \"0\";\n }\n const minutes = Math.floor(seconds / 60); // Get the whole number of minutes\n const remainingSeconds = seconds % 60;\n return `${minutes} : ${remainingSeconds}`;\n}\n\nfunction AssessmentTestReport() {\n const [performanceData, setPerformanceData] = useState([]);\n const [overallPerformanceData, setOverallPerformanceData] = useState([]);\n const [chartData, setChartData] = useState({});\n\n const [performanceLoading, setPerformanceLoading] = useState(true);\n const [overallPerformanceLoading, setOverallPerformanceLoading] =\n useState(true);\n const [overallPerformanceError, setOverallPerformanceError] = useState(null);\n\n const [performanceError, setPerformanceError] = useState(null);\n\n const [timeManagement, setTimeManagement] = useState(true);\n const [timeManagementLoading, setTimeManagementLoading] = useState(true);\n const [timeManagementError, setTimeManagementError] = useState(null);\n\n useEffect(() => {\n fetchPerformanceData();\n fetchOverallPerformanceData();\n fetchTimeManagementData();\n }, []);\n\n const fetchTimeManagementData = async () => {\n setTimeManagementLoading(true);\n try {\n const response = await axios.post(\n \"https://apiv2.questplus.in/api/reports/getTestTimeReport\",\n {\n payload: {\n token: sessionStorage.getItem(\"token\"),\n isJwt: true,\n groupId: \"G1880\",\n },\n pager: {\n sortField: \"TestId\",\n sortOrder: \"desc\",\n rowNumber: 1,\n recordsPerPage: 5,\n filteredRecords: null,\n totalRecords: 0,\n },\n }\n );\n const apiData = response.data.payload;\n setTimeManagement(timeManagementModifiedData(apiData));\n // setChartData(generateChartData(apiData));\n } catch (error) {\n setTimeManagementError(\"Failed to fetch performance data\");\n } finally {\n setTimeManagementLoading(false);\n }\n };\n\n const timeManagementModifiedData = (apiData) => {\n return [\n {\n map: {\n testName: \"Test Name\",\n Your_Time: \"By You (mm:ss)\",\n Average_of_All_Student: \"Avg of all students (mm:ss)\",\n Average_of_Top_Ten_Percentile: \"Avg of top 10 percentile (mm:ss)\",\n },\n questions: apiData.map((q) => ({\n testName: q?.TestId\n ? `${q.TestName} `\n : q.TestName,\n Your_Time: convertSeconds(q.Your_Time),\n Average_of_All_Student: convertSeconds(q.Average_of_All_Student),\n Average_of_Top_Ten_Percentile: `${convertSeconds(\n q.Average_of_Top_Ten_Percentile\n )} / ${q.TotalTime} min`,\n })),\n },\n ];\n };\n\n const fetchPerformanceData = async () => {\n setPerformanceLoading(true);\n try {\n const response = await axios.post(\n \"https://apiv2.questplus.in/api/reports/getOverallPerformanceAnalysisReport\",\n {\n payload: {\n token: sessionStorage.getItem(\"token\"),\n isJwt: true,\n groupId: \"G1880\",\n },\n pager: {\n sortField: \"TestId\",\n sortOrder: \"desc\",\n rowNumber: 1,\n recordsPerPage: 5,\n filteredRecords: null,\n totalRecords: 0,\n },\n }\n );\n const apiData = response.data.payload;\n setPerformanceData(processOverallPerformanceData(apiData));\n setChartData(generateChartData(apiData));\n } catch (error) {\n setPerformanceError(\"Failed to fetch performance data\");\n } finally {\n setPerformanceLoading(false);\n }\n };\n\n const fetchOverallPerformanceData = async () => {\n setOverallPerformanceLoading(true);\n try {\n const response = await axios.post(\n \"https://apiv2.questplus.in/api/reports/getPerformanceCategoryReport\",\n {\n payload: {\n token: sessionStorage.getItem(\"token\"),\n isJwt: true,\n groupId: \"G1880\",\n },\n pager: {\n sortField: \"TestId\",\n sortOrder: \"desc\",\n rowNumber: 1,\n recordsPerPage: 5,\n filteredRecords: null,\n totalRecords: 0,\n },\n }\n );\n const apiData = response.data.payload;\n console.log(\"ssssapiData\", apiData);\n const map = new Map(\n [...apiData?.Data, ...apiData?.Overall].map((obj) => [obj.TestId, obj])\n );\n\n const mergedMainArray = Array.from(map.values());\n\n const userDatamap = new Map(\n [...apiData?.UserData, ...apiData?.OverallUserData].map((obj) => [\n obj.TestId,\n obj,\n ])\n );\n const mergedUserArray = Array.from(userDatamap.values());\n\n setOverallPerformanceData(\n processPerformanceData(mergedMainArray, mergedUserArray)\n );\n } catch (error) {\n setOverallPerformanceError(\"Failed to fetch overall performance data\");\n } finally {\n setOverallPerformanceLoading(false);\n }\n };\n\n const generateChartData = (apiData) => {\n return {\n series: [\n {\n name: \"Your Mark\",\n data: apiData.map((q) => q.Your_Mark),\n },\n {\n name: \"Avg of all student\",\n data: apiData.map((q) => q.Average_of_All_Student),\n },\n {\n name: \"Topper Marks\",\n data: apiData.map((q) => q.Topper_Mark),\n },\n {\n name: \"Avg of top 10 percentile\",\n data: apiData.map((q) => q.Average_of_Top_Ten_Percentile),\n },\n ],\n options: {\n chart: {\n type: \"bar\",\n height: 350,\n },\n plotOptions: {\n bar: {\n horizontal: false,\n columnWidth: \"55%\",\n endingShape: \"rounded\",\n },\n },\n dataLabels: {\n enabled: false,\n },\n stroke: {\n show: true,\n width: 2,\n colors: [\"transparent\"],\n },\n xaxis: {\n categories: apiData.map((q) => q.TestName),\n },\n yaxis: {\n title: {\n text: \"Marks\",\n },\n },\n fill: {\n opacity: 1,\n },\n tooltip: {\n y: {\n formatter: (val) => ` ${val} Marks`,\n },\n },\n },\n };\n };\n\n const processPerformanceData = (apiData, userData) => {\n return [\n {\n map: {\n testName: \"Test Name\",\n above_85: \">85%\",\n between_75_85: \"75-85%\",\n between_63_75: \"63-75%\",\n between_55_63: \"55-63%\",\n between_48_55: \"48-55%\",\n between_40_48: \"40-48%\",\n below_40: \"<40%\",\n },\n questions: apiData.map((q) => {\n const userDataObj = userData.find((obj) => obj.TestId === q.TestId);\n console.log(\"userDataObj\", userDataObj);\n return {\n testName: q?.TestId\n ? `${q.TestName} `\n : \"Overall\",\n above_85: q.above_85,\n between_75_85:\n userDataObj?.between_75_85 > 0\n ? `${q.between_75_85}`\n : q?.between_75_85,\n between_63_75:\n userDataObj?.between_63_75 > 0\n ? `${q.between_63_75}`\n : q?.between_63_75,\n\n between_55_63:\n userDataObj?.between_55_63 > 0\n ? `${q.between_55_63}`\n : q?.between_55_63,\n between_48_55:\n userDataObj?.between_48_55 > 0\n ? `${q.between_48_55}`\n : q?.between_48_55,\n between_40_48:\n userDataObj?.between_40_48 > 0\n ? `${q.between_40_48}`\n : q?.between_40_48,\n below_40:\n userDataObj?.below_40 > 0\n ? `${q.below_40}`\n : q?.below_40,\n };\n }),\n },\n ];\n };\n\n const processOverallPerformanceData = (apiData) => {\n return [\n {\n map: {\n testName: \"Test Name\",\n Your_Mark: \"Your Mark\",\n Average_of_All_Student: \"Avg of all student\",\n Topper_Mark: \"Topper Marks\",\n Average_of_Top_Ten_Percentile: \"Avg of top 10 percentile\",\n },\n questions: apiData.map((q) => ({\n testName: q?.TestId\n ? `${q.TestName} `\n : q.TestName,\n Your_Mark: q.Your_Mark,\n Average_of_All_Student: q.Average_of_All_Student,\n Topper_Mark: q.Topper_Mark,\n Average_of_Top_Ten_Percentile: `${q.Average_of_Top_Ten_Percentile} / ${q.TotalMarks}`,\n })),\n },\n ];\n };\n // console.log(\"overallPerformanceData\", overallPerformanceData);\n return (\n <>\n \n {/* Performance Categories Table */}\n {overallPerformanceLoading ? (\n \n
\n \n \n Overall Performance Analysis\n
\n\n\n {performanceLoading ? (\n \n \n
\n ) : performanceError ? (\n \n Loading Overall Performance Analysis ...\n
\n {performanceError}
\n ) : (\n <>\n\n {timeManagementLoading ? (\n
\n \n \n );\n}\n\nexport default AssessmentTestReport;\n","import React, { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport \"./TableAnalysis.css\";\nimport TableLoader from \"./TableLoader\";\nconst QuestionWiseAnalysis = ({ testId }) => {\n const [questionWiseData, setQuestionWiseData] = useState([]);\n const [questionWiseDataLoading, setQuestionWiseDataLoading] = useState(true);\n const [questionWiseDataError, setQuestionWiseDataError] = useState(null);\n\n useEffect(() => {\n fetchQuestionWiseAnalysis(testId);\n // fetchQuestionWiseAnalysis(testId);\n }, [testId]);\n const fetchQuestionWiseAnalysis = async (testId) => {\n setQuestionWiseDataLoading(true);\n try {\n const response = await axios.post(\n \"https://apiv2.questplus.in/api/reports/getQuestionWiseTestAnalysis\",\n {\n payload: {\n token: sessionStorage.getItem(\"token\"),\n isJwt: true,\n testId: testId,\n },\n pager: {\n sortField: \"TestId\",\n sortOrder: \"desc\",\n rowNumber: 1,\n recordsPerPage: 5,\n filteredRecords: null,\n totalRecords: 0,\n },\n }\n );\n const apiData = response.data.payload;\n console.log(\"apiData\", apiData);\n setQuestionWiseData(apiData);\n } catch (error) {\n setQuestionWiseDataError(\"Failed to fetch QuestionWise data\");\n } finally {\n setQuestionWiseDataLoading(false);\n }\n };\n\n return (\n \n {questionWiseDataLoading ? (\n \n \n
\n \n )}\n
\n );\n};\n\nexport default QuestionWiseAnalysis;\n","import React, { useState, useEffect } from \"react\";\nimport axios from \"axios\";\nimport QuestionWiseAnalysis from \"./QuestionWiseAnalysis\";\nimport CommonAnalysisTable from \"./CommonAnalysisTable\";\nimport PageNavigation from \"components/CustomComponents/Navbars/PageNavigation\";\nimport { useParams } from \"react-router-dom\";\nimport TableLoader from \"./TableLoader\";\n\nfunction TestReport() {\n const { id } = useParams();\n\n const [bloomData, setBloomData] = useState([]);\n const [bloomDataLoading, setBloomDataLoading] = useState(true);\n const [bloomDataError, setBloomDataError] = useState(null);\n\n const [levelOfEffort, setLevelOfEffort] = useState([]);\n const [levelOfEffortLoading, setLevelOfEffortLoading] = useState(true);\n const [levelOfEffortError, setLevelOfEffortError] = useState(null);\n\n const [dokData, setdokData] = useState([]);\n const [dokDataLoading, setdokDataLoading] = useState(true);\n const [dokDataError, setdokDataError] = useState(null);\n\n useEffect(() => {\n fetchTBloomData(id);\n fetchEffortLevelData(id);\n fetchDokLevelData(id);\n }, [id]);\n\n const fetchTBloomData = async (testId) => {\n setBloomDataLoading(true);\n try {\n const response = await axios.post(\n \"https://apiv2.questplus.in/api/reports/getTestBloomLevelAnalysis\",\n {\n payload: {\n token: sessionStorage.getItem(\"token\"),\n isJwt: true,\n testId: testId,\n },\n pager: {\n sortField: \"TestId\",\n sortOrder: \"desc\",\n rowNumber: 1,\n recordsPerPage: 5,\n filteredRecords: null,\n totalRecords: 0,\n },\n }\n );\n const apiData = response.data.payload;\n console.log(\"apiData\", apiData);\n setBloomData(bloomModifiedData(apiData));\n // setChartData(generateChartData(apiData));\n } catch (error) {\n setBloomDataError(\"Failed to fetch Bloom data\");\n } finally {\n setBloomDataLoading(false);\n }\n };\n\n const fetchEffortLevelData = async (testId) => {\n setLevelOfEffortLoading(true);\n try {\n const response = await axios.post(\n \"https://apiv2.questplus.in/api/reports/getTestLOELevelAnalysis\",\n {\n payload: {\n token: sessionStorage.getItem(\"token\"),\n isJwt: true,\n testId: testId,\n },\n pager: {\n sortField: \"TestId\",\n sortOrder: \"desc\",\n rowNumber: 1,\n recordsPerPage: 5,\n filteredRecords: null,\n totalRecords: 0,\n },\n }\n );\n const apiData = response.data.payload;\n console.log(\"apiData\", apiData);\n setLevelOfEffort(levelOdEffortModifiedData(apiData));\n // setChartData(generateChartData(apiData));\n } catch (error) {\n setLevelOfEffortError(\"Failed to fetch Level Of Effort data\");\n } finally {\n setLevelOfEffortLoading(false);\n }\n };\n\n const fetchDokLevelData = async (testId) => {\n setdokDataLoading(true);\n try {\n const response = await axios.post(\n \"https://apiv2.questplus.in/api/reports/getTestDOKLevelAnalysis\",\n {\n payload: {\n token: sessionStorage.getItem(\"token\"),\n isJwt: true,\n testId: testId,\n },\n pager: {\n sortField: \"TestId\",\n sortOrder: \"desc\",\n rowNumber: 1,\n recordsPerPage: 5,\n filteredRecords: null,\n totalRecords: 0,\n },\n }\n );\n const apiData = response.data.payload;\n console.log(\"apiData\", apiData);\n setdokData(dokModifiedData(apiData));\n // setChartData(generateChartData(apiData));\n } catch (error) {\n setdokDataError(\"Failed to fetch Dok Level Of Effort data\");\n } finally {\n setdokDataLoading(false);\n }\n };\n let bloomResMapdata = {\n Average_Of_All_Students: \"Average of all students\",\n Average_Of_Top_Ten_Percentile: \"Average of top 10 percentile\",\n Your_Score: \"Your Score\",\n };\n const bloomModifiedData = (apiData) => {\n if (!apiData || typeof apiData !== \"object\") {\n throw new Error(\"Invalid input: apiData must be an object\");\n }\n\n const bloomResult = Object.entries(apiData)\n .map(([key, value]) => {\n if (!Array.isArray(value) || value.length === 0) {\n return null;\n }\n\n const data = value[0];\n return {\n testName: bloomResMapdata[key] || key,\n recall: data.Recall ?? 0,\n understand: data.Understand ?? 0,\n analysis: data.Analysis ?? 0,\n create: data.Create ?? 0,\n application: data.Application ?? 0,\n evaluate: data.Evaluate ?? 0,\n };\n })\n .filter((item) => item !== null);\n\n return [\n {\n map: {\n testName: \"Bloom Name\",\n recall: \"Recall\",\n understand: \"Understand\",\n analysis: \"Analysis\",\n create: \"Create\",\n application: \"Application\",\n evaluate: \"Evaluate\",\n },\n questions: bloomResult,\n },\n ];\n };\n\n const levelOdEffortModifiedData = (apiData) => {\n if (!apiData || typeof apiData !== \"object\") {\n throw new Error(\"Invalid input: apiData must be an object\");\n }\n\n const bloomResult = Object.entries(apiData)\n .map(([key, value]) => {\n if (!Array.isArray(value) || value.length === 0) {\n return null;\n }\n\n const data = value[0];\n return {\n testName: bloomResMapdata[key] || key,\n low: data.Low ?? 0,\n moderate: data.Moderate ?? 0,\n high: data.High ?? 0,\n };\n })\n .filter((item) => item !== null);\n\n return [\n {\n map: {\n testName: \"Effort Level\",\n low: \"Low\",\n moderate: \"Moderate\",\n high: \"High\",\n },\n questions: bloomResult,\n },\n ];\n };\n\n const dokModifiedData = (apiData) => {\n if (!apiData || typeof apiData !== \"object\") {\n throw new Error(\"Invalid input: apiData must be an object\");\n }\n\n const dokResult = Object.entries(apiData)\n .map(([key, value]) => {\n if (!Array.isArray(value) || value.length === 0) {\n return null;\n }\n\n const data = value[0];\n return {\n testName: bloomResMapdata[key] || key,\n Application: data.Application ?? 0,\n Extended_Thinking: data.Extended_Thinking ?? 0,\n Recall: data.Recall ?? 0,\n Strategic_Thinking: data.Strategic_Thinking ?? 0,\n };\n })\n .filter((item) => item !== null);\n\n return [\n {\n map: {\n testName: \"Difficult Level\",\n Application: \"Application\",\n Extended_Thinking: \"Extended Thinking\",\n Recall: \"Recall\",\n Strategic_Thinking: \"Strategic Thinking\",\n },\n questions: dokResult,\n },\n ];\n };\n\n return (\n <>\n Question wise Analysis
\n| Q No. | \nAttempt (%) | \nRight (%) | \nWrong (%) | \nDifficulty Level | \nCorrect Response | \nYour Response | \nTime Spent (SS) | \n|
|---|---|---|---|---|---|---|---|---|
| \n | \n | \n | \n | \n | \n | \n | You | \nAll Student Avg | \n
| {questionIndex + 1} | \n\n {question?.AttemptPercentage?.toFixed(2) ?? \"N/A\"}\n | \n{question?.RightPercentage?.toFixed(2) ?? \"N/A\"} | \n{question?.WrongPercentage?.toFixed(2) ?? \"N/A\"} | \n{question?.DifficultyLevel ?? \"N/A\"} | \n{question?.Correct_Response ?? \"N/A\"} | \n{question?.Your_Response ?? \"N/A\"} | \n{question?.Your_Time ?? \"N/A\"} | \n{question?.All_Student_Average_Time ?? \"N/A\"} | \n
| Error rendering this row | \n
\n {bloomDataLoading ? (\n
\n \n );\n}\n\nexport default TestReport;\n","const styles = (theme) => ({\n // ----------\n overlap_13: {\n borderRadius: \"8px\",\n background: \"#fff\",\n marginBottom: 0,\n marginTop: \"12px\",\n transition: \"box-shadow 0.3s ease-in-out\", // Transition for smooth hover effect\n \"&:hover\": {\n boxShadow: \"0px 2px 40px 0px rgba(0, 0, 0, 0.1)\",\n border: \"#000\",\n },\n },\n\n cardBoady: {\n flex: \"1 1 auto\",\n position: \"relative\",\n \"-webkit-box-flex\": 1,\n },\n\n image_wrapper: {\n display: \"flex\",\n justifyContent: \"center\",\n paddingRight: 0,\n paddingLeft: 30,\n },\n image_4: {\n height: \"130px\",\n width: \"130px\",\n },\n\n text_wrapper_56: {\n color: \"#ffffff\",\n fontSize: \"20px\",\n fontWeight: 500,\n letterSpacing: 1,\n paddingRight: 15,\n \"-webkit-line-clamp\": \"1\",\n\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\",\n },\n text_wrapper_57: {\n color: \"#ffffff\",\n fontSize: \"14px\",\n fontWeight: 500,\n letterSpacing: 1,\n lineHeight: \"20px\",\n paddingRight: 15,\n overflow: \"hidden\",\n \"-webkit-line-clamp\": \"2\",\n },\n\n card_wrapper: {\n display: \"flex\",\n gap: \"15px\",\n border: \"1px solid rgba(105, 105, 105, 0.33)\",\n borderTopLeftRadius: \"13px\",\n borderBottomLeftRadius: \"13px\",\n borderRadius: \"12px\",\n },\n\n image_new_wrapper: {\n borderRadius: \"12px\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: \"45%\",\n padding: \"15px\",\n },\n\n card_heading_text: {\n color: \"#000000\",\n fontSize: \"24px\",\n fontWeight: 600,\n },\n\n card_content: {\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n gap: \"8px\",\n width: \"100%\",\n padding: \"0 10px\",\n },\n\n card_sub_heading_text: {\n color: \"#696969\",\n fontSize: \"16px\",\n fontWeight: 400,\n lineHeight: \"21px\",\n },\n card_subHeading_text: {\n color: \"#777777\",\n fontSize: \"16px\",\n fontWeight: 500,\n lineHeight: \"22px\",\n },\n});\n\nexport default styles;\n","import React from \"react\";\nimport { CardActionArea, makeStyles } from \"@material-ui/core\";\nimport styles from \"assets/jss/components/customcomponents/reportCard.js\";\nconst useStyles = makeStyles(styles);\nfunction ReportCard(props) {\n const classes = useStyles();\n\n const { title, icon, backgroundColor, subTitle, ...rest } = props;\n return (\n \n {dokDataLoading ? (\n
\n\n \n \n
\n \n \n );\n}\n\nexport default ReportCard;\n","import { makeStyles } from \"@material-ui/core/styles\";\n\nconst useStyles = makeStyles((theme) => ({\n overlap: {\n backgroundColor: \"#ffffff\",\n borderRadius: \"12px\",\n boxShadow:\n \"0px 2px 4px #0000001a, 0px 7px 7px #00000017, 0px 15px 9px #0000000d, 0px 26px 10px #00000003,0px 41px 11px transparent\",\n\n margin: \"1rem 0\",\n padding: \"1rem 2rem\",\n },\n topContainer: {\n justifyContent: \"space-between\",\n\n alignItems: \"center\",\n padding: 0,\n width: \"100%\",\n },\n topicsTitle: {\n width: \"85%\",\n fontWeight: \"bold\",\n },\n topicsDescription: {\n margin: 0,\n },\n gridItemMissions: {\n // padding: \"10px 10px\",\n },\n container: {\n marginTop: \"2rem\",\n overflow: \"hidden auto\",\n },\n}));\n\nexport default useStyles;\n","import GridContainer from \"components/CustomComponents/Grid/GridContainer.js\";\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\nimport Card from \"components/CustomComponents/Card/Card.js\";\nimport CardBody from \"components/CustomComponents/Card/CardBody.js\";\nimport CardIcon from \"components/CustomComponents/Card/CardIcon.js\";\nimport CardFooter from \"components/CustomComponents/Card/CardFooter.js\";\nimport Info from \"components/CustomComponents/Typography/Info\";\nimport CardActionArea from \"@material-ui/core/CardActionArea\";\nimport React, { Suspense, lazy, useState, useEffect } from \"react\";\n\nimport PageNavigation from \"components/CustomComponents/Navbars/PageNavigation\";\n// import TestImage from \"assets/img/test.svg\";\n// import ReportImage from \"assets/img/report.svg\";\nimport ReportCard from \"components/CustomComponents/Card/ReportCard\";\nimport TestImage from \"assets/img/Review_Assissment.png\";\nimport ReportsImage from \"assets/img/school_rep.png\";\nimport useStyles from \"assets/jss/components/customcomponents/mainReport.js\";\nfunction AssementDashBoard(props) {\n const classes = useStyles();\n const basePath = props.match.path;\n const handleClick = (path) => {\n props.history.push(path);\n };\n return (\n <>\n \n \n 
\n
\n \n
\n {title}
\n {subTitle}
\n\n Test \n
\n \n Reports \n
\n \n
\n\n )\n }\n}\nconst mapDispatchToProps = dispatch => {\n return {\n setPlatform: (platform) => dispatch(questActions.setPlatform(platform)),\n setAppType: (apptype) => dispatch(questActions.setAppType(apptype)),\n }\n}\n\n\n\nexport default connect(null, mapDispatchToProps)(withRouter(withStyles(styles)(Home)));","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router } from \"react-router-dom\";\nimport { createBrowserHistory } from 'history';\n//redux\nimport { Provider } from 'react-redux';\nimport { PersistGate } from 'redux-persist/integration/react'\n\n//store\nimport { store, persistor } from './store/index'\n\n// import './index.css';\nimport \"assets/css/index.css?v=1.8.0\";\nimport * as serviceWorker from './serviceWorker';\nimport Layout from './components/Layouts/Layout';\n\nimport { createMuiTheme, responsiveFontSizes, ThemeProvider } from '@material-ui/core/styles';\nimport { green,blue } from '@material-ui/core/colors';\n// import Typography from '@material-ui/core/Typography';\n\nlet theme = createMuiTheme({\n overrides: {\n // Style sheet name ⚛️\n MuiStepIcon: {\n // Name of the rule\n // root:{\n // color: '#3f51b5'\n // },\n active: {\n // Some CSS\n color: `${green[500]} !important`,\n boxShadow:'0 0 10px gray',\n borderRadius:50\n },\n },\n },\n});\ntheme = responsiveFontSizes(theme);\n\n\nReactDOM.render(\n \n\n
\n \n\n \n { node.addEventListener(\"transitionend\", done, false); }}\n classNames=\"fade\" >\n \n\n
\n = 0 ? \"left\" : \"right\"}>\n {/* Routes */}\n
\n \n