\r\n 
\r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nconst ControlButton = (props) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n {props.loading\r\n ? \r\n {props.label} \r\n \r\n }\r\n
\r\n )\r\n}\r\n\r\n\r\nconst VideoViewer = (props) => {\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n let history = useHistory();\r\n const [flashAnimation, setFlashAnimation] = useState(false)\r\n const [isIOS, setIOS] = useState(typeof onRemenberMeClicked)\r\n const [iosLoading, setIOSLoading] = useState(false)\r\n const [reatingPopup, setReatingPopup] = useState(false)\r\n const [showAssessment, setShowAssessment] = useState(false)\r\n const [accessDateTime,setAccessDateTime]=useState(CURRENT_DATE_TIME())\r\n\r\n\r\n // Props\r\n const { orientation, isVideo, onChangeOrientation, isWeb } = props\r\n\r\n\r\n\r\n /*---------------------init Content Rating--------------------*/\r\n useEffect(() => {\r\n if (props.content.contentId) {\r\n setShowAssessment(false)\r\n if (isIOS !== 'undefined') {\r\n initIOS()\r\n } else {\r\n props.onInitContentRating(props.content.contentId)\r\n }\r\n }\r\n }, props.content.contentId)\r\n\r\n /*--------------- Code for IOS------------------- */\r\n const initIOS = () => {\r\n setIOSLoading(true)\r\n axiosConfig().get('/QuestContent/GetContentRating', {\r\n params: {\r\n ContentId: props.content.contentId,\r\n }\r\n }).then(response => {\r\n setIOSLoading(false)\r\n dispatch(questActions.setContentRating(response.data))\r\n window.event = new Event('event');\r\n window.addEventListener('event', function (data) {\r\n WebViewEvent(data);\r\n }, false);\r\n const apptoken = Token();\r\n window.getHLSURL(props.content.fileUrl, response.data.likeCount, response.data.disLikeCount, response.data.myRating, props.content.contentId, apptoken);\r\n\r\n }).catch(function (error) {\r\n setIOSLoading(false)\r\n console.log(error);\r\n });\r\n }\r\n\r\n const WebViewEvent = (data) => {\r\n if (data.detail) {\r\n switch (data.detail.type) {\r\n case 'rating': {\r\n handleContentRating(data.detail.rating)\r\n break;\r\n }\r\n case 'back': {\r\n handleIOSBack(data.detail.duration)\r\n break;\r\n }\r\n default:\r\n return null;\r\n }\r\n }\r\n }\r\n const handleIOSBack = (accessTime) => {\r\n if (accessTime > 1) {\r\n const BODY_DATA = {\r\n \"missionActivityId\": \"\", // Don't set this\r\n \"userId\": props.userInfo.userId,\r\n \"locationId\": props.userInfo.locationId,\r\n \"groupId\": props.userInfo.groupId,\r\n \"questId\": props.quest.questId,\r\n \"contentId\": props.content.contentId,\r\n \"contentTypeCode\": props.content.contentTypeCode,\r\n \"accessDate\": \"\" + accessDateTime,\r\n \"accessDuration\": \"\" + accessTime,\r\n \"missionActivitySummaryId\": \"\" // Don't set this\r\n }\r\n props.onPostContentAccess(BODY_DATA,props.content)\r\n }\r\n history.goBack()\r\n }\r\n const handleContentRating = (rating) => {\r\n setReatingPopup(false)\r\n if (rating !== props.ratings.myRating) {\r\n const BODY_DATA = {\r\n \"userId\": props.userInfo.userId,\r\n \"contentId\": props.content.contentId,\r\n \"rating\": \"\" + rating\r\n }\r\n props.onPostContentRating(BODY_DATA);\r\n if (rating > 0)\r\n setFlashAnimation(true)\r\n }\r\n }\r\n /*\r\n if (isIOS !== 'undefined') {\r\n return (null);\r\n }\r\n */\r\n if (isIOS !== 'undefined') {\r\n return (\r\n <>\r\n {iosLoading\r\n ? \r\n : null\r\n }\r\n \r\n );\r\n }\r\n // handel Video Ended\r\n const handelVideoEnded = () => {\r\n if (props.ratings.myRating === undefined || props.ratings.myRating === null || props.ratings.myRating === \"\")\r\n setReatingPopup(true)\r\n if (props.content.testCode !== undefined && props.content.testCode !== '')\r\n setShowAssessment(true)\r\n }\r\n\r\n // handle Click Share\r\n const handleClickShare = () => {\r\n if (typeof window.Android !== 'undefined') {\r\n window.Android.shareContent(`Hi, I am studing ${props.content.contentDisplayName} from ${props.operation.operationDisplayName} on Singhania Quest+ App. The app has engauging Academic and non-academic content. Please download the app from ${SHARE_URL_ANDROID(props.userInfo.userId)} and explore the App.`)\r\n } else if (typeof shareContent !== 'undefined') {\r\n window.shareContent(`Hi, I am studing ${props.content.contentDisplayName} from ${props.operation.operationDisplayName} on Singhania Quest+ App. The app has engauging Academic and non-academic content. Please download the app from ${SHARE_URL_IOS()} and explore the App.`)\r\n } else if (typeof window.flutter_inappwebview !== 'undefined') {\r\n window.flutter_inappwebview.callHandler('shareContent', \"Hi Quest\");\r\n }\r\n }\r\n\r\n // handle Click Assessment\r\n const handleClickAssessment = () => {\r\n // let token = sessionStorage.getItem('token');\r\n // let MLink = ' https://devadmin.questplus.in/online-assessment?tk=' + token + '&osaid=' + props.content.onlineStudentAssignmentId + '&type=web'\r\n // history.push('/online-test', { testLink: MLink, testName: props.content.contentDisplayName })\r\n history.push('/instruction')\r\n }\r\n\r\n return (\r\n \r\n props.onClick()} disabled={props.disabled}>\r\n {typeof props.iconClass === 'string'\r\n ? \r\n
\r\n \r\n { }}>\r\n \r\n } onClick={() => handleContentRating(5)}>Like\r\n } onClick={() => handleContentRating(0)}>Dislike\r\n \r\n \r\n\r\n\r\n {flashAnimation ?
\r\n );\r\n}\r\n\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n content: state.content.current_content,\r\n ratings: state.content.content_ratings,\r\n loading: state.content.content_ratings_loading,\r\n userInfo: state.user.userinfo,\r\n quest: state.quest.current_quest,\r\n operation: state.content.current_operation\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n onInitContentRating: (ContentId) => dispatch(questActions.initContentRating(ContentId)),\r\n onPostContentRating: (ratingData) => dispatch(questActions.postContentRating(ratingData)),\r\n onPostContentAccess: (accessData, content) => dispatch(questActions.postContentAccess(accessData, content))\r\n }\r\n\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(VideoViewer);","import React, { useEffect } from 'react';\r\nimport PropTypes from \"prop-types\";\r\n\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n\r\n// style\r\nimport useStyles from 'assets/jss/components/views/topicsContainerStyle'\r\n\r\n\r\nconst TopicAccordion = (props) => {\r\n const {\r\n expanded,\r\n onChange,\r\n heading,\r\n accordionDetails,\r\n ...rest\r\n } = props\r\n\r\n const classes = useStyles();\r\n return (\r\n \r\n
\r\n \r\n\r\n \r\n {props.content.contentDisplayName} \r\n \r\n : null\r\n }\r\n
\r\n \r\n\r\n handleContentRating(5)}\r\n />\r\n handleContentRating(0)}\r\n />\r\n { }}\r\n />\r\n
\r\n \r\n <>\r\n \r\n {props.content.contentDisplayName}\r\n \r\n \r\n
\r\n\r\n \r\n\r\n
\r\n \r\n {props.content.time ? \r\n {props.content.time}\r\n \r\n : \r\n }\r\n\r\n {props.content.points && \r\n {props.content.points} Points\r\n \r\n }\r\n\r\n
\r\n {props.content.progress.accessCount > 0 && \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nCardFooter.propTypes = {\r\n className: PropTypes.string,\r\n plain: PropTypes.bool,\r\n profile: PropTypes.bool,\r\n stats: PropTypes.bool,\r\n chart: PropTypes.bool,\r\n children: PropTypes.node\r\n};\r\n","/*!\r\n\r\n =========================================================\r\n * Material Dashboard React - v1.8.0 based on Material Dashboard - v1.2.0\r\n =========================================================\r\n\r\n * Product Page: http://www.creative-tim.com/product/material-dashboard-react\r\n * Copyright 2019 Creative Tim (http://www.creative-tim.com)\r\n * Licensed under MIT (https://github.com/creativetimofficial/material-dashboard-react/blob/master/LICENSE.md)\r\n\r\n =========================================================\r\n\r\n * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.\r\n\r\n */\r\n\r\n// ##############################\r\n// // // Function that converts from hex color to rgb color\r\n// // // Example: input = #9c27b0 => output = 156, 39, 176\r\n// // // Example: input = 9c27b0 => output = 156, 39, 176\r\n// // // Example: input = #999 => output = 153, 153, 153\r\n// // // Example: input = 999 => output = 153, 153, 153\r\n// #############################\r\nconst hexToRgb = input => {\r\n input = input + \"\";\r\n input = input.replace(\"#\", \"\");\r\n let hexRegex = /[0-9A-Fa-f]/g;\r\n if (!hexRegex.test(input) || (input.length !== 3 && input.length !== 6)) {\r\n throw new Error(\"input is not a valid hex color.\");\r\n }\r\n if (input.length === 3) {\r\n let first = input[0];\r\n let second = input[1];\r\n let last = input[2];\r\n input = first + first + second + second + last + last;\r\n }\r\n input = input.toUpperCase(input);\r\n let first = input[0] + input[1];\r\n let second = input[2] + input[3];\r\n let last = input[4] + input[5];\r\n return (\r\n parseInt(first, 16) +\r\n \", \" +\r\n parseInt(second, 16) +\r\n \", \" +\r\n parseInt(last, 16)\r\n );\r\n};\r\n\r\n// ##############################\r\n// // // Variables - Styles that are used on more than one component\r\n// #############################\r\n\r\nconst drawerWidth = 170;\r\n\r\nconst transition = {\r\n transition: \"all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1)\"\r\n};\r\n\r\nconst container = {\r\n // paddingRight: \"15px\",\r\n // paddingLeft: \"15px\",\r\n overflowX:'hidden',\r\n marginRight: \"auto\",\r\n marginLeft: \"auto\",\r\n '@media screen and (max-width: 960px)': {\r\n paddingRight: \"0px\",\r\n paddingLeft: \"0px\",\r\n overflow: 'hidden',\r\n }\r\n};\r\n\r\n\r\nconst defaultFont = {\r\n fontFamily: '\"Sansational\", \"Helvetica\", \"Arial\", sans-serif',\r\n fontWeight: \"300\",\r\n lineHeight: \"1.5em\"\r\n};\r\n\r\nconst primaryColor = [\"#00b8ac\", \"#ab47bc\", \"#8e24aa\", \"#af2cc5\",\"#690184\"];\r\nconst secondaryColor=['#5A4FF5','#00b8ac']\r\nconst warningColor = [\"#ff9800\", \"#ffa726\", \"#fb8c00\", \"#ffa21a\"];\r\nconst dangerColor = [\"#f44336\", \"#ef5350\", \"#e53935\", \"#f55a4e\",];\r\nconst successColor = [\"#4caf50\", \"#66bb6a\", \"#43a047\", \"#5cb860\"];\r\nconst infoColor = ['#f16c2d',\"#00acc1\", \"#26c6da\", \"#00acc1\", \"#00d3ee\"];\r\nconst roseColor = [\"#e91e63\", \"#ec407a\", \"#d81b60\", \"#eb3573\"];\r\nconst grayColor = [ \"#999\", \"#777\", \"#3C4858\", \"#AAAAAA\", \"#D2D2D2\", \"#DDD\", \"#b4b4b4\", \"#555555\", \"#333\", \"#a9afbb\", \"#eee\", \"#e7e7e7\"];\r\nconst orangeColor=['#FFA500','#FF8C00','#FF7F50','#FF6347','#FF4500']\r\nconst blackColor = \"#000\";\r\nconst whiteColor = \"#ffffff\";\r\nconst facebookColor=\"#3b5998\";\r\nconst PrimaryColor=['#00B8AC','#E22E5E','#0875F7','#E0584F']\r\nconst brandColor=['#e52e5d','#f26c2c','#67bc47','#124989','#00b8ac','#ffdb00']\r\n\r\n\r\nconst boxShadow = {\r\n boxShadow:\r\n \"0 10px 5px -12px rgba(\" +\r\n hexToRgb(blackColor) +\r\n \", 0.42), 0 4px 25px 0px rgba(\" +\r\n hexToRgb(blackColor) +\r\n \", 0.12), 0 8px 10px -5px rgba(\" +\r\n hexToRgb(blackColor) +\r\n \", 0.2)\"\r\n};\r\n\r\nconst primaryBoxShadow = {\r\n boxShadow:\r\n \"0 4px 20px 0 rgba(\" +\r\n hexToRgb(blackColor) +\r\n \",.14), 0 7px 10px -5px rgba(\" +\r\n hexToRgb(primaryColor[0]) +\r\n \",.4)\"\r\n};\r\nconst infoBoxShadow = {\r\n boxShadow:\r\n \"0 4px 20px 0 rgba(\" +\r\n hexToRgb(blackColor) +\r\n \",.14), 0 7px 10px -5px rgba(\" +\r\n hexToRgb(infoColor[0]) +\r\n \",.4)\"\r\n};\r\nconst successBoxShadow = {\r\n boxShadow:\r\n \"0 4px 20px 0 rgba(\" +\r\n hexToRgb(blackColor) +\r\n \",.14), 0 7px 10px -5px rgba(\" +\r\n hexToRgb(successColor[0]) +\r\n \",.4)\"\r\n};\r\nconst warningBoxShadow = {\r\n boxShadow:\r\n \"0 4px 20px 0 rgba(\" +\r\n hexToRgb(blackColor) +\r\n \",.14), 0 7px 10px -5px rgba(\" +\r\n hexToRgb(warningColor[0]) +\r\n \",.4)\"\r\n};\r\nconst dangerBoxShadow = {\r\n boxShadow:\r\n \"0 4px 20px 0 rgba(\" +\r\n hexToRgb(blackColor) +\r\n \",.14), 0 7px 10px -5px rgba(\" +\r\n hexToRgb(dangerColor[0]) +\r\n \",.4)\"\r\n};\r\nconst roseBoxShadow = {\r\n boxShadow:\r\n \"0 4px 20px 0 rgba(\" +\r\n hexToRgb(blackColor) +\r\n \",.14), 0 7px 10px -5px rgba(\" +\r\n hexToRgb(roseColor[0]) +\r\n \",.4)\"\r\n};\r\n\r\nconst warningCardHeader = {\r\n background:\r\n \"linear-gradient(60deg, \" + warningColor[1] + \", \" + warningColor[2] + \")\",\r\n ...warningBoxShadow\r\n};\r\nconst successCardHeader = {\r\n background:\r\n \"linear-gradient(60deg, \" + successColor[1] + \", \" + successColor[2] + \")\",\r\n ...successBoxShadow\r\n};\r\nconst dangerCardHeader = {\r\n background:\r\n \"linear-gradient(60deg, \" + dangerColor[1] + \", \" + dangerColor[2] + \")\",\r\n ...dangerBoxShadow\r\n};\r\nconst infoCardHeader = {\r\n background:\r\n \"linear-gradient(60deg, \" + infoColor[1] + \", \" + infoColor[2] + \")\",\r\n ...infoBoxShadow\r\n};\r\nconst primaryCardHeader = {\r\n background:\r\n \"linear-gradient(60deg, \" + primaryColor[1] + \", \" + primaryColor[2] + \")\",\r\n ...primaryBoxShadow\r\n};\r\nconst roseCardHeader = {\r\n background:\r\n \"linear-gradient(60deg, \" + roseColor[1] + \", \" + roseColor[2] + \")\",\r\n ...roseBoxShadow\r\n};\r\n\r\nconst cardActions = {\r\n margin: \"0 20px 10px\",\r\n paddingTop: \"10px\",\r\n borderTop: \"1px solid \" + grayColor[10],\r\n height: \"auto\",\r\n ...defaultFont\r\n};\r\n\r\nconst cardHeader = {\r\n margin: \"-20px 15px 0\",\r\n borderRadius: \"3px\",\r\n padding: \"15px\"\r\n};\r\n\r\nconst card = {\r\n display: \"inline-block\",\r\n position: \"relative\",\r\n width: \"100%\",\r\n margin: \"25px 0\",\r\n boxShadow: \"0 1px 4px 0 rgba(\" + hexToRgb(blackColor) + \", 0.14)\",\r\n borderRadius: \"3px\",\r\n color: \"rgba(\" + hexToRgb(blackColor) + \", 0.87)\",\r\n background: whiteColor\r\n};\r\n\r\nconst defaultBoxShadow = {\r\n border: \"0\",\r\n borderRadius: \"3px\",\r\n boxShadow:\r\n \"0 10px 20px -12px rgba(\" +\r\n hexToRgb(blackColor) +\r\n \", 0.42), 0 3px 20px 0px rgba(\" +\r\n hexToRgb(blackColor) +\r\n \", 0.12), 0 8px 10px -5px rgba(\" +\r\n hexToRgb(blackColor) +\r\n \", 0.2)\",\r\n padding: \"10px 0\",\r\n transition: \"all 150ms ease 0s\"\r\n};\r\n\r\nconst title = {\r\n color: grayColor[2],\r\n textDecoration: \"none\",\r\n fontWeight: \"300\",\r\n marginTop: \"30px\",\r\n marginBottom: \"25px\",\r\n minHeight: \"32px\",\r\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\r\n \"& small\": {\r\n color: grayColor[1],\r\n fontWeight: \"400\",\r\n lineHeight: \"1\"\r\n }\r\n};\r\n\r\nconst cardTitle = {\r\n ...title,\r\n marginTop: \"0\",\r\n marginBottom: \"3px\",\r\n minHeight: \"auto\",\r\n \"& a\": {\r\n ...title,\r\n marginTop: \".625rem\",\r\n marginBottom: \"0.75rem\",\r\n minHeight: \"auto\"\r\n }\r\n};\r\n\r\nconst cardSubtitle = {\r\n marginTop: \"-.375rem\"\r\n};\r\n\r\nconst cardLink = {\r\n \"& + $cardLink\": {\r\n marginLeft: \"1.25rem\"\r\n }\r\n};\r\n\r\nconst containerFluid = {\r\n paddingRight: \"10px\",\r\n paddingLeft: \"10px\",\r\n marginRight: \"auto\",\r\n marginLeft: \"auto\",\r\n width: \"100%\",\r\n \r\n};\r\n\r\nconst pagecontainer = {\r\n ...containerFluid,\r\n \"@media (min-width: 576px)\": {\r\n maxWidth: \"540px\"\r\n },\r\n \"@media (min-width: 768px)\": {\r\n maxWidth: \"720px\"\r\n },\r\n \"@media (min-width: 992px)\": {\r\n maxWidth: \"960px\"\r\n },\r\n \"@media (min-width: 1200px)\": {\r\n marginRight: \"auto\",\r\n marginLeft: \"auto\",\r\n maxWidth: \"1200px\",\r\n paddingRight: \"0px\",\r\n paddingLeft: \"0px\",\r\n \r\n }\r\n};\r\n\r\nexport {\r\n hexToRgb,\r\n //variables\r\n drawerWidth,\r\n transition,\r\n pagecontainer,\r\n container,\r\n boxShadow,\r\n card,\r\n defaultFont,\r\n primaryColor,\r\n PrimaryColor,\r\n secondaryColor,\r\n warningColor,\r\n dangerColor,\r\n successColor,\r\n infoColor,\r\n roseColor,\r\n orangeColor,\r\n grayColor,\r\n blackColor,\r\n whiteColor,\r\n facebookColor,\r\n brandColor,\r\n primaryBoxShadow,\r\n infoBoxShadow,\r\n successBoxShadow,\r\n warningBoxShadow,\r\n dangerBoxShadow,\r\n roseBoxShadow,\r\n warningCardHeader,\r\n successCardHeader,\r\n dangerCardHeader,\r\n infoCardHeader,\r\n primaryCardHeader,\r\n roseCardHeader,\r\n cardActions,\r\n cardHeader,\r\n defaultBoxShadow,\r\n title,\r\n cardTitle,\r\n cardSubtitle,\r\n cardLink\r\n};\r\n","import React from 'react'\r\n\r\nexport default function Duration ({ className, seconds }) {\r\n return (\r\n \r\n )\r\n}\r\n\r\nfunction format (seconds) {\r\n const date = new Date(seconds * 1000)\r\n const hh = date.getUTCHours()\r\n const mm = date.getUTCMinutes()\r\n const ss = pad(date.getUTCSeconds())\r\n if (hh) {\r\n return `${hh}:${pad(mm)}:${ss}`\r\n }\r\n return `${mm}:${ss}`\r\n}\r\n\r\nfunction pad (string) {\r\n return ('0' + string).slice(-2)\r\n}\r\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';\r\nimport classNames from \"classnames\";\r\nimport PropTypes from 'prop-types';\r\nimport { withStyles, makeStyles } from '@material-ui/core/styles';\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\n\r\n// style\r\nimport {\r\n grayColor,\r\n infoColor,\r\n dangerColor,\r\n successColor,\r\n orangeColor\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\n\r\n// const StyledProgress = withStyles({\r\n// colorPrimary: {\r\n// backgroundColor: grayColor[0]\r\n// },\r\n// bar: {\r\n// backgroundColor: infoColor[0],\r\n// },\r\n\r\n// })(LinearProgress);\r\n\r\n// Inspired by the former Facebook spinners.\r\nconst useStyles = makeStyles((theme) => ({\r\n colorPrimary25: {\r\n backgroundColor: dangerColor[0],\r\n },\r\n colorPrimary50: {\r\n backgroundColor: orangeColor[0],\r\n },\r\n colorPrimary100: {\r\n backgroundColor: successColor[0],\r\n },\r\n colorPrimary: {\r\n backgroundColor: grayColor[2]\r\n },\r\n\r\n}));\r\n\r\n\r\nconst LinearProgressWithLabel = (props) => {\r\n const {\r\n textcolor,\r\n value,\r\n alignItems,\r\n lableBoxStyle,\r\n progressBarWidth,\r\n lableStyle,\r\n ...rest } = props;\r\n\r\n const classes = useStyles();\r\n\r\n const progressClass = classNames({\r\n [classes[`colorPrimary${value <= 25 ? '25' : (value > 25 && value <= 50) ? '50' : '100'}`]]: true,\r\n });\r\n\r\n return (\r\n Loading...
\r\n {/* \r\n \r\n Quest assign \r\n Your next year's quest will be assigned soon.\r\n \r\n
\r\n : null\r\n }\r\n\r\n \r\n \r\n \r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\n\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n userInfo: state.user.userinfo,\r\n quest: state.quest.current_quest,\r\n\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n updateContentAccessDuration: (accessDuration) => dispatch(questActions.updateContentAccessDuration(accessDuration)),\r\n onPostContentAccess: (accessData, content) => dispatch(questActions.postContentAccess(accessData, content)),//also update content,current_cuntent and quest_progress\r\n }\r\n\r\n}\r\n\r\nexport default withStyles(style)(hot(module)(connect(mapStateToProps, mapDispatchToProps)(VideoPalyer)));","\r\n\r\nconst style = (theme) => ({\r\n muiIconButtonRoot: {\r\n [theme.breakpoints.down('sm')]: {\r\n padding: 5\r\n }\r\n },\r\n\r\n muiSvgIconFontSizeLarge: {\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1.25rem'\r\n }\r\n },\r\n\r\n muiSvgIconFontSizeSmall: {\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '1rem'\r\n }\r\n }\r\n\r\n})\r\n\r\nexport default style;","import React, { useEffect, useRef } from 'react';\r\nimport { useHistory } from \"react-router-dom\";\r\n//Redux\r\nimport { connect, useDispatch, useSelector } from 'react-redux'\r\nimport * as questActions from 'store/actions/index'\r\n// import Button from '@material-ui/core/IconButton';\r\nimport VideoViewer from 'components/Views/ContentViewer/VideoViewer/VideoViewer'\r\n\r\n// import TopicCards from 'components/Views/Tasks/Topics/TopicCards'\r\nimport AutoPlaySwipeableViews from 'components/Views/Tasks/Topics/TaskSwipeableViews'\r\nimport TopicAccordion from 'components/Views/Tasks/Topics/TopicAccordion'\r\n\r\n// style\r\nimport useStyles from 'assets/jss/components/views/topicsContainerStyle'\r\n\r\n//Common functions\r\n// import { clevertapEvents, facebookTracking } from \"util/commonfunctions\";\r\n\r\nconst TaskCard = (props) => {\r\n const { topics } = props\r\n return (\r\n \r\n await this.handleAESencryption(xhr, url)\r\n },\r\n }\r\n }}\r\n playIcon={}\r\n pip={pip}\r\n playing={playing}\r\n controls={controls}\r\n light={light}\r\n loop={loop}\r\n playbackRate={playbackRate}\r\n volume={volume}\r\n muted={muted}\r\n onReady={this.handleReady}\r\n onPlay={this.handlePlay}\r\n onEnablePIP={this.handleEnablePIP}\r\n onDisablePIP={this.handleDisablePIP}\r\n onPause={this.handlePause}\r\n onEnded={this.handleEnded}\r\n onError={e => console.log('onError', e)}\r\n onProgress={this.handleProgress}\r\n onDuration={this.handleDuration}\r\n playsinline={true}\r\n />\r\n\r\n \r\n {playing ? \r\n \r\n
\r\n\r\n \r\n
)\r\n : null}\r\n\r\n \r\n\r\n {!loading\r\n ? Loading...
\r\n \r\n this.handleSetPlaybackRate(1)}>\r\n this.handleSetPlaybackRate(1.5)}>\r\n this.handleSetPlaybackRate(2)}>\r\n
\r\n : null\r\n }\r\n\r\n\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {this.state.markers.map((val, index) => {\r\n return (\r\n
\r\n \r\n \r\n
\r\n )\r\n })}\r\n \r\n
\r\n \r\n \r\n {playing ?
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n typeof onRemenberMeClicked === 'undefined' ?\r\n this.props.orientation === \"portrait\"\r\n ? \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n\r\nfunction WebTopics(props) {\r\n\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const elementRef = useRef();\r\n\r\n const mission = useSelector(state => state.content.current_mission)\r\n const quest = useSelector(state => state.quest.current_quest)\r\n const content = useSelector(state => state.content.contentlist);\r\n const current_content = useSelector(state => state.content.current_content);\r\n const operation = useSelector(state => state.content.current_operation)\r\n const questContentsList = useSelector(state => state.content.contentlist.add.questContents.filter((questContent) => (operation.operationId === questContent.operationId) && questContent[\"taskId\"] === undefined))\r\n const taskList = useSelector(state => state.content.contentlist.add.tasks.filter((task) => operation.operationId === task.operationId))\r\n\r\n\r\n const [isVideo, setIsVideo] = React.useState(false);\r\n const [ScreenOrientation, setScreenOrientation] = React.useState('portrait')\r\n\r\n\r\n const handleChange = (taskId, panel) => (event, newExpanded) => {\r\n dispatch(questActions.setExpandedFlag(taskId, newExpanded))\r\n };\r\n\r\n\r\n\r\n\r\n useEffect(() => {\r\n if (questContentsList.length) {\r\n // const contentTypeCode = questContentsList[0].contentTypeCode;\r\n // if (contentTypeCode === '01' || contentTypeCode === '02' || contentTypeCode === '03') {\r\n // clevertapfacebook(contentTypeCode)\r\n // dispatch(questActions.setCurrentContent(questContentsList[0]))\r\n // setIsVideo(true)\r\n // }\r\n } else if (taskList.length) {\r\n dispatch(questActions.setExpandedFlag(taskList[0].taskId, true))\r\n // const contentList = content.add.questContents.filter(questContent => taskList[0].taskId === questContent.taskId)\r\n // if (contentList.length) {\r\n // const contentTypeCode = contentList[0].contentTypeCode;\r\n // if (contentTypeCode === '01' || contentTypeCode === '02' || contentTypeCode === '03') {\r\n // clevertapfacebook(contentTypeCode)\r\n // dispatch(questActions.setCurrentContent(contentList[0]))\r\n // setIsVideo(true)\r\n // }\r\n // }\r\n }\r\n // else {\r\n // dispatch(questActions.setCurrentContent({}))\r\n // setIsVideo(false)\r\n // }\r\n dispatch(questActions.setCurrentContent({}))\r\n setIsVideo(false)\r\n }, [operation.operationId])\r\n\r\n // const clevertapfacebook = (contentTypeCode) => {\r\n // //clevertap\r\n // const eventData = JSON.stringify({\r\n // 'QuestName': quest.questName,\r\n // 'MisssionName': mission.missionDisplayName,\r\n // 'OperationName': operation.operationDisplayName,\r\n // 'ContentType': contentTypeCode\r\n // });\r\n\r\n // clevertapEvents('ContentView', eventData);\r\n // //facebook tracking\r\n // const EventProperty = JSON.stringify({\r\n // 'fb_content_type': contentTypeCode,\r\n // 'fb_content_id': mission.missionName,\r\n // 'fb_currency': ''\r\n // })\r\n\r\n // console.log(EventProperty);\r\n // facebookTracking('fb_mobile_content_view', EventProperty)\r\n // }\r\n\r\n const handleChangeTask = (contentType) => {\r\n if (typeof onRemenberMeClicked === 'undefined')\r\n setIsVideo(contentType)\r\n else\r\n history.push('/player')\r\n elementRef.current.scrollIntoView({ behavior: 'smooth', block: 'center' })\r\n }\r\n\r\n\r\n return (\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\n\r\nexport default WebTopics;\r\n\r\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\";","import {\r\n whiteColor,\r\n primaryColor,\r\n grayColor,\r\n hexToRgb\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nconst dashboardStyle = {\r\n infoText: {\r\n color: primaryColor[4]\r\n },\r\n upArrowCardCategory: {\r\n width: \"16px\",\r\n height: \"16px\"\r\n },\r\n stats: {\r\n textAlign: 'center'\r\n },\r\n taskDiv: {\r\n padding: '0px 20px 0px 10px',\r\n borderRightStyle: 'groove',\r\n borderWidth:1,\r\n borderRightColor: primaryColor[0]\r\n },\r\n timeDiv: {\r\n padding: '0px 0px 0px 10px',\r\n },\r\n\r\n pageCardBody: {\r\n minHeight: '100vh'\r\n },\r\n gridItemFooter: {\r\n padding: '0 !important'\r\n },\r\n cardMissions: {\r\n marginBottom: \"0\",\r\n marginTop: '0'\r\n },\r\n cardCategoryWhite: {\r\n color: \"rgba(\" + hexToRgb(whiteColor) + \",.62)\",\r\n margin: \"0\",\r\n fontSize: \"14px\",\r\n marginTop: \"0\",\r\n marginBottom: \"0\"\r\n },\r\n cardTitle: {\r\n color: grayColor[2],\r\n marginTop: \"0px\",\r\n minHeight: \"auto\",\r\n fontWeight: \"300\",\r\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\r\n marginBottom: \"3px\",\r\n textDecoration: \"none\",\r\n \"& small\": {\r\n color: grayColor[1],\r\n fontWeight: \"400\",\r\n lineHeight: \"1\"\r\n }\r\n },\r\n cardTitleWhite: {\r\n color: whiteColor,\r\n marginTop: \"0px\",\r\n minHeight: \"auto\",\r\n fontWeight: \"300\",\r\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\r\n marginBottom: \"3px\",\r\n textDecoration: \"none\",\r\n \"& small\": {\r\n color: grayColor[1],\r\n fontWeight: \"400\",\r\n lineHeight: \"1\"\r\n }\r\n },\r\n cardAvatar: {\r\n maxWidth: \"70px\",\r\n maxHeight: \"70px\",\r\n right: \"10%\",\r\n position: 'absolute',\r\n margin: \"-35px auto 0\",\r\n borderRadius: \"50%\",\r\n overflow: \"hidden\",\r\n padding: \"0\",\r\n // boxShadow:\r\n // \"0 16px 38px -12px rgba(\" +\r\n // hexToRgb(blackColor) +\r\n // \", 0.56), 0 4px 25px 0px rgba(\" +\r\n // hexToRgb(blackColor) +\r\n // \", 0.12), 0 8px 10px -5px rgba(\" +\r\n // hexToRgb(blackColor) +\r\n // \", 0.2)\",\r\n // \"&$cardAvatarPlain\": {\r\n // marginTop: \"0\"\r\n // }\r\n },\r\n imgIcon:{\r\nwidth:0,\r\nheight:90\r\n },\r\n imageStyle: {\r\n width: \"auto\",\r\n height: \"-webkit-fill-available\"\r\n },\r\n checkboxStyle: {\r\n // padding:'7px 30px'\r\n },\r\n checkboxLabelStyle: {\r\n fontSize: '0.9rem',\r\n color: primaryColor[4],\r\n fontWeight: \"bold\",\r\n textTransform: \"capitalize\",\r\n letterSpacing: \"0\",\r\n willChange: \"box-shadow, transform\",\r\n transition:\r\n \"box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)\",\r\n lineHeight: \"1.42857143\",\r\n textAlign: \"center\",\r\n whiteSpace: \"nowrap\",\r\n verticalAlign: \"middle\",\r\n touchAction: \"manipulation\",\r\n },\r\n earnPoints: {\r\n padding: '5px 20px 5px 20px',\r\n width: 'fit-content',\r\n borderStyle: 'solid',\r\n textAlign: 'center',\r\n Display: 'block',\r\n marginLeft: 'auto',\r\n marginRight: 'auto',\r\n // marginTop: '30px',\r\n marginBottom:'24px',\r\n borderRadius: '30px',\r\n borderWidth:1,\r\n borderColor: primaryColor[4]\r\n }\r\n\r\n\r\n};\r\n\r\nexport default dashboardStyle;\r\n","import React from \"react\";\r\n//redux\r\nimport { connect } from 'react-redux'\r\n\r\n// @material-ui/core\r\nimport { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport DialogContentText from '@material-ui/core/DialogContentText'\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\n\r\n// @material-ui/icons\r\nimport RadioButtonUncheckedIcon from '@material-ui/icons/RadioButtonUnchecked';\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\r\nimport ArrowForwardIcon from '@material-ui/icons/ArrowForward';\r\n\r\n\r\n// core components\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport CardIcon from \"components/CustomComponents/Card/CardIcon.js\";\r\nimport CardFooter from \"components/CustomComponents/Card/CardFooter.js\";\r\nimport Info from 'components/CustomComponents/Typography/Info'\r\n\r\n// img\r\nimport avatar from \"assets/img/climbing.png\";\r\n\r\n// styles\r\nimport { primaryColor } from \"assets/jss/material-dashboard-react.js\";\r\nimport styles from \"assets/jss/components/views/instructionStyle\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst GreenCheckbox = withStyles({\r\n root: {\r\n color: primaryColor[4],\r\n '&$checked': {\r\n color: primaryColor[4],\r\n },\r\n },\r\n checked: {},\r\n})((props) => \r\n {typeof onRemenberMeClicked === 'undefined' && (current_content.contentTypeCode === '01' || current_content.contentTypeCode === '02' || current_content.contentTypeCode === '03')\r\n ?
\r\n\r\n\r\n {/* style={{ height: isVideo ? '35vh' : '45vh' }} */}\r\n {questContentsList.length\r\n ? next.isExpanded || boolean, false)}\r\n onChange={handleChange('', 'panel' + operation.operationId)}\r\n heading='Introduction'\r\n accordionDetails={\r\n (handleChangeTask(type))}\r\n />}\r\n />\r\n : null}\r\n {taskList.length\r\n ? taskList.map((current_task, indx) =>\r\n (handleChangeTask(type))}\r\n key={current_task.taskId}\r\n task={current_task}\r\n topics={content.add.questContents.filter((questContent) => current_task.taskId === questContent.taskId)} />}\r\n />\r\n ) : null\r\n }\r\n\r\n
\r\n \r\n
\r\n \r\n Tasks \r\n {props.mission.videoCount + props.mission.testCount + props.mission.activityCount + props.mission.webContentCount} \r\n
\r\n \r\n Time \r\n {props.mission.totalTime} \r\n
\r\n \r\n
\r\n \r\n You can earn \r\n {props.mission.points} Points \r\n
\r\n \r\n {/*
\r\n
- \r\n {props.data.questList.map((value,indx) => (\r\n
\r\n {children}\r\n
\r\n );\r\n}\r\n\r\nCardBody.propTypes = {\r\n className: PropTypes.string,\r\n plain: PropTypes.bool,\r\n profile: PropTypes.bool,\r\n table:PropTypes.bool,\r\n children: PropTypes.node\r\n};\r\n","\r\n//--- QA Server -----------------\r\n// export const serverURL = `https://devapi.questplus.in/`;\r\n// export const NexoolURL = `http://test.nexool.com:4005/thirdpartyauth`\r\n// export const LastUrl='http://devweb.questplus.in/home'\r\n\r\n//--- Production Server ----------\r\nexport const serverURL = `https://api.questplus.in/`;\r\nexport const NexoolURL = `https://app2.nexool.com/thirdpartyauth`\r\nexport const LastUrl='http://web.questplus.in/home'\r\nexport const serverDjangoURL=`https://apiv2.questplus.in/`","import {\r\n blackColor,\r\n whiteColor,\r\n hexToRgb\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nconst cardStyle = {\r\n card: {\r\n border: \"0\",\r\n marginBottom: \"30px\",\r\n marginTop: \"30px\",\r\n borderRadius: \"6px\",\r\n color: \"rgba(\" + hexToRgb(blackColor) + \", 0.87)\",\r\n background: whiteColor,\r\n width: \"100%\",\r\n boxShadow: \"0 1px 4px 0 rgba(\" + hexToRgb(blackColor) + \", 0.14)\",\r\n position: \"relative\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n minWidth: \"0\",\r\n wordWrap: \"break-word\",\r\n fontSize: \".875rem\"\r\n },\r\n cardPlain: {\r\n background: \"transparent\",\r\n boxShadow: \"none\"\r\n },\r\n cardProfile: {\r\n marginTop: \"30px\",\r\n textAlign: \"center\"\r\n },\r\n cardChart: {\r\n \"& p\": {\r\n marginTop: \"0px\",\r\n paddingTop: \"0px\"\r\n }\r\n }\r\n};\r\n\r\nexport default cardStyle;\r\n","import React from \"react\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n// @material-ui/icons\r\n\r\n// core components\r\nimport styles from \"assets/jss/components/customcomponents/cardStyle.js\";\r\n\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\n\r\n\r\nexport default function Card(props) {\r\n const classes = useStyles();\r\n const { className, children, plain, profile, chart, ...rest } = props;\r\n const cardClasses = classNames({\r\n [classes.card]: true,\r\n [classes.cardPlain]: plain,\r\n [classes.cardProfile]: profile,\r\n [classes.cardChart]: chart,\r\n [className]: className !== undefined\r\n });\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nCard.propTypes = {\r\n className: PropTypes.string,\r\n plain: PropTypes.bool,\r\n profile: PropTypes.bool,\r\n chart: PropTypes.bool,\r\n children: PropTypes.node\r\n};\r\n","import {\r\n warningCardHeader,\r\n successCardHeader,\r\n dangerCardHeader,\r\n infoCardHeader,\r\n primaryCardHeader,\r\n roseCardHeader,\r\n grayColor\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nconst cardIconStyle = {\r\n cardIcon: {\r\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\r\n borderRadius: \"3px\",\r\n backgroundColor: grayColor[0],\r\n padding: \"15px\",\r\n marginTop: \"20px\",\r\n marginRight: \"15px\",\r\n float: \"left\",\r\n \r\n },\r\n width:'70px',\r\n height:'70px',\r\n display: 'block',\r\n marginLeft: 'auto',\r\n marginRight: 'auto',\r\n },\r\n warningCardHeader,\r\n successCardHeader,\r\n dangerCardHeader,\r\n infoCardHeader,\r\n primaryCardHeader,\r\n roseCardHeader\r\n};\r\n\r\nexport default cardIconStyle;\r\n","import React from \"react\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n// @material-ui/icons\r\n\r\n// core components\r\nimport styles from \"assets/jss/components/customcomponents/cardIconStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function CardIcon(props) {\r\n const classes = useStyles();\r\n const { className, children, color, ...rest } = props;\r\n const cardIconClasses = classNames({\r\n [classes.cardIcon]: true,\r\n [classes[color + \"CardHeader\"]]: color,\r\n [className]: className !== undefined\r\n });\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nCardIcon.propTypes = {\r\n className: PropTypes.string,\r\n color: PropTypes.oneOf([\r\n \"warning\",\r\n \"success\",\r\n \"danger\",\r\n \"info\",\r\n \"primary\",\r\n \"rose\"\r\n ]),\r\n children: PropTypes.node\r\n};\r\n","\r\n// App Configs\r\nexport const FETCH_APPCONFIGS_START = 'FETCH_APPCONFIGS_START'\r\nexport const SET_APPCONFIGS = 'SET_APPCONFIGS'\r\nexport const FETCH_APPCONFIGS_FAILED = 'FETCH_APPCONFIGS_FAILED'\r\nexport const SET_APPTYPE = 'SET_APPTYPE'\r\n\r\n// Post change password\r\nexport const POST_CHANGE_PASSWORD_START = \"POST_CHANGE_PASSWORD_START\"\r\nexport const POST_CHANGE_PASSWORD_SUCCESS = \"POST_CHANGE_PASSWORD_SUCCESS\"\r\nexport const POST_CHANGE_PASSWORD_FAILED = \"POST_CHANGE_PASSWORD_FAILED\"\r\n\r\n//user\r\nexport const FETCH_USERINFO_START = 'FETCH_USERINFO_START'\r\nexport const SET_USERINFO = 'SET_USERINFO'\r\nexport const FETCH_USERINFO_FAILED = 'FETCH_USERINFO_FAILED'\r\nexport const SET_PROFILE_PICTURE = 'SET_PROFILE_PICTURE'\r\n\r\nexport const FETCH_USER_PROGRESS_START = 'FETCH_USER_PROGRESS_START'\r\nexport const SET_USER_PROGRESS = 'SET_USER_PROGRESS'\r\nexport const FETCH_USER_PROGRESS_FAILED = 'FETCH_USER_PROGRESS_FAILED'\r\n\r\nexport const AUTH_FAILED = 'AUTH_FAILED'\r\nexport const SET_USER_TYPE = 'SET_USER_TYPE'\r\n\r\n//content\r\nexport const FETCH_CONTENTLIST_START = \"FETCH_CONTENTLIST_START\"\r\nexport const SET_CONTENTLIST = 'SET_CONTENTLIST'\r\nexport const FETCH_CONTENTLIST_FAILED = 'FETCH_CONTENTLIST_FAILED'\r\n\r\nexport const UPDATE_CONTENTLIST = 'UPDATE_CONTENTLIST'\r\n\r\n// Fetch Content Rating\r\nexport const FETCH_CONTENT_RATING_START = \"FETCH_CONTENT_RATING_START\"\r\nexport const SET_CONTENT_RATING = \"SET_CONTENT_RATING\"\r\nexport const FETCH_CONTENT_RATING_FAILED = \"FETCH_CONTENT_RATING_FAILED\"\r\n\r\n// post Content Rating\r\nexport const POST_CONTENT_RATING_START = \"POST_CONTENT_RATING_START\"\r\nexport const POST_CONTENT_RATING_SUCCESS = \"POST_CONTENT_RATING_SUCCESS\"\r\nexport const POST_CONTENT_RATING_FAILED = \"POST_CONTENT_RATING_FAILED\"\r\n\r\n// post Content Access\r\nexport const POST_CONTENT_ACCESS_START = \"POST_CONTENT_ACCESS_START\"\r\nexport const POST_CONTENT_ACCESS_SUCCESS = \"POST_CONTENT_ACCESS_SUCCESS\"\r\nexport const POST_CONTENT_ACCESS_FAILED = \"POST_CONTENT_ACCESS_FAILED\"\r\n\r\n//Post Test Attempt\r\nexport const POST_TEST_ATTEMPT_START = \"POST_TEST_ATTEMPT_START\"\r\nexport const POST_TEST_ATTEMPT_SUCCESS = \"POST_TEST_ATTEMPT_SUCCESS\"\r\nexport const POST_TEST_ATTEMPT_FAILED = \"POST_TEST_ATTEMPT_FAILED\"\r\n\r\n//User Quest\r\nexport const FETCH_USERQUEST_LIST_START = 'FETCH_USERQUEST_LIST_START'\r\nexport const SET_USERQUEST_LIST = 'SET_USERQUEST_LIST'\r\nexport const FETCH_USERQUEST_LIST_FAILED = 'FETCH_USERQUEST_LIST_FAILED'\r\nexport const SET_CURRENT_QUEST_BY_ID = 'SET_CURRENT_QUEST_BY_ID'\r\nexport const SET_CURRENT_QUEST = \"SET_CURRENT_QUEST\"\r\n\r\n\r\nexport const SET_CURRENT_MISSION = \"SET_CURRENT_MISSION\"\r\nexport const SET_CURRENT_OPERATION = \"SET_CURRENT_OPERATION\"\r\n\r\n// user current content\r\nexport const SET_CURRENT_CONTENT = \"SET_CURRENT_CONTENT\"\r\nexport const CLEAR_CURRENT_CONTENT = \"CLEAR_CURRENT_CONTENT\"\r\nexport const UPDATE_CURRENT_CONTENT = \"UPDATE_CURRENT_CONTENT\" //for marksObtained,cardSatus\r\nexport const UPDATE_ACCESS_DURATION = 'UPDATE_ACCESS_DURATION'\r\n\r\n// user action Test\r\nexport const SET_CURRENT_TESTS = \"SET_CURRENT_TESTS\"\r\nexport const UPDATE_TEST_ATTEMPT_COUNT = \"UPDATE_TEST_ATTEMPT_COUNT\"\r\nexport const UPDATE_TEST_ATTEMPT_DURATION = \"UPDATE_TEST_ATTEMPT_DURATION\"\r\nexport const SET_CURRENT_TEST_HISTORY = \"SET_CURRENT_TEST_HISTORY\"\r\n\r\n//questions\r\nexport const FETCH_TESTQUESTIONS_START = 'FETCH_TESTQUESTIONS_START'\r\nexport const SET_TESTQUESTIONS = \"SET_TESTQUESTIONS\"\r\nexport const FETCH_TESTQUESTIONS_FAILED = 'FETCH_TESTQUESTIONS_FAILED'\r\n//answer\r\nexport const SET_TEST_ANSWERS = \"SET_TEST_ANSWERS\"\r\n\r\n// update question answer\r\nexport const UPDATE_QUESTION_ANSWER = 'UPDATE_QUESTION_ANSWER'\r\nexport const UPDATE_ANSWER_DURATION = 'UPDATE_ANSWER_DURATION'\r\n\r\n//Fetch Shared Data \r\nexport const FETCH_SHARED_DATA_START = \"FETCH_SHARED_DATA_START\"\r\nexport const SET_SHARED_DATA = \"SET_SHARED_DATA\"\r\nexport const FETCH_SHARED_DATA_FAILED = \"FETCH_SHARED_DATA_FAILED\"\r\n\r\n//Post Shared Data\r\nexport const POST_SHARED_DATA_START = \"POST_SHARED_DATA_START\"\r\nexport const POST_SHARED_DATA_SUCCESS = \"POST_SHARED_DATA_SUCCESS\"\r\nexport const POST_SHARED_DATA_FAILED = \"POST_SHARED_DATA_FAILED\"\r\n\r\n\r\n//Fetch Leader Board\r\nexport const FETCH_LEADERBOARD_DATA_START = \"FETCH_LEADERBOARD_DATA_START\"\r\nexport const SET_LEADERBOARD_DATA = \"SET_LEADERBOARD_DATA\"\r\nexport const FETCH_LEADERBOARD_DATA_FAILED = \"FETCH_LEADERBOARD_DATA_FAILED\"\r\nexport const SHOW_LEADERBOARD_DIALOG = \"SHOW_LEADERBOARD_DIALOG\"\r\n\r\n// Notification\r\nexport const FETCH_NOTIFICATION = \"FETCH_NOTIFICATION\"\r\nexport const SET_NOTIFICATION = \"SET_NOTIFICATION\"\r\n\r\n// Quest Category\r\nexport const FETCH_QUESTCATEGORY = \"FETCH_QUESTCATEGORY\"\r\nexport const SET_QUESTCATEGORY = \"SET_QUESTCATEGORY\"\r\nexport const SET_QUEST_DETAILS = \"SET_QUEST_DETAILS\"\r\n\r\n// Quest Product\r\nexport const FETCH_QUESTPRODUCTS = \"FETCH_QUESTPRODUCTS\"\r\nexport const SET_QUESTPRODUCTS = \"SET_QUESTPRODUCTS\"\r\nexport const SET_PRODUCT_DETAILS = \"SET_PRODUCT_DETAILS\"\r\n\r\n// Register User\r\nexport const INIT_REGISTER_USER = \"INIT_REGISTER_USER\"\r\nexport const SET_FLNAME = \"SET_FLNAME\"\r\nexport const SET_USERNAME = \"SET_USERNAME\"\r\nexport const SET_USERNAME_PASSWORD = \"SET_USERNAME_PASSWORD\"\r\nexport const SET_SCHOOLNAME_CITY = \"SET_SCHOOLNAME_CITY\"\r\nexport const SET_MOBILE_NUMBER = \"SET_MOBILE_NUMBER\"\r\nexport const SET_USER_EMAIL = \"SET_USER_EMAIL\"\r\nexport const SET_PROMO_CODE = \"SET_PROMO_CODE\"\r\nexport const SET_UTM_DATA = \"SET_UTM_DATA\"\r\n\r\n// Shopping Cart\r\nexport const ADD_TO_CART = 'ADD_TO_CART'\r\nexport const REMOVE_FROM_CART = 'REMOVE_FROM_CART'\r\nexport const CLEAR_CART = 'CLEAR_CART'\r\nexport const SET_CART_ITEMS = 'SET_CART_ITEMS'\r\nexport const SET_STORE_COUPON_CODE = 'SET_STORE_COUPON_CODE'\r\nexport const SET_STORE_COUPON_STATUS = 'SET_STORE_COUPON_STATUS'\r\n\r\n// Payment Gatway\r\nexport const SET_PG_DATA = 'SET_PG_DATA'\r\nexport const SET_PAYMENT_STATUS = 'SET_PAYMENT_STATUS'\r\n\r\n// Reset Password\r\nexport const SET_USER_verification_STATUS = \"SET_USER_verification_STATUS\"\r\nexport const SET_OTP_verification_STATUS = \"SET_OTP_verification_STATUS\"\r\n\r\n// Platform\r\nexport const SET_PLATFORM = \"SET_PLATFORM\";\r\n\r\n// Board Greade\r\nexport const SET_BOARD_GRADE = \"SET_BOARD_GRADE\";\r\n\r\n//ProductBanner\r\nexport const SET_PRODUCT_BANNER = \"SET_PRODUCT_BANNER\";\r\n\r\n//Raymond Products\r\nexport const SET_RAYMOND_PRODUCTS = \"SET_RAYMOND_PRODUCTS\";\r\n\r\n//set goCodeprompt\r\n// export const SET_GO_CODER_PROMPT = 'SET_GO_CODER_PROMPT'","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport classNames from \"classnames\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n// core components\r\nimport styles from \"assets/jss/components/customcomponents/typographyStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function Info(props) {\r\n const classes = useStyles();\r\n const { children,style,className } = props;\r\n\r\n const infoTextClasses = classNames({\r\n [classes.defaultFontStyle]: true,\r\n [classes.infoText]: true,\r\n [className]: className\r\n });\r\n\r\n return (\r\n \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nInfo.propTypes = {\r\n children: PropTypes.node,\r\n style:PropTypes.object,\r\n className: PropTypes.string,\r\n};\r\n","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n userinfo: {\r\n \"userId\": \"\",\r\n \"userName\": \"\",\r\n \"firstName\": \"\",\r\n \"lastName\": \"\",\r\n \"emailId\": \"\",\r\n \"contactNo\": \"\",\r\n \"cityName\": \"\",\r\n \"stateName\": \"\",\r\n \"countryName\": \"\",\r\n \"isActive\": true,\r\n \"isDeleted\": false,\r\n \"institutionId\": 1,\r\n \"locationId\": \"\",\r\n \"profilePic\": \"\",\r\n \"groupId\": \"\",\r\n \"showDashboard\": false,\r\n \"userQuestList\": [],\r\n \"isSuccess\": false,\r\n \"extraBoolValue\": false\r\n },\r\n error: false,\r\n userQuest: {},\r\n loading: true,\r\n post_password_error: false,\r\n post_password_loading: false,\r\n auth_error: false,\r\n user_type: 'ExistingUser',\r\n // goCoderInfo:null\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n\r\n switch (action.type) {\r\n case actionTypes.FETCH_USERINFO_START:\r\n return {\r\n ...state,\r\n loading: true\r\n }\r\n case actionTypes.SET_USERINFO:\r\n return {\r\n ...state,\r\n userinfo: action.userinfo,\r\n error: false,\r\n loading: false\r\n }\r\n case actionTypes.FETCH_USERINFO_FAILED:\r\n return {\r\n ...state,\r\n error: true,\r\n loading: false\r\n }\r\n // ------- Set Profile Picture -------------\r\n case actionTypes.SET_PROFILE_PICTURE:\r\n return {\r\n ...state,\r\n userinfo: { ...state.userinfo, profilePic: action.profilePic }\r\n }\r\n // ------- Post Change Passsword -------------\r\n case actionTypes.POST_CHANGE_PASSWORD_START:\r\n return {\r\n ...state,\r\n post_password_error: false,\r\n post_password_loading: true\r\n }\r\n\r\n case actionTypes.POST_CHANGE_PASSWORD_SUCCESS:\r\n return {\r\n ...state,\r\n post_password_error: false,\r\n post_password_loading: false\r\n }\r\n\r\n case actionTypes.POST_CHANGE_PASSWORD_FAILED:\r\n return {\r\n ...state,\r\n post_password_error: true,\r\n post_password_loading: false\r\n }\r\n case actionTypes.AUTH_FAILED:\r\n return {\r\n ...state,\r\n auth_error: action.auth,\r\n }\r\n case actionTypes.SET_USER_TYPE:\r\n return {\r\n ...state,\r\n user_type: action.user_type,\r\n }\r\n // case actionTypes.SET_GO_CODER_PROMPT:\r\n // return {\r\n // ...state,\r\n // goCoderInfo: action.goCoderInfo,\r\n // }\r\n default:\r\n return state;\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\nimport { percentageNumber } from 'util/commonfunctions';\r\n\r\nconst initialState = {\r\n contentlist: {\r\n add: {\r\n questContents: [],\r\n missions: [],\r\n operations: [],\r\n tasks: [],\r\n subTasks: [],\r\n missionTests: []\r\n },\r\n },\r\n current_quest_progress: {\r\n \"questId\": \"\",\r\n \"progress\": 0,\r\n \"avCount\": 0,\r\n \"testCount\": 0,\r\n \"activityCount\": 0,\r\n \"webContentCount\": 0\r\n },\r\n current_mission: {},\r\n current_operation: {},\r\n current_content: {},\r\n current_test: {},\r\n current_test_history: {},\r\n error: false,\r\n loading: true,\r\n\r\n content_ratings_loading: true,\r\n content_ratings: {\r\n \"likeCount\": 0,\r\n \"disLikeCount\": 0,\r\n \"viewCount\": 0,\r\n \"myRating\": null\r\n },\r\n content_ratings_error: false,\r\n}\r\n\r\nconst getMergedArray = (contentList, progress, filterID) => {\r\n return contentList.map(questContents => {\r\n let mergedContents = { ...questContents }\r\n progress.forEach((currentValue) => {\r\n if (currentValue[filterID] === mergedContents[filterID])\r\n mergedContents['progress'] = { ...currentValue }\r\n })\r\n return mergedContents\r\n });\r\n}\r\n\r\nconst getUpdatedProgress = (contentList, currentContent, marksObtained, filterID) => {\r\n return contentList.map(content => {\r\n let newContent = { ...content }\r\n let newContentProgress = { ...content.progress }\r\n if (content[filterID] === currentContent[filterID]) {\r\n newContentProgress = getTasksCounts(newContentProgress, currentContent)\r\n newContentProgress.points = Number(newContentProgress.points) + Number(marksObtained)\r\n // ----------webContentCount-----------\r\n const totalTask = newContent.videoCount + newContent.testCount + newContent.activityCount + newContent.webContentCount\r\n const completedTask = newContentProgress.avCount + newContentProgress.testCount + newContentProgress.activityCount + newContentProgress.webContentCount\r\n newContentProgress.progress = percentageNumber(completedTask, totalTask)\r\n }\r\n newContent.progress = newContentProgress\r\n // console.log(newContent);\r\n return newContent\r\n })\r\n}\r\n\r\nconst getTasksCounts = (newContentProgress, currentContent) => {\r\n if (['01', '02', '03'].indexOf(currentContent.contentTypeCode) >= 0) // is AV\r\n {\r\n newContentProgress.avCount = newContentProgress.avCount + 1\r\n }\r\n if (['08', '09'].indexOf(currentContent.contentTypeCode) >= 0) // is Test\r\n {\r\n newContentProgress.testCount = newContentProgress.testCount + 1\r\n }\r\n if (['04', '05', '06', '07'].indexOf(currentContent.contentTypeCode) >= 0) // is web content\r\n {\r\n newContentProgress.webContentCount = newContentProgress.webContentCount + 1\r\n }\r\n if (['10'].indexOf(currentContent.contentTypeCode) >= 0) // is Activity\r\n {\r\n newContentProgress.activityCount = newContentProgress.activityCount + 1\r\n }\r\n return newContentProgress\r\n}\r\n\r\nconst updatedQuestProgress = (updatedContentList, currentQuestProgress, currentContent, marksObtained) => {\r\n\r\n currentQuestProgress = getTasksCounts(currentQuestProgress, currentContent)\r\n\r\n currentQuestProgress.points = Number(currentQuestProgress.points) + Number(marksObtained)\r\n\r\n const totalVideoCount = updatedContentList.add.missions.reduce((accumulator, currentValue) => accumulator + currentValue.videoCount, 0)\r\n const totalTestCount = updatedContentList.add.missions.reduce((accumulator, currentValue) => accumulator + currentValue.testCount, 0)\r\n const totalActivityCount = updatedContentList.add.missions.reduce((accumulator, currentValue) => accumulator + currentValue.activityCount, 0)\r\n const totalWebContentCount = updatedContentList.add.missions.reduce((accumulator, currentValue) => accumulator + currentValue.webContentCount, 0)\r\n\r\n const totalTask = totalVideoCount + totalTestCount + totalActivityCount + totalWebContentCount\r\n const completedTask = currentQuestProgress.avCount + currentQuestProgress.testCount + currentQuestProgress.activityCount + currentQuestProgress.webContentCount\r\n currentQuestProgress.progress = percentageNumber(completedTask, totalTask)\r\n\r\n // console.log(\"---------------------------------\");\r\n // console.log(currentQuestProgress);\r\n return currentQuestProgress\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n\r\n //----- Fetch Content List------------------\r\n case actionTypes.FETCH_CONTENTLIST_START:\r\n return {\r\n ...state,\r\n loading: true\r\n }\r\n case actionTypes.SET_CONTENTLIST:\r\n let newContentList = { ...action.contentlist }\r\n let questProgress = action.userprogress.questProgress.filter(current_progress => current_progress.questId === action.questid).reduce((acc, cv) => { return acc = cv }, {})\r\n\r\n newContentList.add.missions = getMergedArray(newContentList.add.missions, action.userprogress.missionProgress, 'missionId')\r\n newContentList.add.operations = getMergedArray(newContentList.add.operations, action.userprogress.operationProgress, 'operationId')\r\n\r\n newContentList.add.questContents = getMergedArray(newContentList.add.questContents, action.userprogress.contentProgress, 'contentId').map(data => {\r\n data.isExpanded = true;\r\n return data\r\n });\r\n\r\n newContentList.add.tasks = [...newContentList.add.tasks].map(data => {\r\n data.isExpanded = false;\r\n return data\r\n });\r\n\r\n return {\r\n ...state,\r\n contentlist: newContentList,\r\n current_quest_progress: questProgress,\r\n error: false,\r\n loading: false\r\n }\r\n case actionTypes.FETCH_CONTENTLIST_FAILED:\r\n return {\r\n ...state,\r\n contentlist: initialState.contentlist,\r\n current_quest_progress: initialState.current_quest_progress,\r\n error: true,\r\n loading: false,\r\n }\r\n\r\n // ----------Update Content List ----------\r\n case actionTypes.UPDATE_CONTENTLIST:\r\n return {\r\n ...state,\r\n contentlist: action.contentlist,\r\n }\r\n\r\n //------------set current mission------------\r\n case actionTypes.SET_CURRENT_MISSION:\r\n return {\r\n ...state,\r\n current_mission: { ...action.mission }\r\n }\r\n\r\n //------------set current operation--------------\r\n case actionTypes.SET_CURRENT_OPERATION:\r\n let operation = { ...state.current_operation }\r\n if (state.contentlist.add.operations.length !== 0) {\r\n operation = action.operation\r\n ? action.operation\r\n : [...state.contentlist.add.operations].filter(op => (op.missionId === state.current_mission.missionId) && op.sequenceNo == '1').reduce((acc, cv) => { return acc = cv }, {})\r\n }\r\n return {\r\n ...state,\r\n current_operation: operation\r\n }\r\n\r\n //-----set current content-----------------\r\n case actionTypes.SET_CURRENT_CONTENT:\r\n const newCurrent_content = { ...action.content };\r\n return {\r\n ...state,\r\n current_content: { ...newCurrent_content, 'pointCardSatus': {}, 'accessDuration': 0 }\r\n }\r\n\r\n //-----Clear current content-----------------\r\n case actionTypes.CLEAR_CURRENT_CONTENT:\r\n const clearedCurrent_content = { ...initialState.current_content };\r\n return {\r\n ...state,\r\n current_content: { ...clearedCurrent_content, 'pointCardSatus': {}, 'accessDuration': 0 }\r\n }\r\n\r\n //-----update access duration content-----------------\r\n case actionTypes.UPDATE_ACCESS_DURATION:\r\n return {\r\n ...state,\r\n current_content: { ...state.current_content, 'accessDuration': action.accessDuration }\r\n }\r\n\r\n //-----UPDATE current content-----------------\r\n case actionTypes.UPDATE_CURRENT_CONTENT: // for marksObtained,pointCardSatus\r\n\r\n let updatedCurrent_content = action.content === null ? { ...state.current_content } : { ...action.content };\r\n let updatedContentList = { ...state.contentlist }\r\n let currentQuestProgress = { ...state.current_quest_progress }\r\n\r\n // updatedCurrent_content.pointCardSatus = action.pointCardSatus;\r\n\r\n //update Contents\r\n updatedContentList.add.questContents = updatedContentList.add.questContents.map(content => {\r\n let newContent = { ...content }\r\n let newContentProgress = { ...content.progress }\r\n if (content.contentId === updatedCurrent_content.contentId)\r\n newContentProgress.accessCount = newContentProgress.accessCount + 1\r\n newContent.progress = newContentProgress\r\n return newContent\r\n })\r\n\r\n\r\n if (updatedCurrent_content.progress.accessCount === 0) {\r\n //update missions\r\n updatedContentList.add.missions = getUpdatedProgress(updatedContentList.add.missions, updatedCurrent_content, action.pointCardSatus.points, 'missionId')\r\n //update operations\r\n updatedContentList.add.operations = getUpdatedProgress(updatedContentList.add.operations, updatedCurrent_content, action.pointCardSatus.points, 'operationId')\r\n //Update Current Quest Progress\r\n currentQuestProgress = updatedQuestProgress(updatedContentList, currentQuestProgress, updatedCurrent_content, action.pointCardSatus.points)\r\n }\r\n\r\n return {\r\n ...state,\r\n // current_content: updatedCurrent_content,\r\n contentlist: updatedContentList,\r\n current_quest_progress: currentQuestProgress\r\n }\r\n\r\n\r\n //-----set current Test-----------------\r\n case actionTypes.SET_CURRENT_TESTS:\r\n let missionTests = { ...state.current_test }\r\n if (state.contentlist.add.missionTests.length !== 0)\r\n missionTests = [...state.contentlist.add.missionTests].filter(op => op.testId === action.testCode).reduce((acc, cv) => { return acc = cv }, {})\r\n missionTests.testAttemptedDuration = 0\r\n missionTests.testAttemptCount = 0 // this test Attempt Count for current Test is submit(1) or not(0)\r\n return {\r\n ...state,\r\n current_test: missionTests\r\n }\r\n\r\n //-----set current Test History -----------------\r\n case actionTypes.SET_CURRENT_TEST_HISTORY:\r\n return {\r\n ...state,\r\n current_test_history: action.data\r\n }\r\n\r\n\r\n //-----update Test Attempt Count-----------------\r\n // For check Current Test is attempted or not \r\n case actionTypes.UPDATE_TEST_ATTEMPT_COUNT:\r\n let updateedMissionTests = { ...state.current_test }\r\n updateedMissionTests.testAttemptCount = updateedMissionTests.testAttemptCount + 1\r\n return {\r\n ...state,\r\n current_test: updateedMissionTests\r\n }\r\n\r\n\r\n //-----Update Test Attempt Duration-----------------\r\n case actionTypes.UPDATE_TEST_ATTEMPT_DURATION:\r\n let updatedTests = { ...state.current_test }\r\n updatedTests.testAttemptedDuration = updatedTests.testAttemptedDuration + action.duration\r\n return {\r\n ...state,\r\n current_test: updatedTests\r\n }\r\n\r\n // ------- Post Content Rating-------------\r\n case actionTypes.POST_CONTENT_RATING_START:\r\n return {\r\n ...state,\r\n content_ratings_error: false,\r\n content_ratings_loading: true\r\n }\r\n\r\n case actionTypes.POST_CONTENT_RATING_SUCCESS:\r\n return {\r\n ...state,\r\n content_ratings_error: false,\r\n content_ratings_loading: false\r\n }\r\n\r\n case actionTypes.POST_CONTENT_RATING_FAILED:\r\n return {\r\n ...state,\r\n content_ratings_error: true,\r\n content_ratings_loading: false\r\n }\r\n\r\n // ------- Fetch Content Rating-------------\r\n case actionTypes.FETCH_CONTENT_RATING_START:\r\n return {\r\n ...state,\r\n content_ratings_error: false,\r\n content_ratings_loading: true\r\n }\r\n case actionTypes.SET_CONTENT_RATING:\r\n return {\r\n ...state,\r\n content_ratings: action.contentRatings,\r\n content_ratings_error: false,\r\n content_ratings_loading: false\r\n }\r\n case actionTypes.FETCH_CONTENT_RATING_FAILED:\r\n return {\r\n ...state,\r\n content_ratings_error: true,\r\n content_ratings_loading: false\r\n }\r\n\r\n // ------- Post Content Access-------------\r\n case actionTypes.POST_CONTENT_ACCESS_START:\r\n return {\r\n ...state,\r\n error: false,\r\n loading: true\r\n }\r\n\r\n case actionTypes.POST_CONTENT_ACCESS_SUCCESS:\r\n return {\r\n ...state,\r\n error: false,\r\n loading: false\r\n }\r\n\r\n case actionTypes.POST_CONTENT_ACCESS_FAILED:\r\n return {\r\n ...state,\r\n error: true,\r\n loading: false\r\n }\r\n\r\n\r\n\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n userquest: {\r\n \"questList\": [\r\n // {\r\n // \"userQuestId\": 0,\r\n // \"questId\": \"\",\r\n // \"questName\": \"\",\r\n // \"isFree\": false,\r\n // \"startDate\": \"\",\r\n // \"endDate\": \"\",\r\n // \"isDeleted\": false\r\n // }\r\n ]\r\n },\r\n current_quest: {},\r\n error: false,\r\n loading: true,\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.FETCH_USERQUEST_LIST_START:\r\n return {\r\n ...state,\r\n loading: true\r\n }\r\n case actionTypes.SET_USERQUEST_LIST:\r\n return {\r\n ...state,\r\n userquest: action.userquest,\r\n // current_quest: action.userquest.questList[0],\r\n error: false,\r\n loading: false\r\n }\r\n case actionTypes.FETCH_USERQUEST_LIST_FAILED:\r\n return {\r\n ...state,\r\n error: true,\r\n loading: false\r\n }\r\n case actionTypes.SET_CURRENT_QUEST:\r\n return {\r\n ...state,\r\n error: false,\r\n loading: false,\r\n current_quest: action.currentQuest\r\n }\r\n\r\n case actionTypes.SET_CURRENT_QUEST_BY_ID:\r\n return {\r\n ...state,\r\n error: false,\r\n loading: false,\r\n current_quest: state.userquest.questList.filter(op => op.questId === action.questID).reduce((acc, cv) => { return acc = cv }, {})\r\n }\r\n\r\n\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n questions: {\r\n \"qadd\": [],\r\n \"qimgadd\": [],\r\n \"accessDate\": \"\"\r\n },\r\n answers: [],\r\n error: false,\r\n loading: true,\r\n post_test_loading: false,\r\n}\r\n\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n\r\n // -- Fetch Test Attempt\r\n case actionTypes.FETCH_TESTQUESTIONS_START:\r\n return {\r\n ...state,\r\n loading: true\r\n }\r\n case actionTypes.SET_TESTQUESTIONS:\r\n return {\r\n ...state,\r\n questions: action.questions,\r\n error: false,\r\n loading: false\r\n }\r\n case actionTypes.FETCH_TESTQUESTIONS_FAILED:\r\n return {\r\n ...state,\r\n error: true,\r\n loading: false\r\n }\r\n\r\n // Set Test Answer\r\n case actionTypes.SET_TEST_ANSWERS:\r\n const initAnswers = action.answers.qadd.map(current_question => {\r\n const answer = {\r\n \"testResultDetailsId\": \"\", // Don't set this\r\n \"questionId\": current_question.questionId,\r\n \"isQuestionSkipped\": \"0\",\r\n \"isAnsweredCorrect\": \"0\",\r\n \"attemptedAnswer\": \"\",\r\n \"questionMarks\": \"\" + current_question.correctMark,\r\n \"questionMarksObtained\": \"0\",\r\n \"questionDuration\": 0,\r\n \"answerOrderSeq\": \"\" // Don't set this\r\n };\r\n return answer\r\n })\r\n return {\r\n ...state,\r\n answers: initAnswers,\r\n }\r\n\r\n // update question & answer\r\n case actionTypes.UPDATE_QUESTION_ANSWER:\r\n\r\n const testQuestion = state.questions.qadd.map(currentQuestion => {\r\n let qsn = { ...currentQuestion }\r\n if (action.questionId === qsn.questionId) {\r\n let optionItems = [...qsn.options.optionItems]\r\n qsn.options.optionItems = optionItems.map(opt => {\r\n let newOpt = { ...opt }\r\n if (qsn.questionTypeCode === \"QT01\" || qsn.questionTypeCode === \"QT04\" || qsn.questionTypeCode === \"QT09\")\r\n newOpt['ischecked'] = false\r\n if (action.answer === newOpt.id) {\r\n if (qsn.questionTypeCode === \"QT02\")\r\n newOpt['ischecked'] = !newOpt['ischecked']\r\n else\r\n newOpt['ischecked'] = true\r\n }\r\n return newOpt\r\n })\r\n }\r\n return qsn\r\n })\r\n\r\n const testAnswers = state.answers.map(current_answers => {\r\n if (action.questionId === current_answers.questionId) {\r\n const current_question = testQuestion.filter(question => question.questionId === current_answers.questionId).reduce((acc, cv) => { return acc = cv }, {})\r\n const attempted_answer = current_question.options.optionItems.filter(option => option.ischecked === true).map(op => op.id).sort().join(\",\")\r\n const answered_correct = attempted_answer === current_question.answer.split(\",\").sort().join(\",\")\r\n current_answers.isQuestionSkipped = attempted_answer?\"1\":\"0\";\r\n current_answers.isAnsweredCorrect = answered_correct ? \"1\" : \"0\";\r\n current_answers.attemptedAnswer = attempted_answer\r\n current_answers.questionMarksObtained = answered_correct ?\"\"+current_question.correctMark : \"0\"\r\n }\r\n return current_answers\r\n })\r\n\r\n return {\r\n ...state,\r\n questions: { ...state.questions, \"qadd\": testQuestion },\r\n answers: [...testAnswers],\r\n }\r\n\r\n // update ANSWER DURATION\r\n case actionTypes.UPDATE_ANSWER_DURATION:\r\n const updatedTimeAnswers = [...state.answers].map(current_answers => {\r\n let newCurrent_answers = { ...current_answers }\r\n if (action.questionId === newCurrent_answers.questionId) {\r\n newCurrent_answers.questionDuration = newCurrent_answers.questionDuration + action.duration\r\n }\r\n return newCurrent_answers\r\n })\r\n return {\r\n ...state,\r\n answers: [...updatedTimeAnswers],\r\n }\r\n\r\n\r\n // -- Post Test Attempt\r\n case actionTypes.POST_TEST_ATTEMPT_START:\r\n return {\r\n ...state,\r\n error: false,\r\n post_test_loading: true\r\n }\r\n\r\n case actionTypes.POST_TEST_ATTEMPT_SUCCESS:\r\n return {\r\n ...state,\r\n error: false,\r\n post_test_loading: false\r\n }\r\n\r\n case actionTypes.POST_TEST_ATTEMPT_FAILED:\r\n return {\r\n ...state,\r\n error: true,\r\n post_test_loading: false\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n userprogress: {\r\n questProgress: [],\r\n missionProgress: [],\r\n operationProgress: [],\r\n contentProgress: []\r\n },\r\n error: false,\r\n loading: true,\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.FETCH_USER_PROGRESS_START:\r\n return {\r\n ...state,\r\n loading: true\r\n }\r\n case actionTypes.SET_USER_PROGRESS:\r\n return {\r\n ...state,\r\n userprogress: action.userprogress,\r\n error: false,\r\n loading: false\r\n }\r\n case actionTypes.FETCH_USER_PROGRESS_FAILED:\r\n return {\r\n ...state,\r\n error: true,\r\n loading: false\r\n }\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n configs: {\r\n \"tcUrl\": \"\",\r\n \"otpRequired\": false,\r\n \"showPromoScreen\": false,\r\n \"currentTime\": \"\",\r\n 'supportEmail': \"\"\r\n },\r\n error: false,\r\n loading: true,\r\n apptype: \"\",\r\n}\r\n\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n\r\n // -- Fetch app configs\r\n case actionTypes.FETCH_APPCONFIGS_START:\r\n return {\r\n ...state,\r\n loading: true\r\n }\r\n case actionTypes.SET_APPCONFIGS:\r\n return {\r\n ...state,\r\n configs: action.appConfigs.configs,\r\n error: false,\r\n loading: false\r\n }\r\n case actionTypes.FETCH_APPCONFIGS_FAILED:\r\n return {\r\n ...state,\r\n error: true,\r\n loading: false\r\n }\r\n case actionTypes.SET_APPTYPE:\r\n return {\r\n ...state,\r\n apptype:action.payload\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n shareddata: {\r\n friendsList: [{userId: \"\", name: \"\", isShared: false}],\r\n sharedList: [],\r\n },\r\n fetch_error: false,\r\n fetch_loading: false,\r\n\r\n post_error: false,\r\n post_loading: false,\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n\r\n // ------- Fetch Shared Data -------------\r\n case actionTypes.FETCH_SHARED_DATA_START:\r\n return {\r\n ...state,\r\n fetch_loading: true\r\n }\r\n case actionTypes.SET_SHARED_DATA:\r\n return {\r\n ...state,\r\n shareddata: action.sharedData,\r\n fetch_error: false,\r\n fetch_loading: false\r\n }\r\n case actionTypes.FETCH_SHARED_DATA_FAILED:\r\n return {\r\n ...state,\r\n fetch_error: true,\r\n fetch_loading: false\r\n }\r\n\r\n // ------- Post Shared Data -------------\r\n case actionTypes.POST_SHARED_DATA_START:\r\n return {\r\n ...state,\r\n post_error: false,\r\n post_loading: true\r\n }\r\n\r\n case actionTypes.POST_SHARED_DATA_SUCCESS:\r\n return {\r\n ...state,\r\n post_error: false,\r\n post_loading: false\r\n }\r\n\r\n case actionTypes.POST_SHARED_DATA_FAILED:\r\n return {\r\n ...state,\r\n post_error: true,\r\n post_loading: false\r\n }\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n leader_board_data: [],\r\n leader_board_data_error: false,\r\n leader_board_data_loading: true,\r\n show_leader_board_dialog: false\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n\r\n // ------- Leader Board Data -------------\r\n case actionTypes.FETCH_LEADERBOARD_DATA_START:\r\n return {\r\n ...state,\r\n leader_board_data_loading: true\r\n }\r\n case actionTypes.SET_LEADERBOARD_DATA:\r\n return {\r\n ...state,\r\n leader_board_data: action.leaderboard.leaderBoard,\r\n leader_board_data_error: false,\r\n leader_board_data_loading: false\r\n }\r\n case actionTypes.FETCH_LEADERBOARD_DATA_FAILED:\r\n return {\r\n ...state,\r\n leader_board_data_error: true,\r\n leader_board_data_loading: false\r\n }\r\n\r\n case actionTypes.SHOW_LEADERBOARD_DIALOG:\r\n return {\r\n ...state,\r\n show_leader_board_dialog: action.paylod,\r\n }\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n notifications: [],\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SET_NOTIFICATION:\r\n return {\r\n ...state,\r\n notifications: action.notifications.notification ? action.notifications.notification : [],\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n questcategories: {\r\n lastViewed: {\r\n questId: \"\",\r\n questName: \"\",\r\n viewedOn: \"\"\r\n },\r\n questCategory: []\r\n },\r\n questdetails: {}\r\n\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SET_QUESTCATEGORY:\r\n return {\r\n ...state,\r\n questcategories: {...state.questcategories,...action.questCategory}\r\n }\r\n case actionTypes.SET_QUEST_DETAILS:\r\n return {\r\n ...state,\r\n questdetails: action.questDetails\r\n }\r\n\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n registerUser: {\r\n \"userName\": \"\",\r\n \"password\": \"\",\r\n \"firstName\": \"\",\r\n \"lastName\": \"\",\r\n \"emailId\": \"\",\r\n \"contactNo\": \"\",\r\n \"schoolName\": \"\",\r\n \"cityName\": \"\",\r\n \"boardId\": \"\",\r\n \"gradeId\": \"\",\r\n \"promoCode\": \"\",\r\n \"UTMData\": \"\"\r\n }\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.INIT_REGISTER_USER:\r\n return {\r\n ...state,\r\n registerUser: { ...initialState.registerUser }\r\n }\r\n case actionTypes.SET_FLNAME:\r\n return {\r\n ...state,\r\n registerUser: {\r\n ...state.registerUser,\r\n firstName: action.firstName,\r\n lastName: action.lastName\r\n }\r\n }\r\n case actionTypes.SET_USERNAME_PASSWORD:\r\n return {\r\n ...state,\r\n registerUser: {\r\n ...state.registerUser,\r\n userName: action.userName,\r\n emailId: action.userName,\r\n password: action.password\r\n }\r\n }\r\n\r\n case actionTypes.SET_USERNAME:\r\n return {\r\n ...state,\r\n registerUser: {\r\n ...state.registerUser,\r\n userName: action.userName,\r\n }\r\n }\r\n case actionTypes.SET_SCHOOLNAME_CITY:\r\n return {\r\n ...state,\r\n registerUser: {\r\n ...state.registerUser,\r\n schoolName: action.schoolName,\r\n cityName: action.cityName\r\n }\r\n }\r\n case actionTypes.SET_MOBILE_NUMBER:\r\n return {\r\n ...state,\r\n registerUser: {\r\n ...state.registerUser,\r\n contactNo: action.contactNo\r\n }\r\n }\r\n\r\n case actionTypes.SET_PROMO_CODE:\r\n return {\r\n ...state,\r\n registerUser: {\r\n ...state.registerUser,\r\n promoCode: action.promoCode\r\n }\r\n }\r\n\r\n case actionTypes.SET_UTM_DATA:\r\n return {\r\n ...state,\r\n registerUser: {\r\n ...state.registerUser,\r\n UTMData: action.UTMData\r\n }\r\n }\r\n\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n cartitems: [],\r\n PGData: {},\r\n paymentStatus: {},\r\n couponStatus: {},\r\n couponCode: \"\"\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n // ------- add to cart -------------\r\n case actionTypes.ADD_TO_CART:\r\n return {\r\n ...state,\r\n cartitems: [...state.cartitems, action.cartitem],\r\n couponStatus: {},\r\n couponCode: \"\"\r\n }\r\n case actionTypes.REMOVE_FROM_CART:\r\n let newCartItems = [...state.cartitems].filter(data => data.productId !== action.cartitem.productId)\r\n return {\r\n ...state,\r\n cartitems: newCartItems,\r\n couponStatus: {},\r\n couponCode: \"\"\r\n }\r\n case actionTypes.CLEAR_CART:\r\n return {\r\n ...state,\r\n cartitems: [],\r\n couponStatus: {},\r\n couponCode: \"\"\r\n }\r\n case actionTypes.SET_CART_ITEMS:\r\n return {\r\n ...state,\r\n cartitems: [...action.cartitems]\r\n }\r\n //---------- Payment Gatway ----------------\r\n case actionTypes.SET_PG_DATA:\r\n return {\r\n ...state,\r\n PGData: { ...action.PGData }\r\n }\r\n //----------set Payment Status ----------------\r\n case actionTypes.SET_PAYMENT_STATUS:\r\n return {\r\n ...state,\r\n paymentStatus: { ...action.paymentStatus }\r\n }\r\n //----------set Coupon Status ----------------\r\n case actionTypes.SET_STORE_COUPON_STATUS:\r\n return {\r\n ...state,\r\n couponStatus: { ...action.couponStatus }\r\n }\r\n\r\n //----------set Coupon code ----------------\r\n case actionTypes.SET_STORE_COUPON_CODE:\r\n return {\r\n ...state,\r\n couponCode: action.couponCode\r\n }\r\n\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n userVerificationStatus: {},\r\n OTPVerificationStatus: {}\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SET_USER_verification_STATUS:\r\n return {\r\n ...state,\r\n userVerificationStatus: action.status\r\n }\r\n case actionTypes.SET_OTP_verification_STATUS:\r\n return {\r\n ...state,\r\n OTPVerificationStatus: action.OTP_STATUS\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n productcategories: {\r\n productCategory: [\r\n {\r\n categoryName: {},\r\n productList: []\r\n }\r\n ]\r\n },\r\n productdetails: {}\r\n\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SET_QUESTPRODUCTS:\r\n return {\r\n ...state,\r\n productcategories: { ...action.productCategory }\r\n }\r\n case actionTypes.SET_PRODUCT_DETAILS:\r\n return {\r\n ...state,\r\n productdetails: action.productDetails\r\n }\r\n\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n products: []\r\n\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SET_RAYMOND_PRODUCTS:\r\n return {\r\n ...state,\r\n products: action.payload\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","\r\nimport * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n platform: \"\"\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SET_PLATFORM:\r\n return {\r\n platform: action.platform\r\n }\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\nexport default reducer;","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialstate = {\r\n boards: [],\r\n grades: []\r\n}\r\n\r\nconst reducer = (state = { ...initialstate }, action) => {\r\n switch (action.type) {\r\n case actionTypes.SET_BOARD_GRADE:\r\n return {\r\n ...state,\r\n boards: action.payload.boards,\r\n grades: action.payload.grades,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nexport default reducer","import * as actionTypes from 'store/actions/actionTypes'\r\n\r\nconst initialState = {\r\n bannerLists: [],\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n\r\n case actionTypes.SET_PRODUCT_BANNER:\r\n return {\r\n ...state,\r\n bannerLists: action.payload,\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","import * as actionTypes from '../actionTypes'\r\n\r\nconst initialState = {\r\n todyasOnlineClasses: {\r\n scheduleDataResult: []\r\n }\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SET_TODAYS_ONLINE_CLASSES:\r\n return {\r\n ...state,\r\n todyasOnlineClasses: action.schedule\r\n }\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","//Online Classes\r\nexport const SET_TODAYS_ONLINE_CLASSES = \"SET_TODAYS_ONLINE_CLASSES\"\r\n\r\n\r\n\r\n","import * as actionTypes from '../actionTypes'\r\n\r\nconst initialState = {\r\n missionsSchedules: {\r\n scheduleDataResult: []\r\n }\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SET_MISSIONS_SCHEDULES:\r\n return {\r\n ...state,\r\n missionsSchedules: action.schedule\r\n }\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","//Missions Schedules\r\nexport const SET_MISSIONS_SCHEDULES = \"SET_MISSIONS_SCHEDULES\"\r\n\r\n\r\n\r\n","import * as actionTypes from '../actionTypes'\r\n\r\nconst initialState = {\r\n tests: {\r\n maxPageCount: 0,\r\n testList: [],\r\n totalRecords: 0\r\n }\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n case actionTypes.SET_ONLINE_ASSIGNMENT:\r\n return {\r\n ...state,\r\n tests: action.payload\r\n }\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","\r\n// Online Assignment\r\nexport const SET_ONLINE_ASSIGNMENT = \"SET_ONLINE_ASSIGNMENT\"","import * as actionTypes from '../actions/actionTypes'\r\n\r\nconst initialState = {\r\n inbox_messages: [],\r\n loading: false,\r\n}\r\n\r\nconst reducer = (state = initialState, action) => {\r\n switch (action.type) {\r\n\r\n //------ Messages ----------\r\n case actionTypes.SET_QUERY_DATA:\r\n return {\r\n ...state,\r\n inbox_messages: action.inbox,\r\n loading: false,\r\n }\r\n case actionTypes.FETCH_QUERY_LOADING:\r\n return {\r\n ...state,\r\n loading: action.status,\r\n }\r\n\r\n\r\n default:\r\n return state;\r\n }\r\n\r\n}\r\n\r\n\r\nexport default reducer","\r\n//Messaging\r\n\r\n\r\nexport const SET_QUERY_DATA = \"SET_QUERY_DATA\"\r\nexport const FETCH_QUERY_LOADING = \"FETCH_QUERY_LOADING\"\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { combineReducers } from 'redux'\r\nimport { persistReducer } from 'redux-persist'\r\nimport sessionStorage from 'redux-persist/lib/storage/session'\r\n\r\nimport userReducer from './userInfo'\r\nimport contentListReducer from './contentList'\r\nimport questListReducer from './userQuestList'\r\nimport testQuestionsReducer from './testQuestions'\r\nimport userProgressReducer from './userProgress'\r\nimport appConfigsReducer from './appConfigs'\r\nimport sharedDataReducer from './sharedData'\r\nimport leaderBoardReducer from './leaderBoard'\r\nimport notificationCenterReducer from './notificationCenter'\r\nimport questCategoryReducer from './questCategory'\r\nimport questUserRegistration from './userRegistration'\r\nimport questStoreReducer from './questStore'\r\nimport resetPasswordReducer from \"./resetPassword\";\r\nimport questProductsReducer from './questProducts';\r\nimport raymondReducer from './raymondProducts';\r\nimport platformReducer from './platform';\r\nimport boardGradeReducer from './boardGrade'\r\nimport ProductBannerReducer from './productBanner'\r\nimport onlineClassesReducer from 'components/Views/Connect/store/reducers/reducer-online-classes'\r\nimport mssionsSchedulesReducer from 'components/Views/MissionsSchedules/store/reducers/reducer-mssions-schedules'\r\nimport onlineAssignmentReducer from 'components/Views/AssessmentTests/store/reducers/reducer-online-assignment'\r\n\r\n\r\nimport queryReducer from 'components/Views/QueryBox/store/reducers/messageReducer'\r\n// persist Config\r\nconst persistConfig = {\r\n key: 'root',\r\n storage: sessionStorage,\r\n};\r\n\r\nconst appReducer = combineReducers({\r\n user: userReducer,\r\n newuser: questUserRegistration,\r\n content: contentListReducer,\r\n quest: questListReducer,\r\n questions: testQuestionsReducer,\r\n userprogress: userProgressReducer,\r\n appconfigs: appConfigsReducer,\r\n shareddata: sharedDataReducer,\r\n leaderboard: leaderBoardReducer,\r\n notificationcenter: notificationCenterReducer,\r\n categories: questCategoryReducer,\r\n store: questStoreReducer,\r\n resetpassword: resetPasswordReducer,\r\n products: questProductsReducer,\r\n raymond: raymondReducer,\r\n platforms: platformReducer,\r\n boardgrade: boardGradeReducer,\r\n onlineclasses: onlineClassesReducer,\r\n schedules: mssionsSchedulesReducer,\r\n banner: ProductBannerReducer,\r\n messages: queryReducer,\r\n onlineassignment:onlineAssignmentReducer,\r\n});\r\n\r\n\r\n\r\n\r\nconst rootReducer = (state, action) => {\r\n if (action.type === 'LOG_OUT') {\r\n Object.keys(state).forEach(key => {\r\n sessionStorage.removeItem(`persist:${key}`);\r\n });\r\n state = undefined;\r\n }\r\n\r\n return appReducer(state, action)\r\n}\r\n\r\nexport default persistReducer(persistConfig, rootReducer)","//Redux\r\nimport { createStore, applyMiddleware, compose } from 'redux';\r\nimport thunk from 'redux-thunk';\r\nimport { persistStore } from 'redux-persist'\r\n\r\n// Reducer\r\nimport rootReducer from './reducers/index'\r\n\r\nconst composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose\r\nconst store = createStore(rootReducer, composeEnhancers(applyMiddleware(thunk)))\r\nconst persistor = persistStore(store)\r\n\r\n\r\n\r\nexport { store, persistor };","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === 'localhost' ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === '[::1]' ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n);\r\n\r\nexport function register(config) {\r\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n\r\n window.addEventListener('load', () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n\r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n 'This web app is being served cache-first by a service ' +\r\n 'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then(registration => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === 'installed') {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n 'New content is available and will be used when all ' +\r\n 'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n );\r\n\r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log('Content is cached for offline use.');\r\n\r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch(error => {\r\n console.error('Error during service worker registration:', error);\r\n });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { 'Service-Worker': 'script' }\r\n })\r\n .then(response => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get('content-type');\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf('javascript') === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then(registration => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n 'No internet connection found. App is running in offline mode.'\r\n );\r\n });\r\n}\r\n\r\nexport function unregister() {\r\n if ('serviceWorker' in navigator) {\r\n navigator.serviceWorker.ready\r\n .then(registration => {\r\n registration.unregister();\r\n })\r\n .catch(error => {\r\n console.error(error.message);\r\n });\r\n }\r\n}\r\n","import {\r\n drawerWidth,\r\n transition,\r\n container\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nconst appStyle = theme => ({\r\n wrapper: {\r\n position: \"relative\",\r\n top: \"0\",\r\n //height: \"100vh\",\r\n },\r\n mainPanel: {\r\n [theme.breakpoints.up(\"md\")]: {\r\n // width: `calc(100% - ${drawerWidth}px)`\r\n },\r\n // overflow: \"auto\",\r\n position: \"relative\",\r\n float: \"right\",\r\n ...transition,\r\n maxHeight: \"100%\",\r\n width: \"100%\",\r\n overflowScrolling: \"touch\"\r\n },\r\n content: {\r\n // marginTop: \"50px\",\r\n // marginBottom: '100px',\r\n padding: \"0px 0px 0px 0px\",\r\n //minHeight: \"calc(100vh - 150px)\",\r\n \r\n },\r\n\r\n contentShift: {\r\n transition: theme.transitions.create('margin', {\r\n easing: theme.transitions.easing.easeOut,\r\n duration: theme.transitions.duration.enteringScreen,\r\n }),\r\n marginLeft: drawerWidth-10,\r\n },\r\n container,\r\n map: {\r\n marginTop: \"70px\"\r\n }\r\n});\r\n\r\nexport default appStyle;\r\n","import {\r\n dangerColor,\r\n whiteColor,\r\n secondaryColor\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n//.....styles..........\r\nconst signinStyle = theme => ({\r\n\r\n layout: {\r\n width: 'auto',\r\n display: 'block', // Fix IE11 issue.\r\n marginLeft: theme.spacing(3),\r\n marginRight: theme.spacing(3),\r\n paddingTop: theme.spacing() * 5,\r\n [theme.breakpoints.up(400 + theme.spacing(3 * 2))]: {\r\n width: 440,\r\n minHeight: 550,\r\n marginLeft: 'auto',\r\n marginRight: 'auto',\r\n },\r\n textAlign: 'center',\r\n },\r\n paper: {\r\n textAlign: 'center',\r\n // boxShadow: '0px 8px 10px',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n padding: `${theme.spacing() * 2}px ${theme.spacing() * 3}px ${theme.spacing() * 3}px`,\r\n },\r\n avatar: {\r\n margin: theme.spacing(),\r\n backgroundColor: theme.palette.secondary.main,\r\n },\r\n form: {\r\n maxWidth: '328px',\r\n width: '100%', // Fix IE11 issue.\r\n marginTop: theme.spacing(),\r\n },\r\n submit: {\r\n borderRadius: 20,\r\n maxWidth: '328px',\r\n maxHeight: '48px',\r\n marginTop: theme.spacing() * 1.5\r\n },\r\n\r\n submit1: {\r\n borderRadius: 20,\r\n maxWidth: '328px',\r\n maxHeight: '48px',\r\n marginTop: theme.spacing() * 1.5,\r\n\r\n },\r\n\r\n [`@media (height: 736px)`]: {\r\n submit1: {\r\n marginTop: theme.spacing() * 10,\r\n }\r\n },\r\n\r\n\r\n close: {\r\n padding: theme.spacing() / 2,\r\n },\r\n hyperText: {\r\n color: 'rgba(0, 0, 0, 0.54)',\r\n fontSize: '0.75rem',\r\n fontWeight: 400,\r\n lineHeight: 1.43,\r\n letterSpacing: '0.01071em',\r\n },\r\n labelRootError: {\r\n color: whiteColor,//dangerColor[0],\r\n marginTop: 0\r\n },\r\n checkboxStyle: {\r\n // padding:'7px 30px'\r\n paddingTop: 7,\r\n },\r\n checkboxLabelStyle: {\r\n fontSize: \"12px\",\r\n fontWeight: 600,\r\n textTransform: \"capitalize\",\r\n letterSpacing: \"0\",\r\n willChange: \"box-shadow, transform\",\r\n transition:\r\n \"box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)\",\r\n lineHeight: \"1.42857143\",\r\n textAlign: \"center\",\r\n whiteSpace: \"nowrap\",\r\n verticalAlign: \"middle\",\r\n touchAction: \"manipulation\",\r\n },\r\n\r\n white: {\r\n color: '#ffffff',\r\n },\r\n\r\n forgotPasswordLable: {\r\n paddingTop: '15px',\r\n marginLeft: 0,\r\n marginRight: 0,\r\n fontSize: \"12px\",\r\n fontWeight: 600,\r\n textTransform: \"capitalize\",\r\n letterSpacing: \"0\",\r\n willChange: \"box-shadow, transform\",\r\n transition:\r\n \"box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)\",\r\n lineHeight: \"1.42857143\",\r\n textAlign: \"center\",\r\n whiteSpace: \"nowrap\",\r\n verticalAlign: \"middle\",\r\n touchAction: \"manipulation\",\r\n },\r\n paperDialog: {\r\n borderRadius: 10\r\n },\r\n signinPaperContainer: {\r\n backgroundColor: secondaryColor[1],\r\n borderRadius: 20,\r\n position: \"relative\"\r\n },\r\n inputUnderlinewhite: {\r\n color: '#fff',\r\n \"&:before\": {\r\n borderBottom: '1px solid rgb(255 255 255)'\r\n },\r\n \"&:after\": {\r\n borderBottom: '2px solid black'\r\n }\r\n\r\n\r\n },\r\n\r\n number: {\r\n \"& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button\": {\r\n \"-webkit-appearance\": \"none\",\r\n margin: 0\r\n }\r\n },\r\n\r\n});\r\n\r\nexport default signinStyle;","// import section\r\n// import dateTime from '../Commanfunctions/dateTimeServices';\r\nimport validator from \"validator\";\r\n\r\n// Function to check null/empty/undefined value\r\nconst checkNull = (element, elementValue, errorMessage, validationObject) => {\r\n try {\r\n if (typeof errorMessage === 'undefined' || errorMessage === null || errorMessage.trim().length === 0)\r\n throw new Error(\"Error message is not provided for checking null value.\");\r\n\r\n if (typeof elementValue === 'undefined' || elementValue == null || (typeof elementValue==='string'? elementValue.trim().length === 0:elementValue == null)) {\r\n element = \"error\" + element;\r\n validationObject[element] = errorMessage;\r\n }\r\n }\r\n catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\n// Function to check maximum length of value\r\nconst checkMaxLength = (element, elementValue, maxLength, errorMessage, validationObject) => {\r\n try {\r\n if (typeof errorMessage === 'undefined' || errorMessage === null || errorMessage.trim().length === 0)\r\n throw new Error(\"Error message is not provided for checking maximum length.\");\r\n\r\n if (typeof maxLength === 'undefined' || maxLength == null || isNaN(maxLength))\r\n throw new Error(\"Invalid maximum length specified.\");\r\n\r\n if (typeof elementValue !== 'undefined' && elementValue != null && elementValue.trim().length != 0)\r\n if (elementValue.length > parseInt(maxLength)) {\r\n element = \"error\" + element;\r\n validationObject[element] = errorMessage;\r\n }\r\n }\r\n catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\n\r\n// Function to check minimum length of value\r\nconst checkMinLength = (element, elementValue, minLength, errorMessage, validationObject) => {\r\n try {\r\n if (typeof errorMessage === 'undefined' || errorMessage === null || errorMessage.trim().length === 0)\r\n throw new Error(\"Error message is not provided for checking minimum length.\");\r\n\r\n if (typeof minLength === 'undefined' || minLength == null || isNaN(minLength))\r\n throw new Error(\"Invalid minimum length specified.\");\r\n\r\n if (typeof elementValue !== 'undefined' && elementValue != null && elementValue.trim().length != 0)\r\n if (elementValue.length < parseInt(minLength)) {\r\n element = \"error\" + element;\r\n validationObject[element] = errorMessage;\r\n }\r\n }\r\n catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\n\r\n// Function to check number\r\nconst checkNumber = (element, elementValue, errorMessage, validationObject) => {\r\n try {\r\n if (typeof errorMessage === 'undefined' || errorMessage === null || errorMessage.trim().length === 0)\r\n throw new Error(\"Error message is not provided for checking number.\");\r\n\r\n if (typeof elementValue !== 'undefined' && elementValue != null && elementValue.trim().length != 0)\r\n if (isNaN(elementValue)) {\r\n element = \"error\" + element;\r\n validationObject[element] = errorMessage;\r\n }\r\n }\r\n catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\n// Function to check email\r\nconst checkEmail = (element, elementValue, errorMessage, validationObject) => {\r\n try {\r\n if (typeof errorMessage === 'undefined' || errorMessage === null || errorMessage.trim().length === 0)\r\n throw new Error(\"Error message is not provided for checking email.\");\r\n\r\n // Regular expression for checking valid email \r\n // --> Old Logic\r\n //let re = /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/i;\r\n\r\n if (typeof elementValue !== 'undefined' && elementValue != null && elementValue.trim().length != 0)\r\n // --> Old Logic\r\n //if(!re.test(elementValue))\r\n if (!validator.isEmail(elementValue)) {\r\n element = \"error\" + element;\r\n validationObject[element] = errorMessage;\r\n }\r\n }\r\n catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\n// Function to check number\r\nconst isDateGreater = (element1, element1Value, element2, element2Value, errorMessage, validationObject) => {\r\n try {\r\n if (typeof errorMessage === 'undefined' || errorMessage === null || errorMessage.trim().length === 0)\r\n throw new Error(\"Error message is not provided for checking greater date.\");\r\n\r\n if (typeof element1Value === 'undefined' || element1Value === null || element1Value.trim().length === 0 || isNaN(element1Value)) {\r\n let invalidDateMsg = element1 + \" should be a date.\";\r\n element1 = \"error\" + element1;\r\n validationObject[element1] = invalidDateMsg;\r\n }\r\n else if (typeof element2Value === 'undefined' || element2Value == null || element2Value.trim().length == 0 || isNaN(element2Value)) {\r\n let invalidDateMsg = element2 + \" should be a date.\";\r\n element2 = \"error\" + element2;\r\n validationObject[element2] = invalidDateMsg;\r\n }\r\n else if (parseInt(element1Value) > parseInt(element2Value)) {\r\n element1 = \"error\" + element1;\r\n validationObject[element1] = errorMessage;\r\n }\r\n }\r\n catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\n\r\n// // Function to check valid date\r\n// const checkDate = (element, elementValue, format, errorMessage, validationObject) => {\r\n// try {\r\n// if (typeof errorMessage === 'undefined' || errorMessage == null || errorMessage.trim().length == 0)\r\n// throw new Error(\"Error message is not provided for checking date value.\");\r\n\r\n// if (!dateTime.checkDate(elementValue, format)) {\r\n// element = \"error\" + element;\r\n// validationObject[element] = errorMessage;\r\n// }\r\n\r\n// }\r\n// catch (error) {\r\n// throw error;\r\n// }\r\n// }\r\n\r\n\r\n\r\n// Function to check mobile number\r\nconst checkMobileNumber = (element, elementValue, errorMessage, validationObject) => {\r\n try {\r\n if (typeof errorMessage === 'undefined' || errorMessage === null || errorMessage.trim().length === 0)\r\n throw new Error(\"Error message is not provided for checking mobile number.\");\r\n\r\n if (typeof elementValue !== 'undefined' && elementValue != null && elementValue.trim().length != 0)\r\n if (!validator.isMobilePhone(elementValue, 'en-IN')) {\r\n element = \"error\" + element;\r\n validationObject[element] = errorMessage;\r\n }\r\n\r\n }\r\n catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\n// Function to check mobile number validate\r\nconst checkMobileNumberVerification = (element, elementValue, elementStatus, errorMessage, validationObject) => {\r\n try {\r\n if (typeof errorMessage === 'undefined' || errorMessage === null || errorMessage.trim().length === 0)\r\n throw new Error(\"Error message is not provided for checking mobile number.\");\r\n if (typeof elementValue !== 'undefined' && elementValue != null && elementValue.trim().length !== 0) {\r\n element = \"error\" + element;\r\n if (typeof validationObject[element] === 'undefined' || validationObject[element] === \"\")\r\n if (!elementStatus) {\r\n validationObject[element] = errorMessage;\r\n }\r\n }\r\n }\r\n catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\n// Function to check Password\r\nconst checkPassword = (element, elementValue1, elementValue2, errorMessage, validationObject) => {\r\n try {\r\n if (typeof errorMessage === 'undefined' || errorMessage === null || errorMessage.trim().length === 0)\r\n throw new Error(\"Error message is not provided for checking Password.\");\r\n\r\n if (typeof elementValue1 !== 'undefined' && elementValue1 != null && elementValue1.trim().length != 0)\r\n if (typeof elementValue2 !== 'undefined' && elementValue2 != null && elementValue2.trim().length != 0)\r\n\r\n if (elementValue1 !== elementValue2) {\r\n element = \"error\" + element;\r\n validationObject[element] = errorMessage;\r\n }\r\n }\r\n catch (error) {\r\n throw error;\r\n }\r\n}\r\n\r\nexport {\r\n checkNull,\r\n checkMaxLength,\r\n checkMinLength,\r\n checkNumber,\r\n checkEmail,\r\n isDateGreater,\r\n // checkDate,\r\n checkMobileNumber,\r\n checkMobileNumberVerification,\r\n checkPassword\r\n};","import React, { useState, useEffect } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport PropTypes from \"prop-types\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport axiosConfig from \"util/axios\";\r\n\r\n//import reducer \r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport * as questActions from 'store/actions/index'\r\n\r\n//commonfunctions\r\nimport { clevertapEvents, facebookTracking } from \"util/commonfunctions\";\r\n\r\n// @material-ui/core\r\nimport Slide from '@material-ui/core/Slide';\r\nimport Input from '@material-ui/core/Input';\r\nimport Snackbar from '@material-ui/core/Snackbar';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\n// @material-ui/icons\r\nimport CloseIcon from '@material-ui/icons/Close';\r\n\r\n// core components\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport AlertDialog from \"components/CustomComponents/Dialog/AlertDialog\";\r\n\r\n//validations\r\nimport { checkNull, checkMobileNumber, checkMaxLength } from \"util/validations\";\r\n\r\n//variables error\r\nimport { LENGTH_ERROR } from 'variables/general'\r\n\r\n// custom style\r\nimport styles from \"assets/jss/components/views/signinStyle\";\r\n\r\n// StoreUserData\r\nimport { StoreUserData } from 'util/commonfunctions'\r\n\r\nconst Transition = React.forwardRef(function Transition(props, ref) {\r\n return \r\n
\r\n \r\n\r\n\r\n \r\n Enter mobile number \r\n {\r\n e.target.value = e.target.value ? Math.max(0, parseInt(e.target.value)).toString().slice(0, 10) : \"\"\r\n }}\r\n endAdornment={{state.errorUserName} \r\n \r\n\r\n\r\n \r\n Enter OTP \r\n setVerificationCode(e.target.value)}\r\n onInput={(e) => {\r\n e.target.value = e.target.value ? Math.max(0, parseInt(e.target.value)).toString().slice(0, 6) : \"\"\r\n }}\r\n type=\"number\"\r\n />\r\n {errorVerificationCode} \r\n \r\n\r\n {isNewuser\r\n ? \r\n Enter Code \r\n {\r\n dispatch(questActions.setPromoCode(e.target.value))\r\n }}\r\n inputProps={{ maxLength: 10 }}\r\n />\r\n {errorPromoCode} \r\n \r\n : null\r\n }\r\n\r\n handelLogin(newuser.promoCode)}>\r\n Login\r\n \r\n\r\n {/* \r\n \r\n \r\n By Clicking Login,You Agree to the SESL\r\n \r\n
\r\n \r\n \r\n\r\n setSnackbarMessage(\"\")}\r\n ContentProps={{ 'aria-errormessage': 'message-id', }}\r\n message={{snackbarMessage}}\r\n action={[\r\n setSnackbarMessage(\"\")}\r\n >\r\n
\r\n \r\n
*/}\r\n \r\n
\r\n onOpenURL(configs.tcUrl)} > Privacy Policy \r\n and\r\n onOpenURL(configs.tcUrl)} > Terms and Conditions\r\n
\r\n \r\n\r\n {title\r\n ?
\r\n\r\n );\r\n}\r\n\r\n// CustCardHeader.defaultProps={\r\n// titleClass:{}\r\n// }\r\n\r\nCustCardHeader.propTypes = {\r\n className: PropTypes.string,\r\n titleClassName: PropTypes.string,\r\n color: PropTypes.oneOf([\r\n \"warning\",\r\n \"success\",\r\n \"danger\",\r\n \"info\",\r\n \"primary\",\r\n \"rose\"\r\n ]),\r\n plain: PropTypes.bool,\r\n stats: PropTypes.bool,\r\n icon: PropTypes.bool,\r\n children: PropTypes.node,\r\n title: PropTypes.node,\r\n onClose:PropTypes.func\r\n};\r\n","import {\r\n primaryColor,\r\n dangerColor,\r\n successColor,\r\n grayColor,\r\n // defaultFont\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nconst customInputStyle = {\r\n disabled: {\r\n \"&:before\": {\r\n backgroundColor: \"transparent !important\"\r\n }\r\n },\r\n underline: {\r\n \"&:hover:not($disabled):before,&:before\": {\r\n borderColor: grayColor[4] + \" !important\",\r\n borderWidth: \"1px !important\"\r\n },\r\n \"&:after\": {\r\n borderColor: primaryColor[0]\r\n }\r\n },\r\n underlineError: {\r\n \"&:after\": {\r\n borderColor: dangerColor[0]\r\n }\r\n },\r\n underlineSuccess: {\r\n \"&:after\": {\r\n borderColor: successColor[0]\r\n }\r\n },\r\n // labelRoot: {\r\n // ...defaultFont,\r\n // color: grayColor[2] + \" !important\",\r\n // // fontWeight: \"400\",\r\n // // fontSize: \"0.875rem\",\r\n // fontWeight: \"600\",\r\n // fontSize: \"1rem\",\r\n // lineHeight: \"1.42857\",\r\n // letterSpacing: \"unset\"\r\n // }, \r\n radioRoot: {\r\n fontSize: \"0.75rem\",\r\n fontWeight: \"600\",\r\n },\r\n labelRootError: {\r\n color: dangerColor[0],\r\n marginTop: 0\r\n },\r\n labelRootSuccess: {\r\n color: successColor[0]\r\n },\r\n lableError: {\r\n marginTop: 0\r\n },\r\n feedback: {\r\n position: \"absolute\",\r\n top: \"18px\",\r\n right: \"0\",\r\n zIndex: \"2\",\r\n display: \"block\",\r\n width: \"24px\",\r\n height: \"24px\",\r\n textAlign: \"center\",\r\n pointerEvents: \"none\"\r\n },\r\n marginTop: {\r\n marginTop: \"16px\"\r\n },\r\n // marginDense:\r\n // {\r\n // marginBottom: '0px'\r\n // },\r\n formControl: {\r\n // paddingBottom: \"10px\",\r\n // margin: \"27px 0 0 0\",\r\n position: \"relative\",\r\n verticalAlign: \"unset\",\r\n // marginBottom: '0px !import'\r\n },\r\n footerButton: {\r\n marginRight: '10px'\r\n }\r\n};\r\n\r\nexport default customInputStyle;\r\n","import React from \"react\";\r\nimport PropTypes from \"prop-types\";\r\n\r\n// material-ui components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport FormControl from \"@material-ui/core/FormControl\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Radio from '@material-ui/core/Radio';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\n\r\n\r\n\r\n// custom style\r\nimport styles from \"assets/jss/components/customcomponents/customInputStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst TextInput = React.forwardRef((props, ref) => {\r\n const classes = useStyles();\r\n const {\r\n label,\r\n id,\r\n errorText,\r\n success,\r\n ...rest\r\n } = props;\r\n\r\n return (\r\n \r\n \r\n \r\n { title}\r\n \r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n
\r\n : null}\r\n {children}\r\n {actionClose}\r\n \r\n
\r\n );\r\n}\r\n\r\n\r\n\r\n// ...........................Checkbox.........................\r\nexport function CheckboxInput(props) {\r\n const classes = useStyles();\r\n const {\r\n description,\r\n ...rest\r\n } = props;\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n\r\n\r\n {/* */}\r\n */}\r\n setState({ ...state, firstName: e.target.value })}\r\n />\r\n\r\n option.boardName ? option.boardName : \"\"}\r\n errorText={state.errorboard}\r\n formControlProps={{ fullWidth: true, style: { display: 'none' } }}\r\n white\r\n />\r\n\r\n { setGrade(newValue) }}\r\n getOptionLabel={(option) => option.gradeName ? option.gradeName : \"\"}\r\n errorText={state.errorgrade}\r\n formControlProps={{ fullWidth: true }}\r\n white\r\n />\r\n\r\n\r\n\r\n
\r\n\r\n \r\n \r\n Continue\r\n \r\n
\r\n\r\n \r\n
\r\n )\r\n }\r\n\r\n return (\r\n \r\n {this.props.platform}\r\n
*/}\r\n\r\n\r\n\r\n \r\n \r\n {\r\n this.props.history.push({\r\n pathname: '/signin',\r\n search: `${this.state.actionType !== null ? \"?actionType=\" + this.state.actionType : ''}`\r\n })\r\n }}\r\n >\r\n Spectrum Login {this.props.platform}\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n */}\r\n
\r\n )\r\n}\r\n\r\nexport default Intermediate;\r\n\r\n","import {\r\n whiteColor,\r\n primaryColor,\r\n secondaryColor,\r\n warningColor,\r\n infoColor\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\n\r\nconst drawerWidth = 240;\r\nconst styles = theme => ({\r\n root: {\r\n display: 'flex',\r\n },\r\n toolbar: {\r\n // justifyContent: 'space-between',\r\n ...theme.mixins.toolbar\r\n },\r\n muiToolbarDense: {\r\n minHeight: 50\r\n },\r\n toolbarIcon: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'flex-end',\r\n padding: '0 8px',\r\n ...theme.mixins.toolbar,\r\n\r\n },\r\n\r\n appBar: {\r\n zIndex: theme.zIndex.drawer + 1,\r\n backgroundColor: whiteColor,\r\n color: secondaryColor[1],\r\n },\r\n appBarShift: {\r\n marginLeft: drawerWidth,\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n transition: theme.transitions.create(['width', 'margin'], {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.enteringScreen,\r\n }),\r\n },\r\n bottomNavigation: {\r\n backgroundColor: 'transparent',\r\n marginLeft: 'auto',\r\n marginRight: 'auto',\r\n alignItems: 'flex-start'\r\n },\r\n bottomNavigationActionRoot: {\r\n minWidth: 90\r\n },\r\n buttonNavigationAction: {\r\n color: 'inherit'\r\n },\r\n buttonNavigationsSelected: {\r\n color: `${infoColor[0]} !important`\r\n },\r\n menuButton: {\r\n marginLeft: 12,\r\n marginRight: 12,\r\n\r\n },\r\n menuButtonHidden: {\r\n display: 'none',\r\n },\r\n title: {\r\n fontWeight: 'bold',\r\n position: 'absolute'\r\n\r\n },\r\n title1: {\r\n color: \"white\"\r\n },\r\n avatarsmall: {\r\n width: theme.spacing(3.5),\r\n height: theme.spacing(3.5),\r\n },\r\n logoDiv: {\r\n position: \"absolute\",\r\n height: '50px',\r\n top: '0'\r\n },\r\n imageStyle: {\r\n height: \"inherit\"\r\n },\r\n\r\n actionLabel: {\r\n fontSize: '0.75rem !important'\r\n },\r\n muiIconRoot: {\r\n width: '2.5em !important'\r\n },\r\n rightIconContainer: {\r\n position: \"absolute\",\r\n height: '50px',\r\n top: 5,\r\n right:15,\r\n display:'flex'\r\n },\r\n svgIconRoot: {\r\n width: '1.2em !important',\r\n height: '1.2em !important'\r\n },\r\n\r\n iconnNotificationsButton: {\r\n color: primaryColor[0],\r\n padding: 5\r\n },\r\n \r\n iconbqbnseButton: {\r\n color: warningColor[0],\r\n padding: 5\r\n },\r\n\r\n userNameText: {\r\n fontWeight: 'bold',\r\n maxWidth: '10rem',\r\n lineHeight: 1,\r\n marginRight: 2,\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n // height: '3em',\r\n '-webkit-line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('xs')]: {\r\n maxWidth: '5rem',\r\n },\r\n }\r\n \r\n\r\n\r\n});\r\n\r\nexport default styles;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n// import material-ui/core\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport BottomNavigation from '@material-ui/core/BottomNavigation';\r\nimport BottomNavigationAction from '@material-ui/core/BottomNavigationAction';\r\n\r\n// import material-ui/icons\r\nimport Icon from '@material-ui/core/Icon';\r\nimport HomeIcon from '@material-ui/icons/Home';\r\nimport BarChartIcon from '@material-ui/icons/BarChart';\r\nimport MessageIcon from '@material-ui/icons/Message';\r\nimport Person from '@material-ui/icons/Person';\r\nimport NotificationsIcon from '@material-ui/icons/Notifications';\r\nimport CallIcon from '@material-ui/icons/Call';\r\n\r\n//import style\r\nimport styles from \"assets/jss/components/customcomponents/webHeaderStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\n\r\nconst MuiBottomNavigationAction = (props) => {\r\n const classes = useStyles();\r\n const { label, onClick, iconStyle, iconName, ...rest } = props\r\n return (\r\n \r\n {['001', '010', '011', '111'].map((v, i) =>\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n {/* \r\n\r\n\r\n props.openLeaderBoard()} label=\"Leader Board\" className={classes.iconbqbnseButton}>\r\n \r\n\r\n props.history.push('/home/notification')} label=\"Notification\" className={classes.iconnNotificationsButton}>\r\n \r\n
\r\n\r\n \r\n \r\n {props.loading\r\n ? \r\n\r\n {props.loading\r\n ?
\r\n\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n props.openLeaderBoard()} label=\"Leader Board\" className={classes.iconbqbnseButton}>\r\n \r\n\r\n props.history.push('/home/notification')} label=\"Notification\" className={classes.iconnNotificationsButton}>\r\n \r\n\r\n { }} label=\"speed dial\" className={classes.iconDialButton}>\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n \r\n {props.loading\r\n ? \r\n\r\n {props.loading\r\n ?
\r\n\r\n - \r\n {props.loading\r\n ?
loading....
\r\n : props.data.length === 0 ?\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n clickHandler(e)}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\nconst mapSateToProps = state => {\r\n return {\r\n questProgress: state.content.current_quest_progress,\r\n questContent: state.content.contentlist,\r\n }\r\n}\r\n\r\nexport default connect(mapSateToProps, null)(Dashboard);\r\n","// @material-ui/core\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n dialogTitle: {\r\n textAlign: \"center\"\r\n },\r\n avatar: {\r\n margin: theme.spacing(),\r\n backgroundColor: theme.palette.secondary.main,\r\n marginLeft: 'auto',\r\n marginRight: 'auto'\r\n\r\n },\r\n}))\r\n\r\nexport default useStyles;","import React, { useState } from 'react';\r\n//axios\r\nimport axiosConfig from \"util/axios\";\r\n\r\n// material component\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport Snackbar from '@material-ui/core/Snackbar';\r\nimport MuiAlert from '@material-ui/lab/Alert';\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport InputAdornment from '@material-ui/core/InputAdornment';\r\n// @material-ui/icons\r\nimport LockIcon from '@material-ui/icons/LockOutlined';\r\nimport Visibility from '@material-ui/icons/Visibility';\r\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\r\n\r\n\r\n//Custom Components\r\nimport { TextInput } from \"components/CustomComponents/Inputs/Inputs\"\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\n\r\n//validations\r\nimport { checkNull, checkPassword } from \"util/validations\";\r\n\r\n// styles\r\nimport useStyles from \"assets/jss/components/views/changePasswordStyle\";\r\n\r\nfunction Alert(props) {\r\n return Quest Progress
\r\nMission
\r\nOperation
\r\n- \r\n {data.map((value) => (\r\n
\r\n {/*-----Grid----- */}\r\n\r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n {props.infoLoading || picLoading ? \r\n \r\n }\r\n
\r\n\r\n\r\n imageUploader.current.click()} >\r\n
\r\n \r\n \r\n {props.infoLoading || picLoading ? \r\n \r\n {props.infoLoading || picLoading ? \r\n\r\n \r\n {props.infoLoading || picLoading ? \r\n\r\n
\r\n - \r\n {localStorage.getItem('PASSWORD_TYPE') === 'PASSWORD'\r\n ?
- \r\n {props.loadingSharedData\r\n ? null\r\n : props.sharedData.sharedList.map((data, index) =>\r\n
\r\n \r\n {children}\r\n \r\n
\r\n );\r\n}\r\n\r\nCard.propTypes = {\r\n className: PropTypes.string,\r\n plain: PropTypes.bool,\r\n profile: PropTypes.bool,\r\n chart: PropTypes.bool,\r\n children: PropTypes.node\r\n};\r\n","import {\r\n warningCardHeader,\r\n successCardHeader,\r\n dangerCardHeader,\r\n infoCardHeader,\r\n primaryCardHeader,\r\n roseCardHeader,\r\n whiteColor\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nconst cardHeaderStyle = {\r\n cardHeader: {\r\n padding: \"0.75rem 1.25rem\",\r\n display: 'flex',\r\n marginBottom: \"0\",\r\n borderBottom: \"none\",\r\n background: \"transparent\",\r\n zIndex: \"3 !important\",\r\n \"&$cardHeaderPlain,&$cardHeaderIcon,&$cardHeaderStats,&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\r\n margin: \"0 15px\",\r\n padding: \"0\",\r\n position: \"relative\",\r\n color: whiteColor\r\n },\r\n \"&:first-child\": {\r\n borderRadius: \"calc(.25rem - 1px) calc(.25rem - 1px) 0 0\"\r\n },\r\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\r\n \"&:not($cardHeaderIcon)\": {\r\n borderRadius: \"3px\",\r\n marginTop: \"-20px\",\r\n padding: \"15px\"\r\n }\r\n },\r\n \"&$cardHeaderStats svg\": {\r\n fontSize: \"36px\",\r\n lineHeight: \"56px\",\r\n textAlign: \"center\",\r\n width: \"36px\",\r\n height: \"36px\",\r\n margin: \"10px 10px 4px\"\r\n },\r\n \"&$cardHeaderStats i,&$cardHeaderStats .material-icons\": {\r\n fontSize: \"36px\",\r\n lineHeight: \"56px\",\r\n width: \"56px\",\r\n height: \"56px\",\r\n textAlign: \"center\",\r\n overflow: \"unset\",\r\n marginBottom: \"1px\"\r\n },\r\n \"&$cardHeaderStats$cardHeaderIcon\": {\r\n textAlign: \"right\"\r\n }\r\n },\r\n cardHeaderPlain: {\r\n marginLeft: \"0px !important\",\r\n marginRight: \"0px !important\"\r\n },\r\n cardHeaderStats: {\r\n \"& $cardHeaderIcon\": {\r\n textAlign: \"right\"\r\n },\r\n \"& h1,& h2,& h3,& h4,& h5,& h6\": {\r\n margin: \"0 !important\"\r\n }\r\n },\r\n cardHeaderIcon: {\r\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\r\n background: \"transparent\",\r\n boxShadow: \"none\"\r\n },\r\n \"& i,& .material-icons\": {\r\n width: \"33px\",\r\n height: \"33px\",\r\n textAlign: \"center\",\r\n lineHeight: \"33px\"\r\n },\r\n \"& svg\": {\r\n width: \"24px\",\r\n height: \"24px\",\r\n textAlign: \"center\",\r\n lineHeight: \"33px\",\r\n margin: \"5px 4px 0px\"\r\n }\r\n },\r\n warningCardHeader: {\r\n color: whiteColor,\r\n \"&:not($cardHeaderIcon)\": {\r\n ...warningCardHeader\r\n }\r\n },\r\n successCardHeader: {\r\n color: whiteColor,\r\n \"&:not($cardHeaderIcon)\": {\r\n ...successCardHeader\r\n }\r\n },\r\n dangerCardHeader: {\r\n color: whiteColor,\r\n \"&:not($cardHeaderIcon)\": {\r\n ...dangerCardHeader\r\n }\r\n },\r\n infoCardHeader: {\r\n color: whiteColor,\r\n \"&:not($cardHeaderIcon)\": {\r\n ...infoCardHeader\r\n }\r\n },\r\n primaryCardHeader: {\r\n color: whiteColor,\r\n \"&:not($cardHeaderIcon)\": {\r\n ...primaryCardHeader\r\n }\r\n },\r\n roseCardHeader: {\r\n color: whiteColor,\r\n \"&:not($cardHeaderIcon)\": {\r\n ...roseCardHeader\r\n }\r\n },\r\n cardTitle:{\r\n flex: \"auto\", \r\n padding: '0.40625rem 1.25rem 0 0'\r\n },\r\n close: {\r\n width: \"20px\",\r\n height: \"20px\"\r\n },\r\n\r\n};\r\n\r\nexport default cardHeaderStyle;\r\n","import React from \"react\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport IconButton from \"@material-ui/core/IconButton\";\r\nimport Hidden from \"@material-ui/core/Hidden\";\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\n// @material-ui/icons\r\nimport Close from \"@material-ui/icons/Close\";\r\n// core components\r\nimport styles from \"./styles/cardHeaderStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function CustCardHeader(props) {\r\n const classes = useStyles();\r\n const { className, children, color, plain, stats, icon, title,onClose, ...rest } = props;\r\n let actionClose = null;\r\n const cardHeaderClasses = classNames({\r\n [classes.cardHeader]: true,\r\n [classes[color + \"CardHeader\"]]: color,\r\n [classes.cardHeaderPlain]: plain,\r\n [classes.cardHeaderStats]: stats,\r\n [classes.cardHeaderIcon]: icon,\r\n [className]: className !== undefined\r\n });\r\n\r\n if (onClose !== undefined) {\r\n actionClose = \r\n \r\n\r\n {title\r\n ?
\r\n\r\n );\r\n}\r\n\r\nCustCardHeader.propTypes = {\r\n className: PropTypes.string,\r\n color: PropTypes.oneOf([\r\n \"warning\",\r\n \"success\",\r\n \"danger\",\r\n \"info\",\r\n \"primary\",\r\n \"rose\"\r\n ]),\r\n plain: PropTypes.bool,\r\n stats: PropTypes.bool,\r\n icon: PropTypes.bool,\r\n children: PropTypes.node,\r\n title: PropTypes.node,\r\n onClose:PropTypes.func\r\n};\r\n","import {\r\n warningCardHeader,\r\n successCardHeader,\r\n dangerCardHeader,\r\n infoCardHeader,\r\n primaryCardHeader,\r\n roseCardHeader,\r\n grayColor\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nconst cardIconStyle = {\r\n cardIcon: {\r\n \"&$warningCardHeader,&$successCardHeader,&$dangerCardHeader,&$infoCardHeader,&$primaryCardHeader,&$roseCardHeader\": {\r\n borderRadius: \"3px\",\r\n backgroundColor: grayColor[0],\r\n padding: \"15px\",\r\n marginTop: \"-20px\",\r\n marginRight: \"15px\",\r\n float: \"left\",\r\n },\r\n // width:'70px',\r\n // height:'70px',\r\n // display: 'block',\r\n // marginLeft: 'auto',\r\n // marginRight: 'auto',\r\n },\r\n warningCardHeader,\r\n successCardHeader,\r\n dangerCardHeader,\r\n infoCardHeader,\r\n primaryCardHeader,\r\n roseCardHeader\r\n};\r\n\r\nexport default cardIconStyle;\r\n","import React from \"react\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n// @material-ui/icons\r\n\r\n// core components\r\nimport styles from \"./styles/cardIconStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function CardIcon(props) {\r\n const classes = useStyles();\r\n const { className, children, color, ...rest } = props;\r\n const cardIconClasses = classNames({\r\n [classes.cardIcon]: true,\r\n [classes[color + \"CardHeader\"]]: color,\r\n [className]: className !== undefined\r\n });\r\n return (\r\n \r\n \r\n \r\n { title}\r\n \r\n \r\n \r\n \r\n {title}\r\n \r\n \r\n
\r\n : null}\r\n {children}\r\n {actionClose}\r\n \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nCardIcon.propTypes = {\r\n className: PropTypes.string,\r\n color: PropTypes.oneOf([\r\n \"warning\",\r\n \"success\",\r\n \"danger\",\r\n \"info\",\r\n \"primary\",\r\n \"rose\"\r\n ]),\r\n children: PropTypes.node\r\n};\r\n","import {\r\n successColor,\r\n whiteColor,\r\n grayColor,\r\n hexToRgb,\r\n blackColor\r\n} from \"assets/jss/material-dashboard-react.js\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n cardStyle: {\r\n borderRadius: 0\r\n },\r\n\r\n cardHeader: {\r\n margin:'0px !important',\r\n \"&$cardHeader svg\": {\r\n width: 30\r\n },\r\n },\r\n cardIconStyle: {\r\n boxShadow:'none !important',\r\n borderRadius: '0px !important',\r\n padding: \"10px !important\",\r\n // maxHeight: 55,\r\n // maxWidth: 55,\r\n marginTop: '0px !important'\r\n },\r\n cardCategoryDiv: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n textAlign: 'left',\r\n justifyContent:'center'\r\n },\r\n cardCategory: {\r\n color: blackColor,\r\n fontWeight: 'bold',\r\n margin: \"0\",\r\n fontSize: \"16px\",\r\n marginTop: \"0\",\r\n // paddingTop: \"10px\",\r\n marginBottom: \"0\"\r\n },\r\n cardFooter: {\r\n margin: '0 10px 0px 0px',\r\n textAlign: 'end'\r\n },\r\n stats: {\r\n color: blackColor,\r\n display: \"inline-flex\",\r\n fontSize: \"12px\",\r\n lineHeight: \"22px\",\r\n \"& svg\": {\r\n top: \"4px\",\r\n width: \"16px\",\r\n height: \"16px\",\r\n position: \"relative\",\r\n marginRight: \"3px\",\r\n marginLeft: \"3px\"\r\n },\r\n \"& .fab,& .fas,& .far,& .fal,& .material-icons\": {\r\n top: \"4px\",\r\n fontSize: \"16px\",\r\n position: \"relative\",\r\n marginRight: \"3px\",\r\n marginLeft: \"3px\"\r\n }\r\n },\r\n\r\n}));\r\n\r\nexport default useStyles;","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n cardContainer: {\r\n display: 'flex',\r\n justifyContent: 'center'\r\n },\r\n}));\r\n\r\nexport default useStyles;","import { makeStyles } from '@material-ui/core/styles';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n cardContainer: {\r\n display: 'flex',\r\n justifyContent: 'center'\r\n },\r\n}));\r\n\r\nexport default useStyles;","import { makeStyles } from '@material-ui/core/styles';\r\nconst useStyles = makeStyles((theme) => ({\r\n divButtonsStyle: {\r\n display: 'flex',\r\n justifyContent: \"space-between\"\r\n },\r\n buttonBackNext: {\r\n padding: \"8px 28px\",\r\n [theme.breakpoints.down('sm')]: {\r\n padding: '0 10px'\r\n },\r\n },\r\n\r\n}));\r\n\r\nexport default useStyles;","import React from 'react'\r\nimport moment from 'moment'\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\"\r\n\r\n// material-ui components\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\n// components\r\nimport Button from 'components/CustomComponents/CustomButtons/Button'\r\n// @material-ui/icons/\r\nimport ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\nimport useStyles from \"assets/jss/components/customcomponents/monthYearSelectorStyle\";\r\n\r\nconst currentDate = new Date()\r\n\r\nconst MonthYearSelector = (props) => {\r\n const classes = useStyles();\r\n const {\r\n value,\r\n onChange,\r\n ...rest\r\n } = props;\r\n\r\n const handleNext = () => {\r\n onChange(moment(value).add(1, 'month'))\r\n }\r\n\r\n const handleBack = () => {\r\n onChange(moment(value).subtract(1, 'month'))\r\n }\r\n\r\n const isLastStep = () => {\r\n return (moment(value).year() === moment(currentDate).year() && moment(value).month() === moment(currentDate).month())\r\n }\r\n\r\n return (\r\n \r\n {moment(value).format('MMMM YYYY')} \r\n \r\n
)\r\n}\r\n\r\nMonthYearSelector.defaultProps = {\r\n value: currentDate\r\n}\r\n\r\nMonthYearSelector.propTypes = {\r\n value: PropTypes.any,\r\n onChange: PropTypes.func\r\n};\r\n\r\nexport default MonthYearSelector;","import {\r\n dangerColor,\r\n boxShadow\r\n } from \"assets/jss/material-dashboard-react.js\";\r\n\r\n import { makeStyles } from \"@material-ui/core/styles\";\r\n //.....styles..........\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n cardStyle: {\r\n marginBottom: \"30px\",\r\n marginTop: \"30px\",\r\n borderRadius: 10,\r\n ...boxShadow\r\n },\r\n listGridContainer: {\r\n display: 'flex',\r\n justifyContent: \"center\"\r\n },\r\n \r\n }));\r\n \r\n export default useStyles;","import React from 'react';\r\n//@material-ui/core\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\nimport ShowMoreText from 'react-show-more-text';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\n// custom style\r\nimport useStyles from \"assets/jss/components/views/NotificationStyle\";\r\n\r\nconst SkeletonCard = (props) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n {data.modifiedOn}\r\n \r\n
Show more}\r\n less={<>
Show less}\r\n className='content-css'\r\n anchorClass='my-anchor-css-class'\r\n expanded={false}\r\n // width={600}\r\n >\r\n {data.messageText}\r\n \r\n
\r\n Show more}\r\n less={<>
Show less}\r\n className='content-css'\r\n anchorClass='my-anchor-css-class'\r\n expanded={false}\r\n // width={600}\r\n >\r\n {data.messageText}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Connnect;","import {\r\n dangerColor,\r\n boxShadow\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n//.....styles..........\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n cardStyle: {\r\n marginBottom: \"30px\",\r\n marginTop: \"30px\",\r\n borderRadius: 10,\r\n // borderBottomStyle: 'inset',\r\n ...boxShadow,\r\n padding: 10\r\n },\r\n listGridContainer: {\r\n display: 'flex',\r\n justifyContent: \"center\"\r\n },\r\n senderName: {\r\n width: '100%',\r\n fontWeight: 'bold',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n '-webkit-line-clamp': '1',\r\n },\r\n },\r\n subject: {\r\n display: 'flex',\r\n fontWeight: 'bold',\r\n alignItems: 'center',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n // display: '-webkit-box',\r\n '-webkit-line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n '-webkit-line-clamp': '1',\r\n },\r\n },\r\n messageText: {\r\n overflow: 'hidden',\r\n lineHeight: 1.3,\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '2',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n '-webkit-line-clamp': '2',\r\n },\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n letterSpacing: ' 0.00714em'\r\n },\r\n small: {\r\n width: theme.spacing(3),\r\n height: theme.spacing(3),\r\n fontSize: 14,\r\n marginRight: 5\r\n },\r\n gridContainerStyle: {\r\n margin: 0,\r\n height: '100%',\r\n overflowY: 'overlay',\r\n overflowX: 'hidden',\r\n [theme.breakpoints.down('sm')]: {\r\n // height: '60vh',\r\n },\r\n },\r\n gridItemStyle: {\r\n padding: 0\r\n },\r\n cardContent: {\r\n // padding: '0px 16px'\r\n },\r\n chip: {\r\n margin: theme.spacing(0.2),\r\n borderRadius: 2,\r\n maxWidth: 400,\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n '-webkit-line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n maxWidth: '-webkit-fill-available',\r\n },\r\n },\r\n iconTime: {\r\n fontSize: 15,\r\n marginRight: 2\r\n }\r\n\r\n}));\r\n\r\nexport default useStyles;","import React from 'react';\r\n// nodejs library to set properties for components\r\nimport moment from 'moment'\r\nimport PropTypes from \"prop-types\";\r\n//@material-ui/core\r\nimport Card from '@material-ui/core/Card';\r\nimport CardActions from '@material-ui/core/CardActions';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\nimport { Avatar } from '@material-ui/core';\r\n\r\nimport TodayIcon from '@material-ui/icons/Today';\r\nimport AccessTimeIcon from '@material-ui/icons/AccessTime';\r\nimport TimelapseIcon from '@material-ui/icons/Timelapse';\r\n\r\n// core components\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\n// custom style\r\nimport useStyles from \"./styles/messagesCardStyle\";\r\n\r\n\r\nconst SkeletonCard = (props) => {\r\n const classes = useStyles();\r\n return (\r\n setMonthYear(value)} value={monthyear} />\r\n
\r\n \r\n
\r\n \r\n \r\n {data.CourseName}\r\n \r\n \r\n {data.scheduleName}\r\n \r\n \r\n {data.Teacher}\r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n )\r\n}\r\n\r\nexport default Container","import * as actionTypes from '../actionTypes';\r\nimport axiosConfig from \"util/axios\";\r\n\r\n//---Todays Online Classes---\r\nexport const setTodaysOnlineClasses = (MEETINGS_SCHEDULE) => {\r\n return {\r\n type: actionTypes.SET_TODAYS_ONLINE_CLASSES,\r\n schedule: MEETINGS_SCHEDULE\r\n }\r\n}\r\n\r\nexport const fetchTodaysOnlineClasses = () => {\r\n return async (dispatch, getState) => {\r\n const UserId = getState().user.userinfo.userId\r\n await axiosConfig().get('/QuestSchedule/GetCurrentUserSchedules', {\r\n params: {\r\n UserId: UserId\r\n }\r\n }).then(response => {\r\n // console.log(response.data);\r\n dispatch(setTodaysOnlineClasses(response.data))\r\n }).catch(function (error) {\r\n if (error.response.data)\r\n throw new Error(error.response.data.error)\r\n throw new Error(error.message);\r\n });\r\n }\r\n}\r\n\r\n","import * as actionTypes from './actionTypes';\r\n// import axios\r\nimport axiosConfig from \"util/axios\";\r\n\r\n\r\n\r\n//-------------Message Announcements-----------------\r\n\r\nexport const setFetchLoadingStatus=(status)=>{\r\n return{\r\n type:actionTypes.FETCH_QUERY_LOADING,\r\n status: status,\r\n }\r\n}\r\n\r\n\r\nexport const setMessageAnnouncements = (messages) => {\r\n return {\r\n type: actionTypes.SET_QUERY_DATA,\r\n inbox: messages,\r\n }\r\n};\r\n\r\nexport const fetchMessageAnnouncements = () => {\r\n return async (dispatch, getState) => {\r\n dispatch(setFetchLoadingStatus(true))\r\n await axiosConfig().get('/QuestMessage/GetMessageList').then(response => {\r\n dispatch(setMessageAnnouncements(response.data))\r\n }).catch(error => {\r\n dispatch(setFetchLoadingStatus(false))\r\n throw new Error(error)\r\n });\r\n }\r\n}\r\n\r\n// ----------Post Query Message--------------\r\nexport const postQueryMessage = (message, attachmentList) => {\r\n return async (dispatch, getState) => {\r\n const formData = new FormData();\r\n formData.append('messageTypeId', 1)\r\n formData.append('questId', message.questId)\r\n formData.append('missionId', message.missionId)\r\n formData.append('operationId', message.operationId)\r\n formData.append('subject', message.subject)\r\n formData.append('messageBody', message.messageBody)\r\n formData.append('parentMessageId', message.parentMessageId)\r\n formData.append('isActive', true)\r\n attachmentList.forEach((element, index) => {\r\n formData.append(`attachmentList[${index}].id`, index + '');\r\n formData.append(`attachmentList[${index}].fileName`, element.name);\r\n formData.append(`attachmentList[${index}].fileSize`, element.size.toString());\r\n formData.append(`attachmentList[${index}].fileType`, element.type);\r\n formData.append(`attachmentList[${index}].isActive`, 'true');\r\n formData.append(`attachmentList[${index}].isDeleted`, 'false');\r\n formData.append(`attachmentList[${index}].isNew`, 'true');\r\n formData.append(`attachmentList[${index}].index`, index + '');\r\n formData.append(`attachmentList[${index}].fileUrl`, '');\r\n formData.append(`attachmentList[${index}].file`, element);\r\n });\r\n\r\n\r\n await axiosConfig().post('/QuestMessage/InsertUpdateMessage', formData, {\r\n headers: {\r\n 'Content-Type': 'multipart/form-data'\r\n }\r\n }).then(response=>{\r\n dispatch(fetchMessageAnnouncements())\r\n }).catch((error) => {\r\n if (error.response.data)\r\n throw new Error(error.response.data.error)\r\n throw new Error(error.message);\r\n });\r\n }\r\n}\r\n","import {\r\n dangerColor,\r\n boxShadow\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n//.....styles..........\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n cardStyle: {\r\n borderRadius: 10,\r\n margin: 10,\r\n ...boxShadow,\r\n },\r\n listGridContainer: {\r\n display: 'flex',\r\n justifyContent: \"center\"\r\n },\r\n senderName: {\r\n width: '85%',\r\n fontWeight: 'bold',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n '-webkit-line-clamp': '1',\r\n },\r\n },\r\n subject: {\r\n fontWeight: 'bold',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n '-webkit-line-clamp': '1',\r\n },\r\n },\r\n messageText: {\r\n overflow: 'hidden',\r\n lineHeight: 1.3,\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '2',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n '-webkit-line-clamp': '2',\r\n },\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n letterSpacing:' 0.00714em'\r\n },\r\n small: {\r\n width: theme.spacing(3),\r\n height: theme.spacing(3),\r\n fontSize: 14,\r\n marginRight: 5\r\n },\r\n gridContainerStyle: {\r\n margin: 0,\r\n height: '100%',\r\n overflowY: 'overlay',\r\n overflowX: 'hidden',\r\n [theme.breakpoints.down('sm')]: {\r\n // height: '60vh',\r\n },\r\n },\r\n gridItemStyle: {\r\n padding: 0\r\n },\r\n cardContent: {\r\n padding: '8px 16px'\r\n },\r\n chip: {\r\n margin: theme.spacing(0.2),\r\n borderRadius: 2,\r\n maxWidth: 400,\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n '-webkit-line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n maxWidth: '-webkit-fill-available',\r\n },\r\n },\r\n\r\n}));\r\n\r\nexport default useStyles;","import React from 'react';\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n//@material-ui/core\r\nimport Card from '@material-ui/core/Card';\r\nimport CardActionArea from '@material-ui/core/CardActionArea';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\n\r\n// core components\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\n\r\n//@material-ui/icons\r\nimport AttachmentIcon from '@material-ui/icons/Attachment';\r\n// custom style\r\nimport useStyles from \"./styles/messagesCardStyle\";\r\n\r\nconst SkeletonCard = (props) => {\r\n const classes = useStyles();\r\n return (\r\n { }}\r\n />\r\n
\r\n \r\n \r\n {message.subject}\r\n \r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n {message.Date}\r\n \r\n \r\n {message.missionDisplayName}\r\n \r\n
\r\n {message.attachmentList ?\r\n \r\n
\r\n \r\n \r\n \r\n {children} \r\n
\r\n \r\n {onAttachment ? (\r\n \r\n \r\n ) : null}\r\n\r\n
\r\n\r\n\r\n \r\n \r\n \r\n
\r\n\r\n ) : null}\r\n {onSave ? (\r\n \r\n
\r\n );\r\n })}\r\n\r\n \r\n \r\n \r\n
\r\n }\r\n {/* \r\n \r\n
\r\n \r\n\r\n {currentQuery.attachmentList\r\n ? currentQuery.attachmentList.map((data) => {\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n {moment(currentQuery.createdOn).format('DD/MM/YYYY')}\r\n \r\n
\r\n \r\n {/* H */}\r\n \r\n {currentQuery.createdByName}\r\n \r\n
\r\n \r\n }\r\n label={data.fileName}\r\n // onDelete={data.label === 'React' ? undefined : handleDelete(data)}\r\n className={classes.chip}\r\n onDelete={() => fileDowload(data)}\r\n onClick={() => fileDowload(data)}\r\n />\r\n
\r\n );\r\n })\r\n : null\r\n }\r\n \r\n )\r\n}\r\n\r\nconst MessageDeatilsCard = (props) => {\r\n const { onReply, currentQuery } = props\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const sm = useMediaQuery(theme.breakpoints.down('sm'));\r\n\r\n\r\n const [checked, setChecked] = React.useState(false);\r\n const [open, setOpen] = useState(false);\r\n\r\n\r\n const handleChange = () => {\r\n setChecked((prev) => !prev);\r\n };\r\n\r\n\r\n\r\n return (\r\n {/* Dialog */}\r\n \r\n \r\n\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Inbox;","import React, { useState, useEffect } from \"react\";\r\n\r\n// custom components\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\n//Redux\r\nimport { useDispatch, useSelector } from 'react-redux'\r\n//import reducer \r\nimport * as messageActions from \"components/Views/QueryBox/store/actions/index\"\r\n\r\n// Views\r\nimport Inbox from './Inbox'\r\n\r\n// Styles\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nconst useStyles = makeStyles((theme) => ({\r\n listGridContainer: {\r\n display: 'flex',\r\n justifyContent: \"center\",\r\n transform: 'translate(0%, 0px)',\r\n\r\n },\r\n\r\n}));\r\n\r\n\r\nconst MailContainer = (props) => {\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n\r\n const [loading, setLoading] = useState(false)\r\n const inboxLoading = useSelector(state => state.messages.loading)\r\n\r\n useEffect(() => {\r\n fetchMessageAnnouncements()\r\n }, [])\r\n\r\n const fetchMessageAnnouncements = () => {\r\n setLoading(true)\r\n dispatch(messageActions.fetchMessageAnnouncements()).then(() => {\r\n setLoading(false)\r\n }).catch(error => {\r\n setLoading(false)\r\n console.log(error);\r\n });\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default MailContainer","import React from \"react\";\r\nimport { BrowserRouter as Router, Route, Switch, withRouter } from \"react-router-dom\";\r\nimport { TransitionGroup, CSSTransition } from \"react-transition-group\";\r\n// @material-ui/core\r\nimport withStyles from '@material-ui/core/styles/withStyles';\r\n// core components\r\nimport Drawer from 'components/CustomComponents/Drawer/Drawer';\r\n// Views\r\nimport Dashboard from 'components/Views/Dashboard/Dashboard'\r\nimport HomeDefaultComponent from 'components/Views/Home'\r\nimport Profile from \"components/Views/Profile/Profile\"\r\nimport Connect from \"components/Views/Connect\"\r\nimport Notification from 'components/Views/Notification/Notification'\r\nimport OnlineClasses from 'components/Views/Connect/views/OnlineClasses'\r\n\r\nimport QueryBox from 'components/Views/QueryBox/views'\r\n\r\n// styles\r\nimport styles from \"assets/jss/components/views/homeStyle\";\r\n\r\n// img\r\nimport QuestLogo from \"assets/img/icons/Questlogoheader.png\";\r\n\r\nconst Routes = [\r\n {\r\n path: \"/home/querybox\",\r\n name: \"QueryBox\",\r\n icon: null,\r\n component: QueryBox,\r\n layout: \"\",\r\n divider: null,\r\n submenu: [],\r\n collapse: false,\r\n },\r\n {\r\n path: \"/home/connect\",\r\n name: \"Connect\",\r\n icon: null,\r\n component: OnlineClasses,\r\n layout: \"\",\r\n divider: null,\r\n submenu: [],\r\n collapse: false,\r\n },\r\n {\r\n path: \"/home/dashboard\",\r\n name: \"Dashboard\",\r\n icon: null,\r\n component: Dashboard,\r\n layout: \"\",\r\n divider: null,\r\n submenu: [],\r\n collapse: false,\r\n },\r\n {\r\n path: \"/home/profile\",\r\n name: \"profile\",\r\n icon: null,\r\n component: Profile,\r\n layout: \"\",\r\n divider: null,\r\n submenu: [],\r\n collapse: false,\r\n },\r\n {\r\n path: \"/home/notification\",\r\n name: \"Notification\",\r\n icon: null,\r\n component: Notification,\r\n layout: \"\",\r\n divider: null,\r\n submenu: [],\r\n collapse: false,\r\n },\r\n {\r\n path: \"/home\",\r\n name: \"Home\",\r\n icon: null,\r\n component: HomeDefaultComponent,\r\n layout: \"\",\r\n divider: null,\r\n submenu: [],\r\n collapse: false,\r\n },\r\n \r\n\r\n\r\n]\r\n\r\n\r\nconst SwitchRoutes = (props) => (\r\n \r\n \r\n { node.addEventListener(\"transitionend\", done, false); }}\r\n classNames=\"fade\" >\r\n \r\n\r\n
\r\n\r\n )\r\n }\r\n}\r\n\r\n\r\n\r\nexport default withRouter(withStyles(styles)(Home));","import {\r\n whiteColor,\r\n primaryColor\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\n\r\nconst drawerWidth = 240;\r\nconst styles = theme => ({\r\n root: {\r\n display: 'flex',\r\n },\r\n\r\n appBar: {\r\n zIndex: theme.zIndex.drawer + 1,\r\n backgroundColor: whiteColor,\r\n color: primaryColor[0],\r\n },\r\n appBarShift: {\r\n marginLeft: drawerWidth,\r\n width: `calc(100% - ${drawerWidth}px)`,\r\n transition: theme.transitions.create(['width', 'margin'], {\r\n easing: theme.transitions.easing.sharp,\r\n duration: theme.transitions.duration.enteringScreen,\r\n }),\r\n },\r\n toolbar: {\r\n // justifyContent: 'space-between',\r\n ...theme.mixins.toolbar\r\n },\r\n muiToolbarDense: {\r\n minHeight: 50,\r\n padding: 0,\r\n [theme.breakpoints.down('sm')]: {\r\n minHeight: 45\r\n },\r\n },\r\n toolbarIcon: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'flex-end',\r\n padding: '0 8px',\r\n ...theme.mixins.toolbar,\r\n\r\n },\r\n title: {\r\n fontWeight: 'bold',\r\n color: '#00B8AC',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n /* line-height: 16px; */\r\n /* max-height: 32px; */\r\n '-webkit-line-clamp': '2',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: '0.875rem',\r\n lineHeight: 1.43,\r\n letterSpacing: '0.01071em'\r\n }\r\n },\r\n\r\n iconButton: {\r\n color: primaryColor[0],\r\n // padding: 5\r\n },\r\n\r\n\r\n\r\n});\r\n\r\nexport default styles;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\n\r\n// import material-ui/core\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport IconButton from '@material-ui/core/IconButton';\r\n\r\n\r\n// import material-ui/icons\r\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\r\nimport AlertDialog from \"components/CustomComponents/Dialog/AlertDialog\";\r\n\r\n//import style\r\nimport styles from \"assets/jss/components/customcomponents/pageNavigationStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst AdminNavbarLinks = (props) => {\r\n const classes = useStyles();\r\n const [alertDialog, setAlertDialog] = React.useState(false);\r\n // const [value, setValue] = React.useState(0);\r\n\r\n /*-----------------------handle Alert Close Dialog--------------------*/\r\n const handleAlertCloseDialog = () => {\r\n setAlertDialog(false);\r\n };\r\n\r\n /*-----------------------handle back--------------------*/\r\n const handleBack = () => {\r\n if (props.alert) {\r\n setAlertDialog(true);\r\n } else {\r\n props.back ? props.history.push(props.back) : props.history.goBack()\r\n }\r\n\r\n };\r\n\r\n /*-----------------------handle Alert onOK--------------------*/\r\n const handleAlertOK = async () => {\r\n handleAlertCloseDialog()\r\n };\r\n\r\n\r\n const divClasses = classNames({\r\n [props.className]: props.className\r\n });\r\n\r\n return (\r\n = 0 ? \"left\" : \"right\"}>\r\n
\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {/*-----Alert Dialog----- */}\r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n {props.logoText}\r\n \r\n
\r\n\r\n\r\n {props.children}\r\n\r\n \r\n {/*-----PageNavigation----- */}\r\n
\r\n );\r\n\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n userInfo: state.user.userinfo,\r\n quest: state.quest.current_quest,\r\n }\r\n}\r\n\r\n\r\nexport default connect(mapStateToProps, null)(NexoolView);\r\n\r\n","\r\nimport React from 'react';\r\nimport classNames from \"classnames\";\r\nimport { makeStyles, withStyles } from '@material-ui/core/styles';\r\n\r\nimport PropTypes from 'prop-types';\r\nimport CircularProgress from '@material-ui/core/CircularProgress';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Box from '@material-ui/core/Box';\r\n// style\r\nimport {\r\n orangeColor,\r\n dangerColor,\r\n successColor\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\n\r\n// Inspired by the former Facebook spinners.\r\nconst useStylesFacebook = makeStyles((theme) => ({\r\n root: {\r\n position: 'relative',\r\n display: 'flex'\r\n },\r\n\r\n bottom: {\r\n color: theme.palette.grey[theme.palette.type === 'light' ? 200 : 700],\r\n },\r\n top: {\r\n color: '#1a90ff',\r\n animationDuration: '550ms',\r\n position: 'absolute',\r\n left: 0,\r\n },\r\n colorPrimary25: {\r\n color: dangerColor[0],\r\n },\r\n colorPrimary50: {\r\n color: orangeColor[0],\r\n },\r\n colorPrimary100: {\r\n color: successColor[0],\r\n },\r\n\r\n circle: {\r\n strokeLinecap: 'round',\r\n },\r\n\r\n}));\r\n\r\n\r\nfunction CircularProgressWithLabel(props) {\r\n const classes = useStylesFacebook();\r\n\r\n const progressClass = classNames({\r\n [classes.top]: true,\r\n [classes[`colorPrimary${props.value <= 25 ? '25' : (props.value > 25 && props.value <= 50) ? '50' : '100'}`]]: true,\r\n });\r\n\r\n return (\r\n \r\n {loading ? (\r\n
\r\n \r\n
\r\n\r\n ) : null}\r\n {Token ? Loading...
\r\n \r\n
\r\n \r\n \r\n {props.title}\r\n \r\n
\r\n )\r\n}\r\n\r\nconst ChapterCards = (props) => {\r\n\r\n ///const contentList =getSteps()\r\n const classes = useStyles();\r\n // const [activeCard, setActiveCard] = React.useState(0);\r\n\r\n\r\n useEffect(() => {\r\n if (props.operation.missionId !== props.mission.missionId) {\r\n props.setCurrentOperation()\r\n }\r\n }, [props.mission])\r\n\r\n\r\n\r\n const handleCardSelect = (operation) => {\r\n props.setCurrentOperation(operation)\r\n props.onClick(operation);\r\n }\r\n\r\n // useEffect(() => { window.scrollTo(0, 0) }, [props.operation.operationId])\r\n\r\n\r\n return (\r\n\r\n \r\n \r\n {props.countText}\r\n \r\n
\r\n \r\n {props.icon}\r\n
\r\n \r\n\r\n {operation.videoCount ?\r\n
\r\n \r\n\r\n {sm // mobile \r\n ? \r\n \r\n \r\n \r\n\r\n : \r\n \r\n \r\n\r\n \r\n \r\n {props.operation.operationDisplayName}\r\n \r\n
\r\n \r\n \r\n }\r\n \r\n {/* height: '90vh' */}\r\n props.history.push({ pathname: '/topics' })} > \r\n
\r\n \r\n { }} > \r\n
\r\n \r\n Loading...
}>\r\n \r\n\r\n {ScreenOrientation === \"portrait\"\r\n ?
\r\n );\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n content: state.content.contentlist,\r\n operation: state.content.current_operation\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, null)(SwipeableTextMobileStepper);\r\n","import React, { useState } from 'react';\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// import material component\r\nimport Avatar from '@material-ui/core/Avatar';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Snackbar from '@material-ui/core/Snackbar';\r\nimport MuiAlert from '@material-ui/lab/Alert';\r\n// @material-ui/icons\r\nimport LockIcon from '@material-ui/icons/MobileFriendly';\r\n//import Custom Components\r\nimport Progress from \"components/CustomComponents/Progress/Progress\"\r\nimport { TextInput } from \"components/CustomComponents/Inputs/Inputs\"\r\nimport CustomButton from \"components/CustomComponents/CustomButtons/Button\"\r\n// custom style\r\nimport useStyles from \"assets/jss/components/views/signupStyle\";\r\n//variables error\r\nimport { LENGTH_ERROR } from 'variables/general'\r\n//validations\r\nimport { checkNull, checkMaxLength } from 'util/validations'\r\n\r\nfunction Alert(props) {\r\n return \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {typeof onRemenberMeClicked === 'undefined' && (current_content.contentTypeCode === '01' || current_content.contentTypeCode === '02' || current_content.contentTypeCode === '03')\r\n ?
\r\n\r\n \r\n {questContentsList.length\r\n ? (handleChangeTask(type))}\r\n />}\r\n />\r\n : null}\r\n {taskList.length\r\n ? taskList.map((current_task, indx) =>\r\n (handleChangeTask(type))}\r\n topics={content.add.questContents.filter((questContent) => current_task.taskId === questContent.taskId)} />}\r\n />\r\n\r\n ) : null\r\n }\r\n
\r\n \r\n \r\n Did`t receive the verification OTP ?\r\n \r\n
\r\n\r\n \r\n \r\n Resend OTP\r\n \r\n
\r\n 0 ? 'visible' : 'hidden' }}> */}\r\n \r\n Continue\r\n \r\n {/*
*/}\r\n \r\n \r\n {\r\n node.addEventListener(\"transitionend\", done, false);\r\n }}\r\n classNames=\"fade\"\r\n >\r\n {getStepContent(activeStep)}\r\n \r\n \r\n\r\n
\r\n \r\n setForgotDialogTitle(title)}\r\n onClose={closeForgotDialog}\r\n onResetPassword={onResetPassword}\r\n />\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n\r\n {/* ....Facebook.......*/}\r\n {/* \r\n \r\n Google\r\n */}\r\n\r\n\r\n {/* \r\n Username \r\n setState({ ...state, userName: e.target.value })}\r\n onKeyPress={handleKeyPress}\r\n />\r\n {state.errorUserName} \r\n \r\n\r\n \r\n Password \r\n setState({ ...state, password: e.target.value })}\r\n onKeyPress={handleKeyPress}\r\n />\r\n {state.errorPassword} \r\n \r\n\r\n \r\n \r\n {/*....Create account.......*/}\r\n \r\n \r\n Forgot Password?}\r\n />\r\n {/* */}\r\n \r\n\r\n {/* \r\n {\r\n this.props.history.push('/signup')\r\n }}>Sign Up}\r\n />\r\n */}\r\n \r\n \r\n I'm a new user. I want to Explore\r\n \r\n }\r\n\r\n {props.onSignUp\r\n && \r\n I'm a new user. I want to Sign Up\r\n \r\n }\r\n\r\n\r\n {/* \r\n \r\n \r\n */}\r\n\r\n\r\n\r\n\r\n {/* \r\n \r\n {/*....Facebook.......*/}\r\n {/* \r\n \r\n \r\n {/*....Google.......*/}\r\n {/* \r\n \r\n */}\r\n\r\n \r\n \r\n \r\n By Clicking Login,You Agree to the SESL\r\n \r\n
\r\n \r\n \r\n\r\n\r\n setErrorMessage(\"\")}\r\n ContentProps={{ 'aria-errormessage': 'message-id', }}\r\n message={{errorMessage}}\r\n action={[\r\n setErrorMessage(\"\")}\r\n >\r\n
\r\n \r\n OR \r\n
*/}\r\n\r\n \r\n {props.isBack\r\n && history.push('/')}\r\n >\r\n Back\r\n \r\n }\r\n \r\n \r\n Login\r\n \r\n\r\n
\r\n \r\n
\r\n\r\n {props.onExplore\r\n && \r\n \r\n Don`t have an account?\r\n \r\n
\r\n \r\n this.props.history.push('/signup')} > Sign Up\r\n
\r\n \r\n
\r\n onOpenURL(configs.tcUrl)} > Privacy Policy \r\n and\r\n onOpenURL(configs.tcUrl)} > Terms and Conditions\r\n
\r\n\r\n \r\n \r\n \r\n\r\n \r\n this.navigateTo(test)}\r\n isBack={(this.props.platform === \"IOS\" || this.props.apptype === 'Spectrum') ? false : true}\r\n // onExplore={() => this.props.history.push('/products')}\r\n />\r\n \r\n\r\n \r\n
\r\n \r\n \r\n Back\r\n \r\n\r\n \r\n {props.activeStep === props.steps.length - 1 ? 'Finish' : 'Next'}\r\n \r\n
\r\n \r\n \r\n {\r\n setMobileValidation(false)\r\n }} >\r\n Edit\r\n \r\n {\" mobile number.\"}\r\n \r\n
\r\n : null\r\n }\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Back\r\n \r\n\r\n \r\n {props.activeStep === props.steps.length - 1 ? 'Finish' : 'Next'}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n Back\r\n \r\n props.handleNext()}\r\n className={classes.button}\r\n >\r\n {props.activeStep === props.steps.length - 1 ? 'Finish' : 'Next'}\r\n \r\n
\r\n \r\n \r\n \r\n\r\n {loading ? < LinearProgress color=\"primary\" style={{ margin: '0px 20px 0px 20px' }} /> : null}\r\n \r\n\r\n \r\n {steps.map((label, index) => (\r\n \r\n \r\n ))}\r\n \r\n\r\n \r\n {\r\n node.addEventListener(\"transitionend\", done, false);\r\n }}\r\n classNames=\"fade\"\r\n >\r\n {getStepContent(activeStep)}\r\n\r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n { }}\r\n action={[{ text: 'OK', onPress: () => onCloseAlert() }\r\n ]}\r\n />\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n {/* */}\r\n */}\r\n\r\n \r\n \r\n setState({ ...state, firstName: e.target.value })}\r\n />\r\n \r\n\r\n \r\n option.boardName ? option.boardName : \"\"}\r\n errorText={state.errorboard}\r\n formControlProps={{ fullWidth: true }}\r\n />\r\n \r\n\r\n \r\n { setGrade(newValue) }}\r\n getOptionLabel={(option) => option.gradeName ? option.gradeName : \"\"}\r\n errorText={state.errorgrade}\r\n formControlProps={{ fullWidth: true }}\r\n />\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n Continue\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n { }}\r\n action={[{ text: 'OK', onPress: () => onCloseAlert() }\r\n ]}\r\n />\r\n\r\n \r\n {/* */}\r\n */}\r\n\r\n \r\n \r\n setState({ ...state, firstName: e.target.value })}\r\n />\r\n \r\n \r\n\r\n {/* \r\n \r\n setState({ ...state, email: e.target.value })}\r\n />\r\n \r\n \r\n\r\n\r\n \r\n \r\n setState({ ...state, cityName: e.target.value })}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n setState({ ...state, pincode: e.target.value })}\r\n onInput={(e) => {\r\n e.target.value = e.target.value ? Math.max(0, parseInt(e.target.value)).toString().slice(0, 6) : \"\"\r\n }}\r\n />\r\n \r\n */}\r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n
\r\n \r\n \r\n Continue\r\n \r\n\r\n
\r\n \r\n {/*-----PageNavigation----- */}\r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n {props.loading ?\r\n props.history.push('/assessment')}\r\n onClick={onBeginTest}\r\n >\r\n Begin Test\r\n \r\n }\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n\r\n {/* */}\r\n
\r\n \r\n );\r\n}\r\n\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n content: state.content.current_content,\r\n test: state.content.current_test,\r\n loading: state.questions.loading,\r\n mission: state.content.current_mission,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n onSetCurrentTest: (testCode) => dispatch(questActions.setCurrentTest(testCode)),\r\n onInitQuestions: (testCode) => dispatch(questActions.initQuestions(testCode)),\r\n setCurrentTestHistory: (data) => dispatch(questActions.setCurrentTestHistory(data)),\r\n }\r\n\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(InstructionAssessment);\r\n","import React, { useMemo } from 'react';\r\nimport ReactMarkdown from 'react-markdown';\r\nimport RemarkMathPlugin from 'remark-math';\r\nimport { BlockMath, InlineMath } from 'react-katex';\r\nimport 'katex/dist/katex.min.css';\r\n\r\nconst _mapProps = (props) => ({\r\n ...props,\r\n escapeHtml: false,\r\n plugins: [\r\n RemarkMathPlugin\r\n ],\r\n renderers: {\r\n ...props.renderers,\r\n math: ({ value }) => \r\n\r\n {/*-----Grid----- */}\r\n \r\n \r\n \r\n {props.loading\r\n ? 
\r\n }\r\n \r\n \r\n \r\n\r\n {/* */}\r\n\r\n {/* \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n {props.loading ?\r\n \r\n
\r\n \r\n\r\n : \r\n \r\n
\r\n\r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n
*/}\r\n\r\n \r\n \r\n {props.loading ? \r\n\r\n\r\n
\r\n \r\n {props.loading\r\n ? \r\n \r\n }\r\n\r\n
\r\n \r\n Time: \r\n {props.test.totalDuration} min \r\n
\r\n \r\n < Info > Questions: \r\n {props.test.totalQuestion} \r\n
\r\n \r\n
)/, \"
\")\r\n Input=Input.replace(/(<\\/p>)/, \"
\")\r\n Input=Input.replace(/<\\/?span[^>]*>/g,\"\")\r\n\r\n return \r\n \r\n \r\n \r\n \r\n {props.questionText}\r\n \r\n \r\n \r\n \r\n \r\n props.onFlag(props.missionTestQuestionId)} >\r\n \r\n \r\n \r\n \r\n\r\n
\r\n )\r\n}\r\n\r\n\r\n\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n updateQuestioAnswers: (answer, questionId) => dispatch(questActions.updateQuestioAnswer(answer, questionId)),\r\n updateAnswerDuration: (duration, questionId) => dispatch(questActions.updateAnswerDuration(duration, questionId)),\r\n\r\n }\r\n}\r\n\r\n\r\nexport default connect(null, mapDispatchToProps)(QuestionAnswers);\r\n","import React, { useEffect, useState } from \"react\";\r\n\r\n//Redux\r\nimport { connect } from 'react-redux'\r\n\r\nimport { Doughnut, Line } from 'react-chartjs-2';\r\n\r\n//@material-ui/core\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\n//Custom Components\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport Body from \"components/CustomComponents/Card/CardBody.js\";\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\n\r\n// common functions\r\nimport { hhmmss } from \"util/commonfunctions\";\r\n\r\n\r\n// styles\r\nimport Styles from \"assets/jss/components/views/assessmentStyle\";\r\nconst useStyles = makeStyles(Styles);\r\n\r\n\r\nconst afterTickToLabelConversion = (scaleInstance) => {\r\n // set the first and last tick to null so it does not display\r\n // note, ticks[0] is the last tick and ticks[length - 1] is the first\r\n scaleInstance.ticks[0] = null;\r\n scaleInstance.ticks[scaleInstance.ticks.length - 1] = null;\r\n\r\n // need to do the same thing for this similiar array which is used internally\r\n scaleInstance.ticksAsNumbers[0] = null;\r\n scaleInstance.ticksAsNumbers[scaleInstance.ticksAsNumbers.length - 1] = null;\r\n}\r\n\r\n\r\nconst barchartOptions = {\r\n responsive: true,\r\n legend: {\r\n display: false,\r\n position: 'bottom',\r\n },\r\n animation: {\r\n animateScale: true,\r\n animateRotate: true\r\n },\r\n plugins: {\r\n labels: {\r\n fontSize: 0,\r\n render: 'value',\r\n fontStyle: 'bold',\r\n showZero: false,\r\n }\r\n }\r\n}\r\n\r\n\r\nconst QuestionAnswers = (props) => {\r\n const classes = useStyles();\r\n const [minutes, setMinutes] = useState(0);\r\n const [seconds, setSeconds] = useState(0);\r\n\r\n const skipCount = props.answers.reduce((Count, currentValue) => Count + (currentValue.isQuestionSkipped === \"0\" ? 1 : 0), 0)\r\n const rightCount = props.answers.reduce((Count, currentValue) => Count + parseInt(currentValue.isAnsweredCorrect), 0)\r\n const wrongCount = props.answers.reduce((Count, currentValue) => Count + (currentValue.isAnsweredCorrect === \"0\" && currentValue.isQuestionSkipped !== \"0\" ? 1 : 0), 0)\r\n const marksObtained = props.answers.reduce((Count, currentValue) => Count + parseFloat(currentValue.questionMarksObtained), 0)\r\n const data = {\r\n datasets: [{\r\n data: [skipCount, rightCount, wrongCount],\r\n backgroundColor: ['#A9A9A9', '#51D887', '#FF0000']\r\n }],\r\n\r\n // These labels appear in the legend and in the tooltips when hovering different arcs\r\n labels: ['Skip', 'Correct', 'Incorrect'],\r\n };\r\n\r\n const legend = {\r\n position: \"bottom\",\r\n }\r\n\r\n\r\n const [bestAttempt, setBestAttempt] = useState({})\r\n const [allAttempt, setAllAttempt] = useState({})\r\n useEffect(() => {\r\n\r\n\r\n if (Object.keys(props.testHistory).length > 0) {\r\n let bestAttempt = props.testHistory.attemptList.filter(op => op.attemptNumber === props.testHistory.bestAttemptNumber).reduce((acc, cv) => { return acc = cv }, {})\r\n setBestAttempt(bestAttempt)\r\n let all_attempt = props.testHistory.attemptList.sort((a, b) => a.attemptNumber - b.attemptNumber);\r\n setAllAttempt({\r\n datasets: [{\r\n data: all_attempt.map(data => {\r\n return data.marksObtained\r\n }),\r\n }],\r\n labels: all_attempt.map(data => {\r\n return data.attemptNumber\r\n }),\r\n })\r\n }\r\n }, [props.testHistory])\r\n\r\n useEffect(() => {\r\n if (props.test.testAttemptedDuration > 0) {\r\n let totalSeconds = Number(props.test.testAttemptedDuration);\r\n totalSeconds %= 3600;\r\n const newMinutes = Math.floor(totalSeconds / 60);\r\n const newSeconds = totalSeconds % 60;\r\n setMinutes(newMinutes)\r\n setSeconds(newSeconds)\r\n }\r\n }, [])\r\n\r\n\r\n return (\r\n - \r\n {/*----- Spinner---- */}\r\n {loading ? : null}\r\n\r\n {props.options.optionItems.map(option =>\r\n\r\n
\r\n \r\n Correct Answer\r\n \r\n
\r\n\r\n \r\n \r\n Explanation :\r\n \r\n \r\n \r\n {props.explanation}\r\n \r\n \r\n
}\r\n\r\n \r\n
\r\n \r\n \r\n {props.loading ? \r\n \r\n {props.loading ? \r\n \r\n {props.loading ? \r\n \r\n {props.loading ? \r\n \r\n {props.loading ? \r\n \r\n {props.loading ? \r\n
\r\n \r\n
\r\n \r\n \r\n {props.loading ? \r\n \r\n {props.loading ? \r\n \r\n {props.loading ? \r\n \r\n {props.loading ? \r\n \r\n {props.loading ? \r\n \r\n {props.loading ? \r\n
\r\n \r\n Set backup account \r\n
\r\n );\r\n}","import React, { useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\n\r\n\r\nimport { Collapse, DialogActions, DialogContent, DialogTitle, FormHelperText, LinearProgress } from '@material-ui/core';\r\n//axios\r\nimport axiosConfig from \"util/axios\";\r\nimport { checkNull } from 'util/validations';\r\nimport { dangerColor } from 'assets/jss/material-dashboard-react';\r\nimport { Alert } from '@material-ui/lab';\r\n\r\nconst useStyles = makeStyles({\r\n labelRootError: {\r\n color: dangerColor[0],\r\n marginTop: -8\r\n },\r\n});\r\n\r\n\r\nconst QuestionFlag = (props) => {\r\n const classes = useStyles();\r\n const { questionId, onClose, onSubmit } = props\r\n const [progress, setProgress] = useState(false);\r\n const [remark, setRemark] = useState('');\r\n const [errorRemark, setErrorRemark] = useState('');\r\n const [error,setError]=useState('');\r\n\r\n const postRemark = () => {\r\n setErrorRemark('')\r\n setError('')\r\n setProgress(true)\r\n // Validation\r\n let validationObject = {};\r\n checkNull(\"Remark\", remark, \"Remark is required\", validationObject);\r\n\r\n if (Object.keys(validationObject).length != 0) {\r\n setProgress(false)\r\n setErrorRemark(validationObject.errorRemark)\r\n } else {\r\n axiosConfig().post('/OnlineTest/QuestionFlag', {\r\n questionId: questionId,\r\n remark: remark\r\n }).then(response => {\r\n setProgress(false)\r\n if (response.data.isSuccess) {\r\n setRemark('')\r\n onSubmit(response.data.message)\r\n }else{\r\n setError(response.data.message)\r\n }\r\n\r\n }).catch((error) => {\r\n setProgress(false)\r\n });\r\n }\r\n\r\n\r\n\r\n }\r\n return (\r\n - \r\n {emails.map((email) => (\r\n
\r\n {/*-----PageNavigation----- */}\r\n 0 || revieweMode) ? true : false}\r\n logoText={props.content.contentDisplayName}\r\n alert={true}\r\n alertMessage={(props.test.testAttemptCount > 0 || revieweMode)\r\n ? 'Please close the test.'\r\n : 'You have started the test, Please complete the test before you leave.'}\r\n />\r\n {/*-----Dialog----- */}\r\n {isTimesup &&\r\n \r\n \r\n }\r\n\r\n\r\n\r\n {/*-----Alert Dialog----- */}\r\n { }}\r\n action={[\r\n {\r\n text: 'Cancel',\r\n onPress: handleAlertCloseDialog,\r\n style: 'cancel'\r\n },\r\n { text: 'OK', onPress: handleAlertOK }\r\n ]}\r\n />\r\n\r\n {/*-----Alert Dialog----- */}\r\n { }}\r\n action={[\r\n {\r\n text: 'Cancel',\r\n onPress: handleCloseFlagAlert,\r\n style: 'cancel'\r\n },\r\n { text: 'OK', onPress: handleFlagAlertOK }\r\n ]}\r\n />\r\n\r\n {/*-----Dialog Help----- */}\r\n {helpDialog\r\n ? \r\n : null\r\n }\r\n\r\n {/*-----Dialog Flag----- */}\r\n {flagDialog\r\n ? \r\n : null\r\n }\r\n\r\n\r\n {/* ------Snackbar------ */}\r\n \r\n \r\n {snackbarMessage}\r\n \r\n \r\n\r\n {/*-----page-container----- */}\r\n
\r\n\r\n )\r\n}\r\n\r\n\r\nconst mapSateToProps = state => {\r\n return {\r\n test: state.content.current_test,\r\n questions: state.questions.questions,\r\n answers: state.questions.answers,\r\n content: state.content.current_content,\r\n userInfo: state.user.userinfo,\r\n quest: state.quest.current_quest,\r\n mission: state.content.current_mission,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n // onInitTestAnswers: (answers) => dispatch(questActions.initTestAnswers(answers)),\r\n updateTestAttemptCount: () => dispatch(questActions.updateTestAttemptCount()),// For check Current Test is attempted or not \r\n onPostTestAttempt: (userId) => dispatch(questActions.postTestAttempt(userId)), // //also update content,current_cuntent and quest_progress \r\n updateTestAttemptedDuration: (duration) => dispatch(questActions.updateTestAttemptedDuration(duration)),\r\n setCurrentTestHistory: (data) => dispatch(questActions.setCurrentTestHistory(data)),\r\n\r\n }\r\n}\r\n\r\n\r\nexport default connect(mapSateToProps, mapDispatchToProps)(Assessment);\r\n","import {\r\n whiteColor,\r\n primaryColor\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\n\r\nconst drawerWidth = 240;\r\nconst styles = theme => ({\r\n root: {\r\n display: 'flex',\r\n },\r\n\r\n inputStyle: {\r\n color: 'white',\r\n padding: 0,\r\n maxWidth: 40,\r\n borderBottom: '2px solid #3f51b5'\r\n },\r\n pdfControl: {\r\n flexDirection: \"row\",\r\n display: \"flex\",\r\n alignItems: 'center',\r\n color: \"white\",\r\n backgroundColor: 'rgba(0,0,0,1)',\r\n position: 'fixed',\r\n left:0,\r\n zIndex: '100',\r\n width: '100%',\r\n bottom: 0,\r\n maxHeight: '50px',\r\n justifyContent: \"center\"\r\n },\r\n fab: {\r\n position: 'fixed',\r\n zIndex: '100',\r\n bottom: theme.spacing(10),\r\n right: theme.spacing(4),\r\n },\r\n\r\n\r\n\r\n});\r\n\r\nexport default styles;\r\n","import React, { useState } from 'react';\r\nimport { Document, Page, pdfjs } from 'react-pdf';\r\nimport { saveAs } from 'file-saver';\r\n// import axios\r\nimport axiosConfig from \"util/axios\";\r\n//Redux\r\nimport { useDispatch, useSelector } from 'react-redux'\r\nimport * as questActions from 'store/actions/index'\r\n\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n\r\n// import material-ui/core\r\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\r\nimport Hidden from \"@material-ui/core/Hidden\";\r\nimport { Input } from '@material-ui/core';\r\nimport Fab from '@material-ui/core/Fab';\r\n\r\n//@material-ui/icons\r\nimport KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';\r\nimport KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';\r\nimport ZoomInIcon from '@material-ui/icons/ZoomIn';\r\nimport ZoomOutIcon from '@material-ui/icons/ZoomOut';\r\nimport GetAppIcon from '@material-ui/icons/GetApp';\r\n//Custom Components\r\nimport Button from 'components/CustomComponents/CustomButtons/Button'\r\nimport Loading from 'components/CustomComponents/Progress/Progress'\r\n\r\n//import style\r\nimport styles from \"assets/jss/components/customcomponents/PDFViewStyle.js\";\r\nimport './PDFViewStyle.css';\r\nimport 'react-pdf/dist/Page/AnnotationLayer.css';\r\nimport 'assets/css/loader.css';\r\nimport Progress from 'components/CustomComponents/Progress/Progress';\r\nimport PinchToZoom from 'react-pinch-and-zoom';\r\n\r\npdfjs.GlobalWorkerOptions.workerSrc = `https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;\r\nconst useStyles = makeStyles(styles);\r\n\r\n\r\n\r\nexport default function PDFViewer(props) {\r\n const {\r\n fileurl,\r\n password,\r\n ...rest\r\n } = props;\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const [numPages, setNumPages] = useState(null);\r\n const [pageNumber, setPageNumber] = useState(1);\r\n const [inputNumber, setInputNumber] = useState(1);\r\n const [pagScale, setPagScale] = useState(1);\r\n const [isLoading, setLoading] = useState(false)\r\n\r\n\r\n function onDocumentLoadSuccess({ numPages }) {\r\n setNumPages(numPages);\r\n }\r\n\r\n const handleNext = () => {\r\n setPageNumber((prevActiveStep) => prevActiveStep + 1);\r\n setInputNumber((prevActiveStep) => prevActiveStep + 1);\r\n };\r\n\r\n const handleBack = () => {\r\n setPageNumber((prevActiveStep) => prevActiveStep - 1);\r\n setInputNumber((prevActiveStep) => prevActiveStep - 1);\r\n };\r\n\r\n const handleChange = (event) => {\r\n setInputNumber(parseInt(event.target.value));\r\n };\r\n\r\n const handleZoomin = () => {\r\n if (pagScale < 4)\r\n setPagScale((prevActiveStep) => prevActiveStep + 0.5);\r\n };\r\n\r\n const handleZoomout = () => {\r\n if (pagScale > 0.5)\r\n setPagScale((prevActiveStep) => prevActiveStep - 0.5);\r\n };\r\n\r\n const handleKeyPress = (e) => {\r\n const value = e.target.value\r\n const charCode = e.charCode;\r\n if (charCode == 13) {\r\n if (value > 0 && value <= numPages) {\r\n setPageNumber(parseInt(value))\r\n setInputNumber(parseInt(value));\r\n } else {\r\n setPageNumber(1)\r\n setInputNumber(1);\r\n }\r\n }\r\n\r\n }\r\n\r\n const handleDownload = (uri, fileName) => {\r\n if (typeof window.Android !== 'undefined') {\r\n window.Android.downloadPdfFile(uri);\r\n dispatch(questActions.contentDownload(props.contentId));\r\n }\r\n else if (typeof onRemenberMeClicked !== 'undefined') {\r\n window.getPDFDownloadURL(uri);\r\n dispatch(questActions.contentDownload(props.contentId));\r\n } else if (typeof window.flutter_inappwebview !== 'undefined') {\r\n window.flutter_inappwebview.callHandler('downloadPdfFile', uri, '');\r\n dispatch(questActions.contentDownload(props.contentId));\r\n }\r\n else {\r\n // saveAs(uri, `${fileName}.pdf`);\r\n setLoading(true)\r\n fetch(uri)\r\n .then(res => res.blob()) // Gets the response and returns it as a blob\r\n .then(blob => {\r\n setLoading(false)\r\n let objectURL = URL.createObjectURL(blob);\r\n const link = document.createElement(\"a\");\r\n link.href = objectURL;\r\n document.body.appendChild(link);\r\n link.setAttribute('download', fileName);\r\n link.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));\r\n // Remove link from body\r\n dispatch(questActions.contentDownload(props.contentId))\r\n document.body.removeChild(link);\r\n }).catch(function (error) {\r\n setLoading(false)\r\n console.log(error);\r\n });\r\n\r\n // axiosConfig().get('/QuestContent/GetDocument', {\r\n // params: {\r\n // ContentCode: props.contentId,\r\n // }\r\n // }).then(response => {\r\n // console.log(response.data);\r\n // setLoading(false)\r\n // const blob = new Blob([response.data], { type: 'application/pdf' });\r\n // const blobUrl = URL.createObjectURL(blob);\r\n // const link = document.createElement(\"a\");\r\n // link.href = blobUrl;\r\n // link.download = `${fileName}.pdf`;\r\n // document.body.appendChild(link);\r\n // link.dispatchEvent(\r\n // new MouseEvent('click', {\r\n // bubbles: true,\r\n // cancelable: true,\r\n // view: window\r\n // })\r\n // );\r\n // dispatch(questActions.contentDownload(props.contentId))\r\n // // Remove link from body\r\n // document.body.removeChild(link);\r\n\r\n // }).catch(function (error) {\r\n // console.log(error);\r\n // });\r\n }\r\n }\r\n\r\n return (\r\n\r\n \r\n\r\n {/*-----Grid----- */}\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n {props.test.testAttemptCount === 0 ? (\r\n \r\n {/* \r\n \r\n ) : null}\r\n\r\n\r\n \r\n \r\n {props.test.testAttemptCount === 0 || revieweMode\r\n ? \r\n {props.questions.qadd.map((question, index) => (\r\n \r\n \r\n ))}\r\n \r\n : null}\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n {props.test.testAttemptCount > 0 && !revieweMode ? (\r\n \r\n {\r\n node.addEventListener(\"transitionend\", done, false);\r\n }}\r\n classNames=\"asm-fade\"\r\n >\r\n \r\n\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n \r\n\r\n {props.test.testAttemptCount > 0 ? (\r\n revieweMode\r\n ? \r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n\r\n {props.test.testAttemptedDuration}
*/}\r\n {/* */}\r\n \r\n
\r\n : \r\n } >\r\n Back\r\n \r\n
\r\n \r\n\r\n \r\n }>\r\n Next\r\n \r\n
\r\n \r\n \r\n\r\n \r\n
\r\n\r\n ) : (\r\n \r\n
\r\n\r\n )}\r\n \r\n } >\r\n Back\r\n \r\n
\r\n\r\n \r\n\r\n \r\n }>\r\n Next\r\n \r\n
\r\n \r\n\r\n handleDownload(props.fileurl, props.fileName)}>\r\n \r\n }\r\n \r\n callback(password)}\r\n onLoadSuccess={onDocumentLoadSuccess}\r\n loading={ \r\n
\r\n );\r\n}\r\n\r\n\r\nPDFViewer.propTypes = {\r\n fileurl: PropTypes.string,\r\n password: PropTypes.string,\r\n};","import React, { useEffect } from \"react\";\r\n// @material-ui/core\r\n// import { makeStyles, withStyles } from \"@material-ui/core/styles\";\r\n//Redux\r\nimport { connect } from 'react-redux'\r\n//import reducer \r\nimport * as questActions from 'store/actions/index'\r\n\r\n// core components\r\nimport PageNavigation from 'components/CustomComponents/Navbars/PageNavigation'\r\nimport PDFView from 'components/CustomComponents/PDFView/PDFView'\r\n\r\n//variables\r\nimport { CURRENT_DATE_TIME } from \"variables/general.js\";\r\n// styles\r\n// import styles from \"assets/jss/components/views/PDFViewerStyle\";\r\n// const useStyles = makeStyles(styles);\r\n\r\n\r\n\r\nconst PDFViewer = (props) => {\r\n\r\n useEffect(() => {\r\n let accessTime = 0;\r\n const timer = setInterval(() => {\r\n accessTime++\r\n }, 1000);\r\n return () => {\r\n if (accessTime > 10) {\r\n const BODY_DATA = {\r\n \"missionActivityId\": \"\", // Don't set this\r\n \"userId\": props.userInfo.userId,\r\n \"locationId\": props.userInfo.locationId,\r\n \"groupId\": props.userInfo.groupId,\r\n \"questId\": props.quest.questId,\r\n \"contentId\": props.content.contentId,\r\n \"contentTypeCode\": props.content.contentTypeCode,\r\n \"accessDate\": \"\" + CURRENT_DATE_TIME(),\r\n \"accessDuration\": \"\" + accessTime,\r\n \"missionActivitySummaryId\": \"\" // Don't set this\r\n }\r\n props.onPostContentAccess(BODY_DATA,props.content)\r\n }\r\n\r\n clearTimeout(timer)\r\n };\r\n }, []);\r\n\r\n // const classes = useStyles();\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n Page :
\r\nof {numPages}
\r\n \r\n {/* \r\n */}\r\nLoading...
}\r\n\r\n >\r\n \r\n {/*-----PageNavigation----- */}\r\n
\r\n );\r\n}\r\n\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n content: state.content.current_content,\r\n userInfo: state.user.userinfo,\r\n quest: state.quest.current_quest,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n onPostContentAccess: (accessData, content) => dispatch(questActions.postContentAccess(accessData, content)), //also update update content,current_cuntent and quest_progress\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(PDFViewer);","import React, { useState, useEffect } from 'react';\r\n//Redux\r\nimport { connect } from 'react-redux'\r\n//import reducer \r\nimport * as questActions from 'store/actions/index'\r\n// core components\r\nimport PageNavigation from 'components/CustomComponents/Navbars/PageNavigation'\r\n\r\n//import style\r\nimport 'assets/css/loader.css';\r\n\r\n//variables\r\nimport { CURRENT_DATE_TIME } from \"variables/general.js\";\r\n\r\nconst DocView = (props) => {\r\n const [loading, setLoading] = useState(true)\r\n const [display, setDisplay] = useState('none')\r\n\r\n const hideSpinner = () => {\r\n setLoading(false);\r\n setDisplay('block')\r\n };\r\n\r\n useEffect(() => {\r\n let accessTime = 0;\r\n const timer = setInterval(() => {\r\n accessTime++\r\n }, 1000);\r\n return () => {\r\n if (accessTime > 10) {\r\n const BODY_DATA = {\r\n \"missionActivityId\": \"\", // Don't set this\r\n \"userId\": props.userInfo.userId,\r\n \"locationId\": props.userInfo.locationId,\r\n \"groupId\": props.userInfo.groupId,\r\n \"questId\": props.quest.questId,\r\n \"contentId\": props.content.contentId,\r\n \"contentTypeCode\": props.content.contentTypeCode,\r\n \"accessDate\": \"\" + CURRENT_DATE_TIME(),\r\n \"accessDuration\": \"\" + accessTime,\r\n \"missionActivitySummaryId\": \"\" // Don't set this\r\n }\r\n props.onPostContentAccess(BODY_DATA,props.content)\r\n }\r\n\r\n clearTimeout(timer)\r\n };\r\n }, []);\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n {/*-----PageNavigation----- */}\r\n
\r\n );\r\n\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n content: state.content.current_content,\r\n userInfo: state.user.userinfo,\r\n quest: state.quest.current_quest,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n onPostContentAccess: (accessData, content) => dispatch(questActions.postContentAccess(accessData, content)), //also update update content,current_cuntent and quest_progress \r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DocView);\r\n\r\n","import React,{useEffect} from 'react';\r\n//Redux\r\nimport { connect } from 'react-redux'\r\n//import reducer \r\nimport * as questActions from 'store/actions/index'\r\n// core components\r\nimport PageNavigation from 'components/CustomComponents/Navbars/PageNavigation'\r\n\r\n//variables\r\nimport { CURRENT_DATE_TIME } from \"variables/general.js\";\r\n\r\nconst DocView = (props) => {\r\n\r\n \r\n\r\n\r\n useEffect(() => {\r\n let accessTime=0;\r\n const timer = setInterval(() => {\r\n accessTime++\r\n }, 1000);\r\n return () =>{\r\n if(accessTime>10)\r\n {\r\n const BODY_DATA = {\r\n \"missionActivityId\": \"\", // Don't set this\r\n \"userId\": props.userInfo.userId,\r\n \"locationId\": props.userInfo.locationId,\r\n \"groupId\": props.userInfo.groupId,\r\n \"questId\": props.quest.questId,\r\n \"contentId\": props.content.contentId,\r\n \"contentTypeCode\": props.content.contentTypeCode,\r\n \"accessDate\": \"\" + CURRENT_DATE_TIME(),\r\n \"accessDuration\": \"\" + accessTime,\r\n \"missionActivitySummaryId\": \"\" // Don't set this\r\n }\r\n props.onPostContentAccess(BODY_DATA,props.content)\r\n }\r\n \r\n clearTimeout(timer)};\r\n }, []);\r\n\r\n\r\n return (\r\n \r\n {loading ? (\r\n
\r\n \r\n
\r\n\r\n ) : null}\r\n\r\n {props.content.contentTypeCode === '07' ?\r\n < iframe\r\n title=\"HTMLViewer\"\r\n style={{\r\n position: 'relative',\r\n left: 0,\r\n // bottom: 0,\r\n right: 0,\r\n width: '100%',\r\n minHeight: '100vh',\r\n border: \"none\",\r\n display: display\r\n }}\r\n onLoad={hideSpinner}\r\n src={props.content.fileUrl}\r\n />\r\n : null\r\n }\r\n\r\n Loading...
\r\n \r\n {/*-----PageNavigation----- */}\r\n \r\n\r\n {/*-----html-container----- */}\r\n
\r\n );\r\n\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n content: state.content.current_content,\r\n userInfo: state.user.userinfo,\r\n quest: state.quest.current_quest,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n onPostContentAccess: (accessData, content) => dispatch(questActions.postContentAccess(accessData, content)), //also update update content,current_cuntent and quest_progress\r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DocView);\r\n\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { withRouter } from 'react-router-dom';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\n\r\n// import material-ui/core\r\nimport AppBar from '@material-ui/core/AppBar';\r\nimport Toolbar from '@material-ui/core/Toolbar';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport IconButton from '@material-ui/core/IconButton';\r\n\r\n\r\n// import material-ui/icons\r\nimport ArrowBackIcon from '@material-ui/icons/ArrowBack';\r\n\r\n//import style\r\nimport styles from \"assets/jss/components/customcomponents/pageNavigationStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst AdminNavbarLinks = (props) => {\r\n const classes = useStyles();\r\n // const [value, setValue] = React.useState(0);\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {\r\n if(typeof window.Android !== 'undefined')\r\n {\r\n window.Android.setDeviceOrientation(2)\r\n }else if(typeof window.flutter_inappwebview !== 'undefined')\r\n {\r\n window.flutter_inappwebview.callHandler('setDeviceOrientation', 2, '');\r\n }\r\n return props.back ? props.history.push(props.back) : props.history.goBack()\r\n }\r\n }>\r\n \r\n
\r\n\r\n \r\n {/*-----PageNavigation----- */}\r\n
\r\n );\r\n\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n content: state.content.current_content,\r\n userInfo: state.user.userinfo,\r\n quest: state.quest.current_quest,\r\n }\r\n}\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n onPostContentAccess: (accessData, content) => dispatch(questActions.postContentAccess(accessData, content)), //also update update content,current_cuntent and quest_progress \r\n }\r\n}\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(DocView);\r\n\r\n","import React, { useState, useEffect } from 'react';\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport { useLocation } from 'react-router-dom';\r\n// // core components\r\n// import PageNavigation from 'components/CustomComponents/Navbars/PageNavigation'\r\n\r\n//import style\r\nimport 'assets/css/loader.css';\r\n\r\n\r\n\r\nconst DocView = (props) => {\r\n let location = useLocation();\r\n const [loading, setLoading] = useState(true)\r\n const [display, setDisplay] = useState('none')\r\n\r\n const hideSpinner = () => {\r\n setLoading(false);\r\n setDisplay('block')\r\n };\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"message\", eventListener)\r\n // clean up\r\n return () => window.removeEventListener(\"message\", eventListener)\r\n }, [])\r\n\r\n\r\n const eventListener = event => {\r\n\r\n if (event.data !== null && typeof event.data !== 'undefined') {\r\n try {\r\n let actObj = JSON.parse(event.data);\r\n if (actObj.Method == 'FinishTest' || actObj.Method == 'AbortTest' || actObj.Method == 'TestAbort' || actObj.Method == 'Back') {\r\n return props.back ? props.history.push(props.back) : props.history.replace('/assessment-tests')\r\n }\r\n } catch (error) {\r\n\r\n }\r\n\r\n }\r\n }\r\n\r\n\r\n return (\r\n \r\n {loading ? (\r\n
\r\n \r\n
\r\n\r\n ) : null}\r\n\r\n {props.content.contentTypeCode === '10'\r\n ? Loading...
\r\n \r\n {loading ? (\r\n
\r\n \r\n
\r\n\r\n ) : null}\r\n Loading...
\r\n \r\n props.inputchange(e.target.value)}\r\n classes={{\r\n root: classes.inputRoot,\r\n input: classes.inputInput,\r\n }}\r\n inputProps={{ 'aria-label': 'search' }}\r\n />\r\n
\r\n )\r\n}\r\n\r\nSearchInput.defaultProps = {\r\n styles: { color: \"#fff\", width: '100%' }\r\n}\r\n\r\nSearchInput.propTypes = {\r\n inputchange: PropTypes.func,\r\n styles:PropTypes.object\r\n};\r\n\r\nexport default SearchInput;","import React from 'react';\r\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\r\nimport MobileStepper from '@material-ui/core/MobileStepper';\r\nimport Button from '@material-ui/core/Button';\r\nimport KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';\r\nimport KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';\r\nimport SwipeableViews from 'react-swipeable-views';\r\n\r\nimport ReactPlayer from 'react-player';\r\n\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n maxWidth: 400,\r\n flexGrow: 1,\r\n },\r\n header: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n height: 50,\r\n paddingLeft: theme.spacing(4),\r\n backgroundColor: theme.palette.background.default,\r\n },\r\n img: {\r\n height: 255,\r\n display: 'block',\r\n maxWidth: 400,\r\n overflow: 'hidden',\r\n width: '100%',\r\n },\r\n}));\r\n\r\nconst SwipeableTextMobileStepper = (props) => {\r\n const { data } = props\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const [activeStep, setActiveStep] = React.useState(0);\r\n const [playing, setPlaying] = React.useState(false);\r\n const maxSteps = data.length;\r\n\r\n const handleNext = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n setPlaying(false)\r\n };\r\n\r\n const handleBack = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n setPlaying(false)\r\n };\r\n\r\n const handleStepChange = (step) => {\r\n setActiveStep(step);\r\n setPlaying(false)\r\n };\r\n\r\n const handlePlay = () => {\r\n setPlaying(true)\r\n }\r\n\r\n // handlePush = () => {\r\n // setPlaying(false)\r\n // }\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n {data.map((step, index) => (\r\n 1 ? 'flex' : 'none' }}\r\n steps={maxSteps}\r\n position=\"static\"\r\n variant=\"text\"\r\n activeStep={activeStep}\r\n nextButton={\r\n \r\n }\r\n backButton={\r\n \r\n }\r\n />\r\n
\r\n );\r\n}\r\n\r\nexport default SwipeableTextMobileStepper;","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport {\r\n whiteColor,\r\n primaryColor,\r\n grayColor,\r\n hexToRgb\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\n\r\nconst dashboardStyle = makeStyles((theme) => ({\r\n closeButton: {\r\n position: 'absolute',\r\n right: theme.spacing(1),\r\n top: theme.spacing(1),\r\n color: theme.palette.grey[500],\r\n },\r\n infoText: {\r\n color: primaryColor[4]\r\n },\r\n upArrowCardCategory: {\r\n width: \"16px\",\r\n height: \"16px\"\r\n },\r\n stats: {\r\n textAlign: 'center'\r\n },\r\n taskDiv: {\r\n padding: '0px 20px 0px 10px',\r\n borderRightStyle: 'groove',\r\n borderWidth: 1,\r\n borderRightColor: primaryColor[0]\r\n },\r\n timeDiv: {\r\n padding: '0px 0px 0px 10px',\r\n },\r\n\r\n pageCardBody: {\r\n minHeight: '100vh'\r\n },\r\n gridItemFooter: {\r\n padding: '0 !important'\r\n },\r\n cardMissions: {\r\n marginBottom: \"0\",\r\n marginTop: '0'\r\n },\r\n cardCategoryWhite: {\r\n color: \"rgba(\" + hexToRgb(whiteColor) + \",.62)\",\r\n margin: \"0\",\r\n fontSize: \"14px\",\r\n marginTop: \"0\",\r\n marginBottom: \"0\"\r\n },\r\n cardTitle: {\r\n color: grayColor[2],\r\n marginTop: \"0px\",\r\n minHeight: \"auto\",\r\n fontWeight: \"300\",\r\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\r\n marginBottom: \"3px\",\r\n textDecoration: \"none\",\r\n \"& small\": {\r\n color: grayColor[1],\r\n fontWeight: \"400\",\r\n lineHeight: \"1\"\r\n }\r\n },\r\n cardTitleWhite: {\r\n color: whiteColor,\r\n marginTop: \"0px\",\r\n minHeight: \"auto\",\r\n fontWeight: \"300\",\r\n fontFamily: \"'Roboto', 'Helvetica', 'Arial', sans-serif\",\r\n marginBottom: \"3px\",\r\n textDecoration: \"none\",\r\n \"& small\": {\r\n color: grayColor[1],\r\n fontWeight: \"400\",\r\n lineHeight: \"1\"\r\n }\r\n },\r\n cardAvatar: {\r\n maxWidth: \"70px\",\r\n maxHeight: \"70px\",\r\n right: \"10%\",\r\n position: 'absolute',\r\n margin: \"-35px auto 0\",\r\n borderRadius: \"50%\",\r\n overflow: \"hidden\",\r\n padding: \"0\",\r\n // boxShadow:\r\n // \"0 16px 38px -12px rgba(\" +\r\n // hexToRgb(blackColor) +\r\n // \", 0.56), 0 4px 25px 0px rgba(\" +\r\n // hexToRgb(blackColor) +\r\n // \", 0.12), 0 8px 10px -5px rgba(\" +\r\n // hexToRgb(blackColor) +\r\n // \", 0.2)\",\r\n // \"&$cardAvatarPlain\": {\r\n // marginTop: \"0\"\r\n // }\r\n },\r\n imgIcon: {\r\n // width:0,\r\n height: 90\r\n },\r\n imageStyle: {\r\n width: \"auto\",\r\n height: \"-webkit-fill-available\"\r\n },\r\n checkboxStyle: {\r\n // padding:'7px 30px'\r\n },\r\n checkboxLabelStyle: {\r\n fontSize: '0.9rem',\r\n color: primaryColor[4],\r\n fontWeight: \"bold\",\r\n textTransform: \"capitalize\",\r\n letterSpacing: \"0\",\r\n willChange: \"box-shadow, transform\",\r\n transition:\r\n \"box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1)\",\r\n lineHeight: \"1.42857143\",\r\n textAlign: \"center\",\r\n whiteSpace: \"nowrap\",\r\n verticalAlign: \"middle\",\r\n touchAction: \"manipulation\",\r\n },\r\n earnPoints: {\r\n padding: '5px 20px 5px 20px',\r\n width: 'fit-content',\r\n borderStyle: 'solid',\r\n textAlign: 'center',\r\n Display: 'block',\r\n marginLeft: 'auto',\r\n marginRight: 'auto',\r\n // marginTop: '30px',\r\n marginBottom: '24px',\r\n borderRadius: '30px',\r\n borderWidth: 1,\r\n borderColor: primaryColor[4]\r\n }\r\n}));\r\n\r\nexport default dashboardStyle;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport ReactPlayer from 'react-player'\r\n\r\n//import reducer \r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport * as questActions from 'store/actions/index'\r\n\r\n// @material-ui/core\r\nimport IconButton from '@material-ui/core/IconButton';\r\n// @material-ui/icons\r\nimport Typography from '@material-ui/core/Typography';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\nimport ShoppingCartTwoToneIcon from '@material-ui/icons/ShoppingCartTwoTone';\r\n// core components\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport CardIcon from \"components/CustomComponents/Card/CardIcon.js\";\r\n\r\n// Views\r\nimport VideoGallery from 'components/CustomComponents/VideoGallery/VideoGallery'\r\n\r\n// styles\r\nimport useStyles from \"assets/jss/components/views/questDetailsStyle\"\r\n\r\nconst QuestDetails = (props) => {\r\n\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n const [isLoading, setIsLoading] = useState(true);\r\n const questDetails = useSelector(state => state.categories.questdetails)\r\n\r\n useEffect(() => {\r\n setIsLoading(true);\r\n dispatch(questActions.fetchQuestDetails(props.data.questId)).then(() => {\r\n setIsLoading(false);\r\n }).catch(error => {\r\n console.log(error);\r\n setIsLoading(false);\r\n });\r\n }, [dispatch]);\r\n\r\n const handleClose = () => {\r\n dispatch(questActions.setQuestDetails({}))\r\n props.onClose()\r\n }\r\n\r\n const handelLaunch = () => {\r\n handleClose()\r\n props.onLaunch(props.data);\r\n }\r\n\r\n const _handelLaunch = () => {\r\n handleClose()\r\n props.onOfflineLaunch(props.data.formUrl)\r\n //window.open(props.data.formUrl, \"_blank\")\r\n }\r\n const handelBuy = () => {\r\n handleClose()\r\n props.onBuy(props.data);\r\n }\r\n\r\n const handelTrail = () => {\r\n handleClose()\r\n props.onLaunch(props.data, true);\r\n }\r\n\r\n console.log(questDetails);\r\n\r\n return (\r\n \r\n {Math.abs(activeStep - index) <= 2 ? (\r\n e.preventDefault()\r\n }\r\n }\r\n }}\r\n />\r\n // 
\r\n ) : null}\r\n
\r\n ))}\r\n \r\n \r\n
\r\n : \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n {['001', '010', '011', '111', '112', '113'].map((v, i) =>\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nconst AutoPlaySwipeableViews = (props) => {\r\n const classes = useStyles();\r\n const theme = useTheme();\r\n const sm = useMediaQuery(theme.breakpoints.down('sm'));\r\n const md = useMediaQuery(theme.breakpoints.between('sm', 'md'));\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n {step.tagValue}\r\n \r\n\r\n \r\n \r\n {/*
\r\n ))\r\n }\r\n \r\n )\r\n};\r\n\r\nconst CardConterol = (props) => {\r\n const theme = useTheme();\r\n return (\r\n \r\n \r\n {step.questName}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n props.onSeeMore(step)}>Details\r\n
\r\n\r\n {step.isFree\r\n ? \r\n \r\n ₹\r\n \r\n \r\n {Math.floor(step.price) + ''}\r\n \r\n
\r\n \r\n \r\n {\r\n step.isOnline === true || step.isOnline === undefined || step.isOnline === null\r\n ? \r\n : \r\n }\r\n\r\n
\r\n : step.isTrialTaken\r\n ? step.isAssigned\r\n ? \r\n \r\n
\r\n : \r\n \r\n \r\n
\r\n : step.isAssigned\r\n ? \r\n \r\n
\r\n : step.isOnline === true || step.isOnline === undefined || step.isOnline === null\r\n ? \r\n \r\n \r\n
\r\n : \r\n \r\n
\r\n }\r\n \r\n \r\n\r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nconst CategoryCard = (props) => {\r\n const theme = useTheme();\r\n const sm = useMediaQuery(theme.breakpoints.down('sm'));\r\n const md = useMediaQuery(theme.breakpoints.between('sm', 'md'));\r\n const classes = useStyles();\r\n const [activeStep, setActiveStep] = useState(0);\r\n const handleNext = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n };\r\n const handleBack = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n };\r\n const handleStepChange = (step) => {\r\n setActiveStep(step);\r\n };\r\n\r\n return (\r\n < React.Fragment >\r\n {props.topics.length > 0\r\n && \r\n \r\n {props.task}\r\n \r\n {sm && !md\r\n ? null\r\n :
}\r\n\r\n \r\n { }}\r\n action={[{ text: 'OK', onPress: () => onCloseAlert() }\r\n ]}\r\n />\r\n\r\n\r\n\r\n {(loading || QuestCategories.lastViewed === \"\")\r\n ? \r\n \r\n \r\n \r\n }\r\n
\r\n )\r\n}\r\n\r\nexport default QuestCategory;","import React from 'react';\r\n\r\n// @material-ui/core\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport Typography from '@material-ui/core/Typography';\r\n\r\n//Custom Components\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\n\r\n// custom style\r\nimport useStyles from \"assets/jss/components/views/questCategoryStyle\";\r\n\r\nconst SkeletonCard = (props) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n\r\n \r\n \r\n \r\n {cartItems.length > 0 ?\r\n \r\n props.history.push('/cart')} style={{ color: \"#fff\" }}>\r\n \r\n \r\n \r\n \r\n : null\r\n }\r\n\r\n \r\n\r\n {QuestCategories.lastViewed.questName && \r\n onChangeQuest(QuestCategories.lastViewed)} >\r\n Launch\r\n \r\n }\r\n title={QuestCategories.lastViewed.questName}\r\n titleTypographyProps={{ variant: 'body1', className: classes.contentCardTitle }}\r\n subheader={`Viewed on date: ${QuestCategories.lastViewed.viewedOn}`}\r\n subheaderTypographyProps={{ variant: 'caption' }}\r\n />\r\n \r\n }\r\n\r\n {QuestCategories.questCategory.map((data, idex) => (\r\n quest.questName.trim().toUpperCase().includes(searchText.trim().toUpperCase()))}\r\n onSeeMore={openQuestDialog}\r\n onLaunch={onChangeQuest}\r\n onOfflineLaunch={onChangeOfflineQuest}\r\n onBuy={onBuyQuest}\r\n />))}\r\n
\r\n \r\n props.history.push(userInfo.lastQuestAccessed ? '/home' : '/')}>\r\n \r\n setSearchText(text)}\r\n />\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n\r\n \r\n \r\n {['001', '010', '011', '111', '112', '113'].map((v, i) =>\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default SkeletonCard;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport ReactPlayer from 'react-player'\r\n\r\n//import reducer \r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport * as questActions from 'store/actions/index'\r\n\r\n// @material-ui/core\r\nimport IconButton from '@material-ui/core/IconButton';\r\n// @material-ui/icons\r\nimport Typography from '@material-ui/core/Typography';\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport DialogActions from '@material-ui/core/DialogActions';\r\nimport DialogContent from '@material-ui/core/DialogContent';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\nimport ShoppingCartTwoToneIcon from '@material-ui/icons/ShoppingCartTwoTone';\r\n// core components\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport CardIcon from \"components/CustomComponents/Card/CardIcon.js\";\r\n\r\n// Views\r\nimport VideoGallery from 'components/CustomComponents/VideoGallery/VideoGallery'\r\n\r\n// styles\r\nimport useStyles from \"assets/jss/components/views/questDetailsStyle\"\r\n\r\nconst QuestDetails = (props) => {\r\n\r\n\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n const [isLoading, setIsLoading] = useState(true);\r\n const productDetails = useSelector(state => state.products.productdetails)\r\n\r\n const isSamePrice = (Math.floor(props.data.discountPrice) === Math.floor(props.data.price))\r\n\r\n useEffect(() => {\r\n setIsLoading(true);\r\n dispatch(questActions.fetchProductDetails(props.data.productId)).then(() => {\r\n setIsLoading(false);\r\n }).catch(error => {\r\n console.log(error);\r\n setIsLoading(false);\r\n });\r\n }, [dispatch]);\r\n\r\n const handleClose = () => {\r\n dispatch(questActions.setQuestDetails({}))\r\n props.onClose()\r\n }\r\n\r\n const handelLaunch = () => {\r\n handleClose()\r\n props.onLaunch(props.data);\r\n }\r\n\r\n const _handelLaunch = () => {\r\n handleClose()\r\n props.onOfflineLaunch(props.data.formUrl)\r\n //window.open(props.data.formUrl, \"_blank\")\r\n }\r\n const handelBuy = () => {\r\n handleClose()\r\n props.onBuy(props.data);\r\n }\r\n\r\n const handelTrail = () => {\r\n handleClose()\r\n props.onLaunch(props.data, true);\r\n }\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n : \r\n {\"Price :\"}\r\n {props.data.isFree\r\n ? \"Free\"\r\n : isSamePrice\r\n ? \r\n ₹\r\n {Math.floor(props.data.discountPrice) + ''}\r\n\r\n
\r\n }\r\n\r\n \r\n\r\n\r\n \r\n ₹\r\n {Math.floor(props.data.discountPrice) + ''}\r\n
\r\n : \r\n \r\n ₹\r\n {Math.floor(props.data.price) + \"\"}\r\n \r\n
\r\n \r\n }\r\n \r\n
\r\n : \r\n \r\n {props.name}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n props.onSeeMore(props.data)}>\r\n Details\r\n \r\n\r\n
\r\n\r\n {props.data.isFree\r\n ? \r\n\r\n
\r\n\r\n \r\n \r\n ₹{Math.floor(props.data.discountPrice) + ''}\r\n \r\n
\r\n\r\n \r\n \r\n ₹{Math.floor(props.data.price) + ''}\r\n \r\n
\r\n\r\n\r\n \r\n \r\n {\r\n props.data.isOnline === true || props.data.isOnline === undefined || props.data.isOnline === null\r\n ? \r\n : \r\n }\r\n\r\n
\r\n : props.data.isTrialTaken\r\n ?\r\n // props.data.isAssigned\r\n // ? \r\n // \r\n //
\r\n // : \r\n\r\n \r\n \r\n \r\n
\r\n : props.data.isAssigned\r\n ? \r\n \r\n
\r\n : props.data.isOnline === true || props.data.isOnline === undefined || props.data.isOnline === null\r\n ? \r\n {props.data.trialDuration > 0\r\n ? < Button className={classes.button} fullWidth style={{ marginRight: 3, marginLeft: -1 }} color=\"warning\" size=\"xs\" onClick={() => props.onTrail(props.data)} >Try\r\n : \r\n }\r\n \r\n
\r\n : \r\n \r\n
\r\n }\r\n \r\n
\r\n ))\r\n }\r\n \r\n
\r\n ))\r\n }\r\n \r\n \r\n\r\n \r\n
\r\n )\r\n}\r\n\r\nconst CategoryCard = (props) => {\r\n const theme = useTheme();\r\n const sm = useMediaQuery(theme.breakpoints.down('sm'));\r\n const md = useMediaQuery(theme.breakpoints.between('sm', 'md'));\r\n const classes = useStyles();\r\n const [activeStep, setActiveStep] = useState(0);\r\n const handleNext = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n };\r\n const handleBack = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep - 1);\r\n };\r\n const handleStepChange = (step) => {\r\n setActiveStep(step);\r\n };\r\n\r\n return (\r\n < React.Fragment >\r\n {props.topics.length > 0\r\n && \r\n \r\n {props.task}\r\n \r\n {sm && !md\r\n ? null\r\n :
}\r\n\r\n\r\n {props.task === \"Assigned Quest\" ?\r\n \r\n { }}\r\n action={\r\n (alertType === \"buy\" || alertType === \"trial\")\r\n ? [\r\n { text: 'not now', onPress: () => onCloseAlert() },\r\n { text: 'continue', onPress: () => onOkAlert() }\r\n ]\r\n : [\r\n { text: 'OK', onPress: () => onCloseAlert() }\r\n ]\r\n }\r\n />\r\n\r\n\r\n\r\n {(loading)\r\n ? \r\n \r\n \r\n \r\n }\r\n
\r\n )\r\n}\r\n\r\nexport default QuestCategory;","import {\r\n dangerColor,\r\n whiteColor,\r\n roseColor,\r\n boxShadow\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { Backdrop } from \"@material-ui/core\";\r\n//.....styles..........\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n cardStyle: {\r\n display: 'flex',\r\n marginBottom: \"30px\",\r\n marginTop: \"30px\",\r\n borderRadius: 10,\r\n ...boxShadow\r\n },\r\n listGridContainer: {\r\n display: 'flex',\r\n justifyContent: \"center\"\r\n },\r\n\r\n buttonKeepShop: {\r\n width: '50%',\r\n alignSelf: 'center'\r\n },\r\n\r\n cardMedia: {\r\n width: 135\r\n },\r\n details: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n },\r\n content: {\r\n flex: '1 0 auto',\r\n },\r\n\r\n nameTitle: {\r\n display: 'block!important',\r\n display: '-webkit-box!important',\r\n '-webkit-line-clamp': 2,\r\n '-moz-line-clamp': 2,\r\n '-ms-line-clamp': 2,\r\n '-o-line-clamp': 2,\r\n lineClamp: 2,\r\n '-webkit-box-orient': 'vertical',\r\n '-moz-box-orient': 'vertical',\r\n '-ms-box-orient': 'vertical',\r\n '-o-box-orient': 'vertical',\r\n boxOrient: 'vertical',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n whiteSpace: 'normal',\r\n color: '#29303b',\r\n lineHeight: 1.2,\r\n fontWeight: 700\r\n },\r\n lengthTitle: {\r\n color: whiteColor,\r\n padding: 5\r\n },\r\n priceTitle: {\r\n color: roseColor[0],\r\n fontWeight: 700,\r\n display: 'flex',\r\n alignItems: 'flex-end',\r\n float: 'right'\r\n },\r\n\r\n root: {\r\n flexGrow: 1,\r\n padding: 5\r\n },\r\n paper: {\r\n padding: theme.spacing(2),\r\n margin: 'auto',\r\n // maxWidth: 500,\r\n },\r\n image: {\r\n // maxWidth: 250,\r\n // height: 150,\r\n },\r\n img: {\r\n margin: 'auto',\r\n display: 'block',\r\n width: '100%',\r\n height: '100%',\r\n },\r\n\r\n checkoutCardContainer: {\r\n flexGrow: 1,\r\n padding: 5,\r\n display:'flex',\r\n justifyContent:\"flex-end\"\r\n },\r\n\r\n checkoutCard: {\r\n flexGrow: 1,\r\n padding: 5\r\n },\r\n\r\n\r\n applyCouponButtonContainer: {\r\n // width: '20%',\r\n display: 'flex',\r\n // paddingTop: 2\r\n padding:0,\r\n },\r\n\r\n applyCouponTextContainer:{\r\n padding:0\r\n },\r\n\r\n applyCouponTextInput:{\r\n height:'0.8em'\r\n },\r\n applyCouponInputLabel:{\r\n fontSize:'0.8rem'\r\n },\r\n paperDialog: {\r\n [theme.breakpoints.up(400 + theme.spacing(3 * 2))]: {\r\n borderRadius: 10\r\n }\r\n },\r\n\r\n backButtonContainer: {\r\n marginLeft: -10,\r\n flexDirection: \"row\",\r\n display: \"flex\",\r\n alignItems: 'center',\r\n color: \"#fff\"\r\n },\r\n\r\n gstFontStyle:{\r\n fontSize: '0.65rem',\r\n lineHeight: 1,\r\n fontWeight: 'bold'\r\n }\r\n\r\n}));\r\n\r\nexport default useStyles;","import React, { useEffect } from 'react';\r\nimport { useHistory } from \"react-router-dom\";\r\n//@material-ui/core\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport ButtonBase from '@material-ui/core/ButtonBase';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\n//material-ui/icons/\r\nimport LocalOfferIcon from '@material-ui/icons/LocalOffer';\r\n// core components\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\n//Lottie\r\nimport Lottie from 'react-lottie';\r\nimport ShoppingCartLottie from 'assets/lotties/shopping-cart';\r\n\r\n// Image\r\nimport DefaultImage from \"assets/img/task/default.png\";\r\nimport MembershipImage from \"assets/img/Other/Membership-card.png\";\r\nimport ProMembershipImage from \"assets/img/Other/Membership-card-pro.png\";\r\n\r\n// custom style\r\nimport useStyles from \"assets/jss/components/views/cartStyle\";\r\n\r\nconst CartLottieOptions = {\r\n loop: true,\r\n autoplay: true,\r\n animationData: ShoppingCartLottie,\r\n rendererSettings: {\r\n preserveAspectRatio: \"xMidYMid slice\"\r\n }\r\n};\r\n\r\n\r\nconst SkeletonCard = (props) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n option.boardName ? option.boardName : \"\"}\r\n renderInput={(params) => \r\n\r\n \r\n { setGrade(newValue) }}\r\n getOptionLabel={(option) => option.gradeName ? option.gradeName : \"\"}\r\n renderInput={(params) => \r\n \r\n \r\n\r\n\r\n {platform === \"IOS\" && HIDE_FOR_IOS\r\n ? null\r\n : cartItems.length > 0 ?\r\n \r\n {userInfo.lastQuestAccessed && \r\n onLaunchLastQuestAccessed(userInfo.lastQuestAccessed)} >\r\n Launch\r\n \r\n }\r\n title={userInfo.lastQuestName}\r\n titleTypographyProps={{ variant: 'body1', className: classes.contentCardTitle }}\r\n subheader={`Viewed on date: ${userInfo.viewedOn}`}\r\n subheaderTypographyProps={{ variant: 'caption' }}\r\n />\r\n \r\n }\r\n {/* Assigned Courses */}\r\n quest.questName.trim().toUpperCase().includes(searchText.trim().toUpperCase())).map(data => {\r\n data.isAssigned = true\r\n return data;\r\n })}\r\n onSeeMore={openQuestDialog}\r\n onLaunch={onChangeQuest}\r\n onOfflineLaunch={onChangeOfflineQuest}\r\n onBuy={onBuyQuest}\r\n onTrail={handelTrail}\r\n onClick={handelCardClick}\r\n />\r\n {/* Products */}\r\n {platform === \"IOS\" && HIDE_FOR_IOS\r\n ? null\r\n : productCategories.productCategory.map((data, idex) => (\r\n quest.productName.trim().toUpperCase().includes(searchText.trim().toUpperCase()))}\r\n onSeeMore={openQuestDialog}\r\n onLaunch={onChangeQuest}\r\n onOfflineLaunch={onChangeOfflineQuest}\r\n onBuy={onBuyQuest}\r\n onTrail={handelTrail}\r\n onClick={handelCardClick}\r\n />))\r\n\r\n }\r\n
\r\n \r\n props.history.push(userInfo.lastQuestAccessed ? '/home' : '/')}>\r\n \r\n setSearchText(text)}\r\n />\r\n
\r\n \r\n props.history.push('/cart')} style={{ color: \"#fff\" }}>\r\n \r\n \r\n \r\n
\r\n : null\r\n }\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* 
*/}\r\n {product.planPrice > 600\r\n ? 
\r\n : 
\r\n }\r\n \r\n \r\n \r\n \r\n {product.productDisplayName}\r\n \r\n \r\n \r\n\r\n \r\n \r\n props.onBuy(product)} >\r\n Buy\r\n \r\n \r\n\r\n \r\n \r\n \r\n
\r\n ))\r\n }\r\n \r\n \r\n ₹{Math.floor(product.planPrice * 100 / 118)}\r\n \r\n
\r\n Plus 18% GST
\r\n \r\n \r\n \r\n {\"No Products!\"}\r\n \r\n {/* history.push('/products')} >Keep shopping */}\r\n \r\n
\r\n }\r\n \r\n
\r\n )\r\n\r\n}\r\n\r\nexport default RaymondProducts;","import React, { useEffect } from 'react';\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\n//@material-ui/core\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport ButtonBase from '@material-ui/core/ButtonBase';\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\n//material-ui/icons/\r\nimport LocalOfferIcon from '@material-ui/icons/LocalOffer';\r\n// core components\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\n//Lottie\r\nimport Lottie from 'react-lottie';\r\nimport ShoppingCartLottie from 'assets/lotties/shopping-cart';\r\nimport DefaultImage from \"assets/img/task/default.png\";\r\n// custom style\r\nimport useStyles from \"assets/jss/components/views/cartStyle\";\r\n\r\nconst CartLottieOptions = {\r\n loop: true,\r\n autoplay: true,\r\n animationData: ShoppingCartLottie,\r\n rendererSettings: {\r\n preserveAspectRatio: \"xMidYMid slice\"\r\n }\r\n};\r\n\r\n\r\nconst SkeletonCard = (props) => {\r\n const classes = useStyles();\r\n return (\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n
\r\n \r\n \r\n {\"Product List\"}\r\n \r\n
\r\n {/* style={{ height: '90vh', overflow: \"overlay\", }} */}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n 
\r\n \r\n \r\n \r\n \r\n {cartitme.productName}\r\n \r\n \r\n \r\n\r\n \r\n \r\n onRemove(cartitme)}>\r\n Remove\r\n \r\n \r\n \r\n \r\n ₹{cartitme.netPrice}{ /* Math.floor() */}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n ))\r\n }\r\n \r\n \r\n \r\n {\"Your cart is empty. Keep shopping to find a Quest!\"}\r\n \r\n {\r\n location.state\r\n ? history.push(location.state.backTo)\r\n : history.push(\"/products\")\r\n }} >Keep shopping\r\n \r\n
\r\n }\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n
\r\n )\r\n}\r\n\r\nconst PriceGrid = (props) => {\r\n const { label, amount, labelStyle, signs } = props;\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n\r\n \r\n \r\n {snackbarMessage}\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n {discountAmt > 0 ?\r\n \r\n \r\n : null\r\n }\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n setCoupon(e.target.value)}\r\n disabled={appliedCoupon?true:false}\r\n />\r\n \r\n \r\n {/* \r\n\r\n {appliedCoupon ?\r\n \r\n \r\n : null}\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default ShoppingCart;","import React, { useState } from 'react';\r\nimport PropTypes from \"prop-types\";\r\n// import axios\r\nimport axiosConfig from \"util/axios\";\r\n//Redux\r\nimport { useDispatch } from 'react-redux'\r\n//import reducer \r\nimport * as questActions from 'store/actions/index'\r\nimport Chip from '@material-ui/core/Chip';\r\nimport Divider from '@material-ui/core/Divider';\r\nimport Slide from '@material-ui/core/Slide';\r\nimport Snackbar from '@material-ui/core/Snackbar';\r\nimport MuiAlert from '@material-ui/lab/Alert';\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { green } from '@material-ui/core/colors';\r\nimport IconButton from '@material-ui/core/IconButton';\r\nimport InputAdornment from '@material-ui/core/InputAdornment';\r\n//@material-ui/icons\r\nimport CheckCircleIcon from '@material-ui/icons/CheckCircle';\r\nimport Visibility from '@material-ui/icons/Visibility';\r\nimport VisibilityOff from '@material-ui/icons/VisibilityOff';\r\n//import Custom Components\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport Dialog from '@material-ui/core/Dialog';\r\nimport { TextInput } from \"components/CustomComponents/Inputs/Inputs\"\r\n// custom style\r\nimport useStyles from \"assets/jss/components/views/signupStyle\";\r\n//validations\r\nimport { checkNull, checkEmail, checkMinLength, checkMaxLength, checkMobileNumber, checkMobileNumberVerification } from 'util/validations'\r\n//variables error\r\nimport { MIN_LENGTH_ERROR, LENGTH_ERROR } from 'variables/general'\r\n//Common functions\r\nimport { clevertapEvents } from \"util/commonfunctions\";\r\n// Views\r\nimport VerifyMobileOTP from 'components/Views/SignUp/VerifyMobileOTP';\r\n\r\nfunction Alert(props) {\r\n return */}\r\n \r\n {/*
*/}\r\n \r\n \r\n \r\n \r\n {appliedCoupon} coupon is applied\r\n \r\n
\r\n \r\n
\r\n \r\n {/*-----Dialog----- */}\r\n \r\n\r\n {/* -----Snackbar---- */}\r\n setSnackbarMessage(\"\")} anchorOrigin={{ vertical: 'top', horizontal: 'center' }}>\r\n setSnackbarMessage(\"\")} severity={alertType}>\r\n {snackbarMessage}\r\n \r\n \r\n\r\n \r\n \r\n setState({ ...state, firstName: e.target.value })}\r\n disabled={openProgress ? true : false}\r\n />\r\n \r\n\r\n \r\n setState({ ...state, lastName: e.target.value })}\r\n disabled={openProgress ? true : false}\r\n />\r\n \r\n\r\n \r\n +91,\r\n endAdornment: \r\n {\r\n isMobileValidate\r\n ? \r\n }}\r\n onInput={(e) => {\r\n e.target.value = e.target.value ? Math.max(0, parseInt(e.target.value)).toString().slice(0, 10) : \"\"\r\n }}\r\n\r\n />\r\n \r\n\r\n\r\n \r\n setState({ ...state, password: e.target.value })}\r\n disabled={openProgress ? true : false}\r\n InputProps={{\r\n endAdornment: (\r\n \r\n \r\n {showPassword ? \r\n )\r\n }}\r\n />\r\n \r\n\r\n \r\n setState({ ...state, email: e.target.value })}\r\n disabled={openProgress ? true : false}\r\n />\r\n \r\n\r\n\r\n \r\n\r\n\r\n \r\n \r\n Sign Up\r\n \r\n \r\n\r\n \r\n \r\n Already have an account? Log In\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n { }}\r\n action={[{ text: 'OK', onPress: () => onCloseAlert() }\r\n ]}\r\n />\r\n\r\n \r\n\r\n \r\n \r\n setState({ ...state, firstName: e.target.value })}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n setState({ ...state, email: e.target.value })}\r\n />\r\n \r\n \r\n\r\n\r\n \r\n \r\n setState({ ...state, cityName: e.target.value })}\r\n />\r\n \r\n \r\n\r\n \r\n \r\n setState({ ...state, pincode: e.target.value })}\r\n onInput={(e) => {\r\n e.target.value = e.target.value ? Math.max(0, parseInt(e.target.value)).toString().slice(0, 6) : \"\"\r\n }}\r\n />\r\n \r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n
\r\n\r\n\r\n\r\n \r\n \r\n Continue\r\n \r\n\r\n
\r\n \r\n \r\n \r\n setDetailsDialog(false)}\r\n dialogContentStyle={{ height: '90%' }}\r\n dividers={false}\r\n >\r\n { }}\r\n action={[{ text: 'OK', onPress: () => onCloseAlert() }\r\n ]}\r\n />\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default ShoppingCart;","import React, { useEffect, useState } from 'react';\r\nimport { useLocation, Redirect, useHistory } from 'react-router-dom'\r\n//Redux\r\nimport { useDispatch, useSelector } from 'react-redux'\r\n//import reducer \r\nimport * as questActions from 'store/actions/index'\r\n\r\n// material-ui components\r\nimport { useTheme } from \"@material-ui/core/styles\";\r\nimport CssBaseline from '@material-ui/core/CssBaseline';\r\nimport useMediaQuery from '@material-ui/core/useMediaQuery';\r\n//Custom Components\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport Button from 'components/CustomComponents/CustomButtons/Button'\r\n//Lottie\r\nimport Lottie from 'react-lottie';\r\nimport animationData from 'assets/lotties/payment-successful';\r\nimport loaderAnimationData from 'assets/lotties/loader';\r\n\r\n\r\nconst defaultOptions = {\r\n loop: true,\r\n autoplay: true,\r\n animationData: animationData,\r\n rendererSettings: {\r\n preserveAspectRatio: 'xMidYMid slice'\r\n }\r\n};\r\nconst loaderOptions = {\r\n loop: true,\r\n autoplay: true,\r\n animationData: loaderAnimationData,\r\n rendererSettings: {\r\n preserveAspectRatio: 'xMidYMid slice'\r\n }\r\n};\r\n\r\nconst PGResponse = (props) => {\r\n const dispatch = useDispatch();\r\n const theme = useTheme();\r\n const history = useHistory();\r\n const sm = useMediaQuery(theme.breakpoints.down('sm'));\r\n const userinfo = useSelector(state => state.user.userinfo)\r\n const [fetchUserInfo, setFetchUserInfo] = useState(false)\r\n\r\n\r\n // console.log(props);\r\n // const location = useLocation().pathname.split(\"/\");\r\n // console.log(location.pop());\r\n\r\n useEffect(() => {\r\n dispatch(questActions.ClearCart())\r\n dispatch(questActions.initUserInfo()).then(() => {\r\n dispatch(questActions.initUserQuestList(true)).then(() => {\r\n setFetchUserInfo(true)\r\n })\r\n })\r\n }, [])\r\n\r\n\r\n useEffect(() => {\r\n if (fetchUserInfo)\r\n setTimeout(() => {\r\n navigateTo(userinfo.showDashboard)\r\n }, 3000);\r\n\r\n }, [fetchUserInfo])\r\n\r\n\r\n // navigate To\r\n const navigateTo = (showDashboard) => {\r\n // if (showDashboard)\r\n // return history.push('/products')\r\n return history.push('/home')\r\n }\r\n\r\n\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n\r\n {/* ----Signup Dialog------ */}\r\n \r\n
\r\n \r\n\r\n\r\n\r\n {/* ----User Details Dialog------ */}\r\n \r\n
\r\n \r\n\r\n\r\n \r\n \r\n\r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n {payableAmount !== 0\r\n && \r\n \r\n }\r\n \r\n
\r\n \r\n {\r\n location.state\r\n ? props.history.push(location.state.backTo)\r\n : props.history.push(\"/products\")\r\n }\r\n\r\n } style={{ color: \"#fff\" }}>\r\n \r\n \r\n {\"Product List\"}\r\n \r\n
\r\n\r\n \r\n \r\n // Try Again\r\n // \r\n // }\r\n >\r\n Payment failed \r\n Unfortunately,we couldn't collect payment on your purchase.You can try again.\r\n \r\n
\r\n \r\n
\r\n {/* style={{ height: '90vh', overflow: \"overlay\", }} */}\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n\r\n\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default PGResponse;","import {\r\n dangerColor,\r\n } from \"assets/jss/material-dashboard-react.js\";\r\n\r\n import { makeStyles } from \"@material-ui/core/styles\";\r\n //.....styles..........\r\n\r\n const useStyles = makeStyles((theme) => ({\r\n layout: {\r\n width: 'auto',\r\n display: 'block', // Fix IE11 issue.\r\n marginLeft: theme.spacing(3),\r\n marginRight: theme.spacing(3),\r\n paddingTop: theme.spacing() * 5,\r\n [theme.breakpoints.up(400 + theme.spacing(3 * 2))]: {\r\n width: 440,\r\n minHeight:550,\r\n marginLeft: 'auto',\r\n marginRight: 'auto',\r\n },\r\n textAlign: 'center',\r\n },\r\n paper: {\r\n borderRadius: 5,\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n padding: `${theme.spacing() * 2}px ${theme.spacing() * 3}px ${theme.spacing() * 3}px`,\r\n },\r\n \r\n form: {\r\n maxWidth: '328px',\r\n width: '100%', // Fix IE11 issue.\r\n marginTop: theme.spacing(),\r\n },\r\n \r\n }));\r\n \r\n export default useStyles;","import React from 'react';\r\n// custom style\r\nimport useStyles from \"assets/jss/components/views/connectStyle\";\r\nimport Paper from '@material-ui/core/Paper';\r\nimport DialogTitle from '@material-ui/core/DialogTitle';\r\n\r\n\r\nconst Connnect = (props) => {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Connnect;","import {\r\n dangerColor,\r\n boxShadow\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n//.....styles..........\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n cardStyle: {\r\n marginBottom: \"15px\",\r\n marginTop: \"10px\",\r\n borderRadius: 10,\r\n // borderBottomStyle: 'inset',\r\n ...boxShadow,\r\n // padding: 10\r\n },\r\n\r\n\r\n subject: {\r\n // display: 'flex',\r\n // fontWeight: 'bold',\r\n lineHeight: 1.2,\r\n alignItems: 'center',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '2',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n '-webkit-line-clamp': '2',\r\n },\r\n },\r\n\r\n gridContainer: {\r\n margin: 0\r\n },\r\n gridItemStyle: {\r\n padding: 0\r\n },\r\n\r\n gridItemButton: {\r\n // padding: 0,\r\n },\r\n\r\n\r\n cardContent: {\r\n padding: '0px 0px',\r\n paddingBottom: '0 !important'\r\n },\r\n\r\n buttonContainer: {\r\n height: '100%',\r\n display: 'flex',\r\n flexDirection: 'column'\r\n },\r\n buttonClass: {\r\n width: '100%',\r\n margin: 0,\r\n height: '100%',\r\n borderRadius: 0\r\n },\r\n dateContainer: {\r\n display: 'flex',\r\n flexDirection: \"column\",\r\n alignItems: 'center',\r\n height: '100%',\r\n justifyContent: 'center'\r\n },\r\n nameConatiner: {\r\n display: 'flex',\r\n flexDirection: \"column\",\r\n padding: '5px 0px',\r\n justifyContent:'center',\r\n height:'100%'\r\n }\r\n}));\r\n\r\nexport default useStyles;","import React from 'react';\r\n// nodejs library to set properties for components\r\nimport moment from 'moment'\r\nimport PropTypes from \"prop-types\";\r\n//@material-ui/core\r\n\r\nimport Card from '@material-ui/core/Card';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\n\r\n// core components\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\n\r\n//variables\r\nimport {\r\n SHARE_URL_ANDROID,\r\n SHARE_URL_IOS\r\n} from \"variables/general.js\";\r\n// custom style\r\nimport useStyles from \"./styles/messagesCardStyle\";\r\n\r\n\r\nconst SkeletonCard = (props) => {\r\n const classes = useStyles();\r\n return (\r\n
\r\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.\"}
\r\n \r\n \r\n {`${moment(data.startTime).format('ddd')}`}\r\n \r\n \r\n {`${moment(data.startTime).format('DD')}`}\r\n \r\n \r\n {`${moment(data.startTime).format('MMM YYYY')}`}\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n TIME - {` ${moment(data.startTime).format('hh:mm:ss a')}`} ({`${data.duration}min`})\r\n \r\n
\r\n\r\n \r\n \r\n {data.scheduleName}\r\n \r\n
\r\n \r\n
\r\n \r\n {operation.operationDisplayName} \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n mission.missionId === current_value.missionId)}\r\n\r\n />\r\n
\r\n {prop.tabContent}
;\r\n }\r\n return \r\n {children}\r\n
\r\n );\r\n}\r\n\r\nInputLabel.propTypes = {\r\n children: PropTypes.node\r\n};\r\n","import {\r\n dangerColor,\r\n boxShadow,\r\n primaryColor\r\n} from \"assets/jss/material-dashboard-react.js\";\r\n\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n//.....styles..........\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n cardStyle: {\r\n // marginBottom: \"30px\",\r\n // marginTop: \"30px\",\r\n borderRadius: 0,\r\n borderBottomStyle: 'inset',\r\n // ...boxShadow,\r\n padding: 10\r\n },\r\n listGridContainer: {\r\n display: 'flex',\r\n justifyContent: \"center\"\r\n },\r\n paperName: {\r\n color:primaryColor[0],\r\n width: '100%',\r\n fontWeight: 'bold',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n '-webkit-line-clamp': '1',\r\n },\r\n },\r\n senderName: {\r\n width: '100%',\r\n fontWeight: 'bold',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n '-webkit-line-clamp': '1',\r\n },\r\n },\r\n subject: {\r\n // fontWeight: 'bold',\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n '-webkit-line-clamp': '1',\r\n },\r\n },\r\n messageText: {\r\n overflow: 'hidden',\r\n lineHeight: 1.3,\r\n textOverflow: 'ellipsis',\r\n display: '-webkit-box',\r\n '-webkit-line-clamp': '2',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n '-webkit-line-clamp': '2',\r\n },\r\n fontSize: '0.875rem',\r\n fontWeight: '500',\r\n letterSpacing: ' 0.00714em'\r\n },\r\n small: {\r\n width: theme.spacing(3),\r\n height: theme.spacing(3),\r\n fontSize: 14,\r\n marginRight: 5\r\n },\r\n gridContainerStyle: {\r\n margin: 0,\r\n height: '100%',\r\n overflowY: 'overlay',\r\n overflowX: 'hidden',\r\n [theme.breakpoints.down('sm')]: {\r\n // height: '60vh',\r\n },\r\n },\r\n gridItemStyle: {\r\n padding: 0\r\n },\r\n cardContent: {\r\n padding: '0px 16px',\r\n [theme.breakpoints.down('sm')]: {\r\n padding: '0px 2px',\r\n },\r\n },\r\n chip: {\r\n margin: theme.spacing(0.2),\r\n borderRadius: 2,\r\n maxWidth: 400,\r\n overflow: 'hidden',\r\n textOverflow: 'ellipsis',\r\n '-webkit-line-clamp': '1',\r\n '-webkit-box-orient': 'vertical',\r\n [theme.breakpoints.down('sm')]: {\r\n maxWidth: '-webkit-fill-available',\r\n },\r\n },\r\n iconTime: {\r\n fontSize: 14,\r\n marginRight: 2\r\n },\r\n icon_text: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n marginRight: 15\r\n },\r\n not_attempt:{\r\n color:'#f44336',\r\n }\r\n\r\n}));\r\n\r\nexport default useStyles;","import React from 'react';\r\n// nodejs library to set properties for components\r\nimport moment from 'moment'\r\nimport PropTypes from \"prop-types\";\r\nimport { useHistory } from \"react-router-dom\";\r\n//@mate;rial-ui/core\r\nimport Card from '@material-ui/core/Card';\r\nimport CardActions from '@material-ui/core/CardActions';\r\nimport CardContent from '@material-ui/core/CardContent';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Skeleton from '@material-ui/lab/Skeleton';\r\n\r\n// core components\r\nimport GridContainer from \"components/CustomComponents/Grid/GridContainer.js\"\r\nimport GridItem from \"components/CustomComponents/Grid/GridItem.js\";\r\nimport Button from \"components/CustomComponents/CustomButtons/Button.js\";\r\nimport InputLabel from 'components/CustomComponents/Typography/InputLabel';\r\n// custom style\r\nimport useStyles from \"./styles\";\r\n\r\n//Icon\r\nimport TodayIcon from '@material-ui/icons/Today';\r\nimport AccessTimeIcon from '@material-ui/icons/AccessTime';\r\nimport TimelapseIcon from '@material-ui/icons/Timelapse';\r\n\r\n\r\n\r\nconst SkeletonCard = (props) => {\r\n const classes = useStyles();\r\n return (Not Attempted
}\r\n {currentData.isViewSolution && currentData.attemptList.length\r\n ? \r\n : null\r\n }\r\n \r\n \r\n {assessment.testAlternateName}\r\n \r\n \r\n {assessment.testTypeName + \" | \" + assessment.totalQuestions + \" Questions\" + \" | \" + assessment.totalMarks + \" Marks\" + \" | \" + assessment.testDuration + \" min\"}\r\n \r\n\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n {`${moment(assessment.testAssignStartDate).format('DD-MM-YYYY')} ${moment(assessment.testAssignStartDate).format('hh:mm a')}`}\r\n \r\n
\r\n\r\n \r\n \r\n {`${moment(assessment.testAssignEndDate).format('DD-MM-YYYY')} ${moment(assessment.testAssignEndDate).format('hh:mm:ss a')}`}\r\n \r\n
\r\n\r\n \r\n \r\n {noDataMessage}\r\n \r\n\r\n
\r\n\r\n }\r\n \r\n { }}\r\n loading={loading}\r\n noDataMessage={\"No data available\"}\r\n type={tabName}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default OnGoingTest;","import React, { useState, useEffect } from \"react\";\r\n\r\n//Redux\r\nimport { useDispatch, useSelector } from 'react-redux'\r\n//import reducer \r\nimport * as actions from \"components/Views/AssessmentTests/store/actions\"\r\n\r\n//@material-ui/icons\r\nimport InboxIcon from '@material-ui/icons/Inbox';\r\nimport ForumIcon from '@material-ui/icons/Forum';\r\n\r\n// custom components\r\nimport PageNavigation from \"components/CustomComponents/Navbars/PageNavigation\";\r\nimport CustomTabs from 'components/CustomComponents/CustomTabs/CustomTabs'\r\n\r\n\r\n// Views\r\nimport OnlineTest from './components/OnlineTestList'\r\n\r\n\r\n\r\nconst Container = (props) => {\r\n\r\n // type==0 -- ALL Test\r\n // type==1 -- OnGoing Test\r\n // type==2 -- UpComing Test\r\n // type==3 -- Past Test\r\n\r\n const dispatch = useDispatch();\r\n const [selectedTab, setSelectedTab] = useState({ name: \"Ongoing\", icon: InboxIcon })\r\n const [loading, setLoading] = useState(false)\r\n\r\n useEffect(() => {\r\n setLoading(true)\r\n if (selectedTab.name === 'Ongoing')\r\n fetchOnlineTest(1)\r\n if (selectedTab.name === 'Upcoming')\r\n fetchOnlineTest(2)\r\n if (selectedTab.name === 'Past')\r\n fetchOnlineTest(3)\r\n }, [selectedTab])\r\n\r\n\r\n // fetch Online Test\r\n const fetchOnlineTest = async (tabtype, page = 0, pageSize = 10) => {\r\n await dispatch(actions.fetchOnlineAssignment(tabtype, page, pageSize)).then(() => {\r\n setLoading(false)\r\n }).catch(error => {\r\n setLoading(false)\r\n console.log(error);\r\n });\r\n }\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n\r\n setSelectedTab(name)} tabs={[\r\n {\r\n tabName: \"Ongoing\",\r\n tabContent: \r\n
\r\n \r\n
\r\n\r\n )\r\n }\r\n}\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n setPlatform: (platform) => dispatch(questActions.setPlatform(platform)),\r\n setAppType: (apptype) => dispatch(questActions.setAppType(apptype)),\r\n }\r\n}\r\n\r\n\r\n\r\nexport default connect(null, mapDispatchToProps)(withRouter(withStyles(styles)(Home)));","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { BrowserRouter as Router } from \"react-router-dom\";\r\nimport { createBrowserHistory } from 'history';\r\n//redux\r\nimport { Provider } from 'react-redux';\r\nimport { PersistGate } from 'redux-persist/integration/react'\r\n\r\n//store\r\nimport { store, persistor } from './store/index'\r\n\r\n// import './index.css';\r\nimport \"assets/css/index.css?v=1.8.0\";\r\nimport * as serviceWorker from './serviceWorker';\r\nimport Layout from './components/Layouts/Layout';\r\n\r\nimport { createMuiTheme, responsiveFontSizes, ThemeProvider } from '@material-ui/core/styles';\r\nimport { green,blue } from '@material-ui/core/colors';\r\n// import Typography from '@material-ui/core/Typography';\r\n\r\nlet theme = createMuiTheme({\r\n overrides: {\r\n // Style sheet name ⚛️\r\n MuiStepIcon: {\r\n // Name of the rule\r\n // root:{\r\n // color: '#3f51b5'\r\n // },\r\n active: {\r\n // Some CSS\r\n color: `${green[500]} !important`,\r\n boxShadow:'0 0 10px gray',\r\n borderRadius:50\r\n },\r\n },\r\n },\r\n});\r\ntheme = responsiveFontSizes(theme);\r\n\r\n\r\nReactDOM.render(\r\n \r\n\r\n
\r\n \r\n\r\n \r\n { node.addEventListener(\"transitionend\", done, false); }}\r\n classNames=\"fade\" >\r\n \r\n\r\n
\r\n = 0 ? \"left\" : \"right\"}>\r\n {/* Routes */}\r\n
\r\n \r\n