\n {\n hasDialogTitle && (\n (dialogHeading === ' ') ?\n <>\n\n \n {\n (_.isEmpty(dialogHeading) && !_.isEmpty(customDialogTitle))\n ? customDialogTitle\n : dialogVariantHeader().component\n }\n \n \n :\n <>\n \n\n {\n (_.isEmpty(dialogHeading) && !_.isEmpty(customDialogTitle))\n ? customDialogTitle\n : dialogVariantHeader().component\n }\n \n \n )}\n\n \n <>\n {\n !isPerfectScrollbar ?\n <>\n {children}\n \n :\n isOverflowVisible \n ?\n <>{children}\n :\n \n {children}\n \n }\n \n \n {\n hasDialogAction && (\n \n \n {(!isDefaultDialogAction && !_.isEmpty(customDialogActions))\n ? customDialogActions\n :
\n\n { isCustomWrapper && \n customHtmlWrapper\n }\n \n );\n};\n\n\n//@ts-ignore\nexport default withStyles(styles)(MyPATDialog);","import _ from 'lodash';\n\n const getUserDetailsFromStorage = () => {\n let userD: any = localStorage.getItem('patmy');\n if (userD) {\n userD = JSON.parse(userD);\n return userD;\n }\n else\n return {};\n }\nconst checkModulePermission = (module: any, key: any) => {\n module = module === \"testpapers\" ? \"test\" : module;\n module = module === \"studymaterial\" ? \"studyMaterial\": module;\n let user = getUserDetailsFromStorage();\n user = user && user.authenticatedUser;\n return(Boolean(user && user.role && user.role.permissions && user.role.permissions.filter(function(val: any) {\n if (val.module === module) {\n return val.access.includes(key);\n }\n }).length));\n }\n\nconst hasAccessTo = (layerType: string[], accessType: string[], userDetail: any = {}) => {\n if (_.isEmpty(userDetail)) {\n\t\t\tuserDetail = getUserDetailsFromStorage();\n\t\t}\n\n let hasAcc: boolean = false;\n\n const roles: any[] = userDetail && userDetail.authenticatedUser && userDetail.authenticatedUser.roles && userDetail.authenticatedUser.roles.length > 0 ? userDetail.authenticatedUser.roles : [];\n const role = roles && roles.length > 0 ? roles[userDetail.selectedRoleIndex] : {};\n\n if (role && (role.roleId && role.roleId.allowAll || userDetail.authenticatedUser && userDetail.authenticatedUser.isAdmin)) {\n hasAcc = true;\n }\n else if (role && role.roleId) {\n let roleData = role.roleId;\n let a = roleData.featureLevelPermissions ? roleData.featureLevelPermissions.filter((role: any) => layerType.includes(role.featureType) && role.accessAllowed.some((r: any) => accessType.includes(r))) : [];\n hasAcc = a && a.length > 0 ? true : false;\n }\n return hasAcc;\n}\n\nconst responseHasAccessTo = (response: any[], accessType: string[], layerType: string[], responseKey: string, checkBoth: Boolean) => {\n let userDetail: any = {};\n //@ts-ignore\n if (!window[\"userDetail\"]) {\n userDetail = getUserDetailsFromStorage();\n //@ts-ignore\n window[\"userDetail\"] = userDetail;\n } else {\n //@ts-ignore\n userDetail = window[\"userDetail\"];\n }\n const userId = _.get(userDetail, 'authenticatedUser._id', '');\n \n\t\tlet hasBothAcc = false;\n\t\tlet hasResponseAcc = false;\n\t\tlet hasDefaultAcc = false;\n\n\t\tswitch(responseKey) {\n\t\t\tcase 'allowedTo': {\n\t\t\t\tconst allowedToData = _.find(_.get(response, 'allowedTo', []), ['user.id._id', userId]);\n\t\t\t\n\t\t\t\tif(_.isUndefined(allowedToData) || _.isNull(allowedToData) || _.isEmpty(allowedToData)) {\n\t\t\t\t\t\thasResponseAcc = true;\n\t\t\t\t} else {\n\t\t\t\t\t\tconst hasAccessAllowed:any = _.filter(allowedToData.accessAllowed, d => _.includes(accessType, d)) || [];\n\t\t\t\t\t\thasResponseAcc = hasAccessAllowed && hasAccessAllowed.length > 0 ? true : false;\n\t\t\t\t}\n\t\t\t}\n\t\t\tbreak;\n\n\t\t\tcase 'createdBy': {\n\t\t\t\tconst createdByData = _.get(response, 'createdBy.id', '');\n\n\t\t\t\tif (!_.isEmpty(createdByData) && _.isEqual(createdByData, userId)) {\n\t\t\t\t\thasResponseAcc = true;\n\t\t\t\t} else {\n\t\t\t\t\thasResponseAcc = false;\n\t\t\t\t}\n\t\t\t}\n\t\t\tbreak;\n\t\t}\n\n\t\tif (!_.isEmpty(layerType)) {\n\t\t\thasDefaultAcc = hasAccessTo(layerType, accessType, userDetail);\n\t\t}\n\n\t\tif (checkBoth) {\n\t\t\thasBothAcc = hasDefaultAcc && hasResponseAcc;\n\t\t} else {\n\t\t\thasBothAcc = hasDefaultAcc || hasResponseAcc;\n\t\t}\n\n\t\treturn hasBothAcc;\n}\n\nconst switchRole = (index: number) => {\n\n\n //Update Localstorage and windows userDetails\n let userD: any = localStorage.getItem('patmy');\n if (userD) {\n userD = JSON.parse(userD);\n userD[\"selectedRoleIndex\"] = index;\n localStorage.setItem('patmy', JSON.stringify(userD));\n //@ts-ignore\n window[\"userDetail\"] = userD;\n location.reload();\n }\n}\n\nconst getUserReviewer = () => {\n let reviewer = [];\n let userDetail: any = localStorage.getItem('patmy');\n if (userDetail) {\n userDetail = JSON.parse(userDetail);\n let roles: any[] = userDetail && userDetail.authenticatedUser && userDetail.authenticatedUser.roles && userDetail.authenticatedUser.roles.length > 0 ? userDetail.authenticatedUser.roles : [];\n let role = roles && roles.length > 0 ? roles[userDetail.selectedRoleIndex] : {};\n reviewer = role.reviewer ? role.reviewer : [];\n }\n return reviewer;\n}\nconst isSuperAdmin = () => {\n let userDetail: any = localStorage.getItem('patmy');\n if (userDetail) {\n userDetail = JSON.parse(userDetail);\n return userDetail && userDetail.authenticatedUser && userDetail.authenticatedUser.isSuperAdmin;\n }\n}\n\nconst ACLService = {\n hasAccessTo,\n responseHasAccessTo,\n switchRole,\n getUserReviewer,\n getUserDetailsFromStorage,\n checkModulePermission,\n isSuperAdmin\n}\n\nexport default ACLService;","export const emptyLatexValue = ['
{ this.handleShowOptions(event) }}>\n \n\n {isMulti && !isSearchAble && !showOptions && values && values.length === 0 &&\n \n \n \n \n { event.stopPropagation() }}\n onFocus={() => showAllOptionsOnFocus && this.getFilteredOptions()}\n onChange={(event: any) => { this.setState({inputValue:event.target.value},\n ()=>{this.getFilteredOptions()}); }}\n placeholder={values && !_.isEmpty(values) ? '' : placeholderText?placeholderText:'search'}\n value={this.state.inputValue}\n disabled={disableInput}\n />\n \n \n \n }\n\n\n\n
\n {\n showOptions &&\n \n
\n }\n {/* {!isMulti && values &&\n \n {\n values.map((option: any) => {\n return (\n \n {option[`${labelKey}`]} \n this.props.onChange(option,name)}\n >\n {\" \"}\n \n \n );\n })}\n
\n \n \n {//@ts-ignore\n values[`${labelKey}`]\n }\n \n \n
\n } */}\n\n\n { isMulti || isSearchAble &&\n <>\n \n
\n \n \n
\n }\n \n );\n }\n}\n\n// @ts-ignore\nexport default withStyles(styles)(MyPATMultiSearch);\n","export const GET_CLIENTS_REQUEST = 'GET_CLIENTS_REQUEST';\nexport const GET_CLIENTS_SUCCESS = 'GET_CLIENTS_SUCCESS';\n\nexport const GET_MASTER_CLIENTS_REQUEST = 'GET_MASTER_CLIENTS_REQUEST';\nexport const GET_MASTER_CLIENTS_SUCCESS = 'GET_MASTER_CLIENTS_SUCCESS';\n\nexport const GET_NEXT_CLIENT_PAGE = 'GET_NEXT_CLIENT_PAGE';\nexport const GET_NEXT_CLIENT_PAGE_SUCCESS = 'GET_NEXT_CLIENT_PAGE_SUCCESS';\n\nexport const GET_PREV_CLIENT_PAGE = 'GET_PREV_CLIENT_PAGE';\nexport const GET_PREV_CLIENT_PAGE_SUCCESS = 'GET_PREV_CLIENT_PAGE_SUCCESS';\n\nexport const GET_FIRST_CLIENT_PAGE = 'GET_FIRST_CLIENT_PAGE';\nexport const GET_FIRST_CLIENT_PAGE_SUCCESS = 'GET_FIRST_CLIENT_PAGE_SUCCESS';\n\nexport const GET_LAST_CLIENT_PAGE = 'GET_LAST_CLIENT_PAGE';\nexport const GET_LAST_CLIENT_PAGE_SUCCESS = 'GET_LAST_CLIENT_PAGE_SUCCESS';\n\nexport const ADD_CLIENT = 'ADD_CLIENT';\nexport const ADD_CLIENT_SUCCESS = 'ADD_CLIENT_SUCCESS';\nexport const ADD_CLIENT_FAILURE = 'ADD_CLIENT_FAILURE';\nexport const ADD_CLIENT_TOAST_CLOSE = 'ADD_CLIENT_TOAST_CLOSE';\nexport const ADD_CLIENT_CORRECTION = 'ADD_CLIENT_CORRECTION';\nexport const IS_LOADING_TRUE = 'IS_LOADING_TRUE';\nexport const IS_LOADING_FALSE = 'IS_LOADING_FALSE';\n\nexport const CHECK_IF_CLIENT_EXISTS = 'CHECK_IF_CLIENT_EXISTS';\nexport const CHECK_IF_CLIENT_EXISTS_SUCCESS = 'CHECK_IF_CLIENT_EXISTS_SUCCESS';\n\nexport const EDIT_CLIENT = 'EDIT_CLIENT';\nexport const EDIT_CLIENT_SUCCESS = 'EDIT_CLIENT_SUCCESS';\nexport const EDIT_CLIENT_FAILURE = 'EDIT_CLIENT_FAILURE';\nexport const EDIT_CLIENT_TOAST_CLOSE = 'EDIT_CLIENT_TOAST_CLOSE';\nexport const EDIT_CLIENT_CORRECTION = 'EDIT_CLIENT_CORRECTION';\n\nexport const GET_CLIENT = 'GET_CLIENT';\nexport const GET_CLIENT_SUCCESS = 'GET_CLIENT_SUCCESS';\n\nexport const SHOW_LICENSE_EXPIRED_DIALOG = 'SHOW_LICENSE_EXPIRED_DIALOG';\nexport const SHOW_LICENSE_EXPIRED_DIALOG_SUCCESS =\n 'SHOW_LICENSE_EXPIRED_DIALOG_SUCCESS';\n\nexport const SHOW_MODULE_ACCESS_DIALOG = 'SHOW_MODULE_ACCESS_DIALOG';\nexport const SHOW_MODULE_ACCESS_DIALOG_SUCCESS =\n 'SHOW_MODULE_ACCESS_DIALOG_SUCCESS';\n\nexport const SHOW_ERROR_MESSAGE_TOAST = 'SHOW_ERROR_MESSAGE_TOAST';\nexport const SHOW_ERROR_MESSAGE_TOAST_SUCCESS =\n 'SHOW_ERROR_MESSAGE_TOAST_SUCCESS';\n\nexport const GET_ROLES_LIST = 'GET_ROLES_LIST';\nexport const GET_ROLES_SUCCESS = 'GET_ROLES_SUCCESS';\n\nexport const GET_DEFAULT_ROLES_LIST = 'GET_DEFAULT_ROLES_LIST';\nexport const GET_DEFAULT_ROLES_SUCCESS = 'GET_DEFAULT_ROLES_SUCCESS';\n\nexport const GET_CLIENTS_WITHOUT_PAGINATION_REQUEST =\n 'GET_CLIENTS_WITHOUT_PAGINATION_REQUEST';\nexport const GET_CLIENTS_WITHOUT_PAGINATION_SUCCESS =\n 'GET_CLIENTS_WITHOUT_PAGINATION_SUCCESS';\n\nexport const GET_ROLES_WITHOUT_PAGINATION_REQUEST =\n 'GET_ROLES_WITHOUT_PAGINATION_REQUEST';\nexport const GET_ROLES_WITHOUT_PAGINATION_SUCCESS =\n 'GET_ROLES_WITHOUT_PAGINATION_SUCCESS';\n\nexport const GET_NEXT_ROLE_PAGE = 'GET_NEXT_ROLE_PAGE';\nexport const GET_NEXT_ROLE_PAGE_SUCCESS = 'GET_NEXT_ROLE_PAGE_SUCCESS';\n\nexport const GET_PREV_ROLE_PAGE = 'GET_PREV_ROLE_PAGE';\nexport const GET_PREV_ROLE_PAGE_SUCCESS = 'GET_PREV_ROLE_PAGE_SUCCESS';\n\nexport const ADD_ROLE = 'ADD_ROLE';\nexport const ADD_ROLE_SUCCESS = 'ADD_ROLE_SUCCESS';\nexport const ADD_ROLE_FAILURE = 'ADD_ROLE_FAILURE';\n\nexport const ADD_USER = 'ADD_USER';\nexport const ADD_USER_SUCCESS = 'ADD_USER_SUCCESS';\nexport const ADD_USER_FAILURE = 'ADD_USER_FAILURE';\n\nexport const GET_ROLE = 'GET_ROLE';\nexport const GET_ROLE_SUCCESS = 'GET_ROLE_SUCCESS';\n\nexport const GET_USER = 'GET_USER';\nexport const GET_USER_SUCCESS = 'GET_USER_SUCCESS'\n\nexport const EDIT_ROLE = 'EDIT_ROLE';\nexport const EDIT_ROLE_SUCCESS = 'EDIT_ROLE_SUCCESS';\nexport const EDIT_ROLE_FAILURE = 'EDIT_ROLE_FAILURE';\n\nexport const EDIT_USER = 'EDIT_USER';\nexport const EDIT_USER_SUCCESS = 'EDIT_USER_SUCCESS';\nexport const EDIT_USER_FAILURE = 'EDIT_USER_FAILURE';\n\n\nexport const ADD_ROLE_TOAST_CLOSE = 'ADD_ROLE_TOAST_CLOSE'\n\nexport const GET_USERS_REQUEST = 'GET_USERS_REQUEST';\nexport const GET_USERS_SUCCESS = 'GET_USERS_SUCCESS';\n\nexport const GET_SUBJECT_LIST = 'GET_SUBJECT_LIST';\nexport const GET_SUBJECT_LIST_SUCCESS = 'GET_SUBJECT_LIST_SUCCESS';\n\nexport const GET_COURSE_LIST = 'GET_COURSE_LIST';\nexport const GET_COURSE_LIST_SUCCESS = 'GET_COURSE_LIST_SUCCESS';\n\nexport const SET_BULK_IMPORT_TEST = 'SET_BULK_IMPORT_TEST';\nexport const SET_BULK_IMPORT_TEST_SUCCESS = 'SET_BULK_IMPORT_TEST_SUCCESS';\n\nexport const SWITCH_SELECTED_TAB = 'SWITCH_SELECTED_TAB';\nexport const SWITCH_SELECTED_TAB_SUCCESS = 'SWITCH_SELECTED_TAB_SUCCESS';\n\nexport const ADD_USER_TOAST_CLOSE = 'ADD_USER_TOAST_CLOSE';\n\nexport const SET_ROLES_TAB = 'SET_ROLES_TAB';\nexport const SET_USERS_TAB = 'SET_USERS_TAB';\nexport const SET_CLIENTS_TAB = 'SET_CLIENTS_TAB';\nexport const UNAUTHORISED='UNAUTHORISED';\n\nexport const SEARCH_USER_MANAGMENT = 'SEARCH_USER_MANAGMENT';\n\nexport const SEARCH_CLIENTS_SUCCESS = 'SEARCH_CLIENTS_SUCCESS';\nexport const SEARCH_ROLES_SUCCESS = 'SEARCH_ROLES_SUCCESS';\nexport const SEARCH_USERS_SUCCESS = 'SEARCH_USERS_SUCCESS';\n\n\nexport const SET_PAGINATION_TO_PAGE_ONE = 'SET_PAGINATION_TO_PAGE_ONE';\nexport const SET_PAGINATION_TO_PAGE_ONE_SUCCESS = 'SET_PAGINATION_TO_PAGE_ONE_SUCCESS';\n\nexport const RESET_PAGE_NUMBER_TO_NULL = 'RESET_PAGE_NUMBER_TO_NULL';\nexport const RESET_PAGE_NUMBER_TO_NULL_SUCCESS = 'RESET_PAGE_NUMBER_TO_NULL_SUCCESS';\n\nexport const ADD_ROLE_CHIP = 'ADD_ROLE_CHIP'\nexport const ADD_ROLE_CHIP_SUCCESS = 'ADD_ROLE_CHIP_SUCCESS'\n\nexport const REMOVE_ROLE_CHIP = 'REMOVE_ROLE_CHIP'\nexport const REMOVE_ROLE_CHIP_SUCCESS = 'REMOVE_ROLE_CHIP_SUCCESS'\n\nexport const ADD_USERS_CHIP = 'ADD_USERS_CHIP' \nexport const ADD_USERS_CHIP_SUCCESS = 'ADD_USERS_CHIP_SUCCESS' \n\nexport const REMOVE_USERS_CHIP = 'REMOVE_USERS_CHIP'\nexport const REMOVE_USERS_CHIP_SUCCESS = 'REMOVE_USERS_CHIP_SUCCESS'\n\nexport const CLEAR_CHIPS = 'CLEAR_CHIPS'\nexport const CLEAR_CHIPS_SUCCESS = 'CLEAR_CHIPS_SUCCESS'\n\nexport const SET_ROLES_SEARCH_ACTIVE_OPTION = 'SET_ROLES_SEARCH_ACTIVE_OPTION'\nexport const SET_ROLES_SEARCH_ACTIVE_OPTION_SUCCESS = 'SET_ROLES_SEARCH_ACTIVE_OPTION_SUCCESS'\n\nexport const SET_USERS_SEARCH_ACTIVE_OPTION = 'SET_USERS_SEARCH_ACTIVE_OPTION'\nexport const SET_USERS_SEARCH_ACTIVE_OPTION_SUCCESS = 'SET_USERS_SEARCH_ACTIVE_OPTION_SUCCESS'\n\nexport const SET_SEARCH_QUERY_BY_TAB = 'SET_SEARCH_QUERY_BY_TAB'\n\nexport const CLEAR_SEARCH_QUERY_TEXT = 'CLEAR_SEARCH_QUERY_TEXT'\n\n\n\n","import * as actionTypes from './actionTypes';\nimport { Client } from '../types/Client';\nimport clientServices from '../services/userServices';\n\nexport const getClients = (payload: any) => {\n return {\n type: actionTypes.GET_CLIENTS_REQUEST,\n payload: payload,\n };\n};\n\nexport const getMasterClients = (payload: any) => {\n return {\n type: actionTypes.GET_MASTER_CLIENTS_REQUEST,\n payload: payload\n }\n}\n\nexport const getClientsWithoutPagination = (payload: any) => {\n return {\n type: actionTypes.GET_CLIENTS_WITHOUT_PAGINATION_REQUEST,\n payload: payload,\n };\n};\n\nexport const getRolesListWithoutPagination = (payload: any) => {\n return {\n type: actionTypes.GET_ROLES_WITHOUT_PAGINATION_REQUEST,\n payload: payload,\n };\n};\n\nexport const getRolesList = (payload: any) => {\n return {\n type: actionTypes.GET_ROLES_LIST,\n payload: payload,\n };\n};\nexport const getDefaultRolesList = (payload: any) => {\n return {\n type: actionTypes.GET_DEFAULT_ROLES_LIST,\n payload: payload,\n };\n};\nexport const getNextClientPage = (payload: any) => {\n return {\n type: actionTypes.GET_NEXT_CLIENT_PAGE,\n payload: payload,\n };\n};\n\nexport const getPrevClientPage = (payload: any) => {\n return {\n type: actionTypes.GET_PREV_CLIENT_PAGE,\n payload: payload,\n };\n};\n\nexport const getNextRolePage = (payload: any) => {\n return {\n type: actionTypes.GET_NEXT_ROLE_PAGE,\n payload: payload,\n };\n};\n\nexport const getPrevRolePage = (payload: any) => {\n return {\n type: actionTypes.GET_PREV_ROLE_PAGE,\n payload: payload,\n };\n};\nexport const addRole = (payload: any) => {\n return {\n type: actionTypes.ADD_ROLE,\n payload: payload\n }\n}\nexport const addUser = (payload: any) => {\n return {\n type: actionTypes.ADD_USER,\n payload: payload\n }\n}\nexport const getFirstClientPage = () => {\n return {\n type: actionTypes.GET_FIRST_CLIENT_PAGE,\n payload: 1,\n };\n};\n\nexport const getLastClientPage = () => {\n return {\n type: actionTypes.GET_LAST_CLIENT_PAGE,\n };\n};\n\nexport const isLoadingTrue = () => {\n return {\n type: actionTypes.IS_LOADING_TRUE\n };\n};\nexport const isLoadingFalse = () => {\n return {\n type: actionTypes.IS_LOADING_FALSE\n };\n};\n\n\nexport const addClient = (client: Client) => {\n return {\n type: actionTypes.ADD_CLIENT,\n payload: client,\n };\n};\nexport const addClientToastClose = () => {\n return {\n type: actionTypes.ADD_CLIENT_TOAST_CLOSE\n };\n};\n\nexport const addPropToToastClose = () => {\n return {\n type: actionTypes.ADD_ROLE_TOAST_CLOSE\n }\n}\nexport const addUserToastClose = () => {\n return {\n type: actionTypes.ADD_USER_TOAST_CLOSE\n }\n}\n\nexport const addClientCorrection = () => {\n return {\n type: actionTypes.ADD_CLIENT_CORRECTION\n };\n};\n\nexport const editRole = (role: any) => {\n return {\n type: actionTypes.EDIT_ROLE,\n payload: role,\n };\n};\nexport const editUser = (user: any) => {\n return {\n type: actionTypes.EDIT_USER,\n payload: user,\n };\n};\nexport const getRoleById = (role: any) => {\n return {\n type: actionTypes.GET_ROLE,\n payload: role,\n };\n};\n\nexport const getUserById= (user: any) => {\n return {\n type: actionTypes.GET_USER,\n payload: user,\n };\n};\n\nexport const checkIfClientExists = (clientOrOrgName: any) => {\n return {\n type: actionTypes.CHECK_IF_CLIENT_EXISTS,\n payload: clientOrOrgName,\n };\n};\n\nexport const editClient = (client: Client) => {\n return {\n type: actionTypes.EDIT_CLIENT,\n payload: client,\n };\n};\nexport const editClientToastClose = () => {\n return {\n type: actionTypes.EDIT_CLIENT_TOAST_CLOSE,\n };\n};\nexport const editClientCorrection = () => {\n return {\n type: actionTypes.EDIT_CLIENT_CORRECTION,\n };\n};\n\nexport const getClient = (id: any) => {\n return {\n type: actionTypes.GET_CLIENT,\n payload: id,\n };\n};\n\nexport const showLicenseExpiredDialog = (configureDialog: any) => {\n return {\n type: actionTypes.SHOW_LICENSE_EXPIRED_DIALOG,\n payload: configureDialog,\n };\n};\n\nexport const showModuleAccessDialog = (configureDialog: any) => {\n return {\n type: actionTypes.SHOW_MODULE_ACCESS_DIALOG,\n payload: configureDialog,\n };\n};\n\nexport const showErrorMessageToast = (msg: any) => {\n return {\n type: actionTypes.SHOW_ERROR_MESSAGE_TOAST,\n payload: msg,\n };\n};\n\n\nexport const getUsers = (payload: any) => {\n return {\n type: actionTypes.GET_USERS_REQUEST,\n payload: payload,\n };\n};\n\nexport const getSubjectList = (payload: any) => {\n return {\n type: actionTypes.GET_SUBJECT_LIST,\n payload: payload,\n };\n};\nexport const getCourseList = (payload: any) => {\n return {\n type: actionTypes.GET_COURSE_LIST,\n payload: payload,\n };\n};\nexport const setBulkImportTest = (payload: any) => {\n return {\n type: actionTypes.SET_BULK_IMPORT_TEST,\n payload: payload,\n };\n};\nexport const switchSelectedTab = (payload: any) => {\n return {\n type: actionTypes.SWITCH_SELECTED_TAB,\n payload: payload\n }\n}\n\nexport const setRolesTab = (payload: any) => {\n return {\n type: actionTypes.SET_ROLES_TAB,\n payload: payload\n }\n}\n\nexport const setUsersTab = (payload: any) => {\n return {\n type: actionTypes.SET_USERS_TAB,\n payload: payload\n }\n}\n\nexport const setClientTab = (payload: any) => {\n return {\n type: actionTypes.SET_CLIENTS_TAB,\n payload: payload\n }\n}\n\nexport const searchUserMgmt = (payload: any) => {\n return {\n type: actionTypes.SEARCH_USER_MANAGMENT,\n payload: payload\n }\n}\n\nexport const setPaginationToFirstPage = () => {\n return {\n type: actionTypes.SET_PAGINATION_TO_PAGE_ONE\n }\n}\n\nexport const resetPaginationToNull = () => {\n return {\n type: actionTypes.RESET_PAGE_NUMBER_TO_NULL\n }\n}\n\nexport const addRoleChip = (payload: any) => {\n return {\n type: actionTypes.ADD_ROLE_CHIP,\n payload: payload\n }\n}\n\nexport const removeRoleChip = (payload: any) => {\n return {\n type: actionTypes.REMOVE_ROLE_CHIP,\n payload: payload\n }\n}\n\nexport const addUsersSearchChip = (payload: any) => {\n return {\n type: actionTypes.ADD_USERS_CHIP,\n payload: payload\n }\n}\n\nexport const removeUsersSearchChip = (payload: any) =>{\n return {\n type: actionTypes.REMOVE_USERS_CHIP,\n payload: payload\n }\n}\n\nexport const clearChips = () => {\n return {\n type: actionTypes.CLEAR_CHIPS\n }\n}\n\nexport const setRolesSearchActiveOption = (payload: any) => {\n return {\n type: actionTypes.SET_ROLES_SEARCH_ACTIVE_OPTION,\n payload: payload\n }\n}\n\nexport const setUsersSearchActiveOption = (payload: any) => {\n return {\n type: actionTypes.SET_USERS_SEARCH_ACTIVE_OPTION,\n payload: payload,\n }\n}\n\nexport const setSearchQueryByTab = (payload: any) => {\n return {\n type: actionTypes.SET_SEARCH_QUERY_BY_TAB,\n payload: payload\n }\n}\n\nexport const clearSearchQueryText = () => {\n return {\n type: actionTypes.CLEAR_SEARCH_QUERY_TEXT\n }\n}\n\n\n","import React, { Component } from 'react';\nimport _ from 'lodash';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport SearchIcon from '@material-ui/icons/Search';\nimport MenuIcon from '@material-ui/icons/Menu';\nimport Select from 'react-select';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport {\n\tWithStyles,\n\tcreateStyles,\n\tInput,\n\tPaper,\n\tInputBase,\n\tDivider,\n\tGrid,\n\tMenuItem,\n\tChip\n} from '@material-ui/core';\nimport {\n\tCloseOutlined as CloseIcon,\n} from '@material-ui/icons';\nimport ClickAwayListener from '@material-ui/core/ClickAwayListener';\nimport { connect } from \"react-redux\";\nimport {\n\t getRolesList,\n } from \"../userManagement/actions/userActions\";\n import { \n\t getUsers\n } from '../userManagement/actions/userActions';\n import {\n\tgetClients,\n } from '../userManagement/actions/userActions';\n import {\n\tsetPaginationToFirstPage,\n } from '../userManagement/actions/userActions';\n import {\n\taddRoleChip\n } from '../userManagement/actions/userActions';\n import {\n\tsetRolesSearchActiveOption,\n\tsetUsersSearchActiveOption,\n\taddUsersSearchChip,\n\tremoveUsersSearchChip,\n\tsetSearchQueryByTab,\n\tclearChips\n } from '../userManagement/actions/userActions';\n import { bindActionCreators } from \"redux\";\n\nconst styles = (theme: Theme) => createStyles({\n\tdisplayNone: {\n\t\tdisplay: 'none'\n\t},\n\tinputWidth: {\n\t\twidth: '62%'\n\t},\n\troot: {\n\t\tdisplay: 'inline-block',\n\t\twidth: 400,\n\t\tposition: 'relative',\n\t\t'& .dropDown': {\n\t\t\tposition: 'absolute',\n\t\t\tright: 10,\n\t\t\ttop: 10,\n\t\t\tborderLeft: 'solid 1px rgb(188 188 188)',\t\n\t\t\theight: 25\t\t\n\t\t},\n\t\t'& .select': {\n\t\t\theight: 35,\n\t\t\tmargin: '-8px 0px',\t\t\t\n\t\t\tpadding: '2px 2px 0px 0px',\n\t\t\tcolor: 'rgb(102 102 102)',\n\t\t\twidth: 146,\n\t\t\t'&>:first-child': {\n\t\t\t\tborder: 0,\n\t\t\t\toutline: 0,\n\t\t\t\t'&>:first-child': {\n\t\t\t\t\t'&:focus': {\n\t\t\t\t\t\tborder: 0,\n\t\t\t\t\t\toutline: 0,\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t'&>:nth-child(2)': {\n\t\t\t\t\t'&>:first-child': {\n\t\t\t\t\t\tborder: 0,\n\t\t\t\t\t\toutline: 0,\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t}\n\t},\n\twidthMD: {\n\t\twidth: '464px !important',\n\t\t'& input': {\n\t\t\twidth: '62%'\n\t\t}\n\t},\n\tpaper: {\n\t\tpadding: `${theme.spacing.unit / 4}px ${theme.spacing.unit / 2}px`,\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\twidth: 394,\n\t\theight: 44,\n\t\tboxShadow: '0px 0px',\n\t\tbackground: '#FFFFFF',\n\t\tborder: '1px solid #DCDCDC',\n\t\tboxSizing: 'border-box',\n\t\tborderRadius: 34\n\t},\n\tinput: {\n\t\tmarginLeft: theme.spacing.unit,\n\t\tflex: 1,\n\t\tfontSize: '0.8rem',\n\t\tcolor: '#666666',\n\t\t'& > input': {\n\t\t\tfontFamily: 'Nunito',\n\t\t\tfontStyle: 'normal',\n\t\t\tfontWeight: 'normal',\n\t\t\tfontSize: 16,\n\t\t\tcolor: 'rgb(102 102 102)'\n\t\t}\n\t},\n\ticonButton: {\n\t\tpadding: '10px 10px',\n\t\topacity: 0.5,\n\t\tfontSize: theme.spacing.unit * 3,\n\t\t'& svg': {\n\t\t\tfontSize: 30\n\t\t},\n\t\t\n\t},\n\tsuggestions: \n\t{\n\t\tposition: 'absolute',\n\t\ttop: '100%',\n\t\tleft: '13px',\n\t\tright: 0,\n\t\tmaxHeight: '400px',\n\t\toverflow: 'auto',\n\t\tmaxWidth:440,\n\t\tbackgroundColor: \"rgb(255 255 255)\",\n\t\tboxShadow: \"-1px 3px 4px 2px #bcbcbc\",\n\t\tborder: \"solid 1px rgb(238 238 238)\",\n\t\tzIndex:9,\n\t\tborderRadius:2,\n\t\t'& .filterItem': {\n\t\t\t'& li': {\n\t\t\t\toverflow: 'hidden',\n\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\twidth: 360,\n\t\t\t\ttextOverflow: 'ellipsis'\n\t\t\t}\n\t\t}\n\t}\n\t\n});\n\n//@ts-ignore\ninterface MyPATSearchBarProps extends WithStyles\n
\n \n \n\n {\n isDropdownSearch &&\n \n input && input.focus()}\n onClick={(event: any) => { event.stopPropagation() }}\n onChange={(event: any) => { this.setState({inputValue:event.target.value},\n ()=>{this.getFilteredOptions()}); }}\n placeholder={values && values.length > 0 ? '' : 'Add Client and user'}\n value={this.state.inputValue}\n />\n \n }\n \n {this.renderOptions()}\n \n
\n\n \n
\n }\n {\n isDropdownSearch &&\n \n\t\t\t\t\t\n\n\t\t\t\t\t\t{isSelect &&\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t![\"search-icon\"](\"/assets/svg/myLibrary/search-icon.svg\")
\n\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{this.handleSuggestions(this.state.searchText)}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t\t}\n\t\t\t\t\t\t{\n\t\t\t\t\t\t (searchText || showCancelIcon) && \n\t\t\t\t\t\t\n\t\t\t\t\t\t\t { e.target.value = \"\"; this.handleSearchClose(e); }} \n\t\t\t\t\t\t\tclassName={!isSelect ? classes.iconButton : classes.displayNone}>\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\n\t\t\t\t\t\t }\n\t\t\t\t\t \n\t\t\t\t\t\t{ (this.state.rolesChips.length > 0 || this.props.usersSearchChipData.length > 0) && \n\t\t\t\t\t\t\t!isRolesTab &&\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{this.renderChips()}\n\t\t\t\t\t\t }\n\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\n\nconst mapStateToProps = (state: any) => ({\n\trolesData: state.clientManagement.rolesManagement.rolesData,\n\tusersData: state.clientManagement.usersManagement.allUsersdata,\n\tsearchQuery: state.clientManagement.usersManagement.searchQuery,\n\tusersSearchChipData: state.clientManagement.usersManagement.usersChips,\n\tusersSearchData: state.clientManagement.usersManagement.usersSearchData,\n\tusersSearchActiveOption: state.clientManagement.usersManagement.usersSearchActiveOption,\n\trolesSearchActiveOption: state.clientManagement.rolesManagement.rolesSearchActiveOption,\n });\n \n// const mapDispatchToProps = {\n// \tgetClients,\n// \tgetRolesList,\n// \tgetUsers,\n// \tsetPaginationToFirstPage,\n// \taddRoleChip,\n// \tsetRolesSearchActiveOption,\n// \tsetSearchQueryByTab\n// };\n\n const mapDispatchToProps = (dispatch: any) => bindActionCreators({\n\tgetClients,\n\tgetRolesList,\n\tgetUsers,\n\tsetPaginationToFirstPage,\n\taddRoleChip,\n\tsetRolesSearchActiveOption,\n\tsetUsersSearchActiveOption,\n\taddUsersSearchChip,\n\tremoveUsersSearchChip,\n\tsetSearchQueryByTab,\n\tclearChips\n }, dispatch);\n\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n // @ts-ignore\n)(withStyles(styles)(MyPATSearchBar));\n\n","import React, { Component } from 'react';\nimport _ from 'lodash';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport {\n\tWithStyles,\n\tcreateStyles,\n\tInput,\n\tPaper,\n\tInputBase,\n\tDivider\n} from '@material-ui/core';\nimport {\n\tCloseOutlined as CloseIcon,\n} from '@material-ui/icons';\n\n\nconst styles = (theme: Theme) => createStyles({\n\troot: {\n\t\tdisplay: 'inline-block',\n\t\twidth: 400,\n\t},\n\tpaper: {\n\t\tpadding: `${theme.spacing.unit / 4}px ${theme.spacing.unit / 2}px`,\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\twidth: 394,\n\t\theight: 44,\n\t\tboxShadow: '0px 0px',\n\t\tbackground: '#FFFFFF',\n\t\tborder: '1px solid #DCDCDC',\n\t\tboxSizing: 'border-box',\n\t\tborderRadius: 34,\n\t\tmarginLeft: 40\n\t},\n\n});\n\n//@ts-ignore\ninterface MyPATDateRangeProps extends WithStyles\n\t\t\t\t\t\t\n this.handleIncOrDec(\"inc\")}\n className={classes.clickable}\n >\n ![](\"/assets/svg/myLibrary/arrowTop.svg\")
\n
\n \n ![](\"/assets/svg/myLibrary/arrowBottom.svg\")
\n \n \n {heading}
\n\n {subPara}\n
\n \n {_.isEmpty(label) || (\n \n {label}\n \n )}\n {isNative\n ? (\n {helperText} \n )\n }\n {\n error && (\n
\n )}\n ![](\"/assets/svg/userManagement/arrowUP.svg\")
*/}\n ![](\"/assets/svg/dropdown-arrow.svg\"){kind=icon}
\n \n \n {error && (\n \n \n {enableSearch && \n this.handleOption(item)}\n alignItems=\"center\"\n >\n \n {multiple && (\n \n {\n e.stopPropagation();\n this.handleOption(item)\n }}\n color=\"primary\"\n />\n \n )}\n \n {placeHolderTitle && \n \n \n );\n })}\n \n
\n )}\n \n ![\"Search](\"assets/svg/course-plan-request/search-close.svg\")
\n }\n
\n }\n {optionList.map((item: any, i) => {\n // const label = typeof item === 'string' ? item : item[labelKey];\n let label = item;\n if (typeof item === \"object\") {\n if (labelKey) {\n label = item[labelKey];\n }\n }\n const isSelected =\n multiple &&\n selectedOption.find(\n (option: any) => option === item[valueKey]\n );\n\n return (\n \n }\n {placeHolderTitle}
}\n {label}
\n \n {_.isEmpty(label) || (\n \n {label}\n \n )}\n
\n )}\n \n \n handleFocusAndBlur(e, setSectionFocus, true)\n }\n onBlur={(e) =>\n handleFocusAndBlur(e, setSectionFocus, false)\n }\n />\n {\n _.isEmpty(helperText) || (\n \n {helperText}\n \n )\n }\n
\n {\n error && (\n ![\"search\"/](\"/assets/svg/myLibrary/search_icon.svg\"){kind=icon}
\n \n }\n />\n ) : (\n \n \n }\n />\n )\n }\n \n );\n\n};\n\n\nexport default withStyles(styles)(SearchField);","import React from 'react';\nimport { WithStyles, createStyles } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport { Typography, FormControlLabel, Radio, Checkbox } from '@material-ui/core';\n\nconst styles = (theme: Theme) => createStyles({\n formControlLabelRoot: {\n marginRight: 0,\n marginLeft: 0,\n borderWidth: 1,\n borderStyle: 'solid',\n borderColor: theme.palette.grey[300],\n borderRadius: 3,\n padding: theme.spacing.unit / 2,\n paddingRight: theme.spacing.unit,\n paddingLeft: theme.spacing.unit,\n },\n radioRoot: {\n padding: 0,\n paddingRight: theme.spacing.unit,\n },\n checkboxRoot: {\n padding: 0,\n paddingRight: theme.spacing.unit,\n },\n});\n\nexport const DatePickerPreview = () => {\n return (\n <>\n \n
\n
\n
\n
\n
![\"info\"](\"/assets/svg/infoIcon/info.svg\")
\n\n {(isTooltip || showTooltip) && }\n\n \n {(isTooltip || showTooltip) && \n \n \n \n {currentURL1 == true && currentURL == true ?
\n );\n }\n}\n// @ts-ignore\nexport default withStyles(styles)(MyPATPopMenu);","import React from 'react';\nimport _ from 'lodash';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport {\n WithStyles,\n createStyles,\n Avatar,\n Typography,\n} from '@material-ui/core';\n\nconst styles = (theme: Theme) => createStyles({\n profileContainer: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n padding: `0 ${theme.spacing.unit}px`,\n cursor: 'pointer',\n },\n profileAvatarRoot: {\n flex: '0 0 auto',\n marginRight: theme.spacing.unit * 1.5,\n },\n profileInfo: {\n flex: '1 1 auto',\n },\n userName: {\n textTransform: 'capitalize',\n },\n roleName: {\n textTransform: 'uppercase',\n },\n inlineProfileContainer: {\n display: 'flex',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n padding: `0 ${theme.spacing.unit}px`,\n '& *': {\n flex: '0 0 auto',\n },\n },\n inlineProfileTitle: {\n flex: '1 1 auto',\n }\n});\n\n//@ts-ignore\ninterface MyPATProfileBoxProps extends WithStyles{this.props.menuItem.map((item) => {\n if (item.text === \"Course Filter\" && id === \"settings-menu\") {\n return \n }\n else {\n return null;\n }\n })\n }
: currentURL == true ? {this.props.menuItem.map((item) => {\n if (item.text === \"Goal Management\" && id === \"settings-menu\") {\n return \n } else if (item.text === \"Sorting Options\" && id === \"settings-menu\") {\n return \n }\n else if (item.text === \"Copy Course\" && id === \"content-more-menu\") {\n return \n }\n else if (item.text === \"Edit\" && id === \"content-more-menu\") {\n return \n }\n else {\n return null;\n }\n })\n }
: }\n {this.buildMenuItems()}\n \n \n {title} \n {_.isEmpty(caption) ||\n {caption} \n }\n
\n );\n }\n return (\n \n
\n );\n};\n\n//@ts-ignore\nexport default withStyles(styles)(MyPATProfileBox);","import React, { Component, ReactNode } from \"react\";\n\nimport ArrowDropUpIcon from \"@material-ui/icons/ArrowDropUp\";\nimport ArrowDropDownIcon from \"@material-ui/icons/ArrowDropDown\";\n\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { WithStyles, createStyles } from \"@material-ui/core\";\nimport { Theme } from \"@material-ui/core/styles/createMuiTheme\";\n\nimport { Collapse, Paper, Typography } from \"@material-ui/core\";\n\nconst styles = (theme: Theme) =>\n createStyles({\n root: {\n position: \"relative\",\n },\n header: {\n padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 2}px`,\n \"& h3\": {\n margin: 0,\n color: \"#333\",\n fontSize: 16,\n fontStyle: \"normal\",\n fontFamily: '\"Nunito\", sans-serif',\n fontWeight: 600,\n },\n },\n body: {\n borderTop: \"1px solid #E4E4E4\",\n padding: `${theme.spacing.unit}px ${theme.spacing.unit * 2}px ${theme\n .spacing.unit * 2}px`,\n },\n iconArrow: {\n fontSize: \"28px\",\n position: \"absolute\",\n top: 14,\n right: \"6px\",\n },\n });\n\ninterface MyPATCollapseProps extends WithStyles\n {title} \n {_.isEmpty(caption) ||\n {caption} \n }\n
\n \n {this.props.title ? (\n {this.props.title} \n ) : (\n this.props.customTitle\n )}\n {this.state.isOpen ? (\n
\n\n {this.props.children}
\n {e.stopPropagation();}}>\n
\n );\n }\n}\n\n// @ts-ignore\nexport default withStyles(styles)(AddFeedbackPopup);\n","import React, { PureComponent, ReactNode } from 'react';\nimport _ from 'lodash';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport {\n WithStyles,\n createStyles,\n Typography,\n Grid,\n} from '@material-ui/core';\nimport { MyPATTextArea, MyPATExpansionPanel, MyPATMathField } from '../../../common';\nimport AddFeedback from '../../../content-request/components/AddFeedback';\nimport CustomInfoIcon from '../../../common/CustomInfoIcon';\nimport AddFeedbackPopup from './AddFeedbackPopup';\nimport { SECTIONS } from '../../helper/contentValidation';\n\n\nconst styles = (theme: Theme) => createStyles({\n blueColor: {\n color: '#1D7DEA'\n },\n feedbackContainer: {\n position: 'relative',\n '& .feedbackBlock': {\n top: -16,\n left: \"100%\",\n position: \"absolute\",\n marginLeft: 20,\n zIndex: 2\n }\n },\n feedbackHighlight:{\n cursor: 'pointer',\n '&:hover':{\n color: '#1d7dea',\n }\n },\n mb2x: {\n marginBottom: theme.spacing.unit * 2,\n },\n cardHeading: {\n fontWeight: theme.typography.fontWeightRegular,\n },\n requiredHeading: {\n color: theme.palette.secondary.main,\n },\n hintBox: {\n border: `1px solid ${theme.palette.grey[300]}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing.unit,\n '& textarea': {\n border: 0,\n padding: 0,\n },\n '& h6': {\n color: theme.palette.grey[400],\n },\n '& .suggested-box': {\n background: theme.palette.common.white,\n border: `1px solid ${theme.palette.grey[300]}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing.unit,\n width: '100%',\n marginBottom: theme.spacing.unit,\n '&:last-child': {\n marginBottom: 0,\n }\n }\n },\n optionalText: {\n fontSize: '20px',\n color: '#999999',\n }\n});\n\ninterface HintsProps extends WithStyles\n {\n (!actions.length || (isFeedbackEdit && actions.length === 1))\n ?\n \n
\n \n
\n :\n actions.map((action: any, index: number) => (\n <>\n {\n action.comment && (\n Feedback
\n\n
\n )}\n \n ))\n }\n {\n (!disableEditing && allowFeedbacks && ((!actions.length || (actions[actions.length-1].user && actions[actions.length-1].user.id !== userId)) || isFeedbackEdit)) &&\n <>\n \n \n
\n {action.authorAction ? 'Author Replied' : 'Feedback'}
\n {action.date !== NEW_FEEDBACK_TIME_TO_SHOW ? dateService.getTimeStamp(action.date) : action.date}\n {\n !index && status && \n }\n {(index === actions.length - 1) && userId === (action.userId || (action.user || {}).id) && allowFeedbacks && (!isAuthor || feedbackData.isEditable) &&\n 1})}>\n ![\"more](\"/assets/svg/more-action.svg\")
this.setState({isMoreActionPlanelOpen: !isMoreActionPlanelOpen})}/>\n {isMoreActionPlanelOpen &&\n
\n }\n this.setState({isMoreActionPlanelOpen: !isMoreActionPlanelOpen})}/>\n {isMoreActionPlanelOpen &&\n \n this.handleEditComment(e, action)}>Edit\n {!isAuthor && Delete}\n
\n }\n {action.comment}
\n\n { (isAuthor && isFeedbackEdit) && }\n \n \n \n \n
\n \n }\n \n
\n \n Are you sure you want to delete this {actions.length > 1 ? 'reply' : 'feedback'}?
\n \n Cancel\n \n
\n \n
\n \n );\n }\n}\n\n// @ts-ignore\nexport default withStyles(styles)(Hints);","import { axiosNTL } from '../../../services/axios';\n\nconst list = () => axiosNTL\n\t.get('/contentTag')\n\t.then((res: any) => Promise.resolve(res.responseObject));\n\nexport const contentTagsServices = {\n\tlist,\n};","import { contentTagsServices } from '../services/contentTagsServices';\nimport _ from 'lodash';\nimport { ContentTagAction } from '../types/ContentTagAction';\nimport ContentTagData from '../types/ContentTagData';\n\nconst contentTagsList = (contentType?:any) => (dispatch: any) => {\n const success = (data: ContentTagData[]): ContentTagAction =>\n ({ type: 'CONTENT_TAG_SUCCESS', data });\n const failure = (error: string): ContentTagAction =>\n ({ type: 'CONTENT_TAG_FAILED', error });\n\n contentTagsServices.list()\n .then(\n (res: any) => {\n if (!_.isEmpty(contentType)) {\n res = _.filter(res, (item:any) => _.includes(item.contentTypes, contentType));\n }\n \n dispatch(success(res));\n },\n err => { dispatch(failure(err)) }\n );\n}\n\nconst contentTagsActions = {\n contentTagsList,\n};\n\nexport default contentTagsActions;","import React, { Component, ReactNode } from 'react';\nimport _ from 'lodash';\n\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport contentTagsActions from '../../actions/contentTagsActions';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport {\n WithStyles,\n createStyles,\n Typography,\n Grid,\n Button,\n Collapse,\n MenuItem,\n ListItemText,\n Checkbox,\n RadioGroup,\n FormControlLabel,\n Radio,\n} from '@material-ui/core';\n// import Autocomplete from '@material-ui/lab/Autocomplete';\nimport Select from \"react-select\";\nimport { MyPATTextField, MyPATExpansionPanel, MyPATSelect } from '../../../common';\n\nimport ContentTagData, { CreateContentContentTagData } from '../../types/ContentTagData';\nimport moment from 'moment';\nimport value from '*.json';\nimport CustomInfoIcon from '../../../common/CustomInfoIcon';\nimport Autocomplete from '../../../common/Autocomplete';\nimport { Label } from '@material-ui/icons';\nimport AddFeedback from '../../../content-request/components/AddFeedback';\nimport { SectionFocusedContext, SectionFocusedContextValue } from '../../../common/MyPATBaseSection';\nimport { SECTIONS } from '../../helper/contentValidation';\nimport AddFeedbackPopup from './AddFeedbackPopup';\n\n\nconst styles = (theme: Theme) => createStyles({\n blueColor: {\n\t\tcolor: '#1D7DEA'\n\t},\n feedbackContainer: {\n\t\tposition: 'relative',\n\t\t'& .feedbackBlock': {\n\t\t top: -16,\n\t\t left: \"100%\",\n\t\t position: \"absolute\",\n\t\t marginLeft: 20,\n\t\t zIndex: 2\n\t\t},\n '& span': {\n marginLeft: '5px',\n },\n\t },\n mb1x: {\n marginBottom: theme.spacing.unit,\n },\n mb2x: {\n marginBottom: theme.spacing.unit * 2,\n },\n cardHeading: {\n fontWeight: theme.typography.fontWeightRegular,\n },\n requiredHeading: {\n color: theme.palette.secondary.main,\n },\n borderBox: {\n // border: `1px solid ${theme.palette.grey[300]}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing.unit * 2,\n backgroundColor: '#fff',\n \"& .MuiFormHelperText-root-649\":{\n display: 'none',\n },\n },\n reactSelectWrapper:{\n position: 'relative',\n \"& svg\":{\n display: 'none',\n },\n \"& >div:nth-of-type(1) > div:nth-of-type(1)\":{\n paddingLeft: 35,\n opacity: 0.6\n },\n \"& img\":{\n position: 'absolute',\n left: '10px',\n top: '39px',\n opacity: 0.6\n },\n // \"& .css-1hb7zxy-IndicatorsContainer\":{\n // display: 'none',\n // },\n \"& .css-2b097c-container\":{\n marginTop: '3px',\n },\n \"& .css-yk16xz-control\":{\n border: '1px solid #dfdfdf',\n },\n },\n error:{\n color: '#f32b2b',\n },\n customLabel:{\n fontSize: 16,\n fontWeight: 400,\n lineHeight: '19px',\n marginBottom: '10px',\n textTransform: 'capitalize'\n },\n customSelectEdit:{\n \"& label\":{\n fontSize: 22,\n fontWeight: 400,\n lineHeight: '19px',\n display: 'block',\n marginBottom: '-15px',\n position: 'initial',\n },\n },\n feedbackHighlight:{\n cursor: 'pointer',\n '&:hover':{\n color: '#1d7dea',\n }\n },\n optionalText: {\n fontSize: '20px',\n color: '#999999',\n }\n});\ninterface AddExtraTagsProps extends WithStyles\n \n \n {\n requiredTagsList.map((item, index) => (\n \n {getFieldForTag(item, item.content.type, isRequired)}\n \n ))\n }\n \n\n \n {isShowMoreOpen ? '- Show Less' : '+ Show More'}\n \n\n \n \n {\n extraTagsList.map((item, index) => (\n \n {getFieldForTag(item, item.content.type)}\n \n ))\n }\n \n \n\n
\n \n );\n }\n};\n\nconst mapStateToProps = (state: any) => ({\n tagsList: _.get(state, 'mylibraryData.contentTags', {}),\n});\n\nconst mapDispatchToProps = (dispatch: any) => bindActionCreators({\n contentTagsList: contentTagsActions.contentTagsList,\n}, dispatch);\n\n// @ts-ignore\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(AddExtraTags));","import React, { PureComponent, ReactNode } from 'react';\nimport _ from 'lodash';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport {\n WithStyles,\n createStyles,\n Typography,\n Grid,\n Button,\n Table,\n TableBody,\n TableRow,\n TableCell,\n} from '@material-ui/core';\n\nimport { MyPATExpansionPanel } from '../../../common';\nimport AddFeedback from '../../../content-request/components/AddFeedback';\nimport CustomInfoIcon from '../../../common/CustomInfoIcon';\nimport AddFeedbackPopup from './AddFeedbackPopup';\nimport { SECTIONS } from '../../helper/contentValidation';\n\nconst styles = (theme: Theme) => createStyles({\n blueColor: {\n\t\tcolor: '#1D7DEA'\n\t},\n feedbackContainer: {\n\t\tposition: 'relative',\n\t\t'& .feedbackBlock': {\n\t\t top: -16,\n\t\t left: \"100%\",\n\t\t position: \"absolute\",\n\t\t marginLeft: 20,\n\t\t zIndex: 2\n\t\t}\n\t },\n mb2x: {\n marginBottom: theme.spacing.unit * 2,\n },\n cardHeading: {\n fontWeight: theme.typography.fontWeightRegular,\n },\n requiredHeading: {\n color: theme.palette.secondary.main,\n },\n borderBox: {\n border: `1px solid ${theme.palette.grey[300]}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing.unit * 2,\n '& button': {\n fontWeight: theme.typography.fontWeightRegular,\n marginRight: theme.spacing.unit,\n marginBottom: theme.spacing.unit,\n },\n },\n difficultySkillsTable: {\n '& tbody': {\n '& tr': {\n '& td': {\n ...theme.typography.caption,\n position: 'relative',\n color: theme.palette.text.secondary,\n padding: theme.spacing.unit / 2,\n border: 0,\n textAlign: 'center',\n borderBottom: `1px dashed ${theme.palette.grey[400]}`,\n borderRight: `1px dashed ${theme.palette.grey[400]}`,\n // cursor: 'pointer',\n '&:first-child': {\n textAlign: 'right',\n border: 0,\n borderRight: `1px solid ${theme.palette.grey[500]}`,\n },\n '&:last-child': {\n borderRight: 0,\n },\n },\n '&:first-child': {\n '& td': {\n '&:first-child': {\n '&:after': {\n content: '\">\"',\n transform: 'rotate(-90deg)',\n position: 'absolute',\n display: 'inline-block',\n top: -10,\n right: -4,\n fontSize: theme.typography.fontSize,\n lineHeight: 0.95,\n color: theme.palette.grey[600],\n }\n },\n }\n },\n '&:last-child': {\n height: theme.spacing.unit * 3,\n '& td': {\n border: 0,\n borderTop: `1px solid ${theme.palette.grey[500]}`,\n '&:first-child': {\n border: 0,\n },\n '&:last-child': {\n '&:after': {\n content: '\">\"',\n position: 'absolute',\n display: 'inline-block',\n top: '-50%',\n right: -10,\n fontSize: theme.typography.fontSize,\n color: theme.palette.grey[600],\n lineHeight: 0.95,\n transform: 'translateY(50%)',\n }\n },\n }\n },\n },\n },\n },\n markingIcon: {\n display: 'inline-block',\n width: theme.spacing.unit * 3,\n height: theme.spacing.unit * 3,\n backgroundColor: theme.palette.primary.main,\n borderRadius: '50%',\n boxShadow: theme.shadows[2],\n },\n feedbackHighlight:{\n cursor: 'pointer',\n '&:hover':{\n color: '#1d7dea',\n }\n },\n redColor: {\n color: '#F21D1D'\n },\n optionalText: {\n fontSize: '20px',\n color: '#999999',\n },\n});\n\ninterface AddDifficultyAndSkillProps {\n classes: any;\n isRequired: boolean,\n customHeading: ReactNode,\n defaultExpanded: boolean,\n from: string,\n difficultyLevel: any, \n difficultyType: any, \n handleFormChange: Function,\n isDisable: boolean,\n tag: string,\n openFeedback: boolean,\n addFeedback: Function,\n replyFeedback: Function,\n closeFeedback: Function,\n resolveFeedback: Function,\n clickedfeedbackData: any,\n addNewFeedback: Function,\n questionIndex?: number,\n selectedIndex: number,\n questionId?: string,\n authorType?: string,\n isNotMandatory?: boolean,\n activeValidationFeedbackSection?: string;\n activeValidationFeedbackData?: number;\n handleAddCommentInFeedback?: Function;\n createNewValidationFeedback?: Function;\n};\n\n\nclass AddDifficultyAndSkill extends PureComponent\n \n \n Difficulty Level \n \n Easy\n \n \n Medium\n \n \n Difficult\n \n\n Skill Level \n \n Conceptual\n \n \n Analytical\n \n \n Intuitive\n \n \n\n \n \n
\n \n \n
\n \n );\n }\n}\n\n// @ts-ignore\nexport default withStyles(styles)(AddDifficultyAndSkill);","import { axiosNTL, axiosNL, axiosNT } from '../../../services/axios';\n\nconst getRelevantExams = () =>\n axiosNTL\n .get('/course/getAvailableCourseListing')\n .then((res: any) => {\n const relevantExams: any[] = res.responseObject;\n return Promise.resolve(relevantExams);\n })\n\nconst getStudentDetails = () => axiosNTL.get('/user/student-user/details').then((res: any) => {\n const studentDetails = res.responseObject;\n return Promise.resolve(studentDetails);\n})\nconst relevantExamsService = {\n getRelevantExams,\n getStudentDetails\n}\n\nexport default relevantExamsService;","import { createSlice } from \"@reduxjs/toolkit\";\nimport { createStepForStepWiseSolution } from \"../../../utils\";\n\nconst INITIAL_QUESTION_BENCHMARK_FIELD = {\n goalLevel: { name: \"\", id: \"\" },\n course: { name: \"\", id: \"\" },\n isDeleted: false,\n isInitiallySelected: false,\n};\n\nconst INITIAL_QUESTION_BENCHMARK_DATA = {\n benchmarks: [],\n errors: [],\n forceUpdate: false,\n}\n\nexport const EMPTY_STEPWISE_SOLUTION_OF_QUESTION = [{\n formulaUsed: '',\n solutionSteps: [createStepForStepWiseSolution()]\n}]\n\nconst questionSlice = createSlice({\n name: \"counter\",\n initialState: {\n aclMetaData: null,\n completionPercent: 0,\n contentId: \"\",\n contentReviewer: null,\n content_Id: \"\", // ?\n difficultyLevel: [],\n difficultyType: [],\n allRelevantExams: [],\n relevantExams: [],\n allPreviousExams: [],\n favourites: [], // ?\n subjects: [],\n secondarySubjects: [],\n tags: [],\n editRights: [],\n title: \"\",\n updatedAt: null,\n _id: \"\",\n conceptCode: [], // ?\n conceptId: [], // ?\n concepts: [], // ?\n questionType: \"\",\n matrixOptionContent: {\n optionLeft: [\n { id: \"Left1\", value: \"\", serialNo: 1 },\n { id: \"Left2\", value: \"\", serialNo: 2 },\n { id: \"Left3\", value: \"\", serialNo: 3 },\n { id: \"Left4\", value: \"\", serialNo: 4 },\n ],\n optionRight: [\n { id: \"Right1\", value: \"\", serialNo: 1 },\n { id: \"Right2\", value: \"\", serialNo: 2 },\n { id: \"Right3\", value: \"\", serialNo: 3 },\n { id: \"Right4\", value: \"\", serialNo: 4 },\n { id: \"Right5\", value: \"\", serialNo: 5 },\n ],\n },\n customAnswer: false,\n correctAnswer: { answerType: \"id\", data: [] },\n matrixCorrectAnswer: { answerType: \"id\", data: [] },\n optionsContent: [\n { id: \"A\", value: \"\", serialNo: 1 },\n { id: \"B\", value: \"\", serialNo: 2 },\n { id: \"C\", value: \"\", serialNo: 3 },\n { id: \"D\", value: \"\", serialNo: 4 },\n ],\n defaultCorrectAnswer: { answerType: \"id\", data: [] },\n alternateAnswer: false, // only needed in re-publish (add to queue)\n solutionContent: \"\",\n stepWiseSolution: [EMPTY_STEPWISE_SOLUTION_OF_QUESTION],\n activeStepWiseSolution:[0],\n questionHints: \"\",\n validations: null,\n draftId: null,\n isValidAttempts: false,\n idealTime: {value: '', state: 2},\n questionBenchmarks: {},\n publishedContent: null ,// { [questionId]: benchmarks data }\n questionPreviousExams:{},\n updateRelevantExam: true,\n selectedGoals: {},\n specialPurposes: [],\n syllabusExams: {},\n finalQuestionBenchmarksPayload: {},\n ftreRelevantExam: [],\n validatorFields: false,\n remedialQuestionIds: {}\n },\n reducers: {\n setTitle: (state, actionType) => {\n return { ...state, title: actionType.payload };\n },\n setMatrixOptionsContent: (state, actionType) => {\n return { ...state, matrixOptionContent: actionType.payload };\n },\n setMatrixCorrectAnswer: (state, actionType) => {\n return { ...state, correctAnswer: actionType.payload };\n },\n setRemedialQuestionIds: (state, actionType) => {\n state.remedialQuestionIds = actionType.payload;\n },\n setOptionsContent: (state, actionType) => {\n return { ...state, optionsContent: actionType.payload };\n },\n setCorrectAnswer: (state, actionType) => {\n return { ...state, correctAnswer: actionType.payload };\n },\n setCustomAnswer: (state, actionType) => {\n return { ...state, customAnswer: actionType.payload };\n },\n setSubjects: (state, actionType) => {\n return { ...state, subjects: actionType.payload };\n },\n setSecondarySubjects: (state, action) => {\n state.secondarySubjects = action.payload;\n },\n setSolutionContent: (state, actionType) => {\n return { ...state, solutionContent: actionType.payload };\n },\n setSpecialPurposes: (state, actionType) => {\n return { ...state, specialPurposes: actionType.payload };\n },\n setStepWiseSolutions: (state, action) => {\n const activeSolution=[]; \n const initialData = action.payload.map(solutionsOfAQuestion => {\n activeSolution.push(0);\n return solutionsOfAQuestion.map((solution) => {\n const { solutionSteps } = solution;\n if(solutionSteps && solutionSteps.length === 0) {\n return { ...solution, solutionSteps: [createStepForStepWiseSolution()] };\n }\n \n return solution;\n });\n })\n state.stepWiseSolution = initialData;\n state.activeStepWiseSolution =activeSolution;\n },\n initialiseNoOfStepWiseSolutionForQuestions: (state, action) => {\n const noOfQuestions = action.payload;\n const solutions = [];\n const activeSolution=[];\n for(let i =0;i\n null}\n />\n \n {props.children}\n \n
\n ) : (\n {props.children}
;\n}\n\nfunction MultiValue(props: any) {\n if (props.data.id === SELECT_ALL.VALUE) {\n return null;\n }\n const currentIndex = props.index;\n const selectedOptionsList = ((props.selectProps && props.selectProps.value) || []);\n const selectAllOptionSelected = selectedOptionsList.some((data: any) => data.id === SELECT_ALL.VALUE);\n if(props.data.isRemovable){\n \n return (\n \n \n notFound}\n isClearable={isClearable}\n backspaceRemovesValue={backspaceRemoves? backspaceRemoves : false}\n hideSelectedOptions={hideSelectedOptions}\n source={this.props.source}\n />\n \n
\n );\n }\n}\n\n// SearchBarWithChips.propTypes = {\n// classes: PropTypes.object.isRequired,\n// theme: PropTypes.object.isRequired,\n// };\n\n// @ts-ignore\nexport default withStyles(styles, { withTheme: true })(SearchBarWithChips);\n","import React, { Component } from \"react\";\nimport { connect } from \"react-redux\";\nimport { bindActionCreators } from \"redux\";\nimport { getRelevantExams } from \"../../actions/addRelevantExamsAction\";\nimport { questionActions } from \"../../reducers/questionCreateReducer\";\nimport ClickAwayListener from \"@material-ui/core/ClickAwayListener\";\nimport {\n Theme,\n createStyles,\n WithStyles,\n Grid,\n Typography,\n FormControlLabel,\n Checkbox,\n} from \"@material-ui/core\";\nimport { withStyles } from \"@material-ui/core/styles\";\nimport { MyPATExpansionPanel } from \"../../../common\";\nimport CancelIcon from \"@material-ui/icons/Cancel\";\nimport KeyboardArrowDownIcon from \"@material-ui/icons/KeyboardArrowDown\";\nimport { autofill } from \"redux-form\";\nimport AddFeedback from \"../../../content-request/components/AddFeedback\";\nimport _ from \"lodash\";\nimport {\n SectionFocusedContext,\n SectionFocusedContextValue,\n} from \"../../../common/MyPATBaseSection\";\nimport SearchBarWithChips from \"../../../course-Management/common/SearchBarWithChips\";\nimport CustomInfoIcon from \"../../../common/CustomInfoIcon\";\nimport { CONTENT_SPECIAL_PURPOSES } from \"../../../../constants/comman\";\nimport contentService from \"../../services/contentService\";\nimport { SECTIONS } from \"../../helper/contentValidation\";\nimport AddFeedbackPopup from \"./AddFeedbackPopup\";\n\nconst styles = (theme: Theme) =>\n createStyles({\n blueColor: {\n color: \"#1D7DEA\",\n },\n feedbackContainer: {\n position: \"relative\",\n \"& .feedbackBlock\": {\n top: -16,\n left: \"100%\",\n position: \"absolute\",\n marginLeft: 20,\n zIndex: 2,\n },\n },\n feedbackHighlight: {\n cursor: \"pointer\",\n \"&:hover\": {\n color: \"#1d7dea\",\n },\n },\n customInputBox: {\n marginBottom: \"20px\",\n \"& input\": {\n background: \"rgb(255 255 255)\",\n border: \"1px solid rgb(223 223 223)\",\n boxSizing: \"border-box\",\n borderRadius: 4,\n maxWidth: 400,\n width: \"100%\",\n height: 40,\n padding: \"12px 16px\",\n color: \"rgb(102 102 102)\",\n fontFamily: \"Nunito, sans-serif\",\n fontSize: 16,\n \"&:focus\": {\n outline: 0,\n },\n },\n },\n customChip: {\n background: \"rgb(244 244 244)\",\n borderRadius: 16,\n height: 30,\n margin: \"3px 2px\",\n display: \"flex\",\n alignItems: \"center\",\n minWidth: 110,\n justifyContent: \"space-between\",\n padding: \"2px 3px 3px\",\n \"& .chipLabel\": {\n fontSize: 12,\n padding: \"0px 10px 0px\",\n whiteSpace: \"nowrap\",\n color: \"#666\",\n fontWeight: 400,\n verticalAlign: \"middle\",\n },\n \"& .chipIcon\": {\n \"& svg\": {\n color: \"#666\",\n cursor: \"pointer\",\n },\n },\n },\n autoCompleteBox: {\n position: \"relative\",\n marginBottom: \"15px\",\n \"& .options\": {\n position: \"absolute\",\n background: \"rgb(255 255 255)\",\n boxShadow: \"0px 0px 10px rgba(0, 0, 0, 0.12)\",\n borderRadius: 8,\n overflowY: \"auto\",\n overflowX: \"hidden\",\n maxHeight: 130,\n padding: 0,\n width: \"25rem\",\n zIndex: 10,\n marginTop: 0,\n \"&>li\": {\n color: \"#333\",\n fontSize: 16,\n lineHeight: \"20px\",\n padding: \"7px 12px\",\n \"&:hover\": {\n background: \"rgb(247 247 247)\",\n },\n },\n },\n \"& .dropDownList\": {\n width: 400,\n border: \"1px solid rgb(223 223 223)\",\n background: \"#fff\",\n maxHeight: 300,\n overflowY: \"auto\",\n overflowX: \"hidden\",\n position: \"absolute\",\n zIndex: 1,\n borderRadius: 4,\n },\n \"& .listItem\": {\n padding: \"0px 12px\",\n },\n \"& .search\": {\n width: 400,\n border: \"1px solid rgb(223 223 223)\",\n // overflowX: 'auto',\n // overflowY: 'hidden',\n borderRadius: 4,\n minHeight: 40,\n background: \"#fff\",\n },\n \"& .chipInput\": {\n marginLeft: 6,\n // display: 'flex',\n alignItems: \"center\",\n width: \"auto\",\n // overflowX: 'auto',\n // overflowY: 'hidden',\n // minHeight: 40,\n // maxHeight: 100,\n // overflow: 'auto',\n \"& .search-input-field\": {\n position: \"relative\",\n },\n \"& input\": {\n display: \"block\",\n padding: \"12px 4px\",\n border: \"none\",\n // borderBottom: '1px solid #ededed',\n fontFamily: \"Nunito, san-serif\",\n height: \"38px\",\n marginBottom: \"5px\",\n },\n \"& .chipContainer\": {\n display: \"flex\",\n flexWrap: \"wrap\",\n maxHeight: 100,\n overflow: \"auto\",\n },\n },\n \"& .option-active\": {\n background: \"#F7F7F7\",\n fontSize: 16,\n color: \"#333\",\n },\n \"& .search-btn\": {\n position: \"absolute\",\n right: 0,\n top: 0,\n bottom: 0,\n display: \"block\",\n padding: \"6px 12px\",\n color: \"#666\",\n },\n },\n cardHeading: {\n fontWeight: theme.typography.fontWeightRegular,\n },\n errorText: {\n color: theme.palette.error.light,\n verticalAlign: \"middle\",\n marginTop: \"3px\",\n \"& svg\": {\n verticalAlign: \"bottom\",\n },\n },\n chip: {},\n searchBarChips:{\n height: 'auto',\n '&>div:nth-of-type(1)':{\n border: \"1px solid #dfdfdf\",\n borderRadius: 4,\n padding: '0 5px',\n '&>div:nth-of-type(1)':{\n '&>div:nth-of-type(1)':{\n '&>div:nth-of-type(1)':{\n '&>div:nth-of-type(1)':{\n overflow: 'initial',\n }\n }\n }\n }\n },\n '& svg':{\n cursor: 'pointer'\n },\n '& > div:nth-of-type(1) > div:nth-of-type(2) > div:nth-of-type(1)':{\n maxHeight: '150px',\n },\n },\n chipLabel:{\n fontSize:16,\n fontWeight:400,\n marginBottom: 10,\n },\n optionalText: {\n fontSize: '20px',\n color: '#999999',\n },\n headingRelative: {\n position: 'relative',\n display: 'inline-block',\n }\n });\n\ninterface RelevantExamsProps extends WithStylesNo relevant exams found.
\n //\n setSectionFocus(true),\n onBlur: () => {\n setSectionFocus(false);\n }\n }}\n placeholderText=\"Select Exam(s)\"\n notFound=\"No relevant exams found.\"\n classes={{ root: classes.searchBarChips }}\n source={'addConceptOrChapter'}\n backspaceRemoves={true}\n />\n {/*
\n {/* {this.state.showDropDownList && (\n \n
*/}\n \n setSectionFocus(true)}\n onBlur={() => setSectionFocus(false)}\n onClick={() => {\n this.showDropDownList();\n }}\n // onBlur={() => this.toggleDropDownList()}\n />\n\n \n this.toggleDropDownList()}\n />\n \n
\n \n {this.renderChips()}\n
\n {this.renderEntities(nextLevel, setSectionFocus, spacing + 10)}
\n )}\n \n );\n })\n }\n\n checkBoxVisible(level: string) {\n const allowedEntry = level !== ENTITIES.CLASSES;\n const content = _.get(ChaptersAndConceptsForContent, this.props.contentType || '', []);\n const allowedContent = !content.length || content.includes(level);\n const showSubjectCheckbox = level === ENTITIES.SUBJECTS && getUserType(USER_TYPE.STUDENT);\n return (allowedContent && allowedEntry) || showSubjectCheckbox;\n }\n\n handleGoalSelection = (selectedGoalList: any[]) => {\n selectedGoalList = selectedGoalList || []\n const selectedExams = (selectedGoalList || []).map((selection) => ({\n name: selection.label,\n id: selection.value,\n }));\n this.props.handleCourseChange && this.props.handleCourseChange(selectedExams);\n this.props.setSyllabusExams({ qId: this.props.questionId, selectedExams });\n this.props.updateRelevantExam && !this.props.questionSpecialPurposes.includes(CONTENT_SPECIAL_PURPOSES.FTRE) && this.props.setActiveGoals(selectedExams);\n this.props.handleUpdateRelevantExam && this.props.handleUpdateRelevantExam(selectedExams);\n this.setState({ selectedGoalList: selectedExams },\n () => {\n this.fetchGoalWiseClasses(getUserType(USER_TYPE.STUDENT));\n }\n );\n // Goal update for all type of question \n // if (!this.props.questionSpecialPurposes.includes(CONTENT_SPECIAL_PURPOSES.FTRE)) {\n this.props.setSelectedGoals({ [this.props.questionId || '']: selectedExams });\n // }\n this.props.setBenchmarkingUpdate(true);\n }\n\n transformGoals(goalListing: any[]) {\n if (!goalListing) {\n return;\n }\n const newGoalListing: any[] = [];\n goalListing.map((goal) => {\n if (goal && goal.courseType) {\n newGoalListing.push({\n label: goal.courseType.name,\n value: goal.courseType.id,\n id: goal.courseType.id\n });\n }\n });\n this.setState({ goalListing: newGoalListing }, () => {\n relevantExamsService.getStudentDetails().then(res=>{\n this.setState({ studentDetails: res && res.studentDetails });\n getUserType(USER_TYPE.STUDENT) && this.handleGoalSelection(newGoalListing);\n })\n\n });\n }\n\n getTransformedValues = (relevantExams: any) => {\n return relevantExams.map((exam: any) => ({\n label: exam.name,\n id: exam.id,\n value: exam.id,\n }));\n };\n\n getGaolListingEmptyScreen() {\n const { classes } = this.props\n return (\n 
\n
);\n }\n\n showEmptyScreenForSearchListing() {\n const { classes } = this.props;\n return (\n Please select a goal to proceed with Chapter(s) or Concept(s) tagging
\n \n ![\"Empty\"](\"/assets/svg/snap-empty.svg\")
\n
);\n }\n\n render() {\n const {\n classes,\n isRequired,\n customHeading,\n defaultExpanded = true,\n panelProps,\n formData,\n error,\n errorText,\n allowSecondarySubjects,\n secondarySubjects,\n showWithoutExpansionPanel = false,\n questionIndex,\n goalMandatory,\n match\n } = this.props;\n\n const { isConceptAutoPopulateChecked, currentlyActiveMode, primary: { currentlyActiveIds: primaryActiveIds }, secondary: { currentlyActiveIds: secondaryActiveIds }, searchStr } = this.state;\n\n const {\n showSuggestedConcept,\n suggestedConcept,\n } = this.state[currentlyActiveMode];\n\n const totalConceptsAdded = primaryActiveIds.size + secondaryActiveIds.size;\n const { goalListing, selectedGoalList } = this.state;\n const studentUser = getUserType(USER_TYPE.STUDENT);\n\n const createSucjectChip = (mode: ActiveMode, subjectData: any) => {\n if (!subjectData || subjectData.length === 0) {\n return null;\n }\n return subjectData.map((subject: any, index: number) => (\n \n Oh Snap! We can’t find it
\nPlease Search the relevant Chapter or Concept
\n\n // {/*
\n // ));\n };\n\n const createSubSucjectChip = (mode: ActiveMode, subSubjectData: any) => {\n if (!subSubjectData || subSubjectData.length === 0) {\n return null;\n }\n return subSubjectData.map((subSubject: any, index: number) => (\n - \n //
- Class {_.get(subject, \"0.name\", \"\")} \n //
- \n //
- \n //
\n // {/*
\n // ));\n };\n\n const createChapterChip = (mode: ActiveMode, chapterData: any) => {\n if (!chapterData || chapterData.length === 0) {\n return null;\n }\n return chapterData.map((chapter: any, index: number) => (\n - \n //
- Class {subSubject[0].name} \n //
- {subSubject[1].name} \n //
- \n //
- \n //
\n // {/*
\n // ));\n };\n\n const createConceptChip = (mode: ActiveMode, conceptData: any) => {\n if (!conceptData || conceptData.length === 0) {\n return null;\n }\n return conceptData.map((concept: any, index: number) => (\n - \n //
- Class {_.get(chapterData, \"0.name\", \"\")} \n //
- {_.get(chapter, \"1.name\", \"\")} \n //
- {_.get(chapter, \"2.name\", \"\")} \n //
- \n //
- \n //
\n // {/*
\n // ));\n };\n\n const generateFormDataBreadCrumb = (e: any, mode: ActiveMode) => {\n const {\n subjectData,\n subSubjectData,\n chapterData,\n conceptData,\n } = this.getNewConceptMapping(mode);\n return [\n createSucjectChip(mode, subjectData),\n createSubSucjectChip(mode, subSubjectData),\n createChapterChip(mode, chapterData),\n createConceptChip(mode, conceptData),\n ];\n };\n\n const renderExpansionBody = () => {\n return (\n - \n //
- Class {_.get(concept, \"0.name\", \"\")} \n //
- {_.get(concept, \"1.name\", \"\")} \n //
- {_.get(concept, \"2.name\", \"\")} \n //
- {_.get(concept, \"3.name\", \"\")} \n //
- \n //
- \n //
\n \n {allowSecondarySubjects && (\n \n {/* */}\n {/* */}\n {/* \n \n \n \n This is a mandatory field. Primary concept is\n the main root concept for the content. This\n will be considered in student analytics. You\n can add one more more primary concepts\n \n \n }\n />\n \n\n \n \n \n This is an optional field. Secondary concept\n refers to the other concepts that are related\n to the same content. It is advisable to add\n this tag as it will help you in filtering\n content based on one or more concepts which\n may or may not be primary. This will not be\n considered in student analytics. You can add\n one or more secondary concepts.\n \n \n }\n />\n \n */}\n {/* */}\n {/* */}\n {/* */}\n \n )}\n \n {\n (match.params && match.params.type == 'testpapers') && \n \n Automatically retrieve the syllabus based on the concepts tagged to the questions\n this.handleAutoPopulateConceptToggle(e)}\n value=\"publishDirect\"\n color=\"primary\"\n classes={{\n switchBase: classes.iOSSwitchBase,\n bar: classes.iOSBar,\n icon: classes.iOSIcon,\n iconChecked: classes.iOSIconChecked,\n checked: classes.iOSChecked,\n }}\n />\n \n }\n \n \n \n \n \n {totalConceptsAdded} {studentUser?<>Subject:<>Concept}{totalConceptsAdded === 1 ? '' : 's'} added \n \n \n \n \n \n \n {allowSecondarySubjects && (\n <>\n {studentUser ? <>Subject : <>Primary Concept(s)}* \n \n {allowSecondarySubjects && `No ${studentUser ? 'Subject' : 'Primary concepts'} added, `}\n {studentUser ? <>Select : <>Search or navigate} from the Right panel and Add them\n \n )} \n {/* Secondary Concept(s) \n No Secondary concepts added, Search or navigate from the Right panel and Add them \n )}\n \n )}\n \n\n \n \n\n \n {/* \n Explore Concept\n */}\n {/* \n {allowSecondarySubjects && !studentUser && \n setSectionFocus(true)}\n onBlur={() => setSectionFocus(false)}\n />\n }\n label=\"Primary*\"\n classes={{ label: classes.customLabel }}\n />\n \n \n \n This is a mandatory field. Primary concept\n is the main root concept for the content.\n This will be considered in student\n analytics. You can add one more primary\n concepts\n \n \n }\n />\n \n\n setSectionFocus(true)}\n onBlur={() => setSectionFocus(false)}\n />\n }\n label=\"Secondary\"\n classes={{ root: classes.customLabel }}\n />\n \n \n \n This is an optional field. Secondary concept\n refers to the other concepts that are\n related to the same content. It is advisable\n to add this tag as it will help you in\n filtering content based on one or more\n concepts which may or may not be primary.\n This will not be considered in student\n analytics. You can add one or more secondary\n concepts.\n \n \n }\n />\n \n }\n\n \n \n {!suggestedConcept.length && searchStr ? this.showEmptyScreenForSearchListing() : this.renderEntities(ENTITIES.CLASSES, setSectionFocus)}\n {/* {_.map(buttonsList, (item, index: number) =>\n _.isEmpty(buttonsList) ? (\n \n \n No concept found\n \n \n ) : (\n \n {generateButtons(item, index)}\n \n )\n )} */}\n \n \n \n \n \n
\n )}\n \n {generateBreadCrumb()}\n \n ({buttonsList.length})\n \n
*/}\n \n {!studentUser && {\n setSectionFocus(true)\n this.showSuggestedConcept(true);\n }}\n onBlur={() => {\n setSectionFocus(false)\n this.showSuggestedConcept(false);\n }}\n value={this.state.searchStr}\n onChange={(e: any) => {\n this.handleSearchOnChange(e.target.value);\n }}\n fullWidth\n endAdornment={\n this.handleSearchOnChange('')} className={classes.clickable}>\n \n }\n />}\n {showSuggestedConcept && suggestedConcept.length > 0 && (\n
\n\n - \n {_.map(suggestedConcept, (sc, i: number) => {\n const disabledClass = sc.disabled\n ? classes.disabledSuggestion\n : \"\";\n let disabledTitle = \"\";\n if (\n this.state.primary.currentlyActiveIds.has(\n sc.conceptId\n )\n ) {\n disabledTitle =\n \"Already added in Primary Concept(s)\";\n } else if (\n this.state.secondary.currentlyActiveIds.has(\n sc.conceptId\n )\n ) {\n disabledTitle =\n \"Already added in Secondary Concept(s)\";\n }\n let suggestionName = sc.conceptName;\n if (sc.disabled) {\n suggestionName = (\n
\n
\n \n );\n })}\n {suggestionName}
\n \n \n {\" \"}\n {sc.subjectName}{\" \"}\n \n \n {\" \"}\n Class {sc.className}{\" \"}\n \n
\n \n 2. Tag the appropriate Concept or Chapter for which you are creating the question
\n Note: You can also add Secondary concepts in case the question is for more than 1 concept`}\n details=\"Click to know more\"\n toolTipDirection=\"top\" />\n
\n
\n }\n {(!!selectedGoalList.length || !goalMandatory) && renderExpansionBody()}\n \n \n
\n \n
\n \n {!!!selectedGoalList.length && this.getGaolListingEmptyScreen()}\n
\n \n\t\t\t\t\t\n Similar question(s) in the library\n \n\n {\n _.map(suggestions, content => (\n \n \n \n \n \n \n \n ))\n }\n \n )}\n
\n\n {\n error && (\n - \n
- \n Map the RPI or Potential rank range of the students who can solve this question for the respective Target Exam(s)\n \n
![](\"/assets/svg/contentRequest/blueInfo.svg\"/)
\n {errorMessage}\n \n )}\n \n {benchmarks.map(\n (\n {\n goalLevel,\n course,\n isInitiallySelected,\n isDeleted,\n }: QuestionBenchmarkItem,\n index: number\n ) => {\n if (isDeleted) {\n return null;\n }\n if(course) {\n courseId = course.id;\n currentGoalLevels = goalLevels[courseId] || [];\n }\n // const coursesToShow = props.relevantExams;\n \n const viewIndex = benchmarks\n .slice(0, index)\n .filter(({ isDeleted }) => !isDeleted).length; // no of benchmarks visible before this index\n const showDeleteButton = (viewIndex > 0 || isInitiallySelected || isFtre) && !isAitsOrNationalLevel;\n return (\n \n \n \n Target Exam\n \n { !questionSpecialPurposes.includes(CONTENT_SPECIAL_PURPOSES.FTRE) ?\n \n handleCourseChange(index, e.target.value)\n }\n value={course.name || \"\"}\n error={!!errors[index] && !!errors[index].course}\n errorText={errors[index] ? errors[index].course : ''}\n // disabled={\n // // isInitiallySelected || \n // relevantExams.length === 0}\n displayEmpty\n placeholder={\n \n Select Target Exam\n \n }\n >\n {targetExamList}\n \n :\n {handleCourseChange(index,e.value)}}\n options={ftreTargetExamList}\n placeholder={`Search Exam here`}\n className={classes.customReactSelect}\n blurInputOnSelect={true}\n />\n }\n \n\n \n \n { isFtre ? 'RPI/Potential' : 'Goal Level'}\n \n \n handleGoalLevelChange(index, e.target.value, course.id)\n }\n displayEmpty\n disabled={course ? !course.name : null}\n placeholder={\n \n Select { isFtre ? 'RPI/Potential' : 'Goal Level'}\n \n }\n >\n {currentGoalLevels.length === 0 ? (\n \n ) : null}\n {currentGoalLevels.map(({ _id, name }: GoalLevel) => {\n return (\n \n );\n })}\n \n \n \n {showDeleteButton && (\n handleDeletionOfBenchmarkRow(index)}\n >\n ![\"Delete\"](\"/assets/svg/delete.svg\")
\n
\n )}\n \n \n );\n }\n )}\n {showAddMoreButton && (\n \n \n \n \n props.addFeedback(\"optionSettings\", questionIndex)\n }\n >\n \n {/* Option Settings */}\n {checkForFeedback(props) && (\n \n \n )}\n \n \n \n\n \n \n \n \n \n Total options to be shown to the students :\n \n \n\n \n setSectionFocus(true)}\n onBlur={() => setSectionFocus(false)}\n onChange={(e: ChangeEvent) => {\n let value: string | number = e.target.value;\n if (value) {\n value = parseInt(value) > 0 ? parseInt(value) : 1;\n value =\n value > 26 ? optionSettings.displayCount : value;\n }\n handleOptionSettingsChange(\"displayCount\", value);\n }}\n onKeyPress={onlyAllowNumbers}\n value={optionSettings.displayCount}\n />\n \n \n \n\n \n \n \n handleOptionSettingsChange(\"shuffleType\", value)\n }\n >\n \n \n setSectionFocus(true)}\n onBlur={() => setSectionFocus(false)}\n />\n }\n label={\n \n Same Sequence{\" \"}\n \n \n \n All the options listed will appear to\n the student in the same sequence as\n defined.\n \n Note: \n \n If the same sequence is selected, total\n options will appear in a sequence along\n with the correct option.\n \n \n }\n />\n \n \n }\n />\n \n \n setSectionFocus(true)}\n onBlur={() => setSectionFocus(false)}\n />\n }\n label={\n \n Random Shuffle{\" \"}\n \n \n \n Options will be shown to the student\n randomly from the list of available\n options.\n {\" \"}\n Note: \n \n {\" \"}\n You can define any number of options in\n this case.\n \n \n }\n />\n \n \n }\n />\n \n \n \n \n \n {/* \n setSectionFocus(true)}\n onBlur={() => setSectionFocus(false)}\n onChange={(e: ChangeEvent) => {\n let value: string | number = e.target.value;\n if (value) {\n value = parseInt(value) > 0 ? parseInt(value) : 1;\n value = value > 26 ? optionSettings.displayCount : value;\n }\n handleOptionSettingsChange(\"displayCount\", value);\n }}\n onKeyPress={onlyAllowNumbers}\n value={optionSettings.displayCount}\n />\n */}\n \n\n {/* \n \n handleOptionSettingsChange(\"shuffleType\", value)\n }\n >\n \n \n setSectionFocus(true)}\n onBlur={() => setSectionFocus(false)}\n />\n }\n label={\n \n Same Sequence{\" \"}\n \n \n \n All the options listed will appear to the\n student in the same sequence as defined.\n \n Note: \n \n If the same sequence is selected, total\n options will appear in a sequence along with\n the correct option.\n \n \n }\n />\n \n \n }\n />\n \n \n setSectionFocus(true)}\n onBlur={() => setSectionFocus(false)}\n />\n }\n label={\n \n Random Shuffle{\" \"}\n \n \n \n Options will be shown to the student randomly\n from the list of available options.\n {\" \"}\n Note: \n \n {\" \"}\n You can define any number of options in this\n case.\n \n \n }\n />\n \n \n }\n />\n \n \n \n */}\n
\n )}\n ![](\"/assets/svg/myLibrary/quesIcon.svg\"/)
\n \n\n {_.get(content, 'subjects[0].subSubjects[0].chapters[0].concepts[0].classId.name', '')} {' / '}\n {_.get(content, 'subjects[0].subjectId.name', '')}\n \n \n ![](\"/assets/svg/myLibrary/arrowTop.svg\"/)
\n ![](\"/assets/svg/myLibrary/arrowBottom.svg\"/)
\n \n The ideal time should always be greater than 0\n
\n }\n \n )}\n \n Select atleast one year under Previous Year Question Section\n \n )}\n \n {allPreviousExams.map(\n (\n { year,id,\n name,error },\n index: number\n ) => {\n const showDeleteButton = !(allPreviousExams.length==1 && id==='');\n return (\n \n \n {index===0 && \n Target Exam\n }\n \n null }}\n value={id ? {label:name, value:id} : null}\n onChange={(e:any)=>{handleTargetExamSelection(e,index)}}\n options={targetExams}\n placeholder={`Search Exam here`}\n className={classes.customReactSelect}\n // onFocus={() => {\n // this.handleFocus(tagData, fieldData);\n // setSectionFocus(true)\n // }}\n // onBlur={() => {\n // setSectionFocus(false)\n // }}\n // onInputChange={this.onInputChange.bind(this)} //the function to handle our search input\n blurInputOnSelect={true}\n />\n {/* */}\n \n \n \n {index===0 && \n Year\n }\n {setYearIndx(-1)}}> \n \n )}\n \n
\n \n */}\n \n \n {\n setYearIndx(showYearIndex==index?-1:index)\n }}\n />\n
\n {showYearIndex==index && (\n \n
\n \n {yearsArray.map((y) => (\n \n {handleYearChange(e,index)}}\n name={id}\n color=\"primary\"\n />\n }\n label={y}\n key={id+''+y}\n value={\"\"+y}\n />\n \n ))}\n
\n \n \n )}\n \n Click on the Icon
and drag the selections for resequencing as per your preferences \n You can also remove any option by clicking the Delete button that appears when you hover over it\"\n details=\"Click to know more\"\n toolTipDirection=\"top\" />\n {this.checkForFeedback() && (\n
\n \n \n Column 1 \n\n {_.map(optionLeft, (option, index: number) => (\n this.onDragOver(e, index, 'left')}\n onDrop={(e) => this.onDrop(e, index, 'left')}\n >\n \n \n {optionsIdSet[index]}\n \n \n this.onDragStart(e, index, 'left')}\n onDragEnd={this.onDragEnd}\n >\n { },\n placeholder: `Add option ${index+1} (Enter Option Text or Paste Image)`\n }}\n startAdorment={\n \n \n this.onDragStart(e, index, 'left')}\n onDragEnd={this.onDragEnd}\n >\n \n \n \n \n }\n endAdorment={\n \n {/* ![](\"/assets/svg/myLibrary/delete-outline.svg\")
\n \n \n \n }\n fullWidthControl\n />\n \n \n ))}\n \n + Add\n \n \n\n \n Column 2 \n\n {_.map(optionRight, (option, index: number) => (\n this.onDragOver(e, index, 'right')}\n onDrop={(e) => this.onDrop(e, index, 'right')}\n >\n \n \n {index + 1}\n \n \n this.onDragStart(e, index, 'right')}\n onDragEnd={this.onDragEnd}\n >\n { },\n placeholder: `Add option ${index+1} (Enter Option Text or Paste Image)`\n }}\n startAdorment={\n \n \n this.onDragStart(e, index, 'right')}\n onDragEnd={this.onDragEnd}\n >\n \n \n \n \n }\n endAdorment={\n \n {/* \n }\n fullWidthControl\n />\n \n \n ))}\n \n + Add\n \n \n \n\n \n
\n \n\n \n );\n }\n};\n\n// @ts-ignore\nexport default withStyles(styles)(MatrixOptions);","import React, { Component, PureComponent } from 'react';\nimport _ from 'lodash';\n\nimport ContentFormData from '../../types/ContentFormData';\nimport ContentFormDataError from '../../types/ContentFormDataError';\nimport { CreateContentContentTagData } from '../../types/ContentTagData';\n\nimport { connect } from 'react-redux';\nimport { bindActionCreators, compose } from 'redux';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport {\n WithStyles,\n createStyles,\n Typography,\n Grid,\n Table,\n TableBody,\n TableRow,\n TableCell,\n Checkbox,\n FormGroup,\n FormControlLabel,\n TextField\n} from '@material-ui/core';\n\nimport {\n MyPATExpansionPanel, AwardGraceMarks, MyPATSelect\n} from '../../../common';\n\nimport { statusType } from '../../types/ContentInSection'\nimport AddFeedback from '../../../content-request/components/AddFeedback';\nimport { SectionFocusedContext, SectionFocusedContextValue } from '../../../common/MyPATBaseSection';\nimport SetIdealTime from './SetIdealTime';\nimport CustomInfoIcon from '../../../common/CustomInfoIcon';\nimport { SECTIONS } from '../../helper/contentValidation';\nimport AddFeedbackPopup from './AddFeedbackPopup';\n\nconst styles = (theme: Theme) => createStyles({\n feedbackContainer: {\n\t\tposition: 'relative',\n\t\t'& .feedbackBlock': {\n\t\t top: -16,\n\t\t left: \"100%\",\n\t\t position: \"absolute\",\n\t\t marginLeft: 20,\n\t\t zIndex: 2\n\t\t}\n\t },\n attentionTitle: {\n fontSize: '16px',\n 'font-weight': '500',\n lineHeight: '15px',\n textAlign: 'center',\n letterSpacing: '0.144385px',\n color: '#000000',\n display: 'block',\n paddingBottom: '18px',\n },\n blueColor: {\n\t\tcolor: '#1D7DEA'\n\t},\n\n borderBox: {\n border: '1px solid #E1E1E1',\n boxSizing: 'border-box',\n borderRadius: 5,\n backgroundColor: '#fff',\n padding: 8,\n overflow: 'auto'\n },\n\n mb2x: {\n marginBottom: theme.spacing.unit * 2,\n },\n\n cardHeading: {\n fontWeight: theme.typography.fontWeightRegular,\n },\n\n\n\n checkboxChecked: {\n color: '#59CA1C !important',\n },\n\n adornedReorder: {\n cursor: 'move',\n height: theme.spacing.unit * 4.5,\n padding: `0 ${theme.spacing.unit}px`,\n maxHeight: 'unset',\n borderRight: `1px solid ${theme.palette.grey[300]}`,\n '& svg': {\n fontSize: theme.spacing.unit * 3,\n color: theme.palette.grey[500],\n }\n },\n\n answerTable: {\n width: 'auto',\n marginLeft: '20px',\n '& tbody': {\n '& tr': {\n height: 'auto',\n '& td': {\n padding: `${theme.spacing.unit / 2}px 0`,\n border: 0,\n textAlign: 'center',\n fontSize: '20px',\n lineHeight: '38px',\n color: '#333',\n minWidth: theme.spacing.unit * 10,\n '&:first-child': {\n minWidth: 'auto',\n fontSize: '20px',\n lineHeight: '38px',\n color: '#333',\n },\n '&:last-child': {\n paddingRight: 0,\n },\n },\n },\n },\n },\n\n \"math-editor-workplace-container\": {\n position: \"fixed\",\n left: \"0\",\n top: \"0\",\n width: \"100%\",\n height: \"100vh\",\n background: \"#000000\",\n Opacity: \".7\",\n 'z-index': \"9999\",\n },\n\n deleteVBtn: {\n border: `1px solid ${theme.palette.grey[300]}`,\n visibility: 'visible',\n '& svg': {\n color: theme.palette.grey[600],\n },\n\n },\n optionIdGrid: {\n minWidth: theme.spacing.unit * 4,\n },\n paddingSet: {\n padding: '0 15px 0 0',\n },\n popupBlock: {\n width: '450px',\n textAlign: 'center',\n '& p': {\n fontSize: '16px',\n 'font-weight': 'normal',\n lineHeight: '16px',\n textAlign: 'center',\n letterSpacing: '0.144385px',\n color: '#000000',\n display: 'block',\n paddingTop: '20px',\n }\n },\n // answer Setting\n subTitle:{\n fontSize: 16,\n lineHeight:'22px',\n color: '#333',\n margin: '6px 0 30px 6px'\n },\n checkedCheckbox: {\n\t\tbackgroundColor: '#30BE76',\n\t\tborder: '1px solid #30BE76 !important',\n\t\tborderRadius: 2,\n\t\tcolor: '#99a1a7',\n\t\t'&::after': {\n\t\t\tcontent: \"''\",\n\t\t\tfontSize: 14,\n\t\t\tposition: 'absolute',\n\t\t\ttop: 3,\n\t\t\tleft: 8,\n\t\t\twidth: 4,\n\t\t\theight: 12,\n\t\t\tborder: 'solid #fff',\n\t\t\tborderWidth: '0 2px 2px 0',\n\t\t\ttransform: 'rotate(45deg)'\n\t\t},\n\t\t'&:hover': {\n\t\t\tbackgroundColor: '#30BE76'\n\t\t}\n },\n checkBoxElement: {\n\t\tpadding: '0px 7px',\n\t\ttop: 0,\n\t\twidth: 24,\n\t\theight: 24,\n\t\t'-moz-appearance': 'none',\n\t\topacity: 1,\n\t\tcolor: 'rgb(204, 204, 204)',\n\t\tborder: '1px solid #B2B2B2',\n\t\tborderRadius: 2,\n\t\tmargin: '-4px 14px 0px 16px',\n\t\t'& svg': {\n\t\t\tfontSize: '1.5rem',\n\t\t\tfontFamily: '\"Nunito\", sans-serif',\n\t\t\tfill: '#979797',\n\t\t\topacity: 0\n\t\t},\n '& span:nth-child(1)': {\n width: 24,\n zIndex: 9\n }\n },\n primaryColor: {\n\t\tcolor: 'rgb(29 125 234)'\n },\n setAnswerContainer:{\n marginBottom: '20px',\n },\n // End\n spacingMD: {\n width: 'calc(100% + 30px)',\n margin: '-10px 0px 0px',\n padding: '0px 8px'\n },\n\n requiredHeading: {\n color: theme.palette.secondary.main,\n },\n // set ideal time\n optionContainerTxt:{\n margin: '24px 0 0px 0px',\n },\n posRelative:{\n position: 'relative'\n },\n arrowIcon:{\n position: 'absolute',\n right: '8px',\n zIndex: 99,\n top: '1px',\n },\n arrowIconT:{\n cursor: 'pointer'\n },\n arrowIconB:{\n marginTop: '-10px',\n cursor: 'pointer',\n },\n headingTxt:{\n fontSize: '14px',\n lineHeight: '16px',\n color: '#333',\n },\n grayTxt:{\n color: '#999'\n },\n optionSettingText : {\n width: \"83px\",\n margin: \"0px 10px 0 10px\",\n textAlign: 'center',\n \"& input\": {\n padding: \"10px\",\n },\n \"& input[type=number]::-webkit-inner-spin-button, & input[type='number'].mod::-moz-inner-spin-button, & input[type=number]::-webkit-outer-spin-button, & input[type='number'].mod::-moz-outer-spin-button\": {\n opacity: 0\n },\n \"& input[type=number]\":{\n '-moz-appearance': 'textfield',\n 'appearance': 'none',\n },\n },\n feedbackHighlight:{\n cursor: 'pointer',\n '&:hover':{\n color: '#1d7dea',\n }\n },\n\n});\n\nconst optionsIdSet: string[] = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];\nlet sections = ['questionContent', 'matrixOptionContent', 'correctAnswer', 'solutionContent', 'questionHints', 'tags', 'conceptCode'];\n\ninterface MatrixAnswersProps extends WithStyles\n \n \n \n \n \n \n \n \n Set Correct Answer\n \n \n \n \n
\n
\n \n \n \n )}\n \n Click on the Icon
and drag the selections for resequencing as per your preferences \n You can also remove any option by clicking the Delete button that appears when you hover over it\"\n details=\"Click to know more\"\n toolTipDirection=\"top\" />\n \n }\n error={error}\n errorText={errorText}\n >\n
\n \n \n \n Define Option List\n \n\n {_.map(options, (option, index: number) => (\n this.onDragOver(e, index)}\n onDrop={(e) => this.onDrop(e, index)}\n className={classNames(classes.optionContent, subType === QUESTION_TYPES.TRUE_FALSE.toString() && classes.noPointerEvents)}\n >\n \n \n \n \n \n {option.id}\n \n \n \n this.onDragStart(e, index)\n }\n onDragEnd={this.onDragEnd}\n >\n \n \n \n \n }\n endAdorment={\n \n {subType != \"2\" && (\n \n \n \n {/* \n )}\n \n }\n />\n \n \n ))}\n \n \n \n {subType != \"2\" && (\n \n + Add\n \n )}\n \n
\n \n )}\n \n );\n }\n}\n\n// @ts-ignore\nexport default withStyles(styles)(ContentOptions);\n","\nconst offset = (el: any) => {\n const rect = el.getBoundingClientRect(),\n scrollLeft = window.pageXOffset || document.documentElement.scrollLeft,\n scrollTop = window.pageYOffset || document.documentElement.scrollTop;\n return {\n top: rect.top + scrollTop,\n left: rect.left + scrollLeft\n };\n};\n\nexport const getTimeInSecs = (value: any, type: number) => {\n try {\n if(!value) return 0;\n value = parseInt(value);\n if (type === 2) {\n return value * 60;\n } else if (type === 3) {\n return value * 60 * 60;\n } else if (type === 1) {\n return value;\n }\n } catch (e) {\n return -1;\n }\n};\n\nexport const getTime = (time: any, isEdit?: boolean) => {\n try {\n if(!time) return ''\n let _time = time\n if (time >= 60 && time < 3600) {\n time = (time%60) != 0 ? time : time/60\n time = isEdit ? parseInt(time) : time\n } \n else if (time >= 3600) {\n time = (time%3600) != 0 ? time : time/3600;\n time = isEdit ? parseInt(time) : time\n }\n if(Number.isInteger(time)) return time; \n else return _time\n } catch (e) {\n return \"\";\n }\n};\n\nexport const getTimeUnit = (time: any, isShowInNumber?: boolean) => {\n try {\n if(!time) throw 'err'\n if (time >= 60 && time < 3600) {\n if((time%60) != 0) return isShowInNumber ? 1 : \"sec\";\n return isShowInNumber ? 2 : \"min\";\n }\n else if (time >= 3600) {\n if((time%3600) != 0) return isShowInNumber ? 1 : \"sec\";\n return isShowInNumber ? 3 : \"hour\";\n } else {\n return isShowInNumber ? 1 : \"sec\";\n }\n } catch (e) {\n return (isShowInNumber && 2) || '';\n }\n};\n\nexport const convertTime = (time: any, state: string, currState: string) => {\n try {\n if(time === '' || time === null || time == undefined) throw 'err'\n if(state === 'min') {\n switch(currState) {\n case 'hour':\n return time/60\n case 'sec':\n return time*60\n default: return time\n }\n } else if(state === 'hour') {\n switch(currState) {\n case 'min':\n return time*60\n case 'sec':\n return time*3600\n default: return time\n }\n } else if(state === 'sec') {\n switch(currState) {\n case 'min':\n return time/60\n case 'hour':\n return time/3600\n default: return time\n }\n }\n // if(prevState === 1 && currState === 2) return time/60 // min -> hour\n // if(prevState === 3 && currState === 2) return time/3600 // sec -> hour\n // if(currState === 1) return time*60 // hour -> min\n // if(currState === 3) return time*3600 // hour -> sec\n } catch(e) {\n return time\n }\n\n}\n\nexport const getVariationName = (history: any) => {\n try {\n return (history.location.search.search('vKey') != -1\n && history.location.search.split('?')[1].split('=')[1]) || ''\n } catch(e) {\n return ''\n }\n}\n\nexport const parseTime = (timeInSecs: number) => {\n try {\n const time = new Date(timeInSecs * 1000).toISOString().substr(11, 8).split(':');\n const hh: any = time[0];\n const mm: any = time[1];\n let ss: any = time[2];\n let str = \"\";\n if (hh != 0) str += `${hh} hr `;\n if (mm !=0) str += `${mm} min `;\n if (ss) {\n if(ss == 0) ss = parseInt(ss)\n if (ss > 0 && ss < 10){\n ss = ss.replace(/^0+/, '');\n }\n str += `${ss} sec`;\n } \n return str;\n } catch (e) {\n return \"\";\n }\n}\n\nexport default offset;\n","//@ts-ignore\nimport React, { useState, useEffect } from 'react'\nimport { Link } from '@material-ui/core';\nimport { MyPATTextField } from '../../../common';\n\nconst ordinalNumbers = {\n 0: 'First',\n 1: 'Second',\n 2: 'Third',\n 3: 'Fourth',\n 4: 'Fifth',\n 5: 'Sixth',\n 6: 'Seventh',\n 7: 'Eighth',\n 8: 'Ninth',\n 9: 'Tenth',\n}\n\ninterface FillInTheBlanksAnswer {\n id: string,\n value: string\n}\n\nconst FillInTheBlanks = (props: any) => {\n const noOfBlanksAdmissable = Object.keys(ordinalNumbers).length;\n const [answers, setAnswer] = useState\n {/* \n {\n const value = e.target.value;\n setAnswer((allAnswers: FillInTheBlanksAnswer[]) => {\n const updatedAnswers = allAnswers.map((answr, i) => index === i ? {...answr, value} : answr);\n props.onAnswerUpdate(updatedAnswers);\n return updatedAnswers;\n });\n }}\n //@ts-ignore\n placeholder={`Enter # Separated Answers for ${ordinalNumbers[index]} Blank`} \n />\n {(
\n )\n })\n }\n {showAddMoreButton && ( {\n setAnswer((currentAnswers:FillInTheBlanksAnswer[]) => {\n const updatedAnswers = currentAnswers.filter((x, i) => index !== i);\n props.onAnswerUpdate(updatedAnswers);\n return updatedAnswers;\n });\n }}>
)}\n \n {\n setAnswer((allAnswers:FillInTheBlanksAnswer[]) => {\n const updatedAnswers = [...allAnswers, {id: new Date().getTime() + '', value: ''}];\n props.onAnswerUpdate(updatedAnswers);\n return updatedAnswers;\n });\n }} style={{fontWeight: 600}}>+ Add Answer\n
)}\n \n );\n}\n\nexport default FillInTheBlanks;","import React, { PureComponent } from 'react';\nimport _ from 'lodash';\nimport {\n Theme,\n createStyles,\n WithStyles,\n withStyles,\n Typography,\n Grid,\n Table,\n TableBody,\n TableRow,\n TableCell,\n Checkbox,\n TextField,\n FormControlLabel,\n Switch,\n Link\n} from '@material-ui/core';\nimport { statusType } from '../../types/ContentInSection';\nimport { MyPATExpansionPanel, MyPATMathField, MyPATTextField, AwardGraceMarks, MyPATSelect } from '../../../common';\nimport ContentFormData from '../../types/ContentFormData';\nimport ContentFormDataError from '../../types/ContentFormDataError';\nimport { QUESTION_TYPES, CONTENT_STATES } from '../../../../constants/comman';\nimport { convertTime } from '../../../../utils/getOffset.utils';\nimport AddFeedback from '../../../content-request/components/AddFeedback';\nimport { SectionFocusedContext, SectionFocusedContextValue } from '../../../common/MyPATBaseSection';\nimport SetIdealTime from './SetIdealTime';\nimport FillInTheBlanks from './FillInTheBlanks';\nimport CustomInfoIcon from '../../../common/CustomInfoIcon';\nimport AddFeedbackPopup from './AddFeedbackPopup';\nimport { SECTIONS } from '../../helper/contentValidation';\n\nconst styles = (theme: Theme) =>\n createStyles({\n feedbackContainer: {\n position: \"relative\",\n \"& .feedbackBlock\": {\n top: -16,\n left: \"100%\",\n position: \"absolute\",\n marginLeft: 20,\n zIndex: 2,\n },\n },\n optionsContainer: {\n width: \"auto\",\n overflow: \"auto\",\n },\n answerTable: {\n width: \"auto\",\n marginTop: 15,\n \"& tbody\": {\n \"& tr\": {\n height: \"auto\",\n display: \"flex\",\n flexWrap: \"wrap\",\n justifyContent: \"flex-start\",\n alignItems: \"center\",\n \"& td\": {\n // padding: `${theme.spacing.unit / 2}px 0`,\n border: 0,\n textAlign: \"center\",\n minWidth: '70px',\n color: \"#333\",\n fontSize: 20,\n lineHeight: '38px',\n borderRight: \"1px solid rgb(151 151 151 / 42%)\",\n display: \"flex\",\n alignItems: \"center\",\n flexWrap: \"wrap\",\n justifyContent: \"flex-start\",\n height: 45,\n padding: '0 25px',\n width: 130,\n margin: \"10px 0\",\n \"&:last-child\": {\n border: 'none',\n },\n },\n \"&:first-child\": {\n \"& td\": {\n borderRight: '1px solid rgb(151 151 151 / 42%)',\n fontSize: \"20px\",\n lineHeight: \"38px\",\n color: \"#333\",\n // padding: '0 40px',\n \"&:last-child\": {\n borderRight: 0,\n },\n [`&:nth-child(7n + 1)`]: {\n textAlign: \"left\",\n padding: 0,\n justifyContent: 'flex-start',\n },\n },\n },\n },\n },\n },\n\n answerBox: {\n // border: `1px solid ${theme.palette.grey[300]}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing.unit,\n \"& textarea\": {\n border: 0,\n padding: 0,\n },\n \"& h6\": {\n color: theme.palette.grey[400],\n },\n \"& .suggested-box\": {\n background: theme.palette.common.white,\n border: `1px solid ${theme.palette.grey[300]}`,\n borderRadius: theme.shape.borderRadius,\n padding: theme.spacing.unit,\n width: \"100%\",\n marginBottom: theme.spacing.unit,\n \"&:last-child\": {\n marginBottom: 0,\n },\n },\n },\n\n borderBox: {\n border: \"1px solid #E1E1E1\",\n boxSizing: \"border-box\",\n borderRadius: 5,\n backgroundColor: \"#fff\",\n padding: 8,\n overflow: \"auto\",\n },\n\n checkboxChecked: {\n color: \"#59CA1C !important\",\n },\n\n cardHeading: {\n fontWeight: theme.typography.fontWeightRegular,\n },\n\n mb1x: {\n marginBottom: theme.spacing.unit,\n },\n\n mb2x: {\n marginBottom: theme.spacing.unit * 2,\n },\n\n spacingMD: {\n width: \"calc(100% + 30px)\",\n margin: \"-10px 0px 0px\",\n padding: \"0px 8px\",\n },\n\n requiredHeading: {\n color: theme.palette.secondary.main,\n },\n // Answer Setting\n subTitle: {\n fontSize: 16,\n lineHeight: \"22px\",\n color: \"#666\",\n margin: \"6px 0 10px 6px\",\n },\n blueColor: {\n color: \"#1D7DEA\",\n },\n optionContainerTxt: {\n // margin: \"24px 0 0px -5px\",\n },\n posRelative: {\n position: \"relative\",\n },\n arrowIcon: {\n position: \"absolute\",\n right: \"8px\",\n zIndex: 99,\n top: \"1px\",\n },\n arrowIconT: {\n cursor: \"pointer\",\n },\n arrowIconB: {\n marginTop: \"-10px\",\n cursor: \"pointer\",\n },\n headingTxt: {\n fontSize: \"14px\",\n lineHeight: \"16px\",\n color: \"#333\",\n },\n grayTxt: {\n color: \"#999\",\n },\n optionSettingText: {\n width: \"67px\",\n margin: \"0px 10px 0 10px\",\n textAlign: \"center\",\n \"& input\": {\n padding: \"10px\",\n },\n \"& input[type=number]::-webkit-inner-spin-button, & input[type='number'].mod::-moz-inner-spin-button, & input[type=number]::-webkit-outer-spin-button, & input[type='number'].mod::-moz-outer-spin-button\": {\n opacity: 0,\n },\n \"& input[type=number]\": {\n \"-moz-appearance\": \"textfield\",\n appearance: \"none\",\n },\n },\n checkedCheckbox: {\n backgroundColor: \"#30BE76\",\n border: \"1px solid #30BE76 !important\",\n borderRadius: 2,\n color: \"#99a1a7\",\n \"&::after\": {\n content: \"''\",\n fontSize: 14,\n position: \"absolute\",\n top: 3,\n left: 8,\n width: 4,\n height: 12,\n border: \"solid #fff\",\n borderWidth: \"0 2px 2px 0\",\n transform: \"rotate(45deg)\",\n \n },\n \"&:hover\": {\n backgroundColor: \"#30BE76\",\n },\n },\n checkBoxElement: {\n padding: \"0px 7px\",\n top: 6,\n width: 24,\n height: 24,\n \"-moz-appearance\": \"none\",\n opacity: 1,\n color: \"rgb(204, 204, 204)\",\n border: \"1px solid #B2B2B2\",\n borderRadius: 2,\n margin: \"-15px 16px 0px 6px\",\n right: 0,\n \"& svg\": {\n fontSize: \"1.5rem\",\n fontFamily: '\"Nunito\", sans-serif',\n fill: \"#979797\",\n opacity: 0,\n },\n '& span:nth-child(1)': {\n width: 24,\n zIndex: 9\n }\n },\n primaryColor: {\n color: \"rgb(29 125 234)\",\n },\n setAnswerContainer: {\n marginBottom: \"20px\",\n },\n feedbackHighlight: {\n cursor: \"pointer\",\n \"&:hover\": {\n color: \"#1d7dea\",\n },\n },\n weightContainer:{\n '&>div:nth-of-type(1)':{\n height: 48,\n marginLeft: 20,\n '&>div:nth-of-type(1)':{\n height: 48,\n padding: \"0 10px\",\n border: \"1px solid #ccc\",\n }\n },\n },\n // Switch style\n swithMain:{\n marginBottom: 10,\n },\n switchBar:{\n height: 24,\n marginTop: '-12px',\n width: 46,\n borderRadius: 20,\n marginLeft: '-16px',\n backgroundColor: '#fff',\n border: '1px solid #DFDFDF ', \n // opacity: [[1], '!important'],\n \n },\n IscheckedSwitch:{\n opacity: 1,\n marginRight: '-21px',\n color: '#1d7dea!important',\n marginLeft: '0px!important'\n },\n checkedSwitch:{ \n color: '#D8D8D8', \n marginRight: '-17px', \n opacity: 1, \n // height: 30,\n '& + $switchBar': {\n opacity: 1,\n backgroundColor: 'transparent!important',\n border: '1px solid #DFDFDF', \n },\n },\n switchIcon:{\n // backgroundColor: '#fff'\n color: '#D8D8D8',\n marginLeft:8,\n },\n optionalFieldText: {\n fontSize: \"14px!important\",\n color: \"#acacac\"\n },\n deleteButton: {\n display: 'flex',\n alignItems: 'flex-end',\n cursor: 'pointer',\n height: '100%',\n paddingBottom: 10,\n },\n fillInTheBlanksContainer: {\n display: 'flex',\n \"& > .deleteActionButton\": {\n height: \"38px\",\n padding: \"8px\",\n display: \"flex\",\n marginLeft: \"8px\",\n border: \"1px solid #CCC\",\n borderRadius: \"5px\",\n cursor: \"pointer\",\n \"& > img\": {\n width: \"18px\"\n },\n \"&.visible-false\": {\n opacity: 0,\n pointerEvents: \"none\"\n }\n }\n }\n });\n\n// const optionsIdSet: string[] = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];\nlet sections = ['questionContent', 'optionsContent', 'correctAnswer', 'solutionContent', 'questionHints', 'tags', 'conceptCode'];\n\ninterface ContentAnswerProps extends WithStyles\n \n \n \n Set Correct Answer\n \n {[\"7\"].includes(subType) && (\n \n {\n this.props.updateCustomAnswer(\n event.target.checked\n );\n setTimeout(() => {\n this.updateCorrectAnswer()\n\n }, 100)\n }\n }\n // disabled={disableFields || isPreview}\n />\n }\n label=\"Custom Answer\"\n labelPlacement=\"end\"\n />\n \n )}\n \n \n {[\n QUESTION_TYPES.SMCQ,\n QUESTION_TYPES.INTEGER,\n ].includes(parseInt(subType)) &&\n status === CONTENT_STATES.PUBLISHED &&\n isValidAttempts && (\n \n \n \n {[\n QUESTION_TYPES.SMCQ,\n QUESTION_TYPES.MMCQ,\n QUESTION_TYPES.TRUE_FALSE,\n ].includes(parseInt(subType)) && (\n \n
\n )}\n {[\"7\"].includes(subType) &&\n !this.props.customAnswer && (\n \n
\n )}\n {[\"7\"].includes(subType) &&\n this.props.customAnswer && (\n {\n this.handleCorrectOptionChangeObj(e);\n }}\n onKeyPress={(e: any) =>\n this.onlyAllowNumbers(e, {\n allowNegative: true,\n currentValue: _.get(\n correctAnswer,\n \"data[0].value\",\n \"\"\n ),\n })\n }\n fullWidthControl\n endAdornment={<>}\n />\n \n \n {\n this.handleCorrectOptionChangeObj(\n e\n );\n }}\n onKeyPress={this.onlyAllowNumbers}\n fullWidthControl\n endAdornment={<>}\n />\n \n \n {\n this.handleCorrectOptionChangeObj(\n e\n );\n }}\n onKeyPress={this.onlyAllowNumbers}\n fullWidthControl\n endAdornment={<>}\n />\n \n \n \n )}\n {[\"3\"].includes(subType) && (\n
\n {/* Set Ideal time */}\n \n )}\n \n {\n this.handleCorrectOptionChangeObj(e);\n }}\n inputProps={{ min: 0, max: 9007199254740991 }}\n onPaste={(e: any) =>\n this.onlyAllowNumbers(e, {\n allowNegative: false,\n currentValue: _.get(\n correctAnswer,\n \"data[0].value\",\n \"\"\n ),\n })\n }\n\n onKeyPress={(e: any) =>\n this.onlyAllowNumbers(e, {\n allowNegative: false,\n currentValue: _.get(\n correctAnswer,\n \"data[0].value\",\n \"\"\n ),\n })\n }\n fullWidthControl\n endAdornment={<>}\n />\n
\n )}\n {[\"4\"].includes(subType) && (\n \n
\n )}\n\n {[\"6\"].includes(subType) && (\n <>\n \n
\n );\n }\n}\n\nconst mapStateToProps = (state: any) => {\n return {\n isQuestionUpdated: _.get(state, \"mylibraryData.content.isQuestionUpdated\", false),\n }\n};\n// @ts-ignore\nexport default connect(mapStateToProps)(withStyles(styles)(QuestionSlider));\n","import React, { Component } from 'react';\nimport Dialog from '@material-ui/core/Dialog';\nimport DialogActions from '@material-ui/core/DialogActions';\nimport DialogContentText from '@material-ui/core/DialogContentText';\nimport DialogTitle from '@material-ui/core/DialogTitle';\nimport DeleteIcon from '@material-ui/icons/Delete'\nimport { Theme } from '@material-ui/core/styles/createMuiTheme'\nimport { withStyles } from '@material-ui/core/styles';\nimport {\n Typography, createStyles, WithStyles, Button, Tabs, Grid, Tab, DialogContent\n} from '@material-ui/core';\nimport { MyPATDialog } from '../../../../common';\n// import { createNotesQuestionSchema } from '../validations/validation';\n\n\n\nconst styles = (theme: Theme) => createStyles({\n root: {\n color: theme.palette.text.primary,\n },\n icon: {\n margin: theme.spacing.unit,\n fontSize: 90,\n },\n iconAlign:{\n display: 'flex',\n justifyContent: 'center', \n alignText: 'center'\n }\n\n});\n\ninterface DeletePopUpProps extends WithStyles\n \n {_.map(totalQuestion, (data: any, index: number) => {\n return (\n this.setQuestionActive(index)}>{index + 1}\n )\n }\n )}\n \n
\n\n \n \n {\n allQuestionsDropDown ?\n
\n \n 
\n
\n : ''\n }\n \n Select Questions
\n- \n {\n _.map(totalQuestion, (c, index) => (\n
- this.updateSlideQuestion(index)}>{index + 1} \n ))\n }\n
\n \n \n Cancel\n \n \n \n \n }\n >\n \n ![\"deletec](\"/assets/svg/learn/deleteQuestLearnNote.svg\")
\n \n \n {deleteTitle ? deleteTitle : 'Delete Page'}\n \n \n {deleteText ? deleteText : 'Are you sure you want to delete this page'} ?\n \n \n {/* \n \n \n \n {deleteTitle ? deleteTitle : 'Delete Page'}\n \n \n \n\n \n Yes, Delete\n \n\n \n */}\n
\n );\n\n }\n}\n\n\n\n// @ts-ignore\nexport default withStyles(styles)(DeletePopUp);","import { ServerAlertAction } from '../../common'\nimport { ServerAlertActionV2 } from '../../common/types/ServerAlertActionV2'\nimport { VARIANT } from '../../common/types/ServerAlertDataV2'\n\n\nlet showMsg = (msg: string,vari:any) => {\n\n let showAlert = (message: string, variant: 'error' | 'success' = 'error'): Partial\n \n {deleteTitle ? deleteTitle : 'Delete Page'}\n {deleteText ? deleteText : 'Are you sure you want to delete this page'} ?
\n\n
\n );\n}\n\nconst units = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\nconst convertVideoSize = (length: any) => {\n let typeIndex = 0, number = parseInt(length, 10) || 0;\n while(number >= 1024 && ++typeIndex){\n number = number/1024;\n }\n return(number.toFixed(number < 10 && typeIndex > 0 ? 1 : 0) + ' ' + units[typeIndex]);\n}\n\n\nclass VideoProgressBar extends Component\n
\n \n {`${Math.round(\n props.value,\n )}%`} \n
\n \n \n \n \n \n \n \n File Name\n \n \n \n \n \n ![\"Cancel](\"/assets/svg/learn/videoUploadCancel.svg\")
\n \n \n \n
\n \n \n {`${uploadedVideoLength} of ${totalVideoLength}`}\n
\n \n \n
\n );\n}\n\nconst units = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\nconst convertAudioSize = (length: any) => {\n let typeIndex = 0, number = parseInt(length, 10) || 0;\n while (number >= 1024 && ++typeIndex) {\n number = number / 1024;\n }\n return (number.toFixed(number < 10 && typeIndex > 0 ? 1 : 0) + ' ' + units[typeIndex]);\n}\n\n\nclass AudioProgressBar extends Component\n
\n \n {`${Math.round(\n props.value,\n )}%`} \n
\n \n \n \n 
\n \n \n \n \n \n {fileNameInitials.fileName}\n \n \n \n {fileNameInitials.fileExtension}\n \n \n \n \n \n \n \n
\n\n \n
\n \n {`${uploadedAudioLength} of ${totalAudioLength}`}\n
\n - \n\t\t\t\t\t\t\t\t{ ACLService.checkModulePermission(PERMISSION_CONTENT_TYPES.STUDY_MATERIAL, USER_RIGHTS.CREATE) &&\n\t\t\t\t\t\t\t\t
![\"FTRE](\"/assets/svg/createContent/ftre-test.svg\")
\n\t\t\t\t\t\t\t\t\t![\"AITS](\"/assets/svg/createContent/aits-test.svg\")
\n\t\t\t\t\t\t\t\t\t![\"National](\"/assets/svg/createContent/national-level-test.svg\")
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tSelect Content Creator\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tAUTHORING_TEST_CONTENT_TYPES.includes(selectedContentTypeCode) && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tSelect Test Type:\n\t\t\t\t\t\t\t\t\t\t
)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{!_.isEmpty(contentSubtypeDialogData) && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t this.changeTemplateType(TEST_TEMPLATE_TYPES.DEFAULT)} >Default\n\t\t\t\t\t\t\t\t\t\t\t this.changeTemplateType(TEST_TEMPLATE_TYPES.CUSTOM)} >Custom\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\tOh Snap! We can't find it \n\t\t\t\t\t\t\t\t\t\tCurrently there are no templates created for the selected type \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\n
Q{index + 1}.
\n\";\n\n question.passage.forEach(({ code, count }, i) => {\n paragraphDescription += `Q${i + 1}: ${count} ${\n QUESTION_TYPE[code.toString()]\n } `;\n });\n paragraphDescription += \"
\";\n question.description += paragraphDescription;\n }\n authors = authors.map((author) => {\n // Add correct assignedDate to each authors in a question, in a subject\n let name = author.name.split(\"|\")[0].trim();\n author.name = name;\n return {\n ...author,\n isEmailTriggered: !existingUserIds.has(author.id),\n assignedDate: new Date().toISOString(),\n };\n });\n return {\n ...question,\n authors,\n };\n });\n\n // Add assignor to the subjects\n return {\n ...subject,\n assignor,\n questions,\n };\n }\n );\n\n newRequestData.requestInfo.details.subjects = newSubjects;\n }\n if (testDetails) {\n testDetails.assignor = assignor;\n let { authors = [] } = testDetails;\n authors = authors.map((author) => {\n let name = author.name.split(\"|\")[0].trim();\n author.name = name;\n return {\n ...author,\n isEmailTriggered: !existingUserIds.has(author.id),\n assignedDate: new Date().toISOString(),\n };\n });\n testDetails.authors = authors;\n }\n\n if (!isRequestForMyOrg && !isLoggedInUserCenterHead()) {\n const newOwners = owners.map((owner) => {\n const newOwner = { ...owner, isEmailTriggered: !existingUserIds.has(owner.client.id) };\n return newOwner;\n });\n newRequestData.requestInfo.owners = newOwners;\n }\n\n if (isLoggedInUserCenterHead() || isRequestForMyOrg) {\n const userClientIdSet = new Set(\n _.get(user, \"clients\", []).map(({ id }: any) => id)\n );\n // If centre head then set all owner's status as published\n const newOwners = owners.map((owner: Owners) => {\n if (userClientIdSet.has(owner.client.id)) {\n return {\n ...owner,\n status: \"published\",\n };\n }\n return owner;\n });\n // @ts-ignore\n newRequestData.requestInfo.owners = newOwners;\n }\n newRequestData.status = \"published\";\n newRequestData.publishedOn = new Date();\n\n return newRequestData;\n};\n\nexport const extractUserIdsFromRequest = (requestData: ContentRequest) => {\n const userIds = new Set{name}
);\n tooltiptitle = ` +${extraLength}`;\n }\n untruncatedNames = untruncatedNames.map((name: string) => {name}
);\n return (\n \n {isNameTruncated ? (\n \n\n\t\t\t\t
\n\t\t);\n\t}\n}\n\nconst mapStateToProps = (state: any) => ({\n\tloggedInUserData:\n\t\tstate.loginData.userData &&\n\t\tstate.loginData.userData.loggedInUserData,\n\tshowLicenseExpiredDialog:\n\t\tstate.loginData.userData &&\n\t\tstate.loginData.userData.showLicenseExpiredDialog,\n\tisPostExpiryDays:\n\t\tstate.loginData.userData &&\n\t\tstate.loginData.userData.isPostExpiryDays\n});\n\nconst mapDispatchToProps = {\n\ttoggleLicenseExpiredDialog,\n\tsetLoggedInUser\n};\n\n// @ts-ignore\nexport default connect(\n\tmapStateToProps,\n\tmapDispatchToProps\n\t// @ts-ignore\n)(withRouter(withStyles(styles)(ContentMenu)));","import { CONTENT_SECTION_KEYS } from '../../../constants/comman';\nimport axios from '../../../services/axios';\nimport { axiosNTL } from '../../../services/axios';\n\nimport CourseData from '../types/CourseData';\nimport CourseSyllabusData from '../types/CourseSyllabusData';\n\nconst list = (selectedTab?: string) => {\n\tlet url = '/course/getAvailableCourseListing'+ (selectedTab === CONTENT_SECTION_KEYS.FTRE ? `?specialPurposes=${selectedTab}` : '');\n\treturn axiosNTL.get(url)\n\t\t.then((res: any) => {\n\t\t\tconst courses: CourseData[] = res.responseObject;\n\t\t\treturn Promise.resolve(courses);\n\t\t});\n}\nconst getAllCourses = () => axiosNTL\n\t.get(`/package/listPackage?Archive=false`)\n\t.then((res: any) => {\n\t const courses = res.responseObject;\n\t return Promise.resolve(courses);\n\t});\nconst getCourseSubject = (courseId: string) => axiosNTL\n\t.get(`/courseSyllabus/getSubjects/${courseId}`)\n\t.then((res: any) => {\n\t\tconst courseSyllabus: CourseSyllabusData[] = res.responseObject;\n\t\treturn Promise.resolve(courseSyllabus);\n\t});\n\nconst getCourseSubSubject = (courseId: string, subjectId: string) => axiosNTL\n\t.get(`/courseSyllabus/getSubSubjects/${courseId}/${subjectId}`)\n\t.then((res: any) => {\n\t\tconst courseSyllabus: CourseSyllabusData[] = res.responseObject;\n\t\treturn Promise.resolve(courseSyllabus);\n\t});\n\nconst getCourseChapters = (courseId: string, subSubjectId: string) => axiosNTL\n\t.get(`/courseSyllabus/getChapters/${courseId}/${subSubjectId}`)\n\t.then((res: any) => {\n\t\tconst courseSyllabus: CourseSyllabusData[] = res.responseObject;\n\t\treturn Promise.resolve(courseSyllabus);\n\t});\n\nconst getCourseConcepts = (courseId: string, subjectId: string, chapterId: string) => axiosNTL\n\t.get(`/courseSyllabus/getConcepts/${courseId}/${subjectId}/${chapterId}`)\n\t.then((res: any) => {\n\t\tconst courseSyllabus: CourseSyllabusData[] = res.responseObject;\n\t\treturn Promise.resolve(courseSyllabus);\n\t});\n\n \nconst getCountByType = async (type: string, courseId: string, parentId: string) => axiosNTL\n\t.get(`/courseSyllabus/getCountByType/${type}?courseId=${courseId}&parentId=${parentId}`)\n\t.then((res: any) => {\n\t\treturn Promise.resolve(res.responseObject);\n\t});\n\nconst courseService = {\n\tlist,\n\tgetCourseSubject,\n\tgetCourseSubSubject,\n\tgetCourseChapters,\n\tgetCourseConcepts,\n\tgetCountByType,\n\tgetAllCourses\n};\n\nexport default courseService;","import React, { Component } from 'react';\nimport _ from 'lodash';\nimport cx from 'classnames';\n\nimport Avatar from '@material-ui/core/Avatar';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport {\n WithStyles,\n createStyles,\n Card,\n CardContent,\n Link,\n Grid,\n Typography,\n List,\n ListItem,\n ListItemText,\n ListItemSecondaryAction,\n IconButton,\n} from '@material-ui/core';\n\nimport PerfectScrollbar from 'react-perfect-scrollbar';\nimport KeyboardArrowRightIcon from '@material-ui/icons/KeyboardArrowRight';\nimport KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';\nimport ArrowForwardIosIcon from '@material-ui/icons/ArrowForwardIos';\nimport { MyPATLocalLoader } from '../../common';\n\nimport GoalDrillerData from '../types/GoalDrillerData';\nimport CourseData from '../types/CourseData';\nimport CourseSyllabusData from '../types/CourseSyllabusData';\nimport { ContentListFilterData } from '../types/ContentFilterData';\n\nimport courseService from '../services/courseService';\nimport contentService from '../services/contentService';\nimport CustomInfoIcon from '../../common/CustomInfoIcon';\nimport { iconsForSubjects } from '../../../utils';\n\nconst styles = (theme: Theme) =>\n createStyles({\n purple: {\n border: 'solid 1px #78d2a7',\n background: 'rgb(255 255 255)',\n width: '25px',\n height: '25px',\n margin: '0 8px 0 0',\n fontSize: '10px',\n color: '#1d7dea',\n },\n paddingLeftMD: {\n paddingLeft: 26,\n },\n goalListItem: {\n minHeight: 30,\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n '& img': {\n padding: '2px 10px 0px 10px',\n },\n '& label': {\n cursor: 'pointer',\n maxWidth: 200,\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n zIndex: 9,\n '&>:nth-child(1)': {\n color: 'rgb(51 51 51)',\n fontSize: 16,\n fontWeight: 400,\n },\n '&>:nth-child(2)': {\n color: 'rgb(51 51 51)',\n fontSize: 12,\n fontWeight: 300,\n },\n },\n '&>:nth-child(1)>svg': {\n fill: '#666',\n fontSize: 18,\n fontWeight: 'bold',\n marginTop: -3,\n },\n cursor: 'pointer',\n '& span':{\n zIndex: 9,\n },\n '& .tooltip': {\n display: 'none',\n },\n '&:hover': {\n '& .tooltip': {\n display: 'block',\n position: 'absolute',\n background: 'rgb(222 222 222)',\n width: '95%',\n left: 0,\n zIndex: 999,\n top: 34,\n padding: 12,\n color: 'rgb(51 51 51)',\n lineHeight: '20px',\n fontWeight: 600,\n '&::before': {\n left: '30%',\n width: 0,\n top: -8,\n height: 0,\n content: '\" \"',\n position: 'absolute',\n marginLeft: -6,\n borderLeft: '5px solid rgb(0 0 0 / 0%)',\n borderRight: '5px solid rgb(0 0 0 / 0%)',\n borderBottom: '8px solid rgb(222 222 222)',\n },\n },\n },\n selectedListItem: {\n '&::before': {\n background: '#CDE8FF',\n content: '\" \"',\n height: 38,\n width: '100%',\n position: 'absolute',\n left: 0,\n zIndex: 0,\n },\n },\n treeToggleLabel: {\n verticalAlign: 'middle',\n cursor: 'pointer',\n fontSize: 14,\n overflow: 'hidden',\n whiteSpace: 'nowrap',\n margin: '4px 5px 0px',\n },\n '&>:first-child': {\n color: '#333333',\n fontSize: 14,\n fontWeight: 'bold',\n zIndex: 9,\n '&>span': {\n color: 'rgb(102 102 102)',\n fontSize: 12,\n fontWeight: 400,\n },\n },\n '&>:second-child': {\n color: '#666666',\n },\n },\n goalLevelList: {\n padding: '0px 4px', \n height: 'calc(100vh - 90px)',\n overflow: 'auto',\n '& li': {\n listStyle: 'none',\n fontSize: 14,\n lineHeight: '15px',\n color: 'rgb(51 51 51)',\n padding: '0px 0px 0px 8px',\n '& img': {\n padding: '0px 10px 0px 4px',\n },\n // '&:hover':{\n // \t'&::before': {\n // \t\tbackground: '#CDE8FF',\n // \t\tcontent: '\" \"',\n // \t\theight: 38,\n // \t\twidth: '100%',\n // \t\tposition: 'absolute',\n // \t\tleft: 0,\n // \t\tzIndex: 0\n // \t} Will Use later\n // }\n },\n '& li>span>img': {\n verticalAlign: 'middle',\n cursor: 'pointer',\n },\n '& ul': {\n padding: '0px 0px 0px 0px',\n margin: '5px 0px',\n },\n '& li>span': {\n padding: '0px 6px 0px 0px',\n height: 24,\n color: 'rgb(102 102 102)',\n },\n },\n hideChildNode: {\n display: 'none',\n },\n showChildNode: {\n display: 'block',\n },\n fontSizeSM: {\n fontSize: '0.75rem !important',\n },\n paddingSM: {\n padding: '2px 0px',\n margin: '-18px -16px 14px -16px',\n },\n textColor: {\n color: '#999999',\n },\n goalListBlock: {\n '& .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y': {\n width: 10,\n backgroundColor: '#eee',\n marginTop: 15,\n },\n '& .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y': {\n backgroundColor: '#999',\n width: 6,\n },\n '& ::backdrop':{\n position:'fixed',\n right:0,\n top:0,\n bottom:0,\n left:0,\n background:'#cc0000',\n width:1000,\n height:'100%',\n display:'block',\n },\n },\n\n cardContainer: {\n background: 'rgb(255 255 255)',\n boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',\n boxSizing: 'border-box',\n borderRadius: 8,\n },\n noBorderRadius:{\n borderRadius:'0 !important',\n },\n goalsCategoriesNav: {\n position: 'absolute',\n left: 0,\n top: -48,\n width: '70vw',\n },\n\n infoIcon: {\n position: 'relative',\n top: -2,\n },\n truncateList: {\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n width: 180,\n zIndex: 99999,\n position: 'absolute',\n color: '#666666',\n },\n listTruncate: {\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n maxWidth: 100,\n },\n ulDefault: {\n padding: 0,\n margin: 0,\n transition: 'all 0.5s ease',\n paddingTop: '5px',\n },\n listItem: {\n display: 'inline-block',\n padding: '0 8px 0',\n paddingBottom: 0,\n cursor: 'pointer',\n },\n listItemLinks: {\n fontFamily: 'Nunito !important',\n fontWeight: 'normal',\n fontSize: '14px !important',\n lineHeight: '18px !important',\n textDecoration: 'underline !important',\n color: '#666666 !important',\n },\n categoryListItem: {\n background: '#FFFFFF',\n border: '1px solid #EBEBEB',\n boxSizing: 'border-box',\n borderRadius: 4,\n cursor: 'pointer',\n margin: '0px 15px 10px 7px',\n '& li > span': {\n color: 'rgba(50, 60, 71, 1)',\n fontSize: 1,\n fontFamily: \"'Nunito/', sans-serif\",\n fontWeight: 400,\n lineHeight: 1.5,\n },\n '&:hover .tooltipContainer': {\n display: 'block',\n '& :first-child': {\n maxWidth: 300,\n whiteSpace: 'normal',\n textAlign: 'center',\n },\n },\n '& .tooltipContainer': {\n display: 'none',\n },\n },\n\n linkItem: {\n fontFamily: 'Nunito',\n fontStyle: 'normal',\n fontWeight: 'normal',\n fontSize: 14,\n color: '#999999',\n lineHeight: 1.8,\n '& .active, :active, :focus, :hover': {\n color: theme.palette.primary.main,\n },\n },\n marginBottom1x: {\n marginBottom: theme.spacing.unit,\n },\n marginBottomTop2x: {\n position: 'relative',\n marginBottom: 16,\n marginTop: 0,\n },\n paddingZero: {\n padding: 0,\n },\n currentLevel: {\n padding: '0px 0px 0 px 20px',\n background: '#fff',\n transition: 'all 0.5s ease',\n maxHeight: 40,\n textTransform: 'capitalize',\n fontFamily: 'Nunito',\n fontStyle: 'normal',\n fontWeight: 600,\n fontSize: 16,\n lineHeight: '22px',\n alignItems: 'flex-end',\n color: '#333333',\n display: 'flex',\n justifyContent: 'space-between',\n },\n displayFlex: {\n display: 'flex',\n },\n cardContentRoot: {\n background: 'rgb(255 255 255)',\n boxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',\n boxSizing: 'border-box',\n borderRadius: 0,\n minHeight: '100vh',\n '&:last-child': {\n paddingBottom: theme.spacing.unit,\n paddingTop: 14,\n },\n '& h6': {\n fontWeight: 400,\n fontSize: 24,\n lineHeight: '22px',\n color: '#333333',\n paddingLeft:20,\n },\n },\n moreButton: {\n background: '#ECECEC',\n borderRadius: 4,\n color: '#666666',\n width: 'fit-content',\n padding: '0px 16px',\n height: 16,\n fontSize: 9,\n lineHeight: 1.8,\n },\n navigationButtonRoot: {\n backgroundColor: theme.palette.common.white,\n padding: theme.spacing.unit,\n paddingRight: theme.spacing.unit,\n marginBottom: theme.spacing.unit,\n height: theme.spacing.unit * 5,\n width: 270,\n marginTop: '5px',\n '& > span': {\n width: '260px',\n display: 'inline-block',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n fontWeight: theme.typography.fontWeightRegular,\n fontSize: theme.typography.fontSize,\n textAlign: 'left',\n },\n '& span span': {\n paddingLeft: theme.spacing.unit / 2,\n paddingRight: theme.spacing.unit / 2,\n fontSize: '0.6rem',\n left: '12px',\n right: 'auto',\n },\n },\n navigationButtonEnd: {\n backgroundColor: '#54a9fc',\n padding: theme.spacing.unit,\n paddingRight: theme.spacing.unit,\n marginBottom: theme.spacing.unit,\n height: theme.spacing.unit * 5,\n '& > span': {\n display: 'inline-block',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n overflow: 'hidden',\n fontWeight: theme.typography.fontWeightRegular,\n fontSize: theme.typography.fontSize,\n textAlign: 'left',\n },\n '& span span': {\n fontSize: '0.6rem',\n left: '12px',\n right: 'auto',\n },\n },\n buttonTag: {\n top: -11,\n left: 8,\n color: '#fff',\n padding: '5px 6px 4px 7px',\n position: 'absolute',\n borderRadius: 8,\n backgroundColor: '#999999',\n fontSize: 9,\n lineHeight: 1,\n textAlign: 'center',\n letterSpacing: '1px',\n fontWeight: 500,\n },\n goalScrolled: {\n maxHeight: '0px !important',\n overflow: 'hidden',\n transition: 'all 0.5s ease',\n },\n showMoreLink: {\n cursor: 'pointer',\n marginRight: theme.spacing.unit / 2,\n },\n csLoader: {\n zIndex: 999,\n },\n csLoaderInner: {\n transform: 'translateY(-50%)',\n top: '13%',\n width: 'calc(100% - 200px)',\n color: theme.palette.common.black,\n position: 'absolute',\n left: '167px',\n\n '& label': {\n fontSize: '9px',\n opacity: 0,\n display: 'inline-block',\n\n '&:nth-child(3)': {\n '-webkit-animation': 'lol 3s 300ms infinite ease-in-out',\n animation: 'lol 3s 300ms infinite ease-in-out',\n },\n\n '&:nth-child(2)': {\n '-webkit-animation': 'lol 3s 400ms infinite ease-in-out',\n animation: 'lol 3s 400ms infinite ease-in-out',\n },\n '&:nth-child(1)': {\n '-webkit-animation': 'lol 3s 500ms infinite ease-in-out',\n animation: 'lol 3s 500ms infinite ease-in-out',\n },\n },\n },\n\n '@keyframes lol': {\n '0%': {\n opacity: 0,\n },\n '33%': {\n opacity: 1,\n },\n '66%': {\n opacity: 1,\n },\n '100%': {\n opacity: 0,\n },\n },\n\n '@-webkit-keyframes lol': {\n '0%': {\n opacity: 0,\n },\n '33%': {\n opacity: 1,\n },\n '66%': {\n opacity: 1,\n },\n '100%': {\n opacity: 0,\n },\n },\n setHeight: {\n maxHeight: 280,\n },\n setHeightFull: {\n maxHeight: 'calc(100vh - 82px)',\n },\n link: {\n cursor: 'pointer',\n },\n showNext: {\n color: '#666666',\n opacity: 0.56,\n fontSize: 12,\n },\n activeChip: {\n '&::before': {\n position: 'absolute',\n background: '#CDE8FF',\n padding: '14px 16px 14px',\n content: '\" \"',\n left:0,\n width: \"89%\",\n },\n },\n coursesTruncate: {\n overflow: 'hidden',\n maxWidth: '200px',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n display: 'block',\n fontSize: '1rem',\n fontFamily: 'Nunito',\n lineHeight: '22px',\n },\n scrollbarContainer: {\n position: 'relative',\n height: 290,\n },\n scrollbarContainerFull:{\n height:'100%',\n position:'relative',\n overscrollBehavior: 'contain', \n margin: 20,\n border: 'solid 1px rgba(230, 230, 230, 1)',\n borderRadius: 7 \n },\n browseTopicHeadingClose:{\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n width: '100%',\n },\n topArrow: {\n '&:hover:after': {\n content: '\"\"',\n position: 'absolute',\n left: '50%',\n marginLeft: -5,\n bottom: -7,\n width: 0,\n height: 0,\n borderLeft: '5px solid rgba(0, 0, 0, 0)',\n borderRight: '5px solid rgba(0, 0, 0, 0)',\n borderBottom: '8px solid rgb(0, 0, 0)',\n },\n },\n blueBgColor:{\n '&::before': {\n position: 'absolute',\n background: '#CDE8FF',\n padding: '14px 16px 14px',\n content: '\" \"',\n width: '100%',\n right: '4px',\n },\n },\n closeRgtBar:{\n cursor:'pointer',\n },\n });\n\nconst getClassName = (c: any) => {\n if (c && c.type === 'subject' && c.classIdToClassNameMap) {\n return '( ' + Object.values(c.classIdToClassNameMap).join(', ') + ' )';\n }\n return '';\n};\n\nfunction displayKeyFromLevel(level: string) {\n switch (level) {\n case 'course':\n return '';\n case 'subject':\n return 'Subjects';\n case 'sub-subject':\n return 'SubSubjects';\n case 'chapter':\n return 'Chapters';\n case 'concept':\n return 'Concepts';\n default:\n return '';\n }\n}\n\n//@ts-ignore\ninterface GoalsDrillerProps extends WithStyles\n\t\t\t\t\t
\n\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t :\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t{showContentValidationData &&\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{selectedAcademicYearList.includes(STAT_TYPE.VALIDATION_START) && showAcademicYearAlert &&\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tMy Library \n\t\t\t\t\t\t
\n\t\t\t\t\t\t{studentUser ? \n\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t\t{filtersData.map(({ title, value }, i) => {\n\t\t\t\t\t\t\t\t\t\t\t\tif (!STUDENT_TABS_VISIBLE.includes(value)) return null;\n\t\t\t\t\t\t\t\t\t\t\t\treturn <>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t{_.map(filtersData, ({ title, value }, i) => {\n\t\t\t\t\t\t\t\t\t\t\tif (fromTestPaper && (value === VALIDATION.VALIDATION_REQUEST)) return null;\n\t\t\t\t\t\t\t\t\t\t\treturn (<>\n\t\t\t\t\t\t\t\t\t\t\t\t{(value !== VALIDATION.VALIDATION_REQUEST || isTeacher) &&
- \n\t\t\t\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{!fromTestPaper && <>\n\t\t\t\t\t\t\t\t\t\t{isTeacher && \n\t\t\t\t\t\t\t\t\t\t// \n\t\t\t\t\t\t\t\t\t\t// {\n\t\t\t\t\t\t\t\t\t\t\t\tthis.props.onStartValidation(ev);\n\t\t\t\t\t\t\t\t\t\t\t\tthis.setState({ validationSelection: null });\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tstyles={colorStyles}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t// \t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t// \t\t\t\n\t\t\t\t\t\t\t\t\t\t// \t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t// \t\n\t\t\t\t\t\t\t\t\t\t// \t\t\t\tFaculty Questions\n\t\t\t\t\t\t\t\t\t\t// \t\t\t\tStudent Questions\n\t\t\t\t\t\t\t\t\t\t// \t\t\t
\n\t\t\t\t\t\t\t\t\t\t// \t\t\n\t\t\t\t\t\t\t\t\t\t\t{contentCreateOption &&\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{showCreateContent &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tEvaluation of the Questions Target and Submission commences as of March 1st, 2024\n\t\t\t\t\t\t\t\t\t this.setState({showAcademicYearAlert: false})}>![\"Close\"](\"/assets/svg/notesAlertIcon.svg\")
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{validationState.TARGET.LABEL}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{selectedcontentMenu === VALIDATION.CREATED_BY_ME &&\n\t\t\t\t\t\t\t\t\t\t handleValidationInfoDialogOpen()}>\n\t\t\t\t\t\t\t\t\t\t\t![\"info\"](\"assets/svg/infov5Icon.svg\")
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t{academicYear[validationState.TARGET.KEY]}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t handleValidationInfoDialogOpen()}>\n\t\t\t\t\t\t\t\t\t\t\t{validationState.CONTRIBUTION.LABEL}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t{academicYear[validationState.CONTRIBUTION.KEY]}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t handleQuestionStatusChange(validationState.COMPLETED.KEY)}>\n\t\t\t\t\t\t\t\t\t\t{validationState.COMPLETED.LABEL}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t{academicYear[validationState.COMPLETED.KEY]}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t handleQuestionStatusChange(validationState.APPROVED.KEY)}>\n\t\t\t\t\t\t\t\t\t\t{validationState.APPROVED.LABEL}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t{academicYear[validationState.APPROVED.KEY]}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t handleQuestionStatusChange(validationState.REJECTED.KEY)}>\n\t\t\t\t\t\t\t\t\t\t{validationState.REJECTED.LABEL}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t{academicYear[validationState.REJECTED.KEY]}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t handleQuestionStatusChange(validationState.REVIEW.KEY)}>\n\t\t\t\t\t\t\t\t\t\t{validationState.REVIEW.LABEL}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t{academicYear[validationState.REVIEW.KEY]}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{selectedcontentMenu === VALIDATION.CREATED_BY_ME && \n\t\t\t\t\t\t\t\t\t\t handleQuestionStatusChange(validationState.DRAFT.KEY)}>\n\t\t\t\t\t\t\t\t\t\t\t{validationState.DRAFT.LABEL}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t{academicYear[validationState.DRAFT.KEY]}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t 1 && showContentValidationData, 'studentCase': studentUser})}>\n\t\t\t\t\t\t{!studentUser &&\n\t\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{bucketsToShow.length > 1 ?\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{(bucketsToShow || []).map(bucket =>\n\t\t\t\t\t\t\t\t\t\t\t\t( { changeBucketType(bucket.value) }} >{bucket.title} {bucketWiseCount[bucket.value] && ({bucketWiseCount[bucket.value]})})\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: {bucketsToShow[0].title}
\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t{(!isOnyQuestionSelected || !isTeacher || studentUser) &&\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{filterContent.contentMenu !== VALIDATION.VALIDATION_REQUEST &&}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t- \n // \t\t\t\t\t\t
- \n // \t\t\t\t\t\t\t{\n // \t\t\t\t\t\t\t\tisArrowDown ?\n // \t\t\t\t\t\t\t\t\t
:\n // \t\t\t\t\t\t\t\t\t }\n // \t\t\t\t\t\t\t\n\n // \t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t ![\"goal-icon\"](\"/assets/svg/myLibrary/goalLevel/goal-icon.svg\")
\n // \t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t- \n // \t\t\t\t\t\t\t\t
- \n // \t\t\t\t\t\t\t\t\t{\n // \t\t\t\t\t\t\t\t\t\tisArrowDown ?\n // \t\t\t\t\t\t\t\t\t\t\t
:\n // \t\t\t\t\t\t\t\t\t\t\t }\n // \t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t ![\"subject-icon\"](\"/assets/svg/myLibrary/goalLevel/subject-icon.svg\")
\n // \t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t- \n // \t\t\t\t\t\t\t\t\t\t
- \n // \t\t\t\t\t\t\t\t\t\t\t{\n // \t\t\t\t\t\t\t\t\t\t\t\tisArrowDown ?\n // \t\t\t\t\t\t\t\t\t\t\t\t\t
:\n // \t\t\t\t\t\t\t\t\t\t\t\t\t }\n // \t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\t ![\"icon\"](\"/assets/svg/myLibrary/goalLevel/subject-type-icon.svg\")
\n // \t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\n\n // \t\t\t\t\t\t\t\t\t\t\t- \n // \t\t\t\t\t\t\t\t\t\t\t\t
- \n // \t\t\t\t\t\t\t\t\t\t\t\t\t{\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\tisArrowDown ?\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
:\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t }\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t ![\"icon\"](\"/assets/svg/myLibrary/goalLevel/sub-subject-icon.svg\")
\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\n\n // \t\t\t\t\t\t\t\t\t\t\t\t\t- \n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
![\"icon\"](\"/assets/svg/myLibrary/goalLevel/subject-topics-icon.svg\")
\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t \n // \t\t\t\t\t\t\t\t\t\t\t\t\t
\n // \t\t\t\t\t\t\t\t\t\t\t - \n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n // \t\t\t\t\t\t\t\t\t - \n // \t\t\t\t\t\t\t\t\t\t\t\t\t{\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\tisArrowDown ?\n // \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n // \t\t\t\t\t\t\t - \n // \t\t\t\t\t\t\t\t\t\t\t{\n // \t\t\t\t\t\t\t\t\t\t\t\tisArrowDown ?\n // \t\t\t\t\t\t\t\t\t\t\t\t\t
\n // \t\t\t\t\t - \n // \t\t\t\t\t\t\t\t\t{\n // \t\t\t\t\t\t\t\t\t\tisArrowDown ?\n // \t\t\t\t\t\t\t\t\t\t\t
\n // \t\t\t\t\t\t\t\t\t\t
\n // \t\t\t\t\t\t\t\t\t: \n // \t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t\t\t\t\t
\n // \t\t\t\t\t\t\t\t\t\n // \t\t\t\t\t\t
\n // \t\t\t\t\t*/}\n // \t\t\t\n // \t\t)\n // \t})\n // }\n\n checkImage = async (name: string) => {\n let src = `/assets/svg/myLibrary/${name}.svg`;\n let isImage = await this._fetchImage(src);\n return isImage;\n };\n\n _fetchImage(src: any) {\n return new Promise((resolve: any, reject: any) => {\n fetch(src, { method: 'HEAD' })\n .then((res: any) => {\n if (res.ok) {\n return resolve(true);\n } else {\n return reject(false);\n }\n })\n .catch((err: any) => {\n return reject(false);\n });\n });\n }\n checkIsAnyChildArrowDown=(sampleObject:any [])=>{\n\t\t// console.log(sampleObject);\n\t\t// for(let sample in sampleObject){\n\t\t// \tconsole.log({sample});\n\t\t// \t// @ts-ignore\n // if(sample.isArrowDown){\n // return true;\n\t\t// \t }\n\t\t// }\n\t\tfor(let indx=0; indx
\n \n \n {courseName.length > 20 && (\n - */}\n {course.isArrowDown &&
- {renderSubjects(course.subjects, cIndex)}
\n ) : (\n - */}\n {subject.isArrowDown &&
- {renderSubSubjects(subject.subSubjects, cIndex, sIndex)}
\n \n \n {subSubjectName.length > 20 && (\n - */}\n {subSubject.isArrowDown &&
- {renderChapters(subSubject.chapters, cIndex, sIndex, ssIndex)}
\n \n \n {chapterName.length > 20 && (\n - */}\n {chapter.isArrowDown &&
- {renderConcepts(chapter.concepts)}
*/}\n \n \n \n {conceptName.length > 20 && (\n - {renderCourses(courses)}
- { this.goForNextLevel(c) }}\n\t\t\t\t\t>\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t: \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\n\t\t\t\t\t{\n\t\t\t\t\t\t(_.isEmpty(goalsDriller.course._id) ? \"\" : (\n\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t) => { e.preventDefault(); this.getSelectedLevel(\"subject\"); }}\n\t\t\t\t\t\t\t\t\tclasses={{ root: fromCourse ? \"\" : classes.linkItem }} underline=\"always\"\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t{goalsDriller.course.courseType ? goalsDriller.course.courseType.name : goalsDriller.course.name}\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t))\n\t\t\t\t\t}\n\t\t\t\t\t{\n\t\t\t\t\t\t(_.isEmpty(goalsDriller.subject._id) ? \"\" : (\n\t\t\t\t\t\t\t - \n\t\t\t\t\t\t\t\t) => { e.preventDefault(); this.getSelectedLevel(\"sub-subject\"); }}\n\t\t\t\t\t\t\t\t\tclasses={{ root: fromCourse ? \"\" : classes.linkItem }} underline=\"always\">\n\t\t\t\t\t\t\t\t\t{goalsDriller.subject.name}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t))\n\t\t\t\t\t}\n\t\t\t\t\t{\n\t\t\t\t\t\t(_.isEmpty(goalsDriller.subSubject._id) ? \"\" : (\n\t\t\t\t\t\t\t - \n\t\t\t\t\t\t\t\t) => { e.preventDefault(); this.getSelectedLevel(\"chapter\"); }}\n\t\t\t\t\t\t\t\t\tclasses={{ root: fromCourse ? \"\" : classes.linkItem }} underline=\"always\">\n\t\t\t\t\t\t\t\t\t{goalsDriller.subSubject.name}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t))\n\t\t\t\t\t}\n\t\t\t\t\t{\n\t\t\t\t\t\t(_.isEmpty(goalsDriller.chapter._id) ? \"\" : (\n\t\t\t\t\t\t\t - \n\t\t\t\t\t\t\t\t) => { e.preventDefault(); this.getSelectedLevel(\"concept\"); }}\n\t\t\t\t\t\t\t\t\tclasses={{ root: fromCourse ? \"\" : classes.linkItem }} underline=\"always\">\n\t\t\t\t\t\t\t\t\t{goalsDriller.chapter.name}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t \n\t\t\t\t\t\t))\n\t\t\t\t\t}\n\t\t\t\t\t{\n\t\t\t\t\t\t(_.isEmpty(goalsDriller.concept._id) ? \"\" : (\n\t\t\t\t\t\t\t - \n\t\t\t\t\t\t\t\t) => { e.preventDefault(); }}\n\t\t\t\t\t\t\t\t\tclasses={{ root: fromCourse ? \"\" : classes.linkItem }} underline=\"none\">\n\t\t\t\t\t\t\t\t\t{goalsDriller.concept.name}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t))\n\t\t\t\t\t}\n\t\t\t\t
\n Browse by Topics \n handleGoalsDrillerToggle()} >![Close](\"/assets/svg/closeRgtSideBar.svg\")
\n {/* {this.showNextStep()} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{displayKeyFromLevel(goalsDriller.level)} ({dataLength}) */}\n
\n {/* {goalsDriller.level !== 'course' &&\n\t\t\t\t\t\t\t\t\n {/* {this.showNextStep()} \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{displayKeyFromLevel(goalsDriller.level)} ({dataLength}) */}\n Back
\n\t\t\t\t\t\t\t} */}\n \n {this.renderChip()}\n
\n \n \n \n { !searchText.length ? this.getRecentSuggestions() : this.handleSearch()}}\n onChange={this.handleSearchText}\n onKeyDown={this.handleEnterSearch}\n placeholder=\"Search\"\n\t\t\t onPaste={this.handleSearchText}\n\t\t\t onBlur={()=> setTimeout(()=> {clearSuggestions && clearSuggestions()}, 100)}\n />\n\n {searchText && (\n {\n e.target.value = \"\";\n this.handleSearchClose(e);\n }}\n className={classes.iconButton}\n >\n \n\t\t{\n\t\t ((searchResults && (searchResults || []).length)) ? \n\t\t (
\n \n );\n\t}\n}\n\n// @ts-ignore\nexport default withStyles(styles)(ContentSearch);\n\n","import React, { Component } from 'react';\nimport _ from 'lodash';\n\nimport IconButton from '@material-ui/core/IconButton';\nimport FirstPageIcon from '@material-ui/icons/FirstPage';\nimport KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';\nimport KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';\nimport LastPageIcon from '@material-ui/icons/LastPage';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport {\n\tWithStyles,\n\tcreateStyles,\n\tTypography,\n} from '@material-ui/core';\n\n\nconst styles = (theme: Theme) => createStyles({\n\troot: {\n\t\tflexShrink: 0,\n\t\tcolor: theme.palette.text.secondary,\n\t\tmarginLeft: theme.spacing.unit * 2.5,\n\t\t'& p': {\n\t\t\tcolor: 'rgb(66 74 85)',\n\t\t\tverticalAlign: 'middle'\n\t\t}\n\t},\n\ticonButton: {\n\t\tpadding: '5px 0px',\n\t\tborderRadius: 2\n\t}\n});\n\n//@ts-ignore\ninterface ContentPaginationProps extends WithStyles\n\t\t\tSearch Results\n\t\t\t
) : <>\n\t\t}\n\n { (!searchResults.length && !searchText.length && (recentSuggestions || []).length) ?\n (- \n\t\t\t\t{\n\t\t\t\t\tsearchResults.map((searchResult: any, index: number)=> {\n\t\t\t\t\t const isNote = !!(searchResult.tagType === 'note');\n\t\t\t\t\t const isTagsEqual = !!((index < searchResults.length && index > 0) && searchResult.tagType !== searchResults[index - 1].tagType);\n\t\t\t\t\t const isSubTagsEqual = !!((index < searchResults.length && index > 0) && searchResult.tagSubType !== searchResults[index - 1].tagSubType);\n\t\t\t\t\t const isseparator = (index !== (searchResult.length - 1)) && (isNote ? isSubTagsEqual : isTagsEqual);\n\t\t\t\t\t return (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t
- {\n\t\t\t\t\t\t\t\taddSuggestionToPool && addSuggestionToPool(searchResult);\n\t\t\t\t\t\t\t\tincrementTagClickedCount();\n\t\t\t\t\t\t\t\tev.stopPropagation();\n\t\t\t\t\t\t\t\t}} \n\t\t\t\t\t\t\t\tclassName={isseparator ? 'borderTop' : ''}\n\t\t\t\t\t\t\t\tkey={searchResult.\n\t\t\t\t\t\t\t\t\ttagId\n\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
{ searchResult.tagDisplayName }
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{ searchResult.tagType !== 'note' ? TAGS_MAP[searchResult.tagType] : ((searchResult.tagSubType && TAGS_MAP[searchResult.tagSubType]) || TAGS_MAP[searchResult.tagType]) }\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t \n\n\t\t\t\t\t\t\n\t\t\t\t\t );\n\t\t\t\t\t})\t\n\t\t\t\t}\n\t\t\t
\n Recent Search\n
\n ): <>}\n - \n {recentSuggestions.map((suggestion: any) => {\n return (\n
- {\n\t\t\t\t\t\t\taddSuggestionToPool && addSuggestionToPool(suggestion);\n\t\t\t\t\t\t\tincrementTagClickedCount();\n\t\t\t\t\t\t\tev.stopPropagation();\n\t\t\t\t\t\t}} \n\t\t\t\t\t\tkey={suggestion._id}>\n \n
\n \n\n \n \n\n \n{ suggestion.tagDisplayName }
\n \n\t\t\t\t\t\t\t\t{ suggestion.tagType !== 'note' ? TAGS_MAP[suggestion.tagType] : ((suggestion.tagSubType && TAGS_MAP[suggestion.tagSubType]) || TAGS_MAP[suggestion.tagType]) }\n \n \n );\n })}\n
\n\t\t\t\t\t{page === 1 ?\n\t\t\t\t\t\t![\"doubleArrow\"](\"/assets/svg/myLibrary/pagination/double-left-arrow.svg\")
:\n\t\t\t\t\t\t![\"doubleArrow\"](\"/assets/svg/contentRequest/nav-double-arrow.svg\")
\n\t\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t{page === 1 ?\n\t\t\t\t\t\t![\"singleArrow\"](\"/assets/svg/myLibrary/pagination/single-left-arrow.svg\")
\n\t\t\t\t\t\t: ![\"singleArrow\"](\"/assets/svg/contentRequest/nav-arrow.svg\")
\n\t\t\t\t\t\t}\n\t\t\t\t\t \n\t\t\t\t\t{startCount} - {endCount} of {count} \n\t\t\t\t\t= Math.ceil(count / rowsPerPage)}\n\t\t\t\t\t\taria-label=\"Next Page\"\n\t\t\t\t\t>\n\t\t\t\t\t\t![\"singleArrow\"](\"/assets/svg/myLibrary/pagination/arrow-right.svg\")
\n\t\t\t\t\t \n\t\t\t\t\t= Math.ceil(count / rowsPerPage)}\n\t\t\t\t\t\taria-label=\"Last Page\"\n\t\t\t\t\t>\n\t\t\t\t\t\t![\"singleArrow\"](\"/assets/svg/myLibrary/pagination/double-arrow-right.svg\")
\n\t\t\t\t\t \n\t\t\t\t
\n\t\t\t\n\t\t);\n\t}\n}\n\n// @ts-ignore\nexport default withStyles(styles)(ContentPagination);\n\n","import ContentData from './ContentData';\n\nconst ContentDataDefault: any = {\n\t\"_id\": \"\",\n\t\"title\": \"\",\n\t\"content_Id\": \"\",\n\t\"contentId\": \"\",\n\t\"contentReviewer\": {\n\t\t\"_id\": \"\",\n\t\t\"email\": \"\",\n\t\t\"fullName\": \"\",\n\t\t\"id\": \"\"\n\t},\n\t\"tags\": [],\n\t\"authors\": [\n\t\t{\n\t\t\t\"_id\": \"\",\n\t\t\t\"email\": \"\",\n\t\t\t\"fullName\": \"\",\n\t\t\t\"id\": \"\"\n\t\t}\n\t],\n\t\"shared\": [\n\t\t{\n\t\t\t\"_id\": \"\",\n\t\t\t\"email\": \"\",\n\t\t\t\"fullName\": \"\",\n\t\t\t\"id\": \"\"\n\t\t}\n\t],\n\t\"subjects\": [\n\t\t{\n\t\t\t\"subjectId\": {\n\t\t\t\t\"_id\": \"\",\n\t\t\t\t\"name\": \"\"\n\t\t\t},\n\t\t\t\"_id\": \"\",\n\t\t\t\"chapters\": [\n\t\t\t\t{\n\t\t\t\t\t\"chapterId\": {\n\t\t\t\t\t\t\"_id\": \"\",\n\t\t\t\t\t\t\"name\": \"\"\n\t\t\t\t\t},\n\t\t\t\t\t\"_id\": \"\",\n\t\t\t\t\t\"concepts\": [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"conceptId\": {\n\t\t\t\t\t\t\t\t\"_id\": \"\",\n\t\t\t\t\t\t\t\t\"name\": \"\"\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\"conceptCode\": \"\",\n\t\t\t\t\t\t\t\"_id\": \"\"\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t],\n\t\t\t\"subSubjects\": [{\n\t\t\t\t\"subSubjectId\": {\n\t\t\t\t\t\"_id\": \"\",\n\t\t\t\t\t\"name\": \"\",\n\t\t\t\t},\n\t\t\t\t\"_id\": \"\",\n\t\t\t\t\"chapters\": [{\n\t\t\t\t\t\"chapterId\": {\n\t\t\t\t\t\t\"_id\": \"\",\n\t\t\t\t\t\t\"name\": \"\",\n\t\t\t\t\t},\n\t\t\t\t\t\"_id\": \"\",\n\t\t\t\t\t\"concepts\": [{\n\t\t\t\t\t\t\"conceptId\": {\n\t\t\t\t\t\t\t\"_id\": \"\",\n\t\t\t\t\t\t\t\"name\": \"\",\n\t\t\t\t\t\t},\n\t\t\t\t\t\t\"_id\": \"\",\n\t\t\t\t\t\t\"conceptCode\": \"\",\n\t\t\t\t\t\t\"classId\": {\n\t\t\t\t\t\t\t\"_id\": \"\",\n\t\t\t\t\t\t\t\"name\": \"\",\n\t\t\t\t\t\t}\n\t\t\t\t\t}]\n\t\t\t\t}]\n\t\t\t}]\n\t\t}\n\t],\n\t\"favourites\": [],\n\t\"completionPercent\": 0,\n\t\"aclMetaData\": {\n\t\t\"clientId\": \"\",\n\t\t\"subjects\": [],\n\t\t\"createdBy\": {\n\t\t\t\"id\": {\n\t\t\t\t\"_id\": \"\",\n\t\t\t\t\"email\": \"\",\n\t\t\t\t\"fullName\": \"\",\n\t\t\t\t\"id\": \"\"\n\t\t\t},\n\t\t\t\"email\": \"\"\n\t\t},\n\t\t\"updatedBy\": {\n\t\t\t\"id\": {\n\t\t\t\t\"_id\": \"\",\n\t\t\t\t\"email\": \"\",\n\t\t\t\t\"fullName\": \"\",\n\t\t\t\t\"id\": \"\"\n\t\t\t},\n\t\t\t\"email\": \"\"\n\t\t},\n\t\t\"allowedTo\": [],\n\t\t\"centers\": []\n\t},\n\t\"status\": \"\",\n\t\"contentSubTypeCode\": \"\",\n\t\"contentTypeCode\": \"\",\n\t\"createdAt\": \"\",\n\t\"updatedAt\": \"\",\n\t\"content\": {}\n}\n\nexport default ContentDataDefault;","import React, { Component } from 'react';\nimport { connect } from 'react-redux';\nimport _ from 'lodash';\nimport cx from 'classnames';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport 'react-perfect-scrollbar/dist/css/styles.css';\nimport PerfectScrollbar from 'react-perfect-scrollbar';\nimport {\n\tWithStyles,\n\tcreateStyles,\n\tTypography,\n\tPaper,\n\tGrid,\n\tCheckbox,\n\tChip,\n\tLinearProgress,\n\tTooltip,\n\tModal,\n\tFade,\n\tBackdrop\n} from '@material-ui/core';\n\n\nimport { MyPATLink, dateService } from '../../common';\nimport ContentData from '../types/ContentData';\nimport ContentDataDefault from '../types/ContentDataDefault';\nimport { StarSharp } from '@material-ui/icons';\nimport CustomInfoIcon from '../../common/CustomInfoIcon';\nimport { CONTENT_TYPE } from '../../course-Management/Constants/constants';\nimport moment from 'moment';\nimport { AUTHORING_CONTENT_TYPES, CONTENT_STATUS, titleCase } from '../../../constants/comman';\nimport { CARD_STATUS, CARD_INFO_TYPES, CONTENT_CARD_MODAL_HEADERS } from '../constant/content';\nimport { getDiffOnTwoDates, getPropertyValue } from '../../../utils';\nimport { FEEDBACK_VALIDATOR_ACTIONS, VALIDATION_ACTION_DAYS } from '../helper/contentValidation';\n\n\nconst styles = (theme: Theme) => createStyles({\n\tvideoBorder: {\n\t\tborderLeft: 'solid 6px #F8AA4B'\n\t},\n\tnotesBorder: {\n\t\tborderLeft: 'solid 6px #B881E3'\n\t},\n\ttestBorder: {\n\t\tborderLeft: 'solid 6px #F49393'\n\t},\n\tquestionBorder: {\n\t\tborderLeft: 'solid 6px #78D2A7'\n\t},\n\tcppBorder: {\n\t\tborderLeft: 'solid 6px #FA781A'\n\t},\n\tassignmentBorder: {\n\t\tborderLeft: 'solid 6px #1082D4'\n\t},\n\tworkbookBorder: {\n\t\tborderLeft: 'solid 6px #60768C'\n\t},\n\tarchive:{\n\t\tborderLeft: 'solid 6px #FFB341;'\n\t},\n\tcardFooter: {\n\t\tpadding: '5px',\n\t\tbackground: 'rgb(246, 246, 246)',\n\t\tborderRadius: 4\n\t},\n\tcardLeftSection: {\n\t\tmaxWidth: '6%',\n\t\tminWidth: '90px',\n\t\tposition: 'absolute',\n\t\tmarginTop: 2\n\t},\n\tcardRightSection: {\n\t\tpaddingLeft: '6%',\n\t\twidth: '100%',\n\t\ttextDecoration: 'none'\n\t},\n\thideSelectOption:{\n\t\tpaddingLeft:'2%'\n\t},\n\tdraftElements: {\n\t\t'&>:nth-child(1)': {\n\t\t\tpaddingRight: 5,\n\t\t\ttextAlign: 'right'\n\t\t}\n\t},\n\tpaper: {\n\t\tbackground: 'rgb(255, 255, 255)',\n\t\tboxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',\n\t\tborderRadius: 8,\n\t\tmargin: \"4px 0px 12px\",\n\t\toverflow: 'hidden',\n\t\ttransition: 'all .3s ease-out',\n\t\t'& .content-status': {\n\t\t\tdisplay: 'block'\n\t\t},\n\t\t'& .content-preview': {\n\t\t\tdisplay: 'none'\n\t\t},\n\t\t'&:hover': {\n\t\t\tboxShadow: '0px 4px 10px 0px #babfc5',\n\t\t\ttransition: 'all .3s ease-in',\n\t\t}\n\t},\n\tcheckbox: {\n\t\tpadding: theme.spacing.unit / 4,\n\t\ttop: 0,\n\t\tleft: 2,\n\t\twidth: 16,\n\t\theight: 16,\n\t\t'-moz-appearance': 'none',\n\t\topacity: 1,\n\t\tcolor: 'rgb(204, 204, 204)',\n\t\tbackgroundColor: '#fff',\n\t\tborder: '1px solid #979797',\n\t\tborderRadius: 2,\n\t\t'& svg': {\n\t\t\tfontSize: '1.5rem',\n\t\t\tfontFamily: '\"Nunito\", sans-serif',\n\t\t\tfill: '#979797',\n\t\t\topacity: 0\n\t\t}\n\t},\n\tcheckedCheckbox: {\n\t\tbackgroundColor: '#1d7dea',\n\t\tborder: '1px solid #1d7dea',\n\t\tborderRadius: 2,\n\t\tcolor: '#99a1a7',\n\t\t'&::before': {\n\t\t\tcontent: \"''\",\n\t\t\tfontSize: 14,\n\t\t\tposition: 'absolute',\n\t\t\ttop: 0,\n\t\t\tleft: 4,\n\t\t\twidth: 4,\n\t\t\theight: 8,\n\t\t\tborder: 'solid #fff',\n\t\t\tborderWidth: '0 2px 2px 0',\n\t\t\ttransform: 'rotate(45deg)'\n\t\t},\n\t\t'&:hover': {\n\t\t\tbackgroundColor: '#1d7dea'\n\t\t}\n\t},\n\tprimaryColor: {\n\t\tcolor: 'rgb(29 125 234)'\n\t},\n\tchipLabel: {\n\t\tdisplay: 'block',\n\t\toverflow: 'hidden',\n\t\twhiteSpace: 'nowrap',\n\t\tfontFamily: '\"Nunito\", sans-serif',\n\t\ttextOverflow: 'ellipsis',\n\t\tfontWeight: 400,\n\t\tfontSize: 12,\n\t\tcolor: '#60768C',\n\t\ttextTransform: 'capitalize'\n\t},\n\tfavourite: {\n\t\tpadding: 0,\n\t\tmargin: '0px 16px'\n\t},\n\tfavouriteIcon: {\n\t\tfontSize: 22,\n\t\tfontFamily: '\"Nunito\", sans-serif',\n\t\tfill: '#FDCC0C'\n\t},\n\tgridSpacing28: {\n\t\twidth: 'calc(100% + 0px)',\n\t\tmargin: '-12px 12px'\n\t},\n\ttextEllipsis: {\n\t\tmaxWidth: 'calc(100% - 200px)',\n\t\toverflow: 'hidden',\n\t\ttextOverflow: 'ellipsis',\n\t\twhiteSpace: 'nowrap',\n\t\tpaddingRight: theme.spacing.unit,\n\t\tfontSize: '16px',\n\t\tfontWeight: 'normal',\n\t\tcolor:'#333',\n\t},\n\ttitle: {\n\t\tlineHeight: theme.spacing.unit * 4 + \"px\",\n\t\tcolor: '#333333',\n\t\tfontWeight: 400,\n\t\tpaddingRight: 0,\n\t\tfontSize: 16,\n\t},\n\tconcept: {\n\t\topacity: 0.8,\n\t\tlineHeight: theme.spacing.unit * 4 + \"px\",\n\t},\n\tcontentTypeIcon: {\n\t\tdisplay: 'inline-block',\n\t\tverticalAlign: 'middle',\n\t\tpadding: '10px 0px'\n\t},\n\tsubtypeIcon:{\n\t\tdisplay: 'inline-block',\n\t\tverticalAlign: 'middle',\n\t\tpadding: '10px 0px',\n\t\theight: '40px'\n\t},\n\tsubTitle: {\n\t\tpadding: '8px 0px 4px 0px',\n\t\tcolor: '#333'\n\t},\n\tcontentType: {\n\t\tpadding: '3px 0px',\n\t\tmaxWidth: 126,\n\t\tbackground: '#FFF',\n\t\tborder: '1px solid #60768C',\n\t\tboxSizing: 'border-box',\n\t\tborderRadius: 10,\n\t\theight: 20,\n\t\tmargin: '6px 10px'\n\t},\n\tcontentProgress: {\n\t\tdisplay: 'inline-block',\n\t\twidth: '100px',\n\t\theight: '12px',\n\t\tborderRadius: '5px',\n\t\tbackground: theme.palette.background.default,\n\t\tmarginRight: '2px',\n\t\t'& span': {\n\t\t\tbackground: '#E8E8E8',\n\t\t\tborderRadius: '5.5px 5px 5px 5.5px',\n\t\t\tdisplay: 'block',\n\t\t\theight: '100%'\n\t\t}\n\t},\n\tstatusButton: {\n\t\tcolor: '#1D7DEA',\n\t\tpadding: '2px 8px 2px !important',\n\t\tfontSize: 12,\n\t\tborder: '1px solid #1D7DEA',\n\t\tboxSizing: 'border-box',\n\t\tborderRadius: 10,\n\t\tfontWeight: 600,\n\t\tdisplay:\"inline-block\",\n\t\tmarginRight:10,\n\t},\n\tmainContentArea: {\n\t\tposition: 'relative',\n\t\tpadding: '8px 20px 8px 10px',\n\t\tcursor: 'pointer',\n\t\tzIndex: 1,\n\t},\n\tpublishButton: {\n\t\tbackground: '#FFF',\n\t},\n\tinReviewButton: {\n\t\tbackground: '#B3B4B3',\n\t},\n\tliveButton: {\n\t\tbackground: '#FFF',\n\t\tcolor: '#67BF02',\n\t\tborder: '1px solid #67BF02'\n\t},\n\tplannedButton: {\n\t\tbackground: '#fff',\n\t\tcolor: '#979797',\n\t\tborder: '1px solid #979797',\n\t},\n\tdeleteButton: {\n\t\tbackground: '#CCCCCC',\n\t},\n\trejectedButton: {\n\t\tbackground: '#fff',\n\t\tcolor: '#EC1C24',\n\t\tborder: '1px solid #EC1C24',\n\t},\n\tdraftButton: {\n\t\tbackground: '#fff',\n\t\tborder: '1px solid #F4B40D',\n\t\tcolor: '#F4B40D',\n\t},\n\tapproveButton: {\n\t\tbackground: '#fff',\n\t\tborder: '1px solid #0f9402',\n\t\tcolor: '#0f9402',\n\t},\n\tinReview:{\n\t\tbackground: '#fff',\n\t\tborder: '1px solid #F2982E',\n\t\tcolor: '#F2982E',\n\t},\n\taccepted: {\n\t\tbackground: '#fff',\n\t\tborder: '1px solid #9cef1d',\n\t\tcolor: '#9cef1d',\n\t},\n\tpaddingSm: {\n\t\tpadding: '10px 6px 0px'\n\t},\n\tpreviewButton: {\n\t\tbackground: theme.palette.common.white,\n\t\tborder: '1px solid #DDDDDD',\n\t\tboxShadow: '0px 2px 4px rgba(0, 0, 0, 0.0519701)',\n\t\tpadding: theme.spacing.unit,\n\t\tpaddingTop: 2,\n\t\topacity: 0.7,\n\t\t'& svg': {\n\t\t\tmarginRight: theme.spacing.unit\n\t\t}\n\t},\n\tstatusText: {\n\t\ttextTransform: 'capitalize',\n\t\twhiteSpace: 'nowrap',\n\t\ttextOverflow: 'ellipsis',\n\t\toverflow: 'hidden',\n\t\tfontSize: 14,\n\t\tcolor: '#999999',\n\t\tfontWeight: 'normal',\n\t\tpadding: '4px 0px',\n\t\t'& strong': {\n\t\t\tfontWeight: 'normal',\n\t\t\tcolor: '#666666'\n\t\t}\n\t},\n\tclassSubjectShow:{\n\t\tmaxWidth:86,\n\t\toverflow:'hidden',\n\t\ttextOverflow:'ellipsis',\n\t\twhiteSpace:'nowrap',\n\t\tdisplay:'inline-block',\n\t\tfontWeight:400,\n\t\tcolor:'#666666',\t\n\t},\n\tviewDetails: {\n\t\tfontSize: 14,\n\t\tcolor: 'rgb(51 51 51)',\n\t\tcursor: 'pointer',\n\t\tpaddingLeft: 6,\n\t\tmaxWidth: 120,\n\t\t'& .infoContainer': {\n\t\t\tposition: 'absolute',\n\t\t\twidth: '90%',\n\t\t\tleft: 100,\n\t\t\tbottom: 16,\n\t\t\tdisplay: 'none',\n\t\t\t'&>:first-child': {\n\t\t\t\tbackground: 'rgb(222 222 222)',\n\t\t\t\tcolor: '#000',\n\t\t\t\tfontWeight: 600,\n\t\t\t\tmaxWidth: '90%'\n\t\t\t}\n\t\t}\n\t},\n\tborderRightPublished: {\n\t\tborderRight: 'solid #3399F7 10px'\n\t},\n\tborderRightLive: {\n\t\tborderRight: 'solid #8ECE30 10px'\n\t},\n\tborderRightInReview: {\n\t\tborderRight: 'solid #B3B4B3 10px'\n\t},\n\tborderRightPlanned: {\n\t\tborderRight: 'solid #FF830F 10px'\n\t},\n\tcolorSecondary: {\n\t\tbackgroundColor: '#EB4F4F',\n\t\tcolor: '5.5px 5px 5px 5.5px'\n\t},\n\tprogressBar: {\n\t\tborderRadius: 5\n\t},\n\tlinearProgressBar: {\n\t\tborderRadius: 5,\n\t\tpadding: 2,\n\t\tmargin: '4px 18px',\n\t\tbackgroundColor: '#E8E8E8',\n\t\twidth: 54,\n\t\tmarginLeft: 5,\n\t},\n\t// Variation Queation card\n\tgrayCard:{\n\t\tbackgroundColor: '#F8F8F8',\n\t\tborderRadius: 8,\n\t\tmarginBottom: 8,\n\t\tpadding: '8px 14px',\n\t\twidth: '100%',\n\t\tposition: 'relative',\n\t},\n\tvariationCardChekbox:{\n\t\tposition: 'absolute',\n\t\tleft: '-5%',\n\t},\n\tquesHeading:{\n\t\tcolor: '#999',\n\t\tfontSize: '16px',\n\t\tlineHeight: '140%',\n\t\tmargin: '5px 0 4px 0',\n\t\toverflow: 'hidden',\n\t\twhiteSpace: 'nowrap',\n\t\ttextOverflow: 'ellipsis',\n\t\twidth: '90%',\n\t\t'&>:first-child':{\n\t\t\toverflow: 'hidden',\n\t\t\twhiteSpace: 'nowrap',\n\t\t\ttextOverflow: 'ellipsis',\n\t\t\twidth: '100%',\n\t\t\tmargin: 0,\n\t\t}\n\t},\n\tquesNumber:{\n\t\tcolor: '#333',\n\t\tfontSize: '16px',\n\t\tfontWeight: 600,\n\t\t'&>span':{\n\t\t\tcolor: '#666',\n\t\t},\n\t},\n\tcreatorName:{\n\t\tcolor: '#999',\n\t\tfontSize: '14px',\n\t\tfontWeight: 600,\n\t\t'&>span':{\n\t\t\tcolor: '#515C65',\n\t\t},\n\t},\n\tcollapseLink:{\n\t\tzIndex: 9,\n\t\tposition: 'absolute',\n \tright: '10px',\n\t\t'&>:first-child':{\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 600,\n\t\t\tcolor: '#1d7dea',\n\t\t\tmarginRight: 8,\n\t\t\t'&:hover':{\n\t\t\t\ttextShadow: '2px 2px 4px #d1d1d1'\n\t\t\t}\n\t\t},\n\t\t'&>img':{\n\t\t\tmarginLeft: '4px',\n\t\t},\n\t},\n\tarrowIcon:{\n '&>img':{\n transform: 'rotate(180deg)',\n // marginLeft: '43px',\n }\n },\n rotateImg:{\n transform: 'rotate(0deg)',\n\t},\n\tslideDownAnimation:{\n\t\ttransition: '0.5s',\n\t},\n\twidth90Per:{\n\t\twidth: '90%'\n\t},\n\talignRight:{\n\t\ttextAlign:'right',\n\t},\n\tclassSubject:{\n\t\tdisplay:'flex',\n\t\tflexDirection:'row',\n\t\tpaddingLeft: '10px',\n\t\t'& p':{\n\t\t\tposition:'relative',\n\t\t\tdisplay:'flex',\n\t\t\tflexDirection:'row',\n\t\t\talignItems:'center',\n\t\t\t'& span':{\n\t\t\t\tcolor:'#666',\n\t\t\t\tfontSize:14,\n\t\t\t\t'font-weight':'400',\n\t\t\t\tlineHeight:'22px',\n\t\t\t\tposition:'relative',\n\t\t\t\toverflow: 'hidden',\n\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\tminWidth: '20px',\n\t\t\t\tmaxWidth: '150px',\n\t\t\t\tdisplay:'inline-block',\n\t\t\t\t'&:hover':{\n\t\t\t\t\tcolor:'#1d7dea',\n\t\t\t\t},\n\t\t\t},\n\t\t\t\n\t\t},\n\t},\n\tdotCircle:{\n\t\tcontent:\"''\",\n\t\twidth:4,\n\t\theight:4,\n\t\tborderRadius:5,\n\t\tdisplay:'inline-block',\n\t\tbackground:'#D9D9D9',\n\t\tmargin:'0 8px',\n\t\tverticalAlign:'middle',\n\t},\n\tplusSign:{\n\t\tfontStyle:'normal',\n\t\tfontSize:14,\n\t\tcolor:'#1d7dea',\n\t\tcursor:'pointer',\n\t\tdisplay:'inline-block',\n\t},\n\tlastUsedStrip:{\n\twidth: '100%',\n\tpadding: '5px 10px',\n\ttextAlign: 'center',\n\tcolor: '#999',\n\tfontSize: '14px',\n\t'font-weight': '500',\n\t'line-height': '150%',\n\tborderRadius: '4px',\n\tbackground: 'rgba(242, 60, 60, 0.10)',\n\t\t'& b': {\n\t\t\tcolor:'#666',\n\t\t}, \n\t},\n\tdueText: {\n\t\tpadding: '5px 10px',\n\t\tbackgroundColor: '#F4F4F4',\n\t\tborderRadius: 20,\n\t\tfontSize: '12px',\n\t\tfontWeight: 400,\n\t\tcolor: '#EC1C24',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\tlineHeight: '120%',\n\t\theight:24,\n\t\tmarginTop:3,\n\t\t'& img': {\n\t\t\tmarginRight: '5px',\n\t\t\twidth: '12px',\n\t\t}\n\t},\n\tparagraphInfo: {\n\t\tfontSize: '14px',\n\t\tfontWeight: 400,\n\t\ttextAlign: 'center',\n\t\tcolor: '#666666'\n\t},\n\tparagraphCount: {\n\t\tcolor: '#1D7DEA',\n\t},\n\tlightTooltip: {\n\t\twordBreak: 'break-all'\n\t},\n\tparagraphTooltip: {\n\t\tmaxWidth: '335px',\n\t},\n\tresultRegeneration: {\n\t\twidth: '100%',\n\t\tpadding: '5px 10px',\n\t\ttextAlign: 'center',\n\t\tcolor: '#999',\n\t\tfontSize: '14px',\n\t\tfontWeight: 500,\n\t\tlineHeight: '150%',\n\t\tborderRadius: '4px',\n\t\tbackground: 'rgba(242, 60, 60, 0.10)',\n\t},\n\tcustomModalBox: {\n\t\tbackground: 'rgb(255, 255, 255)',\n\t\tborderRadius: 4,\n\t\tmargin: \"4px 0px 12px\",\n\t\toverflow: 'hidden',\n\t\tposition:'fixed',\n\t\twidth:548,\n\t\tleft:'calc(50% - 274px)',\n\t\ttop:'calc(50% - 274px)',\n\t\tpadding:'30px 0 30px 30px',\n\t\t'& h2':{\n\t\t\tmargin: '0 30px 0 0',\n\t\t\tpadding: '0 0 20px 0',\n\t\t\tcolor: '#000',\n\t\t\tfontSize: '24px',\n\t\t\tfontStyle: 'normal',\n\t\t\t'font-weight': '600',\n\t\t\tlineHeight: 'normal',\n\t\t\ttextTransform: 'capitalize',\n\t\t\ttextAlign: 'center',\n\t\t\tposition: 'relative',\n\t\t\t'& span':{\n\t\t\t\tposition:'absolute',\n\t\t\t\tright:'-10px',\n\t\t\t\ttop:'-10px',\n\t\t\t\tcursor:'pointer',\n\t\t\t},\n\t\t},\n\t\t'&:focus-visible':{\n\t\t\toutline:0,\n\t\t},\n\t},\n\tplusMorePopup:{\n\t\twidth:'100%',\n\t\tbackground:'#ffffff',\n\t\tpadding:0,\n\t\t'& ul':{\n\t\t listStyleType:'none',\n\t\t padding:'0 0 20px 0',\n\t\t margin:'0 30px 0 0',\n\t\t display:'flex',\n\t\t flexDirection:'row',\n\t\t '& li':{\n\t\t\tmarginRight:'20px',\n\t\t\tcursor:'pointer',\n\t\t\tpadding:'5px 20px',\n\t\t\tborderRadius: 50, \n\t\t\tbackground: '#F4F4F4',\n\t\t\tcolor: '#666',\n\t\t\ttextAlign: 'center',\n\t\t\tfontSize: '14px',\n\t\t\tfontStyle: 'normal',\n\t\t\t'font-weight': '400',\n\t\t\tlineHeight: 'normal',\n\t\t },\n\t\t},\n\t},\n\t\n\ttableWrapper:{\n\t\tminHeight:100,\n\t\tmaxHeight:350,\n\t\tpaddingRight:30,\n\t},\n\ttableTagList:{\n\t\tborder:'solid 1px #e6e6e6',\n\t\tborderTop:0,\n\t\twidth:'100%',\n\t\t'& thead':{\n\t\t\tposition: 'sticky',\n\t\t\ttop: '0',\n\t\t\tleft: '0',\n\t\t\tbackground: '#fff',\n\t\t\tborderTop:'solid 1px #e6e6e6',\n\t\t},\n\t\t'& thead th':{\n\t\t\tcolor: '#333',\n\t\t\tfontSize: '14px',\n\t\t\tfontStyle: 'normal',\n\t\t\t'font-weight': '600',\n\t\t\t'line-height': 'normal',\n\t\t\tpadding:'10px 10px',\n\t\t\tborderTop:'solid 1px #e6e6e6',\n\t\t\tborderBottom:'solid 1px #e6e6e6',\n\t\t\ttextAlign:'left',\n\t\t\t'&:first-child':{\n\t\t\t\tpaddingLeft:20,\n\t\t\t},\n\t\t},\n\t\t'& td':{\n\t\t\tcolor: '#666',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 400,\n\t\t\tlineHeight: 'normal',\n\t\t\tpadding:10,\n\t\t\tborder:'solid 1px #e6e6e6',\n\t\t\tborderLeft:0,\n\t\t\tborderRight:0,\n\t\t\tborderTop:0,\n\t\t\ttextAlign:'left',\n\t\t\t'&:first-child':{\n\t\t\t\tpaddingLeft:20,\n\t\t\t\twidth:60,\n\t\t\t\ttextAlign:'center',\n\t\t\t},\n\t\t},\n\t},\n\tactiveTag:{\n\t\tbackground:'#1d7dea !important',\n\t\tcolor:'#ffffff !important',\n\t},\n\tdraftContent: {\n\t\tdisplay: 'flex',\n\t\tflexDirection: 'row',\n\t\tgap: '10px',\n\t\tcolor: '#999',\n\t\tfontSize: 14,\n\t\tjustifyContent: 'flex-end',\n\t\talignItems: 'center',\n\t\tpaddingTop: '4px'\n\t},\n\tcreatedbyUsername:{\n\t\tdisplay:'flex',\n\t\tjustifyContent:'flex-end',\n\t\t'& p':{\n\t\t\twidth:'auto !important',\n\t\t\toverflow:'visible',\n\t\t\ttextOverflow:'inherit',\n\t\t\twhiteSpace:'normal',\n\t\t\tdisplay:'flex',\n\t\t\tgap:5,\n\t\t},\n\t\t'& p i':{\n\t\t\tfontStyle:'normal',\n\t\t},\n\t\t'& p strong':{\n\t\t\tmaxWidth:110,\n\t\t\toverflow:'hidden',\n\t\t\ttextOverflow:'ellipsis',\n\t\t\twhiteSpace:'nowrap',\n\t\t\tdisplay:'inline-block',\n\t\t\tpaddingLeft: 5,\n\t\t},\n\t},\n\tratingBlock: {\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tgap: '0.31rem',\n\t\tborder: '1px solid #FFE1B5',\n\t\tbackgroundColor: '#FFF8ED',\n\t\tborderRadius: '0.25rem',\n\t\tpadding: '0.31rem 0.63rem',\n\t\tfontSize: '0.75rem',\n\t\tlineHeight: '150%',\n\t\tfontWeight: 600,\n\t\tcolor: '#333333',\n\t\t'& span': {\n\t\t\tfontWeight: 400,\n\t\t\tcolor: '#1D7DEA',\n\t\t},\n\t\t'& img': {\n\t\t\twidth: '0.75rem',\n\t\t}\n\t}\n});\n\n//@ts-ignore\ninterface ContentCardProps extends WithStyles :\n\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t: \n\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t{\n\t\t\t\t\t\t\tthis.formatPercentage(content.completionPercent) + \"%\"}
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tDraft\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t ![\"outlineStar\"](\"/assets/svg/outlinedStar.svg\")
} />\n\t\t\t\t\t\t\t![](\"/assets/svg/myLibrary/primaryArrow.svg\"/)
this.redirectUrl(content._id, e)} className={cx(classes.cardRightSection, { [classes.hideSelectOption]: hideSelectOption })}>\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.getContentData()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{(content.passageData || []).length > 2 &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{content.passageData.map((question: any) => question.contentId).join(', ')}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t+{content.passageData.length - 2} more ID{content.passageData.length > 3 ? 's' : ''}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t![\"Star](\"/assets/svg/contentValidation/star-fill.svg\")
\n\t\t\t\t\t\t\t\t\t\t\t\t{content.contentRating} ({content.totalNoOfRatings} Review{content.totalNoOfRatings > 1 ? 's' : ''})\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{content.contentRating} ({content.totalNoOfRatings} Review{content.totalNoOfRatings > 1 ? 's' : ''})\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{contentDelayStatus && ![\"Validation\"](\"/assets/svg/contentValidation/validation-sign.svg\")
{contentDelayStatus}}\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t {contentDelayStatus}}\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{!!contentModalInfo.classes.length &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.openInfoModal(event, CARD_INFO_TYPES.CLASSES)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{contentModalInfo.classes[0]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{contentModalInfo.classes.length > 1 && +{contentModalInfo.classes.length - 1}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{!!contentModalInfo.subjects.length &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.openInfoModal(event, CARD_INFO_TYPES.SUBJECTS)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{contentModalInfo.subjects[0]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{contentModalInfo.subjects.length > 1 && +{contentModalInfo.subjects.length - 1}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{!!contentModalInfo.chapters.length &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.openInfoModal(event, CARD_INFO_TYPES.CHAPTERS)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{contentModalInfo.chapters[0]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{contentModalInfo.chapters.length > 1 && +{contentModalInfo.chapters.length - 1}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{content.contentTypeCode === AUTHORING_CONTENT_TYPES.GLORIFIRE_QUESTION && !!contentModalInfo.concepts.length &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.openInfoModal(event, CARD_INFO_TYPES.CONCEPTS)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{contentModalInfo.concepts[0]}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{contentModalInfo.concepts.length > 1 && +{contentModalInfo.concepts.length - 1}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{[AUTHORING_CONTENT_TYPES.GLORIFIRE_QUESTION, AUTHORING_CONTENT_TYPES.GLORIFIRE_TESTPAPERS].includes(content.contentTypeCode) && content.syllabusExams && !!content.syllabusExams.length &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.openInfoModal(event, CARD_INFO_TYPES.GOALS)}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{content.syllabusExams[0].name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{content.syllabusExams.length > 1 && +{content.syllabusExams.length - 1}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{!hideAuthor && \n\t\t\t\t\t\t\t\t\t\t\t\tCreated By: {getPropertyValue(content, 'aclMetaData.createdBy.id.fullName', \"\")}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tRegeneration of the test results for this question is currently in progress
}\n\t\t\t\t\t{content.lastTestDetails && content.lastTestDetails.date && Last Used on {moment(content.lastTestDetails.date).format(\"Do, MMMM YYYY\")} in Test ID: {content.lastTestDetails.testContentId}
}\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t{/* ![](\"/assets/svg/myLibrary/info.svg\")
\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\tInfo\n\t\t\t\t\t\t\t\t\t\t\t![](\"/assets/svg/myLibrary/preview.svg\")
\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\tPreview\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\tTagged Contents
\n\t\t\t\t\t\t\t
\n\t\t\t\t\tTagged Contents![\"close\"](\"/assets/svg/closeModalIcon.svg\")
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t{CONTENT_CARD_MODAL_HEADERS.filter((header: any) => (contentModalInfo[header.key] || []).length).map((header: any, index: any) =>\n\t\t\t\t\t\t\t\t\t\t
- { this.setState({ selectedModalTab: header }) }}>{header.value} \n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t| S.No. | \n\t\t\t\t\t\t\t\t\t\t\t\t\t{selectedModalTab.value} | \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.renderSelectedCardInfo()}\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t
|---|
\n \n {\n contentList && contentList.length > 0 && (\n \n )\n }\n \n { this.onDeleteConfirmed(false) }}>\n Cancel\n \n \n }\n >\n \n {\n (!contentList || contentList.length == 0) && (\n No content selected for delete\n )\n }\n {\n contentList && contentList.length > 0 && (\n Are you sure you want to delete \"{this.getContentIds()}\" permanently?\n /* TODO remove comment */\n // Are you sure you want to delete \"{contentList.length} content\" permanently?\n )\n }\n \n \n
\n );\n }\n}\n\n// @ts-ignore\nexport default withStyles(styles)(ContentDeleteConfirm);","import axios from '../../../services/axios';\nimport { axiosNTL } from '../../../services/axios';\n\nimport { UserData } from '../types/ContentData';\nimport { UserGroupsBody } from '../types/UserGroupsBody';\nimport CourseSyllabusData from '../types/CourseSyllabusData';\n\nconst fetchUsersList = () => axiosNTL\n\t.get('/user/fetchUsers')\n\t.then((res: any) => {\n\t\tconst users: UserData[] = res.responseObject;\n\t\treturn Promise.resolve(users);\n\t});\n\n\nconst group = () => {\n\treturn axiosNTL.get('/userGroups/')\n\t\t.then((res: any) => {\n\t\t\tlet userGroups: UserGroupsBody[] = res.responseObject;\n\t\t\treturn Promise.resolve(userGroups);\n\t\t});\n}\n\n\nconst userService = {\n\tfetchUsersList,\n\tgroup\n};\n\nexport default userService;","import userService from '../services/userService';\nimport { UserAction } from '../types/UserAction';\nimport { UserData } from '../types/ContentData';\n\nconst usersList = () => (dispatch: any) => {\n\tconst success = (data: UserData[]): UserAction =>\n\t\t({ type: 'USER_SUCCESS', data });\n\tconst failure = (error: string): UserAction =>\n\t\t({ type: 'USER_FAILED', error });\n\n\tuserService.fetchUsersList()\n\t\t.then(\n\t\t\t(res: any) => { dispatch(success(res)) },\n\t\t\terr => { dispatch(failure(err)) }\n\t\t);\n}\n\nexport {\n\tusersList,\n};","import React, { PureComponent } from \"react\";\nimport { Button } from \"@material-ui/core\";\n\ninterface Props {\n expandText?: string;\n shrinkText?: string;\n fixedVisibleCount?: number;\n children: any;\n}\n\ninterface State {\n isExpanded: boolean;\n}\n\nexport class ExpandItems extends PureComponent\n {\n this.setState({ showSubjects: !showSubjects,filteredSubjectList:[...subjectList]});\n }}>\n {\n // this.setState({ showSubjects: !showSubjects });\n // }}\n placeholder=\"Select Subjects\"\n value={this.renderer()}\n disabled={true}\n />\n
\n {showSubjects && (\n \n
\n )}\n \n \n \n );\n }\n shareContentWithOthers = () => {\n const { classes, contentList,subjectList } = this.props;\n const {\n selectedUsers,\n selectedGroups,\n isShare,\n showSuggestedList,\n suggestedClientsList,\n showFullAlreadyShared,\n allSharedId,\n selectedPermission,\n shareContentWith,\n suggestedUsersList,\n sharedUsersList,\n clientSearchText,\n userSearchText,\n selectedSubjects,\n isSubjectAllSelect\n } = this.state;\n const removedIds: string[] = this.state.removedIds;\n let othersShared = 0;\n const contentCreatorClientIds: Set\n
\n \n {this.getSubjectSuggestions(event.target.value)}}/>\n ![](\"/assets/svg/userManagement/search-icon.svg\")
\n
\n \n \n \n Select Client/Org \n {\n this.showSuggested(true);\n }}\n onBlur={() => {\n this.showSuggested(false);\n }}\n onChange={this.getSuggestions(\"client\")}\n value={clientSearchText}\n fullWidth\n />\n {showSuggestedList && finalSuggestedClientList.length > 0 && (\n
\n - \n {_.map(\n finalSuggestedClientList,\n (sl: any, i: number) =>\n _.isEmpty(_.find(selectedUsers, [\"_id\", sl._id])) &&\n !_.includes(allSharedId, sl._id) && (\n
\n
\n Select Users \n {\n this.showSuggested(true);\n }}\n onBlur={() => {\n this.showSuggested(false);\n }}\n onChange={this.getSuggestions(\"users\")}\n value={userSearchText}\n fullWidth\n />\n {showSuggestedList && finalSuggestedUsersList.length > 0 && (\n
\n - \n {_.map(\n finalSuggestedUsersList,\n (sl: any, i: number) =>\n !_.includes(allSharedId, sl._id) && (\n
\n
\n {this.renderSubjectSelectOption()}\n
}\n \n \n )}\n {selectedPermission === \"EDIT\" && (\n
\n {\n this.setState({ isShare: false });\n this.onShared(false);\n }}\n otherDialogProps={{\n fullWidth: false,\n maxWidth: false,\n }}\n variant=\"white\"\n isborderDialogAction={true}\n customDialogActions={\n <>\n {!isShare ? (\n contentList &&\n contentList.length > 0 && (\n <>\n {\n this.onShared(false);\n }}\n >\n Cancel\n \n {\n this.onShared(true);\n }}\n disabled={!this.isShareEnabled()}\n >\n Share\n \n\n \n )\n ) : (\n {\n this.setState({ isShare: false });\n this.onShared(false);\n }}\n >\n Ok\n \n )}\n \n }\n >\n {!isShare ? (\n \n {this.shareContentWithOthers()}\n \n ) : (\n \n {this.sharingProgress(classes)}\n \n )}\n \n
\n );\n }\n}\n\nconst mapStateToProps = (state: any) => ({\n subjectList: state.clientManagement.usersManagement.subjectList,\n});\n \nconst mapDispatchToProps = (dispatch: any) =>\n bindActionCreators(\n {\n usersList,\n getSubjectList\n },\n dispatch\n );\n\nexport default connect(\n mapStateToProps,\n mapDispatchToProps\n // @ts-ignore\n)(withStyles(styles)(ContentShareModal));\n","import { axiosNTL } from '../../../services/axios';\n\nimport ContentStatusData from \"../types/ContentStatusData\";\n\n\nconst list = () => Promise.resolve()\n .then(() => {\n let cs: ContentStatusData[] = [\n {\n _id: \"\",\n name: \"Published\",\n code: \"PUBLISHED\"\n },\n {\n _id: \"\",\n name: \"In Review\",\n code: \"inReview\"\n },\n {\n _id: \"\",\n name: \"Draft\",\n code: \"DRAFT\"\n },\n {\n _id: \"\",\n name: \"Deleted\",\n code: \"DELETED\"\n },\n {\n _id: \"\",\n name: \"Planned\",\n code: \"PLANNED\"\n },\n ];\n\n return Promise.resolve(cs);\n })\n\nconst getStatusForValidation = (tab: string) => axiosNTL\n .get(`/content-validation/content-status?contentMenu=${tab}`)\n .then((res: any) => {\n return Promise.resolve(res.responseObject || []);\n });\n\n\nexport const contentStatusService = {\n list,\n getStatusForValidation\n};","import { contentStatusService } from '../services/contentStatusService';\n\nimport { ContentStatusAction } from '../types/ContentStatusAction';\nimport ContentStatusData from '../types/ContentStatusData';\n\nconst list = () => (dispatch: any) => {\n const success = (data: ContentStatusData[]): ContentStatusAction =>\n ({ type: 'CONTENT_STATUS_SUCCESS', data });\n const failure = (error: string): ContentStatusAction =>\n ({ type: 'CONTENT_STATUS_FAILED', data: [] });\n\n contentStatusService.list()\n .then(\n res => { dispatch(success(res)) },\n err => { dispatch(failure(err)) }\n );\n}\n\nconst validationList = (status: string) => (dispatch: any) => {\n const success = (data: ContentStatusData[]): ContentStatusAction =>\n ({ type: 'CONTENT_STATUS_SUCCESS', data });\n const failure = (error: string): ContentStatusAction =>\n ({ type: 'CONTENT_STATUS_FAILED', data: [] });\n\n contentStatusService.getStatusForValidation(status)\n .then(\n res => { dispatch(success(res)) },\n err => { dispatch(failure(err)) }\n );\n}\n\n\nconst contentStatusActions = {\n list,\n validationList\n};\n\nexport default contentStatusActions;","import courseService from '../services/courseService';\nimport _ from 'lodash';\n// import { CourseFilterData } from '../types/CourseFilterData';\n\nconst coursesList = () => (dispatch:any) => { \n const success = (data: any) =>\n ({ type: 'COURSE_LIST_SUCCESS', data });\n const failure = (error: string) =>\n ({ type: 'COURSE_LIST_FAILED', error });\n\n courseService.getAllCourses()\n .then(\n (res: any) => {\n if (res) {\n dispatch(success(res));\n }\n else{\n (err:any) => { dispatch(failure(err)) }\n }\n },\n \n );\n}\n\nconst coursesActions = {\n coursesList,\n };\n\nexport default coursesActions","import classesServices from '../services/classesServices';\n\nimport { ClassesAction } from '../types/ClassesAction';\nimport ClassesData from '../types/ClassesData';\n\nconst classesList = () => (dispatch: any) => {\n const success = (data: ClassesData[]): ClassesAction =>\n ({ type: 'CLASSES_SUCCESS', data });\n const failure = (error: string): ClassesAction =>\n ({ type: 'CLASSES_FAILED', error });\n\n classesServices.list()\n .then(\n (res: any) => { dispatch(success(res)) },\n err => { dispatch(failure(err)) }\n );\n}\n\nexport {\n classesList,\n};","import React, { Component } from 'react';\n\nimport { WithStyles, createStyles } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport { Typography, Grid, } from '@material-ui/core';\nimport { getUserType } from '../../../utils';\nimport { USER_TYPE } from '../../../constants/comman';\nimport cx from 'classnames'\n\nconst styles = (theme: Theme) => createStyles({\n\tcenter: {\n\t\tmaxWidth: \"315px\",\n\t\ttextAlign: \"center\"\n\t},\n\timg: {\n\t\twidth: \"100%\"\n\t},\n\tbutton: {\n\t\tmarginTop: \"25px\"\n\t},\n\theading: {\n\t\tmarginTop: \"20px\"\n\t},\n\temptyScreenBlock: {\n\t\tbackgroundColor: '#FFFFFF',\n\t\tborderRadius: '4px',\n\t\tminHeight: 'calc(100vh - 220px)',\n\t}\n});\n\ninterface NoFilteredContentProps extends WithStyles\n \n I Accept\n \n
\n }\n >\n \n \n
\n \n )\n }\n}\n\n// @ts-ignore\nexport default (withStyles(styles)(PublishContentDirectlyModal));\n","import { createStyles } from '@material-ui/core';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\n\nexport const styles = (theme: Theme) => createStyles({\n\tcenter: {\n\t\tmaxWidth: \"315px\",\n\t\ttextAlign: \"center\"\n\t},\n\timg: {\n\t\twidth: \"100%\"\n\t},\n\tbutton: {\n\t\tmarginTop: \"25px\"\n\t},contentFilter: {\n\t\tpaddingTop: theme.spacing.unit * 2,\n\t},\n\tcontentSelectAll: {\n\t\topacity: 0.5,\n\t\tpadding: '2px 4px 2px 0',\n\t\tmarginTop : - theme.spacing.unit * 2,\n '& svg': {\n fontSize: '1.5rem'\n }\n\t},\n\tpaddingLeft: {\n\t\tpaddingLeft: theme.spacing.unit * 2\n\t},\n\ttextRight: {\n\t\ttextAlign: 'right',\n\t},\n\tinlineBlock: {\n\t\tdisplay: 'inline-block'\n\t}\n});\n","import React, { Component } from 'react'\nimport { Checkbox, FormControlLabel, Theme, Typography, WithStyles } from '@material-ui/core';\nimport { withStyles } from '@material-ui/core/styles';\nimport '../../mylibrary/containers/CustomFilterStyle.css';\nimport { styles } from '../../course/styling/WithNoContent';\nimport cx from 'classnames';\nimport { CONTENT_TYPE_FILTERS, FILTER_CATEGORIES, QUESTION_DEPENDENT_FILTERS_CATEGORY, USER_TYPE } from '../../../constants/comman';\nimport { showMsg } from '../../course/actions/loaderAlert';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport { VALIDATION } from '../constant/content';\nimport { VARIANT } from '../../common/types/ServerAlertDataV2';\nimport { getUserType } from '../../../utils';\n\n\ninterface CustomFilterProps extends WithStyles\n \n {!!fromLibrary ?\n
\n You are requesting to Publish the selected {selectedQuestionsCount} “In Review” question(s)
:\n You are requesting that this question be published directly.
\n }\n {!!fromLibrary ?\n \n To publish these question within your centre for the purpose of using it in a test or assignment,\n it is necessary for you to acknowledge and accept the declaration. New duplicate(s) of these questions\n will be created which will undergo validation as defined, and once validated, they will be merged\n with the original and the student's results will be recalculated.\n
:\n \n To publish this question within your centre for the purpose of using it in a test or assignment,\n it is necessary for you to acknowledge and accept the declaration. A duplicate of this question will\n be created which will undergo validation as defined, and once validated, it will be merged with the\n original and the student's results will be recalculated.\n
\n }\n \n
\n \n \n
\n \n I hereby confirm that the question being published adhere to our quality standards.\n I accept full responsibility for its distribution and publication.\n In the event of any reported issues with the question which can be used in tests or assignments,\n I will take full accountability.\n
\n \n {isFilterOpen &&
\n )\n }\n}\n\nconst mapStateToProps = (state: any) => ({});\n\nconst mapDispatchToProps = (dispatch: any) => bindActionCreators(\n\t{\n\t\tshowMsg,\n\t},\n\tdispatch\n);\n\n\n// @ts-ignore\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(CustomFilter));\n","import React, { Component } from 'react';\nimport _, { filter } from 'lodash';\nimport cx from 'classnames';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Theme } from '@material-ui/core/styles/createMuiTheme';\nimport {\n\tWithStyles,\n\tcreateStyles,\n\tGrid,\n\tCheckbox,\n\tChip,\n\tModal,\n\tCardHeader,\n\tIconButton,\n\tCollapse,\n\tCard,\n\tTypography,\n\tCardContent,\n\tButton,\n\tPopover,\n\tMenuList,\n\tMenuItem,\n\tListItemIcon,\n\tFormGroup,\n\tFormControlLabel,\n\tPaper,\n\tTooltip,\n} from '@material-ui/core';\n\n\n//components\nimport ContentMenu, { SHAREDWITHMEKAY } from '../components/ContentMenu';\nimport GoalsDriller from '../components/GoalsDriller';\nimport ContentFilter from '../components/ContentFilter';\nimport ContentSearch from '../components/ContentSearch';\nimport ContentPagination from '../components/ContentPagination';\nimport ContentCard from '../components/ContentCard';\nimport ContentDetailsDrawer from '../components/ContentDetailsDrawer';\nimport ContentDeleteConfirm from '../components/ContentDeleteConfirm';\nimport ContentShareModal from '../components/ContentShareModal';\n\n//types\nimport GoalDrillerData from '../types/GoalDrillerData';\nimport ContentFilterData, { ContentListFilterData } from '../types/ContentFilterData';\nimport ContentData from '../types/ContentData';\n//actions\nimport contentActions from '../actions/contentActions';\n\n\nimport contentService from '../services/contentService';\nimport CloseIcon from '@material-ui/icons/Close';\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\n\n// from testpaper\nimport contentStatusActions from '../actions/contentStatusActions';\nimport contentTypeActions from '../actions/contentTypeActions';\nimport contentSubtypeActions from '../actions/contentSubtypeActions';\nimport contentTagsActions from '../actions/contentTagsActions';\nimport coursesActions from '../actions/coursesActions';\nimport { classesList } from '../actions/classesActions';\nimport { ContentTypeData } from '../../tag-mangement/types/ContentTypeData';\nimport ContentSubtypeData from '../types/ContentSubtypeData';\nimport ContentStatusData from '../types/ContentStatusData';\nimport FilterByData from '../types/FilterByData';\nimport PerfectScrollbar from 'react-perfect-scrollbar';\nimport CustomInfoIcon from '../../common/CustomInfoIcon';\nimport ACLService from '../../acl/services/aclService';\nimport { contentList } from '../__mocks__/contentList';\nimport NoFilteredContent from './NoFilteredContent';\nimport { toggleLicenseExpiredDialog } from \"../../login/actions/userActions\";\nimport DialogLarge from '../../content-request/common/DialogLarge';\nimport { MyPATDialog } from '../../common';\nimport { CONTENT_SECTION_KEYS, CONTENT_SECTION_TYPES, MODULE_TO_QUESTION_PERMISSION_MAP, MODULE_TO_TEST_PERMISSION_MAP, STATUS_CODES, USER_RIGHTS, contentTypesForContentHistoryMap, USER_TYPE, PERMISSION_CONTENT_TYPES, ACADEMIC_YEAR_START, MARCH_MONTH_INDEX, AUTHORING_QUESTION_CONTENT_TYPES, AUTHORING_TEST_CONTENT_TYPES, AUTHORING_CONTENT_TYPES, CONTENT_TYPE_FILTERS, FILTER_CATEGORIES, PREVIOUS_CONTENT_START_YEAR, CONTENT_TYPES_TO_HIDE_FROM_FILTER, CONTENT_STATES } from '../../../constants/comman';\nimport { ACADEMIC_STAT, API_ERROR_CODES, CARD_STATUS, CLEAR_ALL_TAGS_TOASTER_MSG, DEFAULT_ERROR_MSG, STAT_TYPE, STAT_TYPE as statYear, VALIDATION, VALIDATION_ACADEMIC, VALIDATION_DIALOG_DATA, VALIDATION_DIALOG_INFO_TYPES } from '../constant/content';\nimport { checkForTeacherUser, createDeepCopy, getPropertyValue, getUserType } from '../../../utils';\nimport contentRequestServices from '../../content-request/services/contentRequestServices';\nimport { showMsg } from '../../course/actions/loaderAlert';\nimport { VARIANT } from '../../common/types/ServerAlertDataV2';\nimport { MyPATDropdown } from '../../common';\nimport { FEEDBACK_VALIDATOR_ACTIONS } from '../helper/contentValidation';\nimport PublishContentDirecltyModal from '../components/PublishContentDirecltyModal';\nimport CustomFilter from './CustomFilter';\nimport DialogFooter from '../../content-request/common/DialogFooter';\n\n\nconst styles = (theme: Theme) => createStyles({\n\thighlightedContent: {\n\t\tbackgroundColor: '#FFF3F3',\n\t\tborderRadius: '8px',\n\t\tpadding: '13px 15px',\n\t\tdisplay: 'flex',\n\t\tmargin: '10px 0',\n\t\twidth: '100%',\n\t\t'& img': {\n\t\t\twidth: '22px',\n\t\t\tmarginRight: '12px',\n\t\t},\n\t\t'& p': {\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 500,\n\t\t\tlineHeight: '128%',\n\t\t\tmarginBottom: '0px',\n\t\t\tmarginTop: '0px',\n\t\t\tcolor: '#666666',\n\t\t}\n\t},\n\tborderBlue: {\n\t\tcolor: '#1D7DEA !important',\n\t\tborder: '1px solid #1D7DEA',\n\t\tfontSize: '0.875rem'\n\t},\n\tdataManipulateIcons: {\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t\tgap: '10px',\n\t\t'& .publishDirectly': {\n\t\t\twidth:36,\n\t\t\theight:36,\n\t\t\tboxShadow: \"0px 0px 4px 0px #00000040\",\n\t\t\tborderRadius:50,\n\t\t\tdisplay: \"flex\",\n\t\t\tjustifyContent: \"center\",\n\t\t\talignItems: \"center\",\n\t\t\tcursor: 'pointer',\n\t\t},\n\t\t'& img': {\n\t\t\tcursor: 'pointer'\n\t\t}\n\t},\n\tnoSelectedText: {\n\t\t'&>:nth-child(1)': {\n\t\t\tpaddingLeft: 17,\n\t\t\tcolor: 'rgb(51 51 51)'\n\t\t}\n\t},\n\tpaper: {\n\t\tmargin: '0 0 18px 0'\n\t},\n\tSelectCheckedCheckbox: {\n\t\tbackgroundColor: '#1d7dea!important',\n\t\tborder: '1px solid #1d7dea !important',\n\t\tborderRadius: 2,\n\t\tcolor: '#99a1a7',\n\t\t'&::before': {\n\t\t\tcontent: \"''\",\n\t\t\tfontSize: 14,\n\t\t\tposition: 'absolute',\n\t\t\ttop: '-1px',\n\t\t\tleft: 4,\n\t\t\twidth: 4,\n\t\t\theight: 10,\n\t\t\tborder: 'solid #fff',\n\t\t\tborderWidth: '0 2px 2px 0',\n\t\t\ttransform: 'rotate(45deg)'\n\t\t},\n\t\t'&:hover': {\n\t\t\tbackgroundColor: '#1d7dea'\n\t\t}\n\t},\n\tcheckedCheckbox: {\n\t\tbackgroundColor: '#1d7dea!important',\n\t\tborder: '1px solid #1d7dea !important',\n\t\tborderRadius: 2,\n\t\tcolor: '#99a1a7',\n\t\t'&::before': {\n\t\t\tcontent: \"''\",\n\t\t\tfontSize: 14,\n\t\t\tposition: 'absolute',\n\t\t\ttop: 1,\n\t\t\tleft: 6,\n\t\t\twidth: 4,\n\t\t\theight: 10,\n\t\t\tborder: 'solid #fff',\n\t\t\tborderWidth: '0 2px 2px 0',\n\t\t\ttransform: 'rotate(45deg)'\n\t\t},\n\t\t'&:hover': {\n\t\t\tbackgroundColor: '#1d7dea'\n\t\t}\n\t},\n\tSelectcheckedCheckbox: {\n\t\tbackgroundColor: '#1d7dea!important',\n\t\tborder: '1px solid #1d7dea !important',\n\t\tborderRadius: 2,\n\t\tcolor: '#99a1a7',\n\t\twidth: '16px',\n\t\theight: '16px',\n\t\tpadding: 0,\n\t\t'&::before': {\n\t\t\tcontent: \"''\",\n\t\t\tfontSize: 14,\n\t\t\tposition: 'absolute',\n\t\t\ttop: 0,\n\t\t\tleft: 4,\n\t\t\twidth: 4,\n\t\t\theight: 10,\n\t\t\tborder: 'solid #fff',\n\t\t\tborderWidth: '0 2px 2px 0',\n\t\t\ttransform: 'rotate(45deg)'\n\t\t},\n\t\t'&:hover': {\n\t\t\tbackgroundColor: '#1d7dea'\n\t\t}\n\t},\n\tSelectCheckbox: {\n\t\tpadding: 0,\n\t\ttop: 0,\n\t\tleft: 6,\n\t\twidth: 16,\n\t\theight: 16,\n\t\t'-moz-appearance': 'none',\n\t\topacity: 1,\n\t\tcolor: 'rgb(204, 204, 204)',\n\t\tborder: '1px solid #1D7DEA',\n\t\tborderRadius: 2,\n\t\t'& svg': {\n\t\t\tfontSize: '1.5rem',\n\t\t\tfontFamily: '\"Nunito\", sans-serif',\n\t\t\tfill: '#979797',\n\t\t\topacity: 0\n\t\t}\n\t},\n\tcheckBoxElement: {\n\t\tpadding: '0px 7px',\n\t\ttop: 0,\n\t\twidth: 20,\n\t\theight: 20,\n\t\t'-moz-appearance': 'none',\n\t\topacity: 1,\n\t\tcolor: 'rgb(204, 204, 204)',\n\t\tborder: '1px solid #B2B2B2',\n\t\tborderRadius: 4,\n\t\tmargin: '-4px 14px 0px 16px',\n\t\t'& svg': {\n\t\t\tfontSize: '1.5rem',\n\t\t\tfontFamily: '\"Nunito\", sans-serif',\n\t\t\tfill: '#979797',\n\t\t\topacity: 0\n\t\t}\n\t},\n\n\tcheckboxLabel: {\n\t\tfontSize: 18,\n\t\tcolor: '#363636',\n\t},\n\tformControlLabel: {\n\t\tmarginBottom: 6\n\t},\n\tlightGrey: {\n\t\tcolor: 'rgb(102 102 102)'\n\t},\n\tlistItemIcon: {\n\t\tmarginRight: -4,\n\t\t'& :first-child': {\n\t\t\ttop: 0,\n\t\t\theight: 14,\n\t\t\twidth: 14,\n\t\t\tleft: 2\n\t\t},\n\t\t'&>:first-child::after': {\n\t\t\ttop: -1,\n\t\t\tleft: 4\n\t\t}\n\t},\n\tpaddingZero: {\n\t\tpaddingTop: 0,\n\t\tpaddingBottom: 0\n\t},\n\tpopoverRoot: {\n\t\tmarginLeft: -20\n\t},\n\tcontentFilter: {\n\t\tpaddingTop: theme.spacing.unit * 2,\n\t},\n\tcheckbox: {\n\t\tpadding: 0,\n\t\ttop: 0,\n\t\tleft: 6,\n\t\twidth: 16,\n\t\theight: 16,\n\t\t'-moz-appearance': 'none',\n\t\topacity: 1,\n\t\tcolor: 'rgb(204, 204, 204)',\n\t\tborder: '1px solid #1D7DEA',\n\t\tborderRadius: 2,\n\t\tmarginRight: 14,\n\t\t'& svg': {\n\t\t\tfontSize: '1.5rem',\n\t\t\tfontFamily: '\"Nunito\", sans-serif',\n\t\t\tfill: '#979797',\n\t\t\topacity: 0\n\t\t}\n\t},\n\tprimaryColor: {\n\t\tcolor: 'rgb(29 125 234)'\n\t},\n\theight1X: {\n\t\theight: 76\n\t},\n\tpaddingLeft: {\n\t\tpaddingLeft: 11\n\t},\n\tpaddingRight: {\n\t\tpaddingRight: 11\n\t},\n\tcursorPointer: {\n\t\tcursor: 'pointer',\n\t\t'& :hover': {\n\t\t\tcolor: '#417dea'\n\t\t}\n\t},\n\tpaddingSm: {\n\t\tpadding: '10px 20px'\n\t},\n\ttextRight: {\n\t\ttextAlign: 'right',\n\t},\n\tgreyColor: {\n\t\tfontStyle: 'normal',\n\t\tfontWeight: 600,\n\t\tfontSize: 16,\n\t\tlineHeight: '24px',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tcolor: '#333333'\n\t},\n\tinlineBlock: {\n\t\tdisplay: 'inline-block'\n\t},\n\tfilterChip: {\n\t\tverticalAlign: 'super',\n\t\tmargin: '4px 4px',\n\t\tbackgroundColor: 'rgb(244 244 244)',\n\t\tborder: '1px solid rgb(235, 235, 235)',\n\t\t'& svg': {\n\t\t\tcolor: 'rgb(153, 153, 153)'\n\t\t}\n\t},\n\tfilterListBlock: {\n\t\t'& .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y': {\n\t\t\topacity: 12,\n\t\t\twidth: 10,\n\t\t\tbackgroundColor: '#eee'\n\t\t},\n\t\t'& .ps__thumb-y, .ps__rail-y:hover > .ps__thumb-y': {\n\t\t\tbackgroundColor: '#999',\n\t\t\twidth: 6\n\t\t}\n\t},\n\trelativeBox: {\n\t\tposition: 'relative',\n\t},\n\tleftSideBar: {\n\t\t'&>:first-child': {\n\t\t\t// marginTop: 84\n\t\t}\n\t},\n\ttableView: {\n\t\tdisplay: 'table'\n\t},\n\tmarginMDBgWhite: {\n\t\tmarginTop: 0,\n\t\tbackground:'#fff',\n\t},\n\tfixedSection: {\n\t\tbackground: '#fff',\n\t\tposition: 'sticky',\n\t\ttop: 'calc(64px + 129px)',\n\t\talignContent: 'space-between',\n\t\talignItems: 'flex-start',\n\t\tdisplay: 'flex',\n\t\tflexWrap: 'wrap',\n\t\tjustifyContent: 'flex-start',\n\t\tzIndex: 10,\n\t\twidth: '100%',\n\t\tborder: '1px solid #c6c6c6',\n\t\tboxShadow: '0px 1px 5px 0px rgba(0,0,0,0.2)',\n\t\theight: 'auto',\n\t\tpadding: '6px',\n\n\t},\n\tfixedSectionScroll: {\n\t\tbackground: 'rgb(255 255 255)',\n\t\tboxShadow: '0px 0px 10px rgba(0, 0, 0, 0.1)',\n\t\tboxSizing: 'border-box',\n\t\tborderRadius: 8,\n\t\ttop: 'calc(64px + 261px)',\n\t\talignContent: 'space-between',\n\t\talignItems: 'flex-end',\n\t\tdisplay: 'flex',\n\t\tflexWrap: 'wrap',\n\t\tzIndex: 10,\n\t\twidth: '100%',\n\t\tminHeight: 50,\n\t\tpadding: '0px 8px',\n\t\tmarginTop: '24px'\n\t},\n\tsearchBox: {\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tgap: '16px'\n\t},\n\tcardHeader: {\n\t\tfontSize: '1rem',\n\t\tfontFamily: '\"Nunito\", sans-serif',\n\t\tcolor: 'rgba(50, 60, 71, 1)',\n\t\twidth: '100%',\n\t\tpadding: '0px 8px',\n\t\t'& h6': {\n\t\t\tfontWeight: 600,\n\t\t\tfontSize: 16,\n\t\t\tlineHeight: '22px',\n\t\t\tcolor: '#333333'\n\t\t}\n\t},\n\tfromTestPaper: {\n\t\ttop: '0',\n\t\tposition: 'relative'\n\t},\n\tborderBottom: {\n\t\tborderBottom: 'solid 1px #e6e6e6'\n\t},\n\tmodal: {\n\t\tdisplay: 'flex',\n\t\tpadding: 12,\n\t\talignItems: 'center',\n\t\tjustifyContent: 'center',\n\t},\n\tmodalHeader: {\n\t\tminHeight: 46,\n\t\tpadding: '4px 20px 0px',\n\t\t'& span': {\n\t\t\tfontFamily: '\"Nunito\", sans-serif',\n\t\t\tfontStyle: 'normal',\n\t\t\tfontWeight: 600,\n\t\t\tfontSize: '28px',\n\t\t\tlineHeight: '32px',\n\t\t\ttextAlign: 'center',\n\t\t\tcolor: '#333333'\n\t\t},\n\t\t'& .modalHeading': {\n\t\t\tcolor: '#333333',\n\t\t\tfontSize: '18px',\n fontWeight: 800,\n lineHeight: '1.2',\n padding: '16px',\n\t\t},\n\t},\n\tscrollBarX: {\n\t\tdisplay: 'flex',\n\t\tpadding: 8,\n\t\talignItems: 'center',\n\t\tpaddingBottom: '0px !important',\n\t\t'& .scrollbar-container': {\n\t\t\twidth: 295,\n\t\t\toverflowX: 'auto',\n\t\t\tpaddingBottom: 20,\n\t\t\tpadding: 0,\n\t\t\t\"@media (max-width: 1600px)\": {\n\t\t\t\twidth: 360,\n\t\t\t},\n\n\t\t\t\"@media (max-width: 1400px)\": {\n\t\t\t\twidth: 320,\n\t\t\t},\n\n\t\t\t\"@media (max-width: 1366px)\": {\n\t\t\t\twidth: 310,\n\t\t\t},\n\t\t\t\"@media (max-width: 1280px)\": {\n\t\t\t\twidth: 280,\n\t\t\t},\n\t\t}\n\t},\n\tcategoryCardContent: {\n\t\tminHeight: '65vh',\n\t\theight: 100\n\t},\n\tcategoryCardAction: {\n\t\tjustifyContent: 'flex-end',\n\t\tpadding: 4\n\t},\n\tfilterCard: {\n\t\twidth: 900,\n\t\tbackgroundColor: '#E6E6E6',\n\t\tboxShadow: theme.shadows[5],\n\t\tpadding: '20, 40, 30',\n\t\ttextAlign: 'center',\n\t\tborderRadius: 4,\n\t\toutline: 'none !important',\n\t\t'& :focus': {\n\t\t\toutline: 'none'\n\t\t}\n\t},\n\tclearTagsModal: {\n\t\twidth: 510,\n\t\tpadding: '30px 40px',\n\t\tbackgroundColor: '#ffffff',\n\t\t'& .modal-header': {\n\t\t\tfontSize: '18px',\n\t\t\tfontWeight: 700,\n\t\t\tlineHeight: '20px',\n\t\t\ttextAlign: 'center',\n\t\t\tmarginBottom: '40px',\n\t\t},\n\t\t'& .modal-content': {\n\t\t\tpadding: '0 0 40px',\n\t\t},\n\t\t'& .modal-para': {\n\t\t\tfontSize: '18px',\n\t\t\tfontWeight: 400,\n\t\t\tlineHeight: '25.2px',\n\t\t\ttextAlign: 'center'\n\t\t},\n\t\t'& .modal-footer': {\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t\tgap: '18px',\n\t\t},\n\t\t'& .btn-border': {\n\t\t\tborder: '1px solid #1D7DEA',\n\t\t\tbackgroundColor: 'transparent',\n\t\t\tborderRadius: '4px',\n\t\t\tminWidth: '140px',\n\t\t\theight: '36px',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 500,\n\t\t\tcolor: '#1D7DEA',\n\t\t\tpadding: '5px 10px',\n\t\t},\n\t\t'& .btn-primary': {\n\t\t\tborder: '1px solid #1D7DEA',\n\t\t\tbackgroundColor: '#1D7DEA',\n\t\t\tborderRadius: '4px',\n\t\t\tminWidth: '140px',\n\t\t\theight: '36px',\n\t\t\tfontSize: '14px',\n\t\t\tfontWeight: 500,\n\t\t\tcolor: '#ffffff',\n\t\t\tpadding: '5px 10px',\n\t\t},\n\t},\n\troot: {\n\t\tjustifyContent: 'center',\n\t\tdisplay: 'block',\n\t\t'& .modalContent': {\n\t\t\tcolor: '#666666',\n\t\t\tfontSize: '18px',\n\t\t\tlineHeight: '1.4',\n\t\t\ttextAlign: 'center',\n\t\t},\n\t\t'&. btnTransparent': {\n\t\t\tborder: '1px solid #1D7DEA',\n\t\t\tborderRadius: '4px',\n padding: '8px 20px',\n color: '#1D7DEA',\n cursor: 'pointer',\n transition: 'all 0.3s',\n\t\t\tfontSize: '14px',\n\t\t\tlineHeight: '1.4',\n\t\t},\n\t\t'& .btnPrimary': {\n\t\t\tbackgroundColor: '#1D7DEA',\n border: 'none',\n borderRadius: '4px',\n padding: '8px 20px',\n color: '#FFFFFF',\n cursor: 'pointer',\n transition: 'all 0.3s',\n\t\t\tfontSize: '14px',\n\t\t\tlineHeight: '1.4',\n\t\t\tmarginLeft: '20px',\n\t\t}\n\t},\n\taddFilterWrapper: {\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'center',\n\t\tpadding: 10,\n\t\tmarginTop: 24\n\t},\n\tmodalFilterChip: {\n\t\toverflow: 'auto',\n\t\tjustifyContent: 'flex-start',\n\t\tfontSize: 16,\n\t\tlineHeight: '24px',\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tcolor: '#666666',\n\t\tfontStyle: 'normal',\n\t\tfontWeight: 'normal',\n\t\theight: 50,\n\t\tfontFamily: \"'Nunito/', sans-serif\"\n\t},\n\tfilterList: {\n\t\theight: '63vh',\n\t},\n\n\texpand: {\n\t\ttransform: 'rotate(0deg)',\n\t\tmarginLeft: 'auto',\n\t\ttransition: theme.transitions.create('transform', {\n\t\t\tduration: theme.transitions.duration.shortest,\n\t\t}),\n\t\tright: -6\n\t},\n\texpandOpen: {\n\t\ttransform: 'rotate(180deg)',\n\t},\n\tmarginTop1x: {\n\t\tmarginTop: 12\n\t},\n\tmarginTop2x: {\n\t\tmarginTop: 20\n\t},\n\tfilterLabel: {\n\t\tminWidth: 132,\n\t\tpadding: '-8px 0px',\n\t\tfloat: 'left'\n\t},\n\tmarginXL: {\n\t\tmargin: '40px 0px'\n\t},\n\tinfoIcon: {\n\t\tposition: 'relative',\n\t\ttop: -2,\n\t\t'& second-child': {\n\t\t\tmarginLeft: -105,\n\t\t\ttop: 25\n\t\t}\n\t},\n\ttuneIcon: {\n\t\t'&:hover:after': {\n\t\t\tcontent: '\"\"',\n\t\t\tposition: 'absolute',\n\t\t\tleft: '50%',\n\t\t\tmarginLeft: -5,\n\t\t\tbottom: -7,\n\t\t\twidth: 0,\n\t\t\theight: 0,\n\t\t\tborderLeft: '5px solid rgba(0, 0, 0, 0)',\n\t\t\tborderRight: '5px solid rgba(0, 0, 0, 0)',\n\t\t\tborderBottom: '8px solid rgb(0, 0, 0)'\n\t\t}\n\t},\n\ttoolTipArrow: {\n\t\t'&:hover:after': {\n\t\t\tcontent: '\"\"',\n\t\t\tposition: 'absolute',\n\t\t\tleft: '50%',\n\t\t\tmarginLeft: -5,\n\t\t\tbottom: -8,\n\t\t\twidth: 0,\n\t\t\theight: 0,\n\t\t\tborderLeft: '5px solid rgba(0, 0, 0, 0)',\n\t\t\tborderRight: '5px solid rgba(0, 0, 0, 0)',\n\t\t\tborderBottom: '8px solid rgb(0, 0, 0)'\n\t\t}\n\t},\n\ttooltipDetails: {\n\t\tposition: 'absolute',\n\t\tmarginTop: 40,\n\t\tzIndex: 999999\n\t},\n\tdisable: {\n\t\topacity: 0.5,\n\t\tpointerEvents: \"none\"\n\t},\n\tfilterPaper: {\n\t\tboxShadow: 'none',\n\t\tmaxHeight: '100px',\n\t\twidth: '100% !important',\n\t\tpaddingBottom: '0 !important',\n\t\t'& label': {\n\t\t\tdisplay: 'flex',\n\t\t},\n\t\t'& .ps__rail-y': {\n\t\t\topacity: 1,\n\t\t}\n\t},\n\tfullWidth: {\n\t\twidth: '100%',\n\t\toverflowX: 'hidden',\n\t},\n\tlegendText: {\n\t\tfontSize: '14px',\n\t\tfontWeight: 400,\n\t\tcolor: '#1D7DEA',\n\t\tpadding: '2px 15px 2px 0px',\n\t\tposition: 'relative',\n\t\tcursor: 'pointer',\n\t\t'&::after': {\n\t\t\tcontent: \"''\",\n\t\t\tposition: 'absolute',\n\t\t\tright: 0,\n\t\t\ttop: 0,\n\t\t\twidth: '1px',\n\t\t\theight: '100%',\n\t\t\tbackgroundColor: '#E6E6E6',\n\t\t}\n\t},\n\tlegendModalTitle: {\n\t\tpadding: '9px 0 6px',\n\t\ttextAlign: 'center',\n\t\tfontSize: '24px',\n\t\tfontWeight: 600,\n\t\tcolor: '#333333',\n\t\tlineHeight: '133%',\n\t\tdisplay: 'block',\n\t},\n\tlegendListing: {\n\t\tmargin: '0',\n\t\tmaxHeight: '390px',\n\t\toverflowY: 'auto',\n\t\tpadding: '30px',\n\t\t'&::-webkit-scrollbar': {\n\t\t\twidth: '5px',\n\t\t},\n\t\t'&::-webkit-scrollbar-thumb': {\n\t\t\tbackgroundColor: 'darkgrey',\n\t\t\tborderRadius: '20px',\n\t\t},\n\t\t'& .listItem': {\n\t\t\tdisplay: 'flex',\n\t\t\tborder: '1px solid #E6E6E6',\n\t\t\tmarginBottom: '10px',\n\t\t\t'& .col-left': {\n\t\t\t\twidth: '21%',\n\t\t\t\tpadding: '10px 15px',\n\t\t\t\tposition: 'relative',\n\t\t\t\tdisplay: \"flex\",\n\t\t\t\talignItems: \"center\",\n\t\t\t\t'& p': {\n\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\tlineHeight: '114%',\n\t\t\t\t\tmargin: 0,\n\t\t\t\t\ttransition: 'none',\n\t\t\t\t},\n\t\t\t\t'&.dueText': {\n\t\t\t\t\tcolor: '#EC1C24',\n\t\t\t\t},\n\t\t\t\t'&.reSubmittedText': {\n\t\t\t\t\tcolor: '#F2982E',\n\t\t\t\t},\n\t\t\t\t'&.approvedText': {\n\t\t\t\t\tcolor: '#30BE76',\n\t\t\t\t},\n\t\t\t\t'&.rejectedText': {\n\t\t\t\t\tcolor: '#EC1C24',\n\t\t\t\t},\n\t\t\t\t'&.penaltyText': {\n\t\t\t\t\tcolor: '#EC1C24',\n\t\t\t\t},\n\t\t\t\t'&.vivid-blue': {\n\t\t\t\t\tcolor: \"#1D7DEA\",\n\t\t\t\t},\n\t\t\t\t'&.dark-gray': {\n\t\t\t\t\tcolor: \"#333333\",\n\t\t\t\t},\n\t\t\t\t'&.light-peach': {\n\t\t\t\t\tbackgroundColor: '#FFF5E8',\n\t\t\t\t},\n\t\t\t\t'&.light-ivory': {\n\t\t\t\t\tbackgroundColor: '#FFF9E5',\n\t\t\t\t},\n\t\t\t\t'&.mint-green': {\n\t\t\t\t\tbackgroundColor: \"#E5FCE3\",\n\t\t\t\t},\n\t\t\t\t'&.blush-pink': {\n\t\t\t\t\tbackgroundColor: \"#FFF1F1\",\n\t\t\t\t},\n\t\t\t\t'&.lavender': {\n\t\t\t\t\tbackgroundColor: \"#F8F1FF\",\n\t\t\t\t},\n\t\t\t\t'&.baby-blue': {\n\t\t\t\t\tbackgroundColor: \"#F1FCFF\",\n\t\t\t\t},\n\t\t\t\t'&::after': {\n\t\t\t\t\tcontent: \"''\",\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\tright: '0',\n\t\t\t\t\ttop: '50%',\n\t\t\t\t\ttransform: 'translateY(-50%)',\n\t\t\t\t\tbackgroundColor: '#E6E6E6',\n\t\t\t\t\twidth: '1px',\n\t\t\t\t\theight: '35px',\n\t\t\t\t}\n\t\t\t},\n\t\t\t'& .separator': {\n\t\t\t\theight: '100%',\n\t\t\t\twidth: 1,\n\t\t\t\tbackgroundColor: '#E6E6E6',\n\t\t\t},\n\t\t\t'& .col-right': {\n\t\t\t\twidth: '79%',\n\t\t\t\tpadding: '10px 15px',\n\t\t\t\t'& p': {\n\t\t\t\t\tfontSize: '14px',\n\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\tlineHeight: '128%',\n\t\t\t\t\tcolor: '#666666',\n\t\t\t\t\tmargin: 0,\n\t\t\t\t\twhiteSpace: 'pre-line',\n\t\t\t\t}\n\t\t\t},\n\t\t\t'&.other-info': {\n\t\t\t\t'& .col-left': {\n\t\t\t\t\tcolor: '#333',\n\t\t\t\t},\n\t\t\t\t'& .col-left:after': {\n\t\t\t\t\tdisplay: 'none'\n\t\t\t\t},\n\t\t\t\t'& .col-right': {\n\t\t\t\t\tborderLeft: 'solid 1px #e6e6e6',\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\tfilterHeaderClassName:{\n\t\tposition:'sticky',\n\t\ttop:'0',\n\t\tleft:'100px',\n\t\t'z-index':'999',\n\t\tbackground:'#FBFBFB',\n\t\twidth:'100%',\n\n\t},\n\tbrowseByTopics:{\n\t\tposition:'fixed',\n\t\tright:'-400px',\n\t\ttop:0,\n\t\twidth:400,\n\t\tbackground:'#fff',\n\t\tborderRadius:8,\n\t\t'z-index':'99999',\n\t\theight:'100%',\n\t\ttransition: 'all .5s',\n\t\t\n\t},\t\n\tvisiblebrowseTopic: {\n\t\tright: '0',\n\t\ttransition: 'all .5s',\n\t\t'&::before':{\n\t\t\tcontent:'',\n\t\t\tposition:'fixed',\n\t\t\tleft:'0',\n\t\t\ttop:'0',\n\t\t\twidth:'100vw',\n\t\t\theight:'100vh',\n\t\t\tbackground:'#333333',\n\t\t\t'z-index':'99998',\n\t\t},\n\t},\n\t\"@keyframes slideOutBrowse\": {\n\t\tfrom: {\n\t\t right: \"-400px\",\n\t\t},\n \n\t\tto: {\n\t\t right: '0',\n\t\t},\n\t },\n\tselectAllText: {\n\t\tminWidth: 'fit-content',\n\t},\n\t\n\tfixTopSearch: {\n\t\tdisplay: 'flex',\n\t\talignItems: 'center',\n\t\tjustifyContent: 'space-between',\n\t\twidth: 'calc(100% + 30px)',\n\t\tposition: 'sticky',\n\t\ttop: 130,\n\t\tbackground: '#fff',\n\t\tpadding: '10px 0px 10px 5px',\n\t\tzIndex: 9,\n\t\tmarginLeft: '-11px',\n\t\t'& > div > div':{\n\t\t\tmarginBottom: 0,\n\t\t},\n\t\theightSet:{\n\t\t\theight:36,\n\t\t},\n\t},\n\tlegendDialogAction: {\n\t\t'& button': {\n\t\t\theight: 44,\n\t\t\twidth: 100,\n\t\t}\n\t},\n\tvalidationInfoTabs: {\n\t\tdisplay: 'flex',\n\t\tjustifyContent: 'center',\n\t\talignItems: 'center',\n\t\t'& ul': {\n\t\t\tborderRadius: 4,\n\t\t\tdisplay: 'flex',\n\t\t\tpadding: '0',\n\t\t\tmarginTop: '20px',\n\t\t\t'& li': {\n\t\t\t\twidth: 167,\n\t\t\t\theight: 36,\n\t\t\t\tpadding: '7px 15px',\n\t\t\t\tcolor: '#666',\n\t\t\t\tfontSize: 16,\n\t\t\t\tfontWeight: 400,\n\t\t\t\tlistStyle: 'none',\n\t\t\t\ttextAlign: 'center',\n\t\t\t\tborder: '1px solid #E6E6E6',\n\t\t\t\tborderWidth: '1px 0px',\n\t\t\t\tcursor: 'pointer',\n\t\t\t},\n\t\t\t'& li:first-child': {\n\t\t\t\tborderLeftWidth: '1px',\n\t\t\t\tborderRadius: '4px 0px 0px 4px'\n\t\t\t},\n\t\t\t'& li:last-child': {\n\t\t\t\tborderRightWidth: '1px',\n\t\t\t\tborderRadius: '0px 4px 4px 0px'\n\n\t\t\t},\n\t\t\t'& li.active': {\n\t\t\t\tbackground: '#1D7DEA',\n\t\t\t\tborderColor: '#1D7DEA',\n\t\t\t\tcolor: '#FFF',\n\t\t\t}\n\t\t}\n\t},\n\tglobalSearchTabsSection: {\n\t\tbackgroundColor: 'rgba(244, 244, 244, 0.5)',\n\t\tborderRadius: '4px',\n\t\tpadding: '10px 20px',\n\t\tgap: '10px 20px',\n\t\tdisplay: 'flex',\n\t\twidth: '100%',\n\t\tmarginBottom: '10px',\n\t\t'& .search-for-text': {\n\t\t\tfontSize: '12px',\n\t\t\tfontWeight: 400,\n\t\t\tlineHeight: '167%',\n\t\t\tcolor: '#999999',\n\t\t\twhiteSpace: 'nowrap',\n\t\t},\n\t\t'& .tab-listing': {\n\t\t\tdisplay: 'inline-flex',\n\t\t\talignItems: 'center',\n\t\t\tflexWrap: 'wrap',\n\t\t\tgap: '5px',\n\t\t\tpadding: '0',\n\t\t\tmargin: '0',\n\t\t\theight: '27px',\n\t\t\toverflowY: 'hidden',\n\t\t\toverflowX: 'hidden',\n\t\t\t'& li': {\n\t\t\t\tborder: '1px solid #E6E6E6',\n\t\t\t\tborderRadius: '20px',\n\t\t\t\tpadding: '4px 8px',\n\t\t\t\tmaxWidth: '170px',\n\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tgap: '5px',\n\t\t\t\tcursor: 'pointer',\n\t\t\t\tposition: 'relative',\n\t\t\t\theight: '27px',\n\t\t\t\t'& button': {\n\t\t\t\t\tpadding: '0',\n\t\t\t\t\theight: '100%',\n\t\t\t\t\tminWidth: '100%',\n\t\t\t\t\tfontSize: 'inherit',\n\t\t\t\t\tlineHeight: 'normal',\n\t\t\t\t\tborderRadius: '0',\n\t\t\t\t},\n\t\t\t\t'& button:hover': {\n\t\t\t\t\tbackgroundColor: 'transparent',\n\t\t\t\t},\n\t\t\t\t'& h6': {\n\t\t\t\t\tfontSize: '12px',\n\t\t\t\t\tfontWeight: 500,\n\t\t\t\t\tlineHeight: '136%',\n\t\t\t\t\tcolor: '#666666',\n\t\t\t\t\tmargin: '0',\n\t\t\t\t},\n\t\t\t\t'& h6.hiddenContent': {\n\t\t\t\t\twidth: 'calc(100% - 17px)',\n\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t},\n\t\t\t\t'& em': {\n\t\t\t\t\tfontStyle: 'normal',\n\t\t\t\t\twidth: '12px',\n\t\t\t\t\theight: '12px',\n\t\t\t\t\tbackgroundImage: 'url(/assets/svg/globalSearch/cross-icon.svg)',\n\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\ttransition: 'all 0.3s',\n\t\t\t\t},\n\t\t\t\t'& em:hover': {\n\t\t\t\t\tbackgroundImage: 'url(/assets/svg/globalSearch/cross-icon-hover.svg)',\n\t\t\t\t},\n\t\t\t\t'&:hover span': {\n\t\t\t\t\tcolor: '#1D7DEA',\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\t\t'& .clear-text': {\n\t\t\tdisplay: 'inline-flex',\n\t\t\talignItems: 'center',\n\t\t\tgap: '10px',\n\t\t\tmarginLeft: 'auto',\n\t\t\twhiteSpace: 'nowrap',\n\t\t\talignSelf: 'flex-start',\n\t\t\t'& .heading': {\n\t\t\t\tfontSize: '12px',\n\t\t\t\tfontWeight: 400,\n\t\t\t\tlineHeight: '167%',\n\t\t\t\tcolor: '#1D7DEA',\n\t\t\t\tborderRight: '1px solid #E6E6E6',\n\t\t\t\tpaddingRight: '10px',\n\t\t\t\tmargin: '0',\n\t\t\t\tcursor: 'pointer',\n\t\t\t},\n\t\t\t'& .arrow': {\n\t\t\t\twidth: '24px',\n\t\t\t\tminWidth: '24px',\n\t\t\t\theight: '24px',\n\t\t\t\tborderRadius: '50%',\n\t\t\t\tbackgroundColor: 'rgba(29, 125, 234, 0.1)',\n\t\t\t\tdisplay: 'inline-flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\tposition: 'relative',\n\t\t\t\t'&::after': {\n\t\t\t\t\tcontent: \"''\",\n\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\ttop: '50%',\n\t\t\t\t\tleft: '50%',\n\t\t\t\t\ttransform: 'translate(-50%, -50%)',\n\t\t\t\t\twidth: '10px',\n\t\t\t\t\theight: '10px',\n\t\t\t\t\tbackgroundImage: 'url(/assets/svg/globalSearch/arrow.svg)',\n\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\tbackgroundSize: 'contain',\n\t\t\t\t\ttransition: 'all 0.3s',\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t'&.see-all': {\n\t\t\tflexWrap: 'wrap',\n\t\t\t'& .tab-listing': {\n\t\t\t\theight: '100%',\n\t\t\t\twidth: 'calc(100% - 100px)',\n\t\t\t\torder: 3,\n\t\t\t\toverflowX: 'hidden',\n\t\t\t},\n\t\t\t'& .clear-text .arrow::after': {\n\t\t\t\ttransform: 'translate(-50%, -50%) rotate(180deg)',\n\t\t\t}\n\t\t}\n\t},\n\tcustomTooltip: {\n\t\tbackgroundColor: '#666666',\n\t\tfontSize: '12px',\n\t\tfontWeight: 500,\n\t\tfontFamily: 'Nunito',\n\t\tlineHeight: '15.6px',\n\t\tmaxWidth: '70%',\n\t\t'&::after': {\n\t\t\tcontent: \"''\",\n\t\t\tposition: 'absolute',\n\t\t\ttop: '-7px',\n\t\t\tleft: '50%',\n\t\t\ttransform: 'translateX(-50%)',\n\t\t\tborderLeft: '8px solid transparent',\n\t\t\tborderRight: '8px solid transparent',\n\t\t\tborderBottom: '12px solid #666666',\n\t\t}\n\t},\n\t'cardsContainer': {\n\t\tmaxHeight: 'calc(100vh - 219px)',\n\t\toverflowY: 'auto' \n\t}\n});\n\n//@ts-ignore\ninterface WithContentProps extends WithStyles\n
}\n \n \n Filters \n handleFilterToggle()} />\n
\n handleFilterToggle()} />\n \n
\n \n {currentFilters && currentFilters.length &&\n <>\n {currentFilters.map((filterCategory: any, index: number) => {\n if(!isQuestionSelected && QUESTION_DEPENDENT_FILTERS_CATEGORY.includes(filterCategory.filterValue)) {\n return null;\n }\n return (\n
\n \n
\n )\n })}\n \n }\n \n
\n - \n
- \n \n \n
{filterCategory.filterTitle}
\n\n {(filterCategory.filters || []).map((filterType: any) => {\n if(contentMenuSelected === VALIDATION.VALIDATION_REQUEST && filterCategory.filterValue === FILTER_CATEGORIES.CONTENT_TYPE && filterType.filterValue !== CONTENT_TYPE_FILTERS.QUESTION) return null;\n return (!(filterType.filters || []).length ?\n\n\n\n );\n })}\n- \n
- \n \n \n
this.handleFilterSelect(event, filterType)} />}\n className={cx(\"customCheckbox\", {'notAll-select':(filterType.filters || []).some((f: any) => f.isSelected) && !(filterType.filters || []).every((f: any) => f.isSelected)})}\n label={filterType.filterTitle}\n value={filterType.filterValue} />\n \n \n {(filterType.filters || []).map((filter: any) =>\nthis.handleFilterSelect(event, filter, filterType)} />}\n label={filter.filterTitle}\n value={filter.filterValue} />\n )}\n \n \n
\n - \n \n \n
\n \n \n
\n {chips}
) : showEmptyFilter ? 'No filters applied yet, apply filters from below' : ''\n\t}\n\n\tremoveContentFilter(i: number, j: number) {\n\t\tconst { filterContent } = this.state;\n\n\t\tif (filterContent.contentFilterData) {\n\n\t\t\tfilterContent.contentFilterData[i].filters[j].isSelected = false;\n\t\t\tfilterContent.contentFilterData[i].filters[j].filters = _.map(filterContent.contentFilterData[i].filters[j].filters, (f) => {\n\t\t\t\tf.isSelected = false;\n\t\t\t\treturn f;\n\t\t\t})\n\n\n\t\t\tthis.contentFilterDataChanged(filterContent.contentFilterData);\n\t\t}\n\n\t}\n\tcheckDeletePermission() {\n\t\tlet disable = false;\n\t\tthis.state.selectedContents.forEach((ele: any) => {\n\t\t\tdisable = disable || !ACLService.checkModulePermission(ele.contentTypeCode, \"edit\")\n\t\t})\n\t\treturn disable;\n\t}\n\n\tgetTopSpacing(topSpacing: number) {\n\t\t// this.setState((state, props) => ({topSpacing}));\n\t\t// this.setState((state, props) => ({ topSpacing }));\n\t}\n\tchangeLimit(event: any) {\n\t\tlet that = this\n\t\tif (event.target.value === 'allPages') {\n\t\t\tthis.setState({ isAllPages: true, dropdownSelectedValue: true }, function () {\n\t\t\t\tif (that.state.selectedContentsAll) {\n\t\t\t\t\tthat._selectAllContent({}, that.state.selectedContentsAll)\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t\telse {\n\t\t\tthis.setState({ isAllPages: false, dropdownSelectedValue: false }, function () {\n\t\t\t\tif (that.state.selectedContentsAll) {\n\t\t\t\t\tthat._selectAllContent({}, that.state.selectedContentsAll)\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t\t// this.props.contentActionList(filterContent, this.state.currentPage,event.target.value);\n\t}\n\n\thandleGoalsSectionClick(value: boolean) {\n\n\t\tthis.setState({\n\t\t\tareGoalsSectionClicked: value\n\t\t})\n\t}\n\t// const [open, setOpen] = React.create(false);\n\n\thandleAddFilterOpen = (event: any) => {\n\t\tthis.setState({\n\t\t\tisAddFilterOpen: true,\n\t\t});\n\t}\n\n\thandleAddFilterClose = (event: any) => {\n\t\tthis.setState({\n\t\t\tisAddFilterOpen: false,\n\t\t});\n\t}\n\n\tfilterExpandClick = (value: any) => {\n\t\tthis.setState({\n\t\t\texpandedFilter: !this.state.expandedFilter\n\t\t})\n\t}\n\n\tcreateFilterData() {\n\t\tconst { contentStatus, contentType, contentSubtype, contentTags, courses, filterBy, classesData } = this.props;\n\n\t\tconst { filterContent } = this.state\n\t\tconst { fromTestPaper } = this.props\n\t\tlet filterData: any = [];\n\t\tconst questionFiltersToRemove = AUTHORING_QUESTION_CONTENT_TYPES.filter(type => type !== AUTHORING_CONTENT_TYPES.GLORIFIRE_QUESTION);\n \tconst testFiltersToRemove = AUTHORING_TEST_CONTENT_TYPES.filter(type => type !== AUTHORING_CONTENT_TYPES.GLORIFIRE_TESTPAPERS);\n\t\tconst contentFiltersToRemove = [...questionFiltersToRemove, ...testFiltersToRemove, ...CONTENT_TYPES_TO_HIDE_FROM_FILTER];\n\t\tconst currentYear = new Date().getFullYear();\n\t\tconst previousYears = Array.from(Array(currentYear - PREVIOUS_CONTENT_START_YEAR + 1).keys(), i => i + PREVIOUS_CONTENT_START_YEAR).map(String);\n\n\n\t\t//create content filter\n\t\tlet contentFilter: any = {\n\t\t\tfilterTitle: 'Content Type',\n\t\t\tfilterValue: 'contentType',\n\t\t\tisSelected: false,\n\t\t\tdisabled: false,\n\t\t\tfilters: []\n\t\t}\n\n\t\t_.map(contentType.list, ct => {\n\t\t\tif(contentFiltersToRemove.includes(ct.code)) return null;\n\t\t\tlet ctf: any = {\n\t\t\t\tfilterTitle: ct.name,\n\t\t\t\tfilterValue: ct.code,\n\t\t\t\tisSelected: false,\n\t\t\t\tdisabled: false,\n\t\t\t\tfilters: []\n\t\t\t}\n\t\t\tif (ct.code == \"question\") {\n\t\t\t\t_.map(contentSubtype.question, q => {\n\t\t\t\t\tlet qf: any = {\n\t\t\t\t\t\tfilterTitle: q.name,\n\t\t\t\t\t\tfilterValue: q.code,\n\t\t\t\t\t\tisSelected: false,\n\t\t\t\t\t\tdisabled: false,\n\t\t\t\t\t\tfilters: []\n\t\t\t\t\t}\n\n\t\t\t\t\tctf.filters.push(qf);\n\t\t\t\t});\n\t\t\t}\n\t\t\tif (ct.code == 'studymaterial') {\n\t\t\t\t_.map(contentSubtype.studymaterial, t => {\n\t\t\t\t\tlet tf: any = {\n\t\t\t\t\t\tfilterTitle: t.name,\n\t\t\t\t\t\tfilterValue: t.code,\n\t\t\t\t\t\tisSelected: false,\n\t\t\t\t\t\tdisabled: false,\n\t\t\t\t\t\tfilters: []\n\t\t\t\t\t};\n\t\t\t\t\tctf.filters.push(tf);\n\t\t\t\t})\n\t\t\t}\n\n\t\t\tcontentFilter.filters.push(ctf);\n\t\t})\n\n\n\t\t//create status filter\n\t\tlet statusFilter: any = {\n\t\t\tfilterTitle: 'Status',\n\t\t\tfilterValue: 'status',\n\t\t\tisSelected: false,\n\t\t\tdisabled: false,\n\t\t\tfilters: []\n\t\t}\n\n\t\t_.map(contentStatus.list, cs => {\n\t\t\tlet ctf: any = {\n\t\t\t\tfilterTitle: cs.name,\n\t\t\t\tfilterValue: cs.code,\n\t\t\t\tisSelected: false,\n\t\t\t\tdisabled: false,\n\t\t\t\tfilters: []\n\t\t\t}\n\n\t\t\tstatusFilter.filters.push(ctf);\n\t\t});\n\n\t\t//previous year filter\n\t\tlet previousYearFilter: any = {\n\t\t\tfilterTitle: 'Previous Year Content',\n\t\t\tfilterValue: FILTER_CATEGORIES.PREVIOUS_YEAR_CONTENT,\n\t\t\tisSelected: false,\n\t\t\tdisabled: false,\n\t\t\tfilters: []\n\t\t}\n\n\t\tpreviousYears.forEach((year: any) => {\n\t\t\tlet yearFiler: any = {\n\t\t\t\tfilterTitle: year,\n\t\t\t\tfilterValue: year,\n\t\t\t\tisSelected: false,\n\t\t\t\tdisabled: false,\n\t\t\t\tfilters: []\n\t\t\t}\n\t\t\tpreviousYearFilter.filters.push(yearFiler);\n\t\t})\n\n\t\t// difficulty filter\n\t\tlet difficulties = ['Easy', 'Medium', \"Difficult\"]\n\t\tlet difficultyFilter: any = {\n\t\t\tfilterTitle: \"Difficulty\",\n\t\t\tfilterValue: \"difficulty\",\n\t\t\tisSelected: false,\n\t\t\tdisabled: false,\n\t\t\tfilters: []\n\t\t}\n\n\t\t_.map(difficulties, (difficulty: any) => {\n\t\t\tlet ctf: any = {\n\t\t\t\tfilterTitle: difficulty,\n\t\t\t\tfilterValue: difficulty,\n\t\t\t\tisSelected: false,\n\t\t\t\tdisabled: false,\n\t\t\t\tfilters: []\n\t\t\t}\n\t\t\tdifficultyFilter.filters.push(ctf);\n\n\t\t});\n\n\t\t// skill filter\n\t\tlet skills = ['Conceptual', 'Analytical', \"Intuitive\"]\n\t\tlet skillFilter: any = {\n\t\t\tfilterTitle: \"Skill\",\n\t\t\tfilterValue: \"skill\",\n\t\t\tisSelected: false,\n\t\t\tdisabled: false,\n\t\t\tfilters: []\n\t\t}\n\n\t\t_.map(skills, (skill: any) => {\n\t\t\tlet ctf: any = {\n\t\t\t\tfilterTitle: skill,\n\t\t\t\tfilterValue: skill,\n\t\t\t\tisSelected: false,\n\t\t\t\tdisabled: false,\n\t\t\t\tfilters: []\n\t\t\t}\n\n\t\t\tskillFilter.filters.push(ctf);\n\n\t\t});\n\n\t\t//set data\n\t\tfilterData.push(statusFilter);\n\t\tfilterData.push(contentFilter);\n\t\tfilterData.push(previousYearFilter);\n\t\tfilterData.push(difficultyFilter);\n\t\tfilterData.push(skillFilter);\n\t\tfilterData = [...filterData];\n\n\t\tfilterData = filterData.filter((f: any) => !_.isEmpty(f))\n\t\tconst { contentFilterData } = filterContent\n\t\tif (contentFilterData && contentFilterData.length) {\n\t\t\tcontentFilterData.forEach((icf: any) => {\n\t\t\t\tfilterData.forEach((f: any) => {\n\n\t\t\t\t\t//found upper level - content type, status\n\t\t\t\t\tif (icf.filterValue == f.filterValue) {\n\n\t\t\t\t\t\ticf.filters.forEach((icff: any) => {\n\t\t\t\t\t\t\tf.filters.forEach((ff: any) => {\n\n\t\t\t\t\t\t\t\tif (fromTestPaper) {\n\t\t\t\t\t\t\t\t\tff.disabled = true\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t//found level 2 - question, study material\n\t\t\t\t\t\t\t\tif (icff.filterValue == ff.filterValue) {\n\t\t\t\t\t\t\t\t\tff.isSelected = icff.isSelected\n\t\t\t\t\t\t\t\t\tff.filters.forEach((fff: any) => {\n\t\t\t\t\t\t\t\t\t\ticff.filters.forEach((icfff: any) => {\n\t\t\t\t\t\t\t\t\t\t\tif (fromTestPaper) {\n\t\t\t\t\t\t\t\t\t\t\t\tfff.disabled = true\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t//found level 3 - mcq, mmcq\n\t\t\t\t\t\t\t\t\t\t\tif (icfff.filterValue == fff.filterValue) {\n\t\t\t\t\t\t\t\t\t\t\t\tif (this.props.selectedContentType === 'chapter') {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (fff.filterValue === 'concept') {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfff.isSelected = false\n\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfff.isSelected = icfff.isSelected;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t} else if (this.props.selectedContentType === 'concept') {\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (fff.filterValue === 'chap') {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfff.isSelected = false;\n\t\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfff.isSelected = icfff.isSelected;\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\t\t\tfff.isSelected = icfff.isSelected;\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t})\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\t\t}\n\t\tfilterContent.contentFilterData = filterData;\n\n\t\tthis.setState({ filterContent, isFilterBuilt: true });\n\t}\n\n\thandleHover = () => {\n\t\tthis.setState({\n\t\t\tshowTooltipExpand: !this.state.showTooltipExpand\n\t\t})\n\t}\n\n\tselectPageItem = (e: any) => {\n\t\tthis.setState({\n\t\t\tisAllItemSelected: !this.state.isAllItemSelected,\n\t\t\tanchorEl: e.currentTarget\n\t\t});\n\t}\n\n\tshowStatusList = () => {\n\t\tconst { classes } = this.props;\n\t\treturn (<>\n\t\t\t\n\t\t\t\t\t\t\t\t\t this.filterExpandClick(e.target)}\n\t\t\t\t\t\t\t\t\t\taria-expanded={expandedFilter}\n\t\t\t\t\t\t\t\t\t\taria-label=\"show more\"\n\t\t\t\t\t\t\t\t\t\tid={item.filterTitle}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\t\n\t\t\t\t this.handleGoalsSectionClick.bind(this, value)} goals={goals} fromCourse={fromCourse} goalsDriller={filterContent.goalsDriller} goaldsDrillerChanged={this.goaldsDrillerChanged} getTopSpacing={this.getTopSpacing} filterContent={filterContent} alwaysFetchCoursesInGoalDriller={this.props.alwaysFetchCoursesInGoalDriller} isConcept={this.props.isConcept} isCourse={this.props.isCourse} isChapter={this.props.isChapter} selectedBucketType={selectedBucketType} handleGoalsDrillerToggle={this.handleGoalsDrillerToggle.bind(this)} />\n\t\t\t\t
\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowTooltipExpand &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t) => this.handleAddFilterClose(e)}>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t */}\n\t\t\t\t\t\t\t \n\t\t\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tApplied Filter \n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{this.filterChip(true)}
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{this.isUserTeacher && notStudentUser && !fromTestPaper && (contentMenu == VALIDATION.VALIDATION_REQUEST) && showInfoForResubmitted &&\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{contentMenu !== VALIDATION.VALIDATION_REQUEST && isSelectAllRequired &&\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.filterSearchAccordingToTags(data)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclearSearchData={this.clearSearchResults} isSearchBoxClicked={() => {this.setState({isSearchBoxClicked: true})}}\t\t\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"heightSet\" />\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{VALIDATION.TABS.includes(contentMenu) && this.setState({ legendDialogVisible: true, validationDialogInfoType: VALIDATION_DIALOG_INFO_TYPES.LEGEND })} className={classes.legendText}>View Legends}\n\t\t\t\t\t\t\t\t\t\t this.setState({ legendDialogVisible: false })}\n\t\t\t\t\t\t\t\t\t\t\totherDialogProps={{\n\t\t\t\t\t\t\t\t\t\t\t\tfullWidth: true,\n\t\t\t\t\t\t\t\t\t\t\t\tmaxWidth: 'sm',\n\t\t\t\t\t\t\t\t\t\t\t\tscroll: 'body',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\tdialogHeading={\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\tInformation\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tcustomDialogActions={\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t\t\t\t
- this.setState({ validationDialogInfoType: VALIDATION_DIALOG_INFO_TYPES.LEGEND })} className={cx({ 'active': validationDialogInfoType === VALIDATION_DIALOG_INFO_TYPES.LEGEND })}>Legends \n\t\t\t\t\t\t\t\t\t\t\t\t\t
- this.setState({ validationDialogInfoType: VALIDATION_DIALOG_INFO_TYPES.OTHER })} className={cx({ 'active': validationDialogInfoType === VALIDATION_DIALOG_INFO_TYPES.OTHER })}>Other Information \n\t\t\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\t\t\t{getPropertyValue(VALIDATION_DIALOG_DATA, `${contentMenu}.${validationDialogInfoType}`, []).map((data: any, index: number) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
{data.title}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t{data.description}
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tthis.state.selectedContents.length > 0 /* || (selectAllContent || selectedContentsAll) && this.state.selectedContents.length > 0) */\n\t\t\t\t\t\t\t\t&& (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tThe question highlighted with this mark requires your immediate action. Failure to take action within 7 days will result in re-assignment of these questions and loss of all validation points gained for such questions.
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t} */}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
) : <>\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tSearch for
\n\t\t\t\t\t\t\t\t\t- \n\t\t\t\t\t\t\t\t\t\t{ tagsPool.map((tags: any, index: number) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t
- \n\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t this.setState({clearTagModal: true})} className='heading'>Clear All\n\t\t\t\t\t\t\t\t\t\t{ isWidthReached && this.setState({seeAllTags: !seeAllTags})} className='arrow'> }\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\n\t\t);\n\t}\n}\n\nconst mapStateToProps = (state: any) => ({\n\tuserId: _.get(state, \"loginData.userData.authenticatedUser._id\", \"a\"),\n\tcontentList: _.get(state, 'mylibraryData.content.list', []),\n\tcontentStatusCode: _.get(state, 'mylibraryData.content.statusCode', []),\n\n\t// from testpaper\n\tcontentType: _.get(state, 'mylibraryData.contentType', {}),\n\tcontentSubtype: _.get(state, 'mylibraryData.contentSubtype', {}),\n\tcontentStatus: _.get(state, 'mylibraryData.contentStatus', {}),\n\tcontentTags: _.get(state, 'mylibraryData.contentTags', []),\n\tcourses: _.get(state, 'mylibraryData.courses', []),\n\tfilterBy: _.get(state, 'mylibraryData.filterByUser', []),\n\tclassesData: _.get(state, 'mylibraryData.classes', {}),\n\tuserData: state.loginData.userData,\n\tloggedInUserData:\n\t\tstate.loginData.userData &&\n\t\tstate.loginData.userData.loggedInUserData,\n\tshowLicenseExpiredDialog:\n\t\tstate.loginData.userData &&\n\t\tstate.loginData.userData.showLicenseExpiredDialog,\n\tisPostExpiryDays:\n\t\tstate.loginData.userData &&\n\t\tstate.loginData.userData.isPostExpiryDays,\n\tisQuestionSubtypeLoaded: ((state.mylibraryData || {}).contentSubtype || {}).isQuestionSubtypeLoaded,\n\tisStudyMaterialSubtypeLoaded: ((state.mylibraryData || {}).contentSubtype || {}).isStudyMaterialSubtypeLoaded, \n\n});\n\nconst mapDispatchToProps = (dispatch: any) => bindActionCreators(\n\t{\n\t\tcontentActionList: contentActions.list,\n\t\tclearContentListData: contentActions.clearContentListData,\n\n\t\t// from testpaper\n\t\tcontentStatusList: contentStatusActions.list,\n\t\tcontentTypeList: contentTypeActions.list,\n\t\tcontentSubtypeList: contentSubtypeActions.list,\n\t\tcontentSubtypeByContentTypeCode: contentSubtypeActions.contentSubtypeByContentTypeCode,\n\t\tcontentTagsList: contentTagsActions.contentTagsList,\n\t\tcoursesList: coursesActions.coursesList,\n\t\tuserFilterList: contentActions.userList,\n\t\tclassesList,\n\t\ttoggleLicenseExpiredDialog,\n\t\tshowMsg: showMsg,\n\t\tcontentValidationStatusList: contentStatusActions.validationList\n\t},\n\tdispatch\n);\n\n// @ts-ignore\nexport default connect(mapStateToProps, mapDispatchToProps)(withStyles(styles)(WithContent));","import { QUESTION_TYPE } from \"../../../constants/comman\";\nimport { GenericPreviousExamItem, PreviousExamItem } from \"../types/PreviousYearsQuestion\";\nimport _ from 'lodash';\nimport ContentFormData from \"../types/ContentFormData\";\nexport const isQuestionTypeAllowed = (questionTypeCode: number) => {\n \n let questionTypeIsAllowed = true;\n const allowedQuestionTypeCodes = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];\n questionTypeIsAllowed = allowedQuestionTypeCodes.includes(questionTypeCode);\n \n return questionTypeIsAllowed;\n }\n\nexport const getQuestionType = (questionTypeCode: string) => {\n const questionType = QUESTION_TYPE[questionTypeCode];\n \n return questionType;\n}\nexport const getGenericPrevExams=(questionId:string,questionPreviousExams:{[key:string]:PreviousExamItem []})=>{\n \n const errorQuestionPrevExams:PreviousExamItem[]=[... questionPreviousExams[questionId]];\n let errorState=false;\n const previousExams:GenericPreviousExamItem []=[];\n\n questionPreviousExams[questionId].forEach((ele:any,index:any)=>{\n if(_.isEmpty(ele.year) && !_.isEmpty(ele.id)){\n errorQuestionPrevExams[index]={...errorQuestionPrevExams[index],error:true};\n errorState=true; \n }\n ele.year.forEach((y:string)=>{\n previousExams.push({\n id:ele.id,year:+y,name:ele.name\n });\n });\n });\n const result:[GenericPreviousExamItem[],boolean,PreviousExamItem[]]=[previousExams,errorState,errorQuestionPrevExams]\n return result; \n}\nexport const setCustomAnswerKey=(formData:ContentFormData):any=>{\n const sectionsArray=_.get(formData,\"data.sections\",[]);\n return sectionsArray.forEach((sec:any,index:number)=>{\n sec.subSection.forEach((subSec:any,innerIndx:number)=>{\n if(subSec.quesCodeAllowed===7){ \n subSec.customAnswer=false; \n const customAns=_.get(subSec,\"questions\",[]).find((q:any)=>{\n return _.get(q,\"qId.content[0].customAnswer\",false) ||_.get(q,\"content_Id.customAnswer\",false) ;\n });\n if(customAns){\n subSec.customAnswer=true;\n }else{\n subSec.customAnswer=false;\n }\n }\n if(index==sectionsArray.length-1 && innerIndx===subSec.length-1){\n return {formData,data:formData.data};\n } \n });\n \n console.log(\"Outer\"); \n })\n}\n","import React from 'react';\nimport { Grid, Typography, Tooltip, Button, WithStyles } from '@material-ui/core';\nimport DeletePopUp from '../wrapperComponent/popUps';\nimport { MyPATLink } from '../../../../common';\nimport { getPageNumber } from './utils';\nimport styles from './RemedialQuestionStyles';\nimport { REMEDIAL_QUESTION_DELETE_TEXT } from './stringConstant';\n\ninterface RemedialSelectedIndivualComponentProps extends WithStylesClear Tags
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tAre you sure you want to clear all saved search tags?\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\tthis.setState({ clearTagModal: false})\n\t\t\t\t\t\t\t\t\t}} \n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tNo\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\tYes\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n \n \n \n \n \n \n \n \n \n \n \n ID:{' '}\n \n \n {pageState[pageKeyName].question.searchId.toUpperCase()}\n \n \n \n \n \n \n \n \n handleOpenDeleteDialog(pageKeyName)}\n >\n \n \n \n \n \n \n handleReplaceQuestion(pageKeyName)}\n >\n ![\"Replace\"](\"/assets/svg/learn/flipQuestion.svg\")
\n \n \n \n handleDeletePageWithPopUp(deleteKeyForPage)}\n deleteText={REMEDIAL_QUESTION_DELETE_TEXT}\n />\n \n
\n );\n};\n\nexport default RemedialSelectedIndivualComponent;\n","export const REMEDIAL_QUESTION = 'Remedial Question';\nexport const ADD_QUESTION = 'Add Question';\nexport const SEARCH = 'search'\nexport const SEARHC_QUESTION_ID = 'Search question id';\nexport const OR = 'OR';\nexport const CHOOSE_FROM_LIBRARY = 'Choose from Library';\nexport const ERROR_MESSAGE_CONTENT_ID = \"Either content Id is not valid or it is a draft content.\";\nexport const ERROR = \"error\";\nexport const ADD_COMMON_QSTN = 'Each question in Remedial Questions is tagged individually';\nexport const SUCCESS = 'success';\nexport const REMEDIAL_QUESTION_DELETE_TEXT = 'Are you sure you want to delete this Question';","\nimport { DialogContent, DialogTitle, IconButton, withStyles } from '@material-ui/core';\n// @ts-ignore\nimport React, { useState, useEffect } from 'react';\nimport { connect } from 'react-redux';\nimport { bindActionCreators } from 'redux';\nimport {\n WithStyles,\n Typography,\n Grid,\n Button,\n Dialog,\n} from '@material-ui/core';\nimport cx from \"classnames\";\nimport styles from './RemedialQuestionStyles';\nimport PerfectScrollbar from 'react-perfect-scrollbar';\nimport {\n NavigateBeforeOutlined as BackIcon,\n} from \"@material-ui/icons\";\nimport { MyPATExpansionPanel, MyPATMultiSearch } from '../../../../common';\nimport CustomInfoIcon from '../../../../common/CustomInfoIcon';\nimport { ADD_COMMON_QSTN, ADD_QUESTION, CHOOSE_FROM_LIBRARY, ERROR, ERROR_MESSAGE_CONTENT_ID, OR, REMEDIAL_QUESTION, SEARCH, SEARHC_QUESTION_ID, SUCCESS } from './stringConstant';\nimport ContentData from '../../../types/ContentData';\nimport DeletePopUp from '../wrapperComponent/popUps';\nimport { CONTENT_LIST_LIMIT, FilterValues, InitialState, PAGE_CONTENT_TYPE, PROPS_REMEDIAL_KEY, PageKeys, QUESTION_LIMIT, REMEDIAL_PAGE_KEY } from './RemedialQuestionConstants';\nimport { CONTENT_SECTION_KEYS, CONTENT_SECTION_TYPES, CONTENT_STATES, QUESTION_TYPES } from '../../../../../constants/comman';\nimport contentService from '../../../services/contentService';\nimport { showMsg } from '../../../../course/actions/loaderAlert';\nimport { DEFAULT_PAGE_STATE, REMEDIAL_KEY, initialQuestionState, remedialQuestionActions } from '../../../reducers/remedialQuestionReducer';\nimport { formatRemedialQuestionApi, getNumberFromString, getPageNumber } from './utils';\nimport WithContent from \"../../../containers/WithContent\";\nimport { isQuestionTypeAllowed } from '../../../helper/questionTab';\nimport contentActions from '../../../actions/contentActions';\nimport { questionActions } from '../../../reducers/questionCreateReducer';\nimport RemedialSelectedIndivualComponent from './RemedialSelectedIndivualComponent'\nimport { getPropertyValue } from '../../../../../utils';\n\n\ninterface RemedialQuestionProps extends WithStylesQ.{pageNo}
\n \n \n \n \n \n \n \n {OR} \n \n \n
\n )\n )\n }\n\n const handleCrossIconPage = (pageNameKey: string) => {\n setDeletePopUpDialogForPage(true);\n setDeleteKeyForPage(pageNameKey);\n }\n\n const renderPageCrossIconComponent = (pageNameKey: string) => {\n if (pageNameKey === PageKeys.Page1) {\n return null;\n }\n return (\n \n {`Q.${pageNo}`}\n
\n \n suggestionSelection(contentData, pageKey)}\n values=\"\"\n isSearchAble\n isCustomFilter\n filtredFunction={getSearchResults}\n name={SEARCH}\n placeholderText={SEARHC_QUESTION_ID}\n />\n
\n\n \n handleChooseFromLibrary(pageKey)}\n target=\"_blank\"\n >\n {CHOOSE_FROM_LIBRARY}\n \n
\n \n handleCrossIconPage(pageNameKey)}\n >\n ![\"Cancel](\"/assets/svg/learn/closePanel.svg\")
\n \n handleDeletePageWithPopUpPage(deleteKeyForPage)}\n />\n
\n )\n }\n\n const renderAddQuestion = (pageKey: string, hideAddComponet: boolean) => {\n const addQuestionClass = !hideAddComponet ? classes.addQuestionContainer : cx(classes.addQuestionContainer, classes.flexEnd)\n return (\n \n \n \n {!hideAddComponet && (\n {`${ADD_QUESTION}`}\n )}\n {renderPageCrossIconComponent(pageKey)}\n
\n )\n }\n\n const renderRemedialQuestionListComponent = () => {\n return Object.keys(pageState).map((key, index) => {\n const pageName = `Question ${index + 1}`;\n const pageKey = `page${index + 1}`;\n const showAddQuestionComponent = !(\n getPropertyValue(pageState, `${pageKey}.question.title`) ||\n getPropertyValue(pageState, `${pageKey}.question.customDescription`) ||\n getPropertyValue(pageState, `${pageKey}.question.content_Id`)\n );\n return (\n <>\n \n {renderAddQuestion(pageKey, showAddQuestionComponent)}\n {\n showAddQuestionComponent\n ? renderRemedialQuestionInnrerContainer(pageKey)\n : renderselectedQuestionComponent(pageKey)\n }\n
\n \n );\n });\n }\n\n const handleOpenDeleteDialog = (deleteKey: string) => {\n setDeletePopUpDialog(true);\n setDeleteKeyForPage(deleteKey);\n }\n\n const renderselectedQuestionComponent = (pageKeyName: any) => {\n return (\n \n handleAddPage()}\n disabled={pageLength >= QUESTION_LIMIT.MAX_LIMIT}\n >\n + Add Question\n \n
\n )\n }\n\n const getQuestionLimit = () => {\n return replaceQuestion ? QUESTION_LIMIT.REPLACE_QUESTION : addCommonRemedialQuestion ? QUESTION_LIMIT.MAX_LIMIT : Math.max(QUESTION_LIMIT.MAX_LIMIT - existingQuestions.length, 0);\n }\n\n const filterDuplicatePassage = (contentList: any[]): any[] => {\n const passageSet = new Set\n \n <>\n \n \n \n \n \n \n {selectedQuestionCount}/{questionLimit} Selected\n \n questionLimit || selectedQuestionCount === 0}\n >\n Add Content\n \n \n \n \n \n \n \n { }}\n selectedFilterContent={preSelectedFilterContent}\n fromTestPaper={true}\n type={REMEDIAL_PAGE_KEY.QUESTION}\n removeDisabilityFromCheckBox={true}\n isSelectAllRequired={false}\n contentCreateOption={false}\n fromNotes={true}\n bucketsToDisplay={[CONTENT_SECTION_TYPES[0]]}\n preSelectedBucket={CONTENT_SECTION_KEYS.GLORIFIRE}\n />\n \n \n
\n \n )\n }\n\n return (\n \n\t\t\t\t\n\t\t\t\t\tTo add common remedial question(s) to all the sub-questions of this paragraph.\n\t\t\t\t\n\t\t\t\t this.handleCommonRemedialQuestion(true)}>\n\t\t\t\t\tClick Here\n\t\t\t\t\n\t\t\t
\n\t\t)\n\t}\n\trender() {\n\t\tconst { classes, formData, isValidAttempts, formDataError, type, subType, content: _content, contentId,\n\t\t\tclickedfeedbackData, handleOptionSettingsChange, openFeedback, editRights, questionSpecialPurposes,\n\t\t\tactiveValidationFeedbackSection, handleAddCommentInFeedback, activeValidationFeedbackData, createNewValidationFeedback , feedbackActionId, showRemedial} = this.props;\n\t\tlet { isPageLoad, questionTypes, isOpen, tag, selectedIndex, selectedQuestionIndex } = this.state;\n\t\tconst { content } = formData;\n\t\tlet questionType = questionTypes;\n\t\tlet count = 0;\n\t\tconst localStorageValue: any = localStorage.getItem('passageData');\n\t\tif (localStorageValue && !this.props.fromFeedback) {\n\t\t\tconst localStorageVal = JSON.parse(localStorageValue);\n\t\t\tconst { type: questionTypeData = '', countData = 0, code = '0' } = localStorageVal;\n\t\t\tlet typeOfQuestion: any = [];\n\t\t\ttypeOfQuestion.push({\n\t\t\t\tid: Number(code),\n\t\t\t\tname: questionTypeData\n\t\t\t});\n\t\t\tquestionType = typeOfQuestion;\n\t\t\tcount = countData;\n\t\t}\n\t\tconst lockData = _.get(formData, 'lockData')\n\t\tlet isLock = false\n\t\tlet message = ''\n\t\tif (lockData) {\n\t\t\tisLock = lockData.isLock\n\t\t\tmessage = lockData.message\n\t\t}\n\t\tlet questionId = contentId ? contentId.split('question')[0] : contentId;\n\n\t\t//@ts-ignore\n\t\tif (formData.passageInfo && formData.passageInfo.totalQuestion > 0) {\n\t\t\t//@ts-ignore\n\t\t\tformData.totalQuestion = formData.passageInfo.totalQuestion\n\t\t}\n\t\tformData.totalQuestion = _content.masterVariationQuestionId\n\t\t\t? _content.masterVariationQuestionData.totalQuestion\n\t\t\t: formData.totalQuestion\n\t\tlet noQs = _.range(2, 26);\n\t\tlet c = content[selectedQuestionIndex - 1]\n\t\tlet questionArray: any[] = this.getSliderContentArray(formData.content)\n\t\tconst isFtre = questionSpecialPurposes.includes(CONTENT_SPECIAL_PURPOSES.FTRE);\n\t\tconst isAitsOrNationalLevel = questionSpecialPurposes.includes(CONTENT_SECTION_KEYS.NATIONAL_LEVEL_TEST) || questionSpecialPurposes.includes(CONTENT_SECTION_KEYS.AITS);\n\t\tconst isGlorifire = !isFtre && !isAitsOrNationalLevel;\n\t\tconst studentUser = getUserType(USER_TYPE.STUDENT);\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{\n\t\t\t\t\t_content.masterVariationQuestionId && (\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t \n\t\t\t\t\t
\n\t\t\t\t\n\n\t\t\t\t{\n\t\t\t\t\tformData.totalQuestion && formData.totalQuestion > 0 && _.get(content, '[0].typeOfQuestion', -1) != -1 ?\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{this.renderCommonRemedialSelectCta()}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tType of Questions\n\t\t\t\t\t\t\t\t\t\t\t*\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t 0 ? content[0].typeOfQuestion : -1}\n\t\t\t\t\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t\t\t\t\tonChange={this.handleCommonType.bind(this)}\n\t\t\t\t\t\t\t\t\t\t\tfullWidthControl\n\t\t\t\t\t\t\t\t\t\t\tdisabled={_.get(content, '[0].typeOfQuestion', -1) != -1}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{questionType ? this.returnQuestionType(questionType) : this.returnSelectQuestion(questionTypes)}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\tNo. of Questions \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{count ? this.returnCountOfQuestion(count) : this.returnNoOfQuestion(noQs)}\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\tClick on the Icon
and drag the selections for resequencing as per your preferences \n\t\t\t\t\t\t\t\t\t\t\t\tYou can also remove any option by clicking the Delete button that appears when you hover over it\"\n\t\t\t\t\t\t\t\t\t\t\t\tdetails=\"Click to know more\"\n\t\t\t\t\t\t\t\t\t\t\t\ttoolTipDirection=\"top\" />\n\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\terror={_.get(formDataError, `questions[${selectedQuestionIndex - 1}].optionsContent.error`, false)}\n\t\t\t\t\t\t\t\t\terrorText={_.get(formDataError, `questions[${selectedQuestionIndex - 1}].optionsContent.errorText`, \"\")}\n\t\t\t\t\t\t\t\t>\n\n\t\t\t\t\t\t\t\t\t{content[selectedQuestionIndex - 1] && c.settings && c.settings.option &&\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\tDefine Option List\n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t{content[selectedQuestionIndex - 1] && _.map(c.optionsContent, (option, index: number) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t this.onDragOver(selectedQuestionIndex - 1, index)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{option.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t */}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{option.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t this.onDragStart(e, selectedQuestionIndex - 1, index)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonDragEnd={this.onDragEnd}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tendAdorment={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsubType != '2' && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* \n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t */}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t+ Add\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tSet Correct Answer \n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tformData.status === CONTENT_STATES.PUBLISHED && isValidAttempts &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tformData.content[selectedQuestionIndex - 1].alternateAnswer = alternateAnswer\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.handleFormChange(formData)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcorrectAnswer={_.get(formData, `content[${selectedQuestionIndex - 1}].correctAnswer`, false)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tchangeHandler={(_correctAnswer: any) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tformData.content[selectedQuestionIndex - 1].correctAnswer = _correctAnswer\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tthis.props.handleFormChange(formData)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t \n\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\tAttention\n\t\t\t\t\t\t\t\t\t\t\t![\"Attention\"](\"https://mypat-v2-prod.s3-us-west-2.amazonaws.com/webcontent/cms/attention.png\")
\n\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t{message}
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t