gotPage('/manage_account')}>\r\n Manage account
\r\n ),\r\n key: '1',\r\n icon: Logout
,\r\n key: '2',\r\n icon: gotPage('/managequestions')}>\r\n Manage Questions
\r\n ),\r\n key: '3',\r\n icon: \r\n Hi, {AuthStore.firstName}\r\n
\r\n ),\r\n key: '4',\r\n icon: handledownload('/manage_account')}>\r\n Manage account
\r\n ),\r\n key: '1',\r\n icon: handledownload('/manage_account')}>Logout
,\r\n key: '2',\r\n icon: gotPage('/')}>\r\n {/* 
*/}\r\n
\r\n\r\n {/* \r\n gotPage('/')}>\r\n home\r\n \r\n | */}\r\n {/* \r\n e.preventDefault()}>\r\n \r\n Hover me\r\n \r\n \r\n */}\r\n {/* | */}\r\n {/* {usertype == 1 && (\r\n <>\r\n gotPage('/managequestions')}>\r\n
*/}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n gotPage('/')}>\r\n home\r\n \r\n |\r\n\r\n {/* Hide these items in mobile view */}\r\n {!isMobileView && usertype == 1 && (\r\n <>\r\n gotPage('/managequestions')}>\r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n HFS Survey Vault
}\r\n \r\n \r\n {nexttext != '' ? nexttext : 'Next'}\r\n \r\n {isBack && (\r\n \r\n )}\r\n {isReset && (\r\n \r\n )}\r\n
\r\n );\r\n};\r\n\r\nexport default Navigation;\r\n","import { createSlice } from '@reduxjs/toolkit';\r\n\r\nconst INITIAL_STATE = {\r\n loader: false,\r\n questionLoader: false,\r\n clientLoader: false,\r\n getList: false,\r\n alertMsg: '',\r\n catgoriesList: [],\r\n selectedCategories: [],\r\n years: [],\r\n questionnaireNames: [],\r\n questionData: [],\r\n isFetch: false\r\n};\r\n\r\nconst categorySlice = createSlice({\r\n name: 'category',\r\n initialState: INITIAL_STATE,\r\n reducers: {\r\n getCategoryList(state) {\r\n state.loader = true;\r\n state.getList = false;\r\n state.isFetch = false;\r\n },\r\n setCategories(state, { payload }) {\r\n state.loader = false;\r\n state.getList = true;\r\n state.catgoriesList = payload;\r\n },\r\n startLoading(state) {\r\n state.loader = true;\r\n state.getList = false;\r\n },\r\n stopLoading(state) {\r\n state.loader = false;\r\n },\r\n setNewUser(state) {\r\n state.loader = false;\r\n state.getList = true;\r\n },\r\n resetStateOnUnmount(state) {\r\n state.getList = false;\r\n state.alertMsg = '';\r\n },\r\n setSelectedCategories(state, { _, payload }) {\r\n state.selectedCategories = payload;\r\n },\r\n getQuestionList(state) {\r\n state.questionLoader = true;\r\n state.getList = false;\r\n },\r\n stopQuesLoading(state) {\r\n state.questionLoader = false;\r\n },\r\n getClientList(state) {\r\n state.clientLoader = true;\r\n state.getList = false;\r\n },\r\n stopClientLoading(state) {\r\n state.clientLoader = false;\r\n },\r\n starQuestiontLoading(state) {\r\n state.loader = true;\r\n state.getList = false;\r\n },\r\n setYears(state, { payload }) {\r\n state.questionLoader = false;\r\n state.getList = true;\r\n state.years = payload;\r\n },\r\n setQuestionnaireNames(state, { payload }) {\r\n state.questionLoader = false;\r\n state.getList = true;\r\n state.questionnaireNames = payload;\r\n },\r\n setClientNames(state, { payload }) {\r\n state.clientLoader = false;\r\n state.getList = true;\r\n state.clientNames = payload;\r\n },\r\n setQuestionData(state, { payload }) {\r\n state.isFetch = true;\r\n state.questionLoader = false;\r\n state.getList = true;\r\n state.questionData = payload;\r\n },\r\n emptyQuestionData(state) {\r\n state.isFetch = false;\r\n state.questionLoader = false;\r\n state.getList = false;\r\n state.questionData = [];\r\n }\r\n }\r\n});\r\n\r\nexport const categoryAction = categorySlice.actions;\r\n\r\nexport default categorySlice.reducer;\r\n","import { createSlice } from '@reduxjs/toolkit';\r\nimport { AUTH_STATUS } from 'common/constants';\r\n\r\nconst INITIAL_STATE = {\r\n isAuthorized: AUTH_STATUS.Unauthorized,\r\n loading: false,\r\n tokenExpired: false,\r\n userData: {},\r\n isError: false,\r\n errorDetails: {},\r\n userRole: {},\r\n userProfile: {}\r\n};\r\n\r\nconst authSlice = createSlice({\r\n name: 'auth',\r\n initialState: INITIAL_STATE,\r\n reducers: {\r\n getUserInfo(state) {\r\n state.loading = true;\r\n state.isAuthorized = AUTH_STATUS.Pending;\r\n },\r\n stopLoading(state) {\r\n state.loading = false;\r\n },\r\n startLoading(state) {\r\n state.loading = true;\r\n },\r\n setUserInfo(state, { payload = {} }) {\r\n state.isAuthorized = AUTH_STATUS.Authorized;\r\n state.isError = false;\r\n state.userData = payload;\r\n state.loading = false;\r\n },\r\n authError(state) {\r\n state.loading = false;\r\n state.isAuthorized = AUTH_STATUS.Unauthorized;\r\n },\r\n setTokenExpired(state) {\r\n // state.isAuthorized = AUTH_STATUS.Unauthorized;\r\n state.tokenExpired = true;\r\n },\r\n\r\n setError(state, { payload }) {\r\n if (!payload.isError) {\r\n state.isError = false;\r\n state.errorDetails = {};\r\n } else {\r\n state.isError = true;\r\n state.errorDetails = payload.error;\r\n }\r\n },\r\n loginfalse(state) {\r\n state.isAuthorized = AUTH_STATUS.Authorized;\r\n state.loading = false;\r\n },\r\n getUserRole(state) {\r\n state.loading = true;\r\n },\r\n setUserRole(state, { payload = {} }) {\r\n state.loading = true;\r\n state.userRole = payload;\r\n },\r\n setUserProfile(state, { payload }) {\r\n state.userProfile = payload;\r\n }\r\n }\r\n});\r\n\r\nexport const authAction = authSlice.actions;\r\n\r\nexport default authSlice.reducer;\r\n","import { createSlice } from '@reduxjs/toolkit';\r\n\r\nconst INITIAL_STATE = {\r\n loader: false,\r\n getList: false,\r\n alertMsg: '',\r\n questionsList: [],\r\n selectedQuestions: [],\r\n reportName: ''\r\n};\r\n\r\nconst questionSlice = createSlice({\r\n name: 'questions',\r\n initialState: INITIAL_STATE,\r\n reducers: {\r\n getQuestionList(state) {\r\n state.loader = true;\r\n state.getList = false;\r\n },\r\n setQuestions(state, { payload }) {\r\n state.loader = false;\r\n state.getList = true;\r\n state.questionsList = payload;\r\n },\r\n startLoading(state) {\r\n state.loader = true;\r\n state.getList = false;\r\n },\r\n stopLoading(state) {\r\n state.loader = false;\r\n },\r\n\r\n resetStateOnUnmount(state) {\r\n state.getList = false;\r\n state.alertMsg = '';\r\n },\r\n setSelectedQuestions(state, { payload }) {\r\n state.selectedQuestions = payload;\r\n },\r\n setReportName(state, { payload }) {\r\n state.reportName = payload;\r\n }\r\n }\r\n});\r\n\r\nexport const questionAction = questionSlice.actions;\r\n\r\nexport default questionSlice.reducer;\r\n","import { createSlice } from '@reduxjs/toolkit';\r\n\r\nconst INITIAL_STATE = {\r\n loading: false,\r\n isError: false,\r\n errorDetails: {},\r\n errorMsg: ''\r\n};\r\n\r\nconst acountsSlice = createSlice({\r\n name: 'accounts',\r\n initialState: INITIAL_STATE,\r\n reducers: {\r\n startLoading(state) {\r\n state.errorDetails = {};\r\n state.loading = true;\r\n },\r\n stopLoading(state) {\r\n state.loading = false;\r\n },\r\n setError(state, { payload }) {\r\n state.errorDetails = payload;\r\n },\r\n emptyState(state) {\r\n state.errorDetails = {};\r\n state.errorMsg = '';\r\n },\r\n setErrorMsg(state, { payload }) {\r\n state.errorMsg = payload;\r\n }\r\n }\r\n});\r\n\r\nexport const accountsAction = acountsSlice.actions;\r\n\r\nexport default acountsSlice.reducer;\r\n","import { createSlice } from '@reduxjs/toolkit';\r\n\r\nconst INITIAL_STATE = {\r\n loading: false,\r\n filterLoader: false,\r\n questionsLoader: false,\r\n chartLoader: false,\r\n questionnaireNames: [],\r\n clientNames: [],\r\n filtersData: [],\r\n surveyQues: [],\r\n surveyQuesCrosstab: [],\r\n questionsData: [],\r\n chartData: {},\r\n years: [],\r\n errorMsg: '',\r\n isFetch: false,\r\n searchLoading: false,\r\n searchData: [],\r\n excelData: []\r\n};\r\n\r\nconst reportSlice = createSlice({\r\n name: 'reports',\r\n initialState: INITIAL_STATE,\r\n reducers: {\r\n getQuestionaireList(state) {\r\n state.loading = true;\r\n state.isFetch = false;\r\n },\r\n getClientList(state) {\r\n state.loading = true;\r\n state.isFetch = false;\r\n },\r\n stopLoading(state) {\r\n state.loading = false;\r\n },\r\n setQuestionnaireNames(state, { payload }) {\r\n state.loading = false;\r\n state.isFetch = true;\r\n state.questionnaireNames = payload;\r\n },\r\n setClientNames(state, { payload }) {\r\n state.loading = false;\r\n state.isFetch = true;\r\n state.clientNames = payload;\r\n },\r\n setSurveyQues(state, { payload }) {\r\n state.isFetch = true;\r\n state.surveyQues = payload;\r\n },\r\n setSurveyQuesCrosstab(state, { payload }) {\r\n state.isFetch = true;\r\n state.surveyQuesCrosstab = payload;\r\n },\r\n getFilter(state) {\r\n state.filterLoader = true;\r\n },\r\n stopLoadingFilter(state) {\r\n state.filterLoader = false;\r\n },\r\n setFilterData(state, { payload }) {\r\n state.filterLoader = false;\r\n state.filtersData = payload;\r\n },\r\n getChartData(state) {\r\n state.chartLoader = true;\r\n },\r\n stopChartLoader(state) {\r\n state.chartLoader = false;\r\n },\r\n setChartData(state, { payload }) {\r\n state.chartLoader = false;\r\n state.chartData = payload.chartData ? payload.chartData : payload.chartDataCrossTab;\r\n },\r\n setYears(state, { payload }) {\r\n state.loading = false;\r\n state.years = payload;\r\n },\r\n searchLoading(state, { payload }) {\r\n state.searchLoading = payload;\r\n },\r\n setSearchData(state, { payload }) {\r\n state.searchLoading = false;\r\n state.searchData = payload;\r\n },\r\n setExcelData(state, { payload }) {\r\n state.loading = false;\r\n state.excelData = payload;\r\n },\r\n resetallData(state) {\r\n state.questionnaireNames = [];\r\n state.filtersData = [];\r\n state.surveyQues = [];\r\n state.surveyQuesCrosstab = [];\r\n state.questionsData = [];\r\n state.chartData = [];\r\n state.years = [];\r\n state.searchData = [];\r\n state.excelData = [];\r\n }\r\n }\r\n});\r\n\r\nexport const reportAction = reportSlice.actions;\r\n\r\nexport default reportSlice.reducer;\r\n","import { createSlice } from '@reduxjs/toolkit';\r\n\r\nconst INITIAL_STATE = {\r\n loading: false,\r\n alertMsg: ''\r\n};\r\n\r\nconst managequesSlice = createSlice({\r\n name: 'manageques',\r\n initialState: INITIAL_STATE,\r\n reducers: {\r\n startLoading(state) {\r\n state.loading = true;\r\n state.getList = false;\r\n },\r\n stopLoading(state) {\r\n state.loading = false;\r\n }\r\n }\r\n});\r\n\r\nexport const managequesAction = managequesSlice.actions;\r\n\r\nexport default managequesSlice.reducer;\r\n","// import authSlice from 'containers/Authorization/auth.slice';\r\nimport authSlice from 'containers/Login/auth.slice';\r\nimport categorySlice from 'containers/QuestionCategory/category.slice';\r\nimport questionSlice from 'containers/Questions/question.slice';\r\nimport acountsSlice from 'containers/AccountSettings/accounts.slice';\r\nimport reportSlice from 'containers/Reports/report.slice';\r\nimport managequesSlice from 'containers/ManageQuestions/manageques.slice';\r\n\r\nconst rootReducer = {\r\n auth: authSlice,\r\n category: categorySlice,\r\n question: questionSlice,\r\n accounts: acountsSlice,\r\n reports: reportSlice,\r\n manageques: managequesSlice\r\n};\r\n\r\nexport default rootReducer;\r\n","import { configureStore } from '@reduxjs/toolkit';\r\nimport rootReducer from 'reducers';\r\n\r\nconst store = configureStore({\r\n reducer: rootReducer\r\n});\r\n\r\nexport default store;\r\n","import axios from 'axios';\r\nimport AUTH_CONFIG from './authConfig';\r\nimport store from 'store/store';\r\nimport { authAction } from 'containers/Login/auth.slice';\r\nimport { STATUS_CODE } from 'common/constants';\r\nimport AuthStore from 'common/authStore';\r\n\r\n// axios.defaults.baseURL = AUTH_CONFIG.serverBasePath;\r\n\r\n/**\r\n * Axios request interceptors add jwt token in headers\r\n */\r\naxios.interceptors.request.use(\r\n function (config) {\r\n const _accessToken = AuthStore.accessToken;\r\n config.headers.Authorization = `Bearer ${_accessToken}`;\r\n\r\n return config;\r\n },\r\n function (error) {\r\n return Promise.reject(error);\r\n }\r\n);\r\n\r\n/**\r\n * Axios request interceptors add jwt token in headers\r\n */\r\naxios.interceptors.response.use(\r\n function (response) {\r\n return response;\r\n },\r\n function (error) {\r\n if (error.response?.status === STATUS_CODE.TokenExpired) {\r\n store.dispatch({ type: authAction.setTokenExpired().type });\r\n }\r\n return Promise.reject(error);\r\n }\r\n);\r\n\r\n/**\r\n * Function performs axios get request\r\n * @param {String} url - http request url\r\n * @returns\r\n */\r\nexport function webApiGet(url) {\r\n return axios.get(`${AUTH_CONFIG.serverBasePath}${url}`);\r\n}\r\n\r\n/**\r\n * Function performs axios put request\r\n * @param {String} url - request url\r\n * @param {Object} options - request parameters\r\n * @returns\r\n */\r\nexport function webApiPut(url, options) {\r\n return axios.put(`${AUTH_CONFIG.serverBasePath}${url}`, options);\r\n}\r\n\r\n/**\r\n * Function performs axios post request\r\n * @param {String} url - request url\r\n * @param {Object} options - request parameters\r\n * @returns\r\n */\r\nexport function webApiPost(url, options) {\r\n return axios.post(`${AUTH_CONFIG.serverBasePath}${url}`, options);\r\n}\r\n\r\n/**\r\n * Function performs axios delete request\r\n * @param {String} url - request url\r\n * @param {Object} options - request parameters\r\n * @returns\r\n */\r\nexport function webApiDelete(url, options) {\r\n return axios.delete(`${AUTH_CONFIG.serverBasePath}${url}`, options);\r\n}\r\n","import { webApiGet, webApiPost, webApiPut } from './request';\r\n\r\n// export const loginApi = (request) => webApiPost('/login', { ...request })\r\n\r\n// qlib\r\nexport const getcategoriesApi = () => webApiGet(`/category/getcategories`);\r\nexport const getQuestionsApi = (payload) => webApiPost('/question/getquestions', [...payload]);\r\nexport const loginApi = (request) => webApiPost('/user/login', { ...request });\r\nexport const getUserInfoApi = () => webApiGet(`/user/roles`);\r\nexport const getYearsApi = () => webApiGet(`/questionnaire/getQuestionnaireYears`);\r\n// export const questionnaireNamesApi = (payload) =>\r\n// webApiGet(`/questionnaire/getQuestionnaireNames${payload && '?year=' + payload?.year, '?client=' + payload?.client}`);\r\nexport const questionnaireNamesApi = (payload) => {\r\n let query = '';\r\n\r\n if (payload?.year || payload?.client) {\r\n query = `?${payload.year ? `year=${payload.year}` : ''}${\r\n payload.year && payload.client ? '&' : ''\r\n }${payload.client ? `client=${payload.client}` : ''}`;\r\n }\r\n\r\n return webApiGet(`/questionnaire/getQuestionnaireNames${query}`);\r\n};\r\nexport const getQuestionsByIdApi = (payload) =>\r\n webApiPost(`/question/getQuestionsByQuestionnaireId?id=${payload}`);\r\nexport const updateProfileApi = (payload) => webApiPut(`/user/updateprofile`, { ...payload });\r\nexport const updatePasswordApi = (payload) => webApiPut(`/user/updatepassword`, { ...payload });\r\n\r\nexport const getSurveyQues = (id) => webApiGet(`/questionnaire/getSurveyQuestions?id=${id}`);\r\nexport const getSurveyFilter = (id) => webApiGet(`/questionnaire/getSurveyFilters?id=${id}`);\r\nexport const getSurveyChartData = (request) =>\r\n webApiPost(`/questionnaire/${request.cqId != '' ? 'CrossTab' : 'getSurveyChartData'}`, {\r\n ...request\r\n });\r\nexport const getUserProfile = (id) => webApiGet(`/user/getprofile?username=${id}`);\r\nexport const updatequestionnaireNamesApi = (payload) =>\r\n webApiPost(`/questionnaire/UpdateQuestionnaire`, { ...payload });\r\nexport const importDataApi = ({ file, title, year, id }) =>\r\n webApiPost(\r\n `/import/ImportData?${id && 'Id=' + id}${title && '&Title=' + title + '&'}${\r\n year && 'Year=' + year\r\n }`,\r\n file\r\n );\r\nexport const searchQuestionnaire = (id) => webApiGet(`/questionnaire/Search?searchString=${id}`);\r\n\r\nexport const getExcelDownloadData = (request) =>\r\n webApiPost('/questionnaire/Download/Excel', { ...request });\r\n\r\nexport const getCrossTabQuestions = (id) =>\r\n webApiGet(`/questionnaire/getCrossTabQuestions?id=${id}`);\r\n\r\nexport const clientNamesApi = (payload) =>\r\n webApiGet(`/questionnaire/getClients${payload ? '?year=' + payload : ''}`);\r\n\r\n// Title=${title}&\r\n","import { categoryAction } from './category.slice';\r\nimport {\r\n getcategoriesApi,\r\n getQuestionsByIdApi,\r\n getYearsApi,\r\n questionnaireNamesApi,\r\n clientNamesApi\r\n} from 'utils/apis';\r\nimport { STATUS_CODE } from 'common/constants';\r\n\r\nexport const fetchCategories = () => async (dispatch) => {\r\n try {\r\n dispatch(categoryAction.getCategoryList());\r\n const response = await getcategoriesApi();\r\n // console.log('response.status', response.status);\r\n if (response.status === STATUS_CODE.Ok) {\r\n dispatch(categoryAction.setCategories(response.data.data));\r\n }\r\n } catch (err) {\r\n dispatch(categoryAction.stopLoading());\r\n }\r\n};\r\nexport const fetchYears = () => async (dispatch) => {\r\n try {\r\n dispatch(categoryAction.getCategoryList());\r\n const response = await getYearsApi();\r\n // console.log('response.status', response.status);\r\n if (response.status === STATUS_CODE.Ok) {\r\n dispatch(categoryAction.setYears(response.data.data));\r\n }\r\n } catch (err) {\r\n dispatch(categoryAction.stopLoading());\r\n }\r\n};\r\nexport const fetchquestionnaireNames = (payload) => async (dispatch) => {\r\n try {\r\n dispatch(categoryAction.getQuestionList());\r\n const response = await questionnaireNamesApi(payload);\r\n if (response.status === STATUS_CODE.Ok) {\r\n dispatch(categoryAction.setQuestionnaireNames(response.data.data));\r\n }\r\n } catch (err) {\r\n dispatch(categoryAction.stopQuesLoading());\r\n }\r\n};\r\nexport const fetchclientNames = (payload) => async (dispatch) => {\r\n try {\r\n dispatch(categoryAction.getClientList());\r\n const response = await clientNamesApi(payload);\r\n if (response.status === STATUS_CODE.Ok) {\r\n dispatch(categoryAction.setClientNames(response.data.data));\r\n }\r\n } catch (err) {\r\n dispatch(categoryAction.stopClientLoading());\r\n }\r\n};\r\nexport const fetchgetQuestionsById = (payload) => async (dispatch) => {\r\n try {\r\n dispatch(categoryAction.getQuestionList());\r\n const response = await getQuestionsByIdApi(payload);\r\n if (response.status === STATUS_CODE.Ok) {\r\n dispatch(categoryAction.setQuestionData(response.data.data));\r\n }\r\n } catch (err) {\r\n dispatch(categoryAction.stopQuesLoading());\r\n }\r\n};\r\n\r\nexport const handleCategoriesSelection = (selectedval) => async (dispatch) => {\r\n dispatch(categoryAction.setSelectedCategories(selectedval));\r\n};\r\n\r\nexport const emptyQuestionbyId = () => async (dispatch) => {\r\n dispatch(categoryAction.emptyQuestionData());\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport LayoutComp from 'components/LayoutComp/Index';\r\nimport { useDispatch } from 'react-redux';\r\nimport { STATIC_TEXT } from 'utils/constants';\r\nimport './styles.scss';\r\nimport { Button, Col, Row } from 'antd';\r\nimport { SurveyInsight, SurveyVault } from 'assets';\r\nimport Navigation from 'components/Navigation';\r\n\r\nimport { fetchCategories } from 'containers/QuestionCategory/category.action';\r\n// import Loader from 'components/ui/Loader';\r\n\r\nconst Dashbord = (props) => {\r\n const { history } = props;\r\n const dispatch = useDispatch();\r\n\r\n useEffect(() => {\r\n dispatch(fetchCategories());\r\n\r\n // eslint-disable-next-line\r\n }, [dispatch]);\r\n const [currentSelect, setCurrentSelect] = useState(1);\r\n const handleNext = () => {\r\n if (currentSelect == 1) {\r\n history.push('/question_category');\r\n } else {\r\n history.push('/insight');\r\n }\r\n };\r\n return (\r\n \r\n \r\n setCurrentSelect(2)}\r\n >\r\n
\r\n \r\n \r\n\r\n \r\n \r\n setCurrentSelect(1)}\r\n >\r\n
\r\n \r\n {STATIC_TEXT['SELECT_OPTION']}
\r\n {STATIC_TEXT['SELECT_OPTION_TO_DOWNLOAD_YOUR_SURVEY']}
\r\n\r\n 
\r\n
\r\n \r\n
\r\n \r\n setCurrentSelect(1)}\r\n >\r\n {STATIC_TEXT.HFS_SURVEY_VAULT}\r\n \r\n
\r\n \r\n {STATIC_TEXT.SELECT_OPTION_TO_CONTINUE_WITH_THE_SURVEY}\r\n
\r\n\r\n 
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {STATIC_TEXT.SELECT_OPTION_TO_CONTINUE_WITH_THE_SURVEY}\r\n
\r\n \r\n\r\n
\r\n );\r\n}\r\nexport default ErrorPage;\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Button, Modal, Radio, Tabs } from 'antd';\r\nimport { CloudDownloadOutlined } from '@ant-design/icons';\r\n\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport {\r\n fetchYears,\r\n fetchquestionnaireNames,\r\n fetchgetQuestionsById,\r\n emptyQuestionbyId\r\n} from '../category.action';\r\n\r\nimport './styles.scss';\r\nimport Loader from 'components/ui/Loader';\r\nimport { excelDownloader, flattenData, wordDownload } from 'utils/functions';\r\n\r\nexport default function DownloadModal({ isModalOpen, handleOk, handleCancel }) {\r\n const dispatch = useDispatch();\r\n const [activeKey, setActiveKey] = useState(null);\r\n const [currentQuestion, setCurrentQuestion] = useState(null);\r\n const [curentqTitle, setCurentqTitle] = useState('');\r\n const [loader, setLoader] = useState(false);\r\n const categoriesState = useSelector((state) => state.category);\r\n\r\n const {\r\n questionLoader = false,\r\n questionnaireNames = [],\r\n years = [],\r\n questionData = [],\r\n isFetch = false\r\n } = categoriesState;\r\n\r\n useEffect(() => {\r\n dispatch(fetchYears());\r\n // eslint-disable-next-line\r\n }, [dispatch]);\r\n\r\n useEffect(() => {\r\n if (years.length > 0) {\r\n const firstyear = years[0];\r\n setActiveKey(firstyear);\r\n dispatch(fetchquestionnaireNames(firstyear));\r\n }\r\n\r\n // eslint-disable-next-line\r\n }, [years]);\r\n\r\n const handleYearClick = (year) => {\r\n setActiveKey(year);\r\n setCurrentQuestion(null);\r\n dispatch(fetchquestionnaireNames(year));\r\n dispatch(emptyQuestionbyId());\r\n };\r\n const handleQnameChange = (e) => {\r\n setCurrentQuestion(e.target.value);\r\n const qtitle = questionnaireNames.filter((item) => item.id == e.target.value)[0];\r\n setCurentqTitle(qtitle?.name);\r\n dispatch(emptyQuestionbyId());\r\n };\r\n const handleGetQuestion = () => {\r\n dispatch(fetchgetQuestionsById(currentQuestion));\r\n };\r\n\r\n const handleDownload = () => {\r\n const data = flattenData(questionData);\r\n const filename = curentqTitle.replace(' ', '_');\r\n excelDownloader(data, filename, setLoader);\r\n };\r\n\r\n // word download\r\n\r\n const handleDownloadWord = async () => {\r\n const filename = curentqTitle.replace(' ', '_');\r\n wordDownload(questionData, filename, setLoader);\r\n };\r\n\r\n return (\r\n \r\n
\r\n {errorDetails.response?.status}
\r\n {errorDetails.response?.status == 500 ? (\r\n \r\n ) : (\r\n{errorDetails.response?.data.message}
\r\n )}\r\n\r\n {loader && \r\n Questionnaire{' '}\r\n
\r\n );\r\n}\r\n","import { questionAction } from './question.slice';\r\nimport { getQuestionsApi } from 'utils/apis';\r\nimport { STATUS_CODE } from 'common/constants';\r\nimport { setSelectedQuestion, setUpdatedQuestion } from 'utils/functions';\r\n\r\nexport const fetchQuestions = (payload) => async (dispatch) => {\r\n try {\r\n dispatch(questionAction.getQuestionList());\r\n const response = await getQuestionsApi(payload);\r\n if (response.status === STATUS_CODE.Ok) {\r\n const updatedQuestion = setUpdatedQuestion(response.data.data);\r\n const selectedIds = setSelectedQuestion(updatedQuestion);\r\n await dispatch(questionAction.setSelectedQuestions(selectedIds));\r\n await dispatch(questionAction.setQuestions(updatedQuestion));\r\n }\r\n } catch (err) {\r\n dispatch(questionAction.stopLoading());\r\n }\r\n};\r\n\r\nexport const handleQuestionsSelection = (selectedval) => async (dispatch) => {\r\n dispatch(questionAction.setSelectedQuestions(selectedval));\r\n};\r\nexport const handleReportName = (reportname) => async (dispatch) => {\r\n dispatch(questionAction.setReportName(reportname));\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport './styles.scss';\r\nimport LayoutComp from 'components/LayoutComp/Index';\r\nimport { Row, Checkbox, Tabs, Col, Button, Typography, Input } from 'antd';\r\nimport Navigation from 'components/Navigation';\r\nimport { STATIC_TEXT } from 'utils/constants';\r\nimport { BackArrow } from 'utils/svg';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { fetchCategories, handleCategoriesSelection, emptyQuestionbyId } from './category.action';\r\nimport Loader from 'components/ui/Loader';\r\nimport DownloadModal from './Components/DownloadModal';\r\nimport { handleQuestionsSelection, handleReportName } from 'containers/Questions/question.action';\r\n\r\nconst QuestionCategory = ({ history }) => {\r\n const dispatch = useDispatch();\r\n const categoriesState = useSelector((state) => state.category);\r\n const { loader = false, catgoriesList = [], selectedCategories = [] } = categoriesState;\r\n const questionsState = useSelector((state) => state.question);\r\n const { reportName = '' } = questionsState;\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const [localReportName, setLocalReportName] = useState('');\r\n const [hasError, setHasError] = useState(false);\r\n // console.log(isModalOpen);\r\n\r\n // const [categories, setCategories] = useState(null);\r\n\r\n useEffect(() => {\r\n setLocalReportName(reportName);\r\n }, [reportName]);\r\n\r\n useEffect(() => {\r\n dispatch(handleQuestionsSelection([]));\r\n dispatch(fetchCategories());\r\n dispatch(emptyQuestionbyId());\r\n\r\n // eslint-disable-next-line\r\n }, [dispatch]);\r\n\r\n const showModal = () => {\r\n setIsModalOpen(true);\r\n };\r\n\r\n // const handleOk = () => {\r\n // setIsModalOpen(false);\r\n // };\r\n\r\n const handleCancel = () => {\r\n dispatch(emptyQuestionbyId());\r\n setIsModalOpen(false);\r\n };\r\n\r\n const handleReset = () => {\r\n dispatch(handleCategoriesSelection([]));\r\n };\r\n // const handleNext = () => {\r\n // history.push('/questions');\r\n // };\r\n const handleNext = () => {\r\n if (localReportName == '') {\r\n setHasError(true);\r\n // window.scrollTo(0, 0);\r\n return;\r\n }\r\n dispatch(handleReportName(localReportName));\r\n history.push('/questions');\r\n };\r\n\r\n const handleBack = () => {\r\n history.push('/');\r\n };\r\n\r\n const handleChange = (val) => {\r\n dispatch(handleCategoriesSelection(val));\r\n };\r\n // const handleTabChange = (val) => {\r\n // console.log(val);\r\n // dispatch(fetchquestionnaireNames(val));\r\n // };\r\n\r\n const reportNameChange = (e) => {\r\n if (e.target.value !== '') {\r\n setHasError(false);\r\n } else {\r\n setHasError(true);\r\n }\r\n setLocalReportName(e.target.value);\r\n };\r\n\r\n return (\r\n Please choose a year to download questionnaire
\r\n \r\n }\r\n open={isModalOpen}\r\n onOk={handleOk}\r\n onCancel={handleCancel}\r\n centered\r\n width={750}\r\n footer={\r\n \r\n
\r\n }\r\n >\r\n \r\n Select option to download your survey.\r\n {isFetch && questionData.length < 1 && (\r\n <>\r\n
\r\n No Data avaliable!
\r\n \r\n )}\r\n \r\n {isFetch && questionData.length > 0 ? (\r\n <>\r\n \r\n \r\n \r\n ) : (\r\n \r\n Get Question\r\n \r\n )}\r\n
\r\n \r\n {questionLoader && Year }}\r\n onChange={handleYearClick}\r\n items={years.map((item) => ({\r\n label: `${item}`,\r\n key: item,\r\n children: (\r\n
\r\n \r\n \r\n \r\n {questionnaireNames?.map((item) => (\r\n \r\n
\r\n )\r\n }))}\r\n />\r\n \r\n \r\n {item.name}\r\n \r\n
\r\n ))}\r\n Questionnaire List
\r\n {/* Show a message when no tab is selected */}\r\n {!activeKey && Please select a year to load data.
}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default QuestionCategory;\r\n","import React, { useEffect, useState } from 'react';\r\nimport LayoutComp from 'components/LayoutComp/Index';\r\nimport Navigation from 'components/Navigation';\r\nimport { QUESTION_TYPE, STATIC_TEXT } from 'utils/constants';\r\nimport { BackArrow } from 'utils/svg';\r\nimport styles from './styles.module.scss';\r\nimport { Checkbox, Col, Row, Tabs } from 'antd';\r\nimport { fetchQuestions, handleReportName, handleQuestionsSelection } from './question.action';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport Loader from 'components/ui/Loader';\r\n\r\nconst { TabPane } = Tabs;\r\n\r\nconst Questions = ({ history }) => {\r\n const dispatch = useDispatch();\r\n const categoriesState = useSelector((state) => state.category);\r\n const { selectedCategories = [] } = categoriesState;\r\n const questionsState = useSelector((state) => state.question);\r\n\r\n const [localReportName, setLocalReportName] = useState('');\r\n\r\n const { loader = false, questionsList = [], reportName = '', selectedQuestions } = questionsState;\r\n\r\n useEffect(() => {\r\n if (selectedCategories.length < 1) {\r\n history.push('/question_category');\r\n }\r\n }, [selectedCategories, history]);\r\n\r\n useEffect(() => {\r\n if (selectedQuestions.length < 1) {\r\n dispatch(fetchQuestions(selectedCategories));\r\n }\r\n // eslint-disable-next-line\r\n }, [dispatch, selectedCategories]);\r\n\r\n useEffect(() => {\r\n setLocalReportName(reportName);\r\n }, [reportName]);\r\n\r\n const handleNext = () => {\r\n dispatch(handleReportName(localReportName));\r\n history.push('/download');\r\n };\r\n\r\n const handleBack = () => {\r\n history.push('/question_category');\r\n };\r\n\r\n const handleChange = (val, index) => {\r\n let copylist = [...selectedQuestions];\r\n copylist[index] = val;\r\n\r\n dispatch(handleQuestionsSelection(copylist));\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n {loader ? (\r\n {\r\n return (\r\n item.title !== 'No Category' && {\r\n key: index,\r\n label: item.title,\r\n children: item.subcategories.map((childitem, cindex) => (\r\n
\r\n \r\n\r\n \r\n
\r\n )}\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n {STATIC_TEXT['SELECT_OPTION']}\r\n \r\n \r\n
\r\n {STATIC_TEXT['SELECT_OPTION_TO_DOWNLOAD_YOUR_SURVEY']}
\r\n\r\n\r\n {childitem.title} \r\n
\r\n ))\r\n }\r\n );\r\n })}\r\n />\r\n \r\n )}\r\n \r\n \r\n Please Enter Questionnaire Name*\r\n \r\n
\r\n \r\n This field is required!
}\r\n \r\n {loader && \r\n \r\n {questionsList.map((questionCat, index) => (\r\n \r\n handleChange(list, index)}\r\n style={{ width: '100%', display: 'block' }}\r\n className={styles.qcheckboxgroup}\r\n >\r\n
\r\n \r\n );\r\n })}\r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n\r\n \r\n
\r\n\r\n \r\n
\r\n {reportName}\r\n {STATIC_TEXT['SELECT_OPTION_TO_DOWNLOAD_YOUR_SURVEY']}
\r\n\r\n\r\n \r\n {questionCat.subcategories.map((subcat) => (\r\n \r\n {subcat.questions.map((questionItem) => {\r\n // Create a unique identifier for each question\r\n // const uniqueQuestionId = `${questionCat.id}_${subcat.id}_${questionItem.id}`;\r\n return (\r\n \r\n
\r\n \r\n \r\n {questionItem.text}\r\n \r\n 4 && styles.litwocol}\r\n >\r\n {questionItem.options.map((option) => (\r\n \r\n \r\n {option.text}\r\n
\r\n \r\n ))}\r\n \r\n \r\n {QUESTION_TYPE[questionItem.type - 1]}\r\n
\r\n \r\n Deselect to hide your questions \r\n
\r\n\r\n \r\n {loader && \r\n \r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Download;\r\n","import AuthStore from 'common/authStore';\r\n// import { NAVIGATION } from 'common/constants';\r\nimport AUTH_CONFIG from 'utils/authConfig';\r\nimport { Modal } from 'antd';\r\nimport './index.scss';\r\n\r\nfunction WarningModal() {\r\n const handleClickOnLogout = () => {\r\n // localStorage.clear();\r\n AuthStore.emptyStore();\r\n localStorage.removeItem('usertype');\r\n\r\n window.location.href = `${window.location.origin.toString()}${AUTH_CONFIG.appBasePath}`;\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n {STATIC_TEXT['DOWNLOAD_SURVEY']}\r\n {STATIC_TEXT['SELECT_OPTION_TO_DOWNLOAD_YOUR_SURVEY']}
\r\n\r\n
\r\n \r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {STATIC_TEXT.YOUR_FILE_OF_SURVEY_WILL_BE_DOWNLOAD_IN_THE_EXCEL_FORMAT}\r\n
\r\n \r\n\r\n
\r\n \r\n \r\n 
\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {STATIC_TEXT.YOUR_FILE_OF_SURVEY_WILL_BE_DOWNLOAD_IN_THE_WORD_FORMAT}\r\n
\r\n \r\n\r\n Your session has expired.{' '}\r\n \r\n Click here to login\r\n \r\n
\r\n \r\n );\r\n}\r\nexport default WarningModal;\r\n","import { accountsAction } from './accounts.slice';\r\nimport { updateProfileApi, updatePasswordApi } from 'utils/apis';\r\nimport { STATUS_CODE } from 'common/constants';\r\nimport { message } from 'antd';\r\n\r\nexport const updateProfile = (payload) => async (dispatch) => {\r\n try {\r\n dispatch(accountsAction.startLoading());\r\n const response = await updateProfileApi(payload);\r\n // console.log('response.status', response.status);\r\n if (response.status === STATUS_CODE.Ok) {\r\n dispatch(accountsAction.stopLoading());\r\n const data = response.data.data;\r\n message.success(data, 3);\r\n // dispatch(categoryAction.setCategories(response.data.data));\r\n } else {\r\n dispatch(accountsAction.stopLoading());\r\n const data = response.data.data;\r\n message.error(data || 'Request was updated successful!', 3);\r\n }\r\n } catch (error) {\r\n message.error(`Error: ${error.response.data.message || 'Something went wrong'}`, 3);\r\n dispatch(accountsAction.StopLoading());\r\n }\r\n};\r\nexport const updatePassword = (payload) => async (dispatch) => {\r\n try {\r\n dispatch(accountsAction.startLoading());\r\n\r\n // Use the API function to make the request\r\n const response = await updatePasswordApi(payload);\r\n\r\n if (response.status === STATUS_CODE.Ok) {\r\n const data = response.data.data;\r\n dispatch(accountsAction.stopLoading());\r\n if (response.data.error) {\r\n dispatch(accountsAction.setErrorMsg(data));\r\n } else {\r\n message.success(data, 3);\r\n }\r\n\r\n // dispatch other actions as needed, for example:\r\n // dispatch(categoryAction.setCategories(response.data.data));\r\n } else {\r\n dispatch(accountsAction.stopLoading());\r\n const data = response.data.data;\r\n message.error(data || 'Something went wrong', 3);\r\n }\r\n } catch (error) {\r\n dispatch(accountsAction.stopLoading());\r\n const errorMessage = error.response?.data?.message || 'Something went wrong';\r\n message.error(`Error: ${errorMessage}`, 3);\r\n }\r\n};\r\n\r\nexport const emptyState = () => async (dispatch) => {\r\n dispatch(accountsAction.emptyState());\r\n};\r\n","import React, { useEffect, useState } from 'react';\r\nimport LayoutComp from 'components/LayoutComp/Index';\r\nimport { BackArrow } from 'utils/svg';\r\nimport { STATIC_TEXT } from 'utils/constants';\r\nimport { Alert, Button, Card, Col, Form, Input, Row } from 'antd';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { updatePassword, updateProfile } from './account.action';\r\nimport Loader from 'components/ui/Loader';\r\n\r\nconst formItemLayout = {\r\n labelCol: {\r\n xs: {\r\n span: 24\r\n },\r\n sm: {\r\n span: 6\r\n }\r\n },\r\n wrapperCol: {\r\n xs: {\r\n span: 24\r\n },\r\n sm: {\r\n span: 14\r\n }\r\n }\r\n};\r\n\r\nconst AccountSettings = ({ history }) => {\r\n const dispatch = useDispatch();\r\n const userData = useSelector((state) => state.auth.userData);\r\n const userProfile = useSelector((state) => state.auth.userProfile);\r\n const accounts = useSelector((state) => state.accounts);\r\n const { loading = false, errorMsg = '' } = accounts;\r\n console.log('userData', userData);\r\n console.log('userProfile', userProfile);\r\n const { userFirstName = '', userLastName = '', emailId = '' } = userData;\r\n const [form] = Form.useForm();\r\n const [passwordForm] = Form.useForm();\r\n const [isUserFormValid, setIsUserFormValid] = useState(true);\r\n const [isPasswordUpdateButtonDisabled, setIsPasswordUpdateButtonDisabled] = useState(true);\r\n\r\n useEffect(() => {\r\n form.setFieldsValue({\r\n firstName: userFirstName,\r\n lastName: userLastName,\r\n email: emailId\r\n });\r\n\r\n return () => form.resetFields();\r\n }, [userFirstName, userLastName, emailId, form]);\r\n\r\n const handleBack = () => {\r\n history.push('/');\r\n };\r\n\r\n const onFinish = (values) => {\r\n dispatch(updateProfile(values));\r\n };\r\n\r\n const handleUpdatePass = (values) => {\r\n const { currentPassword, newPassword } = values;\r\n const payload = {\r\n currentPassword,\r\n newPassword,\r\n email: emailId || ''\r\n };\r\n dispatch(updatePassword(payload));\r\n };\r\n\r\n const handleUserFormChange = () => {\r\n const hasErrors = form.getFieldsError().some(({ errors }) => errors.length > 0);\r\n setIsUserFormValid(!hasErrors);\r\n };\r\n\r\n const handlePasswordFormChange = () => {\r\n const hasErrors = passwordForm.getFieldsError().some(({ errors }) => errors.length > 0);\r\n const hasEmptyRequiredFields = Object.values(passwordForm.getFieldsValue()).some(\r\n (value) => !value\r\n );\r\n\r\n setIsPasswordUpdateButtonDisabled(hasErrors || hasEmptyRequiredFields);\r\n };\r\n\r\n return (\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n {STATIC_TEXT['MANAGE_ACCOUNT']}\r\n {STATIC_TEXT['PROFILE_SUBHEADING']}
\r\n\r\n {loading && \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {errorMsg && \r\n \r\n \r\n ({\r\n validator(_, value) {\r\n if (!value || getFieldValue('newPassword') === value) {\r\n return Promise.resolve();\r\n }\r\n return Promise.reject(new Error('The two passwords do not match!'));\r\n }\r\n })\r\n ]}\r\n >\r\n \r\n \r\n Update\r\n \r\n \r\n \r\n \r\n \r\n
\r\n
\r\n ● ${\r\n this.series.name\r\n }
= ${this.y}% (N: ${\r\n count !== undefined ? count : 'N/A'\r\n })`;\r\n },\r\n shadow: true,\r\n useHTML: false,\r\n shared: false,\r\n maxWidth: 250\r\n },\r\n plotOptions: {\r\n column: {\r\n stacking: 'normal',\r\n dataLabels: {\r\n enabled: true,\r\n style: {\r\n fontFamily: 'Poppins'\r\n },\r\n formatter: function () {\r\n let index = this.point.index;\r\n let count = this.series.options?.count[index];\r\n if (this.y != 0) {\r\n return `${this.y} %, (N: ${\r\n count !== undefined ? count : 'N/A'\r\n })`;\r\n } else {\r\n return null;\r\n }\r\n }\r\n }\r\n },\r\n bar: {\r\n stacking: 'normal',\r\n pointWidth: 30,\r\n dataLabels: {\r\n enabled: true,\r\n style: {\r\n fontFamily: 'Poppins'\r\n },\r\n formatter: function () {\r\n let index = this.point.index;\r\n let count = this.series.options?.count[index];\r\n if (this.y != 0) {\r\n return `${this.y} %, (N: ${\r\n count !== undefined ? count : 'N/A'\r\n })`;\r\n } else {\r\n return null;\r\n }\r\n }\r\n }\r\n }\r\n },\r\n series: seriesData\r\n };\r\n\r\n return options;\r\n};\r\n","import React, { useState } from 'react';\r\nimport { Input, Button, Modal, Spin, Table, Empty } from 'antd';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport './styles.scss';\r\nimport { fetchSearch } from 'containers/Reports/reports.action';\r\n\r\nconst { Search } = Input;\r\n\r\n// const fetchQuestions = async (searchTerm) => {\r\n// console.log('searchTerm', searchTerm);\r\n// const data = [\r\n// {\r\n// name: 2024,\r\n// studyId: [\r\n// {\r\n// name: 'infy',\r\n// id: 20,\r\n// questions: [\r\n// {\r\n// qId: 'D1',\r\n// qText: 'What is your Gender',\r\n// options: ['Male', 'Female']\r\n// },\r\n// {\r\n// qId: 'D2',\r\n// qText: 'What is your Age',\r\n// options: ['18-25', '26-35', '36-45', '45+']\r\n// }\r\n// ]\r\n// },\r\n// {\r\n// name: 'wipro',\r\n// id: 20,\r\n// questions: [\r\n// {\r\n// qId: 'D1',\r\n// qText: 'What is your Gender',\r\n// options: ['Male', 'Female']\r\n// },\r\n// {\r\n// qId: 'D2',\r\n// qText: 'What is your Age',\r\n// options: ['18-25', '26-35', '36-45', '45+']\r\n// }\r\n// ]\r\n// }\r\n// ]\r\n// },\r\n// {\r\n// name: 2023,\r\n// studyId: [\r\n// {\r\n// name: 'wipro',\r\n// id: 20,\r\n// questions: [\r\n// {\r\n// qId: 'D3',\r\n// qText: 'What is your Gender 2',\r\n// options: ['Male', 'Female']\r\n// },\r\n// {\r\n// qId: 'D4',\r\n// qText: 'What is your Occupation',\r\n// options: ['Engineer', 'Doctor', 'Teacher', 'Others']\r\n// }\r\n// ]\r\n// }\r\n// ]\r\n// }\r\n// ];\r\n// return data;\r\n// };\r\n\r\nconst SearchQues = ({ updateSearchData }) => {\r\n const dispatch = useDispatch();\r\n const [searchTerm, setSearchTerm] = useState('');\r\n\r\n const [isModalVisible, setIsModalVisible] = useState(false);\r\n const [errorMessage, setErrorMessage] = useState('');\r\n const resultdata = useSelector((state) => state.reports);\r\n\r\n const { searchData, searchLoading } = resultdata;\r\n\r\n const handleSearchChange = (val) => {\r\n setSearchTerm(val.target.value);\r\n if (searchTerm.length < 1) {\r\n return;\r\n }\r\n };\r\n\r\n const handleSearchClick = async (val) => {\r\n setErrorMessage('');\r\n if (val.length < 1) {\r\n setErrorMessage('');\r\n return;\r\n }\r\n if (val.length < 3) {\r\n setErrorMessage('Search term must be 3+ characters.');\r\n return;\r\n }\r\n\r\n dispatch(fetchSearch(searchTerm));\r\n\r\n setIsModalVisible(true);\r\n };\r\n\r\n const handleCancelModal = () => {\r\n setIsModalVisible(false);\r\n };\r\n\r\n const handleSelectQuestion = (question) => {\r\n updateSearchData(question);\r\n setIsModalVisible(false);\r\n };\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default SearchQues;\r\n","import React, { Fragment, useEffect, useRef, useState } from 'react';\r\nimport LayoutComp from 'components/LayoutComp/Index';\r\nimport { STATIC_TEXT } from 'utils/constants';\r\nimport { BackArrow } from 'utils/svg';\r\nimport Highcharts from 'highcharts';\r\nimport HighchartsReact from 'highcharts-react-official';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport {\r\n Badge,\r\n Button,\r\n Col,\r\n Drawer,\r\n Form,\r\n Modal,\r\n Radio,\r\n Row,\r\n Select,\r\n Space,\r\n Table,\r\n Typography\r\n} from 'antd';\r\nimport {\r\n CloudDownloadOutlined,\r\n HomeOutlined,\r\n LeftOutlined,\r\n MenuOutlined,\r\n RightOutlined\r\n} from '@ant-design/icons';\r\nimport NoDataToDisplay from 'highcharts/modules/no-data-to-display';\r\nimport './styles.scss';\r\n\r\nNoDataToDisplay(Highcharts);\r\n\r\nimport {\r\n fetchExcelData,\r\n fetchquestionnaireNamesReports,\r\n fetchSurveyChartData,\r\n fetchSurveyFilters,\r\n fetchSurveyQues,\r\n fetchSurveyQuesCrossTab,\r\n fetchYears,\r\n getChartOptions,\r\n resetdata,\r\n fetchclientNamesReports\r\n} from './reports.action';\r\nimport {\r\n createChartData,\r\n filterObj,\r\n createTabledata,\r\n getAdjacentObjectId,\r\n getFirstAndLastQuestionId,\r\n removeWhiteSpace,\r\n exportTableToExcel\r\n} from 'utils/functions';\r\nimport Loader from 'components/ui/Loader';\r\nimport SearchQues from 'components/ui/SearchQues';\r\nimport { downloadPPTmulti } from './downloadPPT';\r\n// import { fetchCategories } from 'containers/QuestionCategory/category.action';\r\n// import ExportToExcel from 'components/ui/DownloadExcel';\r\n\r\n// Highcharts.setOptions({\r\n// colors: [\r\n// '#7438f2',\r\n// '#ff6319',\r\n// '#009150',\r\n// '#9333ea',\r\n// '#c026d3',\r\n// '#ffcc00',\r\n// '#0088cc',\r\n// '#b71c1c',\r\n// '#1e88e5',\r\n// '#f06292',\r\n// '#6d4c41',\r\n// '#26a69a'\r\n// ]\r\n// });\r\n\r\nconst baseColors = [\r\n '#7438f2',\r\n '#009150',\r\n '#FF7F0E',\r\n\r\n '#1F77B4',\r\n\r\n '#D62728',\r\n\r\n '#9467BD',\r\n\r\n '#8C564B',\r\n\r\n '#E377C2',\r\n '#7F7F7F',\r\n '#BCBD22',\r\n '#17BECF',\r\n '#F5A623',\r\n '#4E79A7',\r\n '#6fcf61',\r\n '#E15759',\r\n '#76B7B2',\r\n '#136213'\r\n];\r\n\r\nconst extendedColors = [...baseColors];\r\n\r\n// Generate more colors by modifying existing ones\r\nfor (let i = 0; i < baseColors.length; i++) {\r\n extendedColors.push(\r\n Highcharts.Color(baseColors[i])\r\n .brighten(i * 0.1)\r\n .get()\r\n );\r\n}\r\n\r\nHighcharts.setOptions({ colors: extendedColors });\r\n\r\nconst viewoptions = [\r\n { label: 'Chart View', value: 1 },\r\n { label: 'Table View', value: 2 }\r\n];\r\n\r\nconst Reports = ({ history }) => {\r\n const dispatch = useDispatch();\r\n const [selectedYear, setSelectedYear] = useState('');\r\n const [selectedQuestionaire, setSelectedQuestionaire] = useState('');\r\n // const [client, setClient] = useState('');\r\n const [selectedQues, setSelectedQues] = useState('');\r\n const [currentView, setCurrentView] = useState(1);\r\n const [changedValue, setChangedValue] = useState([]);\r\n const [selectedFilter, setSelectedFilter] = useState({});\r\n const [chartHeight, setChartHeight] = useState(window.innerHeight * 0.5);\r\n const [isSearch, setIsSearch] = useState(false);\r\n const [form] = Form.useForm();\r\n const [selectedQuesCrossTab, setSelectedQuesCrossTab] = useState('');\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const [isFullSurvey, setIsFullSurvey] = useState(1);\r\n const [qType, setQType] = useState(null);\r\n const [currentQues, setCurrentQues] = useState();\r\n\r\n const reportStates = useSelector((state) => state.reports);\r\n const {\r\n loading,\r\n chartLoader = false,\r\n questionnaireNames = [],\r\n clientNames = [],\r\n surveyQues = [],\r\n filtersData = [],\r\n filterLoader,\r\n chartData = {},\r\n years = [],\r\n surveyQuesCrosstab = []\r\n } = reportStates;\r\n const chartAreaRef = useRef(null);\r\n // console.log(clientNames, \"abchddk\")\r\n // console.log(questionnaireNames, \"abchddk\")\r\n // Fetch questionnaire names on mount\r\n useEffect(() => {\r\n dispatch(fetchYears());\r\n }, [dispatch]);\r\n\r\n useEffect(() => {\r\n if (years.length > 0) {\r\n const firstyear = years[0];\r\n setSelectedYear(firstyear);\r\n }\r\n\r\n // eslint-disable-next-line\r\n }, [questionnaireNames, clientNames]);\r\n\r\n useEffect(() => {\r\n const handleResize = () => setChartHeight(chartAreaRef.current.clientHeight);\r\n if (years.length > 0) {\r\n dispatch(fetchquestionnaireNamesReports({ year: years[0], client: '' }));\r\n handleResize();\r\n window.addEventListener('resize', handleResize);\r\n }\r\n if (years.length > 0) {\r\n dispatch(fetchclientNamesReports(years[0]));\r\n }\r\n\r\n return () => window.removeEventListener('resize', handleResize);\r\n // eslint-disable-next-line\r\n }, [dispatch, years]);\r\n\r\n // Fetch survey data when questionnaire names are loaded\r\n useEffect(() => {\r\n return () => {\r\n setSelectedQues('');\r\n dispatch(resetdata());\r\n };\r\n // eslint-disable-next-line\r\n }, []);\r\n\r\n // console.log('isSearch', isSearch);\r\n\r\n // Fetch question and filter data when survey questions are loaded\r\n useEffect(() => {\r\n if (surveyQues.length > 0 && !isSearch) {\r\n const firstqes = surveyQues[0];\r\n const qid = firstqes.id;\r\n setSelectedQues(qid);\r\n setCurrentQues((surveyQues.find(item => item.id === qid))?.text)\r\n const chartdataPayload = filterObj(\r\n selectedFilter,\r\n [...filtersData],\r\n qid,\r\n selectedQuestionaire\r\n );\r\n dispatch(fetchSurveyChartData(chartdataPayload));\r\n }\r\n\r\n // eslint-disable-next-line\r\n }, [surveyQues]);\r\n\r\n // Fetch actions based on selected questionnaire\r\n const executeActions = async (id) => {\r\n setSelectedQuestionaire(id);\r\n await dispatch(fetchSurveyQues(id));\r\n await dispatch(fetchSurveyQuesCrossTab(id));\r\n await dispatch(fetchSurveyFilters(id));\r\n };\r\n\r\n const handleBack = () => {\r\n history.push('/');\r\n };\r\n // Sample data for the column chart\r\n\r\n const handleYearChange = (val) => {\r\n setSelectedYear(val);\r\n setSelectedQuestionaire('');\r\n setSelectedFilter({});\r\n setSelectedQues('');\r\n };\r\n\r\n // const handleClientChange = (val) => {\r\n // // console.log(val)\r\n // setClient(val);\r\n // setSelectedQuestionaire('');\r\n // setSelectedFilter({});\r\n // setSelectedQues('');\r\n // // setClient(val)\r\n // };\r\n\r\n const handleQuestionaireChange = (val) => {\r\n executeActions(val);\r\n setSelectedFilter({});\r\n setSelectedQues('');\r\n };\r\n const handleQuestionChange =(val) => {\r\n setSelectedQues(val);\r\n setCurrentQues((surveyQues.find(item => item.id === val))?.text)\r\n\r\n const chartdataPayload = filterObj(\r\n selectedFilter,\r\n [...filtersData],\r\n val,\r\n selectedQuestionaire,\r\n false,\r\n selectedQuesCrossTab\r\n );\r\n if (!isSearch) {\r\n dispatch(fetchSurveyChartData(chartdataPayload));\r\n }\r\n };\r\n // console.log(currentQues, \"current\")\r\n const handleQuestionChangeCrossTab = (val) => {\r\n setSelectedQuesCrossTab(val == undefined ? '' : val);\r\n const chartdataPayload = filterObj(\r\n selectedFilter,\r\n [...filtersData],\r\n selectedQues,\r\n selectedQuestionaire,\r\n false,\r\n val\r\n );\r\n // chartdataPayload['cqId'] = val;\r\n // console.log('chartdataPayload', chartdataPayload);\r\n if (!isSearch) {\r\n dispatch(fetchSurveyChartData(chartdataPayload));\r\n }\r\n };\r\n\r\n const handleNextQues = (direction) => {\r\n const adjacenttId = getAdjacentObjectId(surveyQues, selectedQues, direction);\r\n handleQuestionChange(adjacenttId);\r\n };\r\n\r\n const handleHomeButtonClick = () => {\r\n const firstquesId = surveyQues[0].id;\r\n handleQuestionChange(firstquesId);\r\n };\r\n\r\n const handleViewChange = (e) => {\r\n const selectedview = e.target.value;\r\n setCurrentView(selectedview);\r\n };\r\n\r\n // Handler for form submission (Apply Filters)\r\n const onFinish = (values) => {\r\n setSelectedFilter(values);\r\n setChangedValue([]);\r\n const chartdataPayload = filterObj(\r\n values,\r\n [...filtersData],\r\n selectedQues,\r\n selectedQuestionaire,\r\n false,\r\n selectedQuesCrossTab\r\n );\r\n if (!isSearch) {\r\n dispatch(fetchSurveyChartData(chartdataPayload));\r\n }\r\n };\r\n\r\n // Reset filter form and fetch default chart data\r\n const handleClear = () => {\r\n form.resetFields(); // Reset all fields in the form\r\n setChangedValue([]);\r\n setSelectedFilter({});\r\n const formvalue = form.getFieldsValue();\r\n const chartdataPayload = filterObj(\r\n formvalue,\r\n [...filtersData],\r\n selectedQues,\r\n selectedQuestionaire,\r\n false,\r\n selectedQuesCrossTab\r\n );\r\n if (!isSearch) {\r\n dispatch(fetchSurveyChartData(chartdataPayload));\r\n }\r\n };\r\n\r\n // Handle changes in filter fields\r\n const handleonFieldChange = (changedField) => {\r\n const fieldname = changedField[0]['name'][0];\r\n if (!changedValue.includes(fieldname)) {\r\n // If not, add the new item to the array\r\n setChangedValue((prevItems) => [...prevItems, fieldname]);\r\n }\r\n };\r\n const updateSearchData = async (searchSelectedItem) => {\r\n setIsSearch(true);\r\n // console.log('searchSelectedItem', searchSelectedItem);\r\n const { qId, studyId, year } = searchSelectedItem;\r\n\r\n await setSelectedYear(year);\r\n await dispatch(fetchquestionnaireNamesReports(year));\r\n await setSelectedQuestionaire(studyId);\r\n setSelectedFilter({});\r\n await dispatch(fetchSurveyQues(studyId));\r\n await dispatch(fetchSurveyFilters(studyId));\r\n setSelectedQues(qId);\r\n const chartdataPayload = filterObj(\r\n selectedFilter,\r\n [...filtersData],\r\n qId,\r\n studyId,\r\n false,\r\n selectedQuesCrossTab\r\n );\r\n dispatch(fetchSurveyChartData(chartdataPayload));\r\n\r\n return setIsSearch(false);\r\n };\r\n\r\n const isMultiTable =\r\n (selectedQuesCrossTab != '' && chartData.qType == 9) ||\r\n chartData.qType == 10 ||\r\n chartData.qType == 4\r\n ? true\r\n : false;\r\n const {\r\n columns = [],\r\n tableData = [],\r\n crossMulti = {}\r\n } = createTabledata(chartData, isMultiTable);\r\n\r\n const handleCancel = () => {\r\n setQType(null);\r\n setIsFullSurvey(1);\r\n setIsModalOpen(false);\r\n };\r\n\r\n const singleDownload = (fileName, type, isCrossTab) => {\r\n if (type == 'pptx') {\r\n downloadPPTmulti([chartData], fileName, isCrossTab, isMultiTable);\r\n } else {\r\n exportTableToExcel('tbl2excel', fileName);\r\n }\r\n };\r\n\r\n const [isSidebarVisible, setSidebarVisible] = useState(false);\r\n\r\n const toggleSidebar = () => {\r\n setSidebarVisible(!isSidebarVisible);\r\n };\r\n\r\n const handleExcelDownload = (type, isModal = false) => {\r\n const selectedQuestionaireNameObj = questionnaireNames.filter(\r\n (item) => item.id == selectedQuestionaire\r\n );\r\n\r\n const chartdataPayload = filterObj(\r\n selectedFilter,\r\n [...filtersData],\r\n selectedQues,\r\n selectedQuestionaire,\r\n true\r\n );\r\n if (selectedQuesCrossTab != '' || isFullSurvey == 1) {\r\n const fileName = removeWhiteSpace(selectedQuestionaireNameObj[0].name);\r\n singleDownload(fileName, type, selectedQuesCrossTab == '' ? false : true);\r\n\r\n // if (type == 'pptx') {\r\n // downloadPPTmulti(\r\n // [chartData],\r\n // fileName,\r\n // selectedQuesCrossTab == '' ? false : true,\r\n // isMultiTable\r\n // );\r\n // } else {\r\n // exportTableToExcel('tbl2excel', fileName);\r\n // }\r\n } else {\r\n dispatch(fetchExcelData(chartdataPayload, type, selectedQuestionaireNameObj[0]));\r\n }\r\n if (isModal) {\r\n setIsModalOpen(false);\r\n setQType(null);\r\n setIsFullSurvey(1);\r\n }\r\n };\r\n\r\n const onChange = (e) => {\r\n setIsFullSurvey(e.target.value);\r\n };\r\n // console.log(surveyQues, \"ques\")\r\n const { firstQuestionId, lastQuestionId } = getFirstAndLastQuestionId(surveyQues);\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n \r\n Search question\r\n \r\n
\r\n {errorMessage}
\r\n )}\r\n\r\n
\r\n \r\n \r\n
\r\n {searchLoading ? (\r\n {errorMessage}
\r\n\r\n
\r\n ) : searchData.length > 0 ? (\r\n searchData?.map((study, yearindex) => (\r\n \r\n
\r\n ))\r\n ) : (\r\n {study.name}
\r\n\r\n {study.studyId.map((studyItem, index) => (\r\n\r\n ({\r\n ...question,\r\n studyName: studyItem.name,\r\n studyId: studyItem.id,\r\n year: study.name\r\n }))}\r\n pagination={false}\r\n columns={[\r\n {\r\n title: 'Question',\r\n dataIndex: 'qText',\r\n key: 'qText',\r\n render: (text, record) => {\r\n return (\r\n <>\r\n {text}\r\n
\r\n {{record.options.join(', ')}}\r\n \r\n );\r\n }\r\n },\r\n\r\n {\r\n title: 'Action',\r\n key: 'action',\r\n width: 150,\r\n align: 'center',\r\n render: (text, record) => (\r\n handleSelectQuestion(record)}\r\n >\r\n Select\r\n \r\n )\r\n }\r\n ]}\r\n />\r\n
\r\n ))}\r\n {studyItem.name}
\r\n\r\n {{record.options.join(', ')}}\r\n \r\n );\r\n }\r\n },\r\n\r\n {\r\n title: 'Action',\r\n key: 'action',\r\n width: 150,\r\n align: 'center',\r\n render: (text, record) => (\r\n
\r\n \r\n {chartLoader && handleExcelDownload(qType, true)}\r\n onCancel={handleCancel}\r\n okText={`Download ${qType}`}\r\n >\r\n \r\n \r\n ;\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Reports;\r\n","import { STATUS_CODE } from 'common/constants';\r\nimport { managequesAction } from './manageques.slice';\r\nimport { importDataApi, updatequestionnaireNamesApi } from 'utils/apis';\r\nimport { notification } from 'antd';\r\n\r\nexport const UpdateQuestionnaire = (payload) => async (dispatch) => {\r\n try {\r\n dispatch(managequesAction.startLoading());\r\n const response = await updatequestionnaireNamesApi(payload);\r\n // Check if the response is successful\r\n if (response.status === STATUS_CODE.Ok) {\r\n dispatch(managequesAction.stopLoading(response.data.data));\r\n notification.success({\r\n message: 'Success',\r\n description: 'The questionnaire was updated successfully.',\r\n duration: 5\r\n });\r\n } else {\r\n dispatch(managequesAction.stopLoading());\r\n notification.error({\r\n message: 'Error',\r\n description: 'Failed to update the questionnaire.',\r\n duration: 5\r\n });\r\n }\r\n } catch (err) {\r\n dispatch(managequesAction.stopLoading());\r\n notification.error({\r\n message: 'Error',\r\n description: 'An error occurred while updating the questionnaire.',\r\n duration: 5\r\n });\r\n\r\n console.error('Error updating questionnaire:', err);\r\n }\r\n};\r\nexport const importData = (payload) => async (dispatch) => {\r\n dispatch(managequesAction.startLoading());\r\n\r\n try {\r\n const response = await importDataApi(payload);\r\n\r\n if (response.status === STATUS_CODE.Ok) {\r\n dispatch(managequesAction.stopLoading(response.data.data));\r\n notification.success({\r\n message: 'Success',\r\n description: 'The questionnaire was imported successfully.',\r\n duration: 5\r\n });\r\n } else {\r\n dispatch(managequesAction.stopLoading());\r\n notification.error({\r\n message: 'Error',\r\n description: 'Failed to import the questionnaire.',\r\n duration: 5\r\n });\r\n }\r\n } catch (err) {\r\n dispatch(managequesAction.stopLoading());\r\n notification.error({\r\n message: 'Error',\r\n description: 'An error occurred while importing the questionnaire.',\r\n duration: 5\r\n });\r\n\r\n console.error('Error importing questionnaire:', err);\r\n }\r\n};\r\n","import React, { useState, useEffect } from 'react';\r\nimport { Modal, Button, Form, Input, Upload, notification, AutoComplete } from 'antd';\r\nimport { UploadOutlined } from '@ant-design/icons';\r\nimport { useDispatch } from 'react-redux';\r\nimport { importData } from '../manageques.action';\r\nimport { fetchquestionnaireNames } from 'containers/QuestionCategory/category.action';\r\n\r\nconst { Dragger } = Upload;\r\n\r\nexport const ImportModal = ({\r\n isModalOpen,\r\n handleOk,\r\n handleCancel,\r\n loader,\r\n years,\r\n currentQues,\r\n activeYear,\r\n isEdit\r\n}) => {\r\n const dispatch = useDispatch();\r\n const [fileList, setFileList] = useState([]);\r\n const [form] = Form.useForm();\r\n\r\n useEffect(() => {\r\n // Only set fields if currentQues is not empty\r\n if (currentQues && Object.keys(currentQues).length > 0) {\r\n form.setFieldsValue({\r\n id: currentQues.id || '',\r\n title: currentQues.name || '',\r\n year: currentQues.year || activeYear || '',\r\n file: []\r\n });\r\n } else {\r\n form.resetFields();\r\n }\r\n\r\n // Cleanup function to reset form fields when the modal is closed or form is unmounted\r\n return () => {\r\n form.resetFields();\r\n };\r\n }, [currentQues, activeYear, form]);\r\n\r\n useEffect(() => {\r\n if (!loader) {\r\n dispatch(fetchquestionnaireNames(activeYear));\r\n if (currentQues && !(Object.keys(currentQues).length > 0)) {\r\n form.resetFields();\r\n }\r\n }\r\n\r\n // eslint-disable-next-line\r\n }, [loader]);\r\n\r\n const onFinish = async (values) => {\r\n const { title, year } = values;\r\n const formData = new FormData();\r\n\r\n // Make sure a file has been uploaded before proceeding\r\n if (fileList.length > 0) {\r\n formData.append('file', fileList[0].originFileObj);\r\n }\r\n\r\n const payload = {\r\n file: formData,\r\n title: isEdit ? '' : title,\r\n year: isEdit ? '' : year,\r\n id: values.id || ''\r\n };\r\n // console.log('payload', payload);\r\n\r\n dispatch(importData(payload));\r\n };\r\n\r\n const beforeUpload = (file) => {\r\n const isCSVOrXLSX =\r\n file.type === 'application/vnd.ms-excel' ||\r\n file.name.endsWith('.csv') ||\r\n file.name.endsWith('.xlsx');\r\n\r\n if (!isCSVOrXLSX) {\r\n notification.error({\r\n message: 'Invalid File Type',\r\n description: 'You can only upload CSV or XLSX files.',\r\n duration: 5\r\n });\r\n return false;\r\n }\r\n return false;\r\n };\r\n\r\n const handleChange = ({ fileList: newFileList }) => setFileList(newFileList);\r\n\r\n const yearOptions = years.map((year) => ({ value: year }));\r\n\r\n return (\r\n \r\n {/* */}\r\n {/* Hamburger Menu for Mobile */}\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n {/* Sidebar - Use Ant Design Drawer for Mobile */}\r\n \r\n
\r\n \r\n\r\n {/* Sidebar for Desktop */}\r\n \r\n Filter
\r\n {!filterLoader ? (\r\n \r\n ) : (\r\nLoading...
\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n Select Year\r\n {\r\n return { value: item, label: item };\r\n })}\r\n />\r\n
\r\n \r\n Select Questionnaire\r\n ({\r\n value: item.id,\r\n label: item.name\r\n }))}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n */}\r\n \r\n Select the question you would like to visualize as chart\r\n \r\n {\r\n return {\r\n value: item.id,\r\n label:\r\n item.title != ''\r\n ? `[${item.id}] ${item.title}`\r\n : `[${item.id}] ${item.text}`\r\n };\r\n })}\r\n />\r\n \r\n\r\n \r\n Select the question to cross tabulate\r\n \r\n {\r\n return { value: item.id, label: `[${item.id}]${item.text}` };\r\n })}\r\n />\r\n \r\n {selectedQues && currentQues &&
\r\n\r\n \r\n
\r\n \r\n {selectedQuestionaire != '' ? (\r\n <>\r\n \r\n Please select a questionnaire to view the chart\r\n
\r\n )}\r\n \r\n
\r\n {currentView === 1 ? (\r\n \r\n {Object.keys(chartData).length > 0 && !chartLoader && (\r\n <>\r\n
\r\n ) : (\r\n \r\n Base: {chartData?.base}\r\n
\r\n \r\n )}\r\n \r\n {isMultiTable ? (\r\n
\r\n )}\r\n \r\n ) : (\r\n \r\n \r\n \r\n
\r\n
\r\n ) : (\r\n | Question | \r\n {crossMulti.quesText.map((item, index) => {\r\n return (\r\n|
|---|---|
| \r\n {keys}\r\n | \r\n );\r\n })}\r\n|
| {item.name} | \r\n {item.stack.map((stack, stckindex) => {\r\n const keys = Object.keys(stack);\r\n return (\r\n\r\n {stack[keys].data[qtindex]}%{' '}\r\n \r\n (N=\r\n {stack[keys].count[qtindex]})\r\n \r\n | \r\n );\r\n })}\r\n
\r\n Base: {chartData?.base}\r\n
\r\n \r\n {isMultiTable && (\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n )}\r\n {!isMultiTable && (\r\n | Question | \r\n {crossMulti.quesText.map((item, index) => {\r\n return (\r\n\r\n {item}\r\n | \r\n );\r\n })}\r\n
|---|---|
| \r\n {keys}\r\n | \r\n );\r\n })}\r\n|
| {item.name} | \r\n {item.stack.map((stack, stckindex) => {\r\n const keys = Object.keys(stack);\r\n return (\r\n\r\n {stack[keys].data[qtindex]}%{' '}\r\n \r\n (N=\r\n {stack[keys].count[qtindex]})\r\n \r\n | \r\n );\r\n })}\r\n
| Base | \r\n{chartData.base} | \r\n
\r\n \r\n \r\n {selectedQuesCrossTab != '' && (\r\n
\r\n
\r\n )}\r\n | {chartData.title} | \r\n|
|---|---|
| {item.title} | ;\r\n })}\r\n|
| \r\n {ditem[item.dataIndex].split('$$$$')[0]}{' '}\r\n {ditem[item.dataIndex].split('$$$$')[1]}\r\n | \r\n );\r\n })}\r\n|
| Base | \r\n{chartData?.base} | \r\n
\r\n\r\n
\r\n \r\n \r\n handleNextQues('next')}\r\n >\r\n Next\r\n \r\n
\r\n © 2025 Curious Insights | All Rights Reserved
\r\n Upload Questionnaire
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ImportModal;\r\n","import LayoutComp from 'components/LayoutComp/Index';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { STATIC_TEXT } from 'utils/constants';\r\nimport { BackArrow } from 'utils/svg';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { fetchYears, fetchquestionnaireNames } from 'containers/QuestionCategory/category.action';\r\nimport { Table, Button, Input, Space, Select } from 'antd';\r\nimport { EditOutlined } from '@ant-design/icons';\r\nimport Loader from 'components/ui/Loader';\r\nimport { CloudUploadOutlined } from '@ant-design/icons';\r\nimport './styles.scss';\r\nimport { UpdateQuestionnaire } from './manageques.action';\r\nimport ImportModal from './Components/ImportModal';\r\n\r\nconst ManageQuestions = ({ history }) => {\r\n const dispatch = useDispatch();\r\n const categoriesState = useSelector((state) => state.category);\r\n const loading = useSelector((state) => state.manageques.loading);\r\n const { questionLoader = false, questionnaireNames = [], years = [] } = categoriesState;\r\n const [activeYear, setActiveYear] = useState(null);\r\n const [columns, setColumns] = useState([]);\r\n const [editingKey, setEditingKey] = useState('');\r\n const [nameInput, setNameInput] = useState('');\r\n const [isModalOpen, setIsModalOpen] = useState(false);\r\n const [currentQues, setCurrentQues] = useState({});\r\n const [isEdit, setIsEdit] = useState(false);\r\n\r\n useEffect(() => {\r\n dispatch(fetchYears());\r\n // eslint-disable-next-line\r\n }, [dispatch]);\r\n\r\n const handleBack = () => {\r\n history.push('/');\r\n };\r\n\r\n useEffect(() => {\r\n if (years.length > 0) {\r\n const firstyear = years[0];\r\n setActiveYear(firstyear);\r\n dispatch(fetchquestionnaireNames(firstyear));\r\n }\r\n // eslint-disable-next-line\r\n }, [years]);\r\n\r\n useEffect(() => {\r\n if (questionnaireNames.length > 0) {\r\n const dynamicColumns = Object.keys(questionnaireNames[0]).map((key) => ({\r\n title: key.charAt(0).toUpperCase() + key.slice(1),\r\n dataIndex: key,\r\n key: key\r\n }));\r\n\r\n dynamicColumns.forEach((column) => {\r\n if (column.dataIndex === 'id' || column.dataIndex === 'action') {\r\n column.width = 75;\r\n }\r\n });\r\n\r\n dynamicColumns.push({\r\n title: 'Action',\r\n key: 'action',\r\n render: (text, record) => (\r\n \r\n ),\r\n width: 150\r\n });\r\n\r\n const nameColumn = dynamicColumns.find((col) => col.dataIndex === 'name');\r\n if (nameColumn) {\r\n nameColumn.render = (text, record) => (\r\n\r\n
\r\n \r\n
\r\n {questionLoader && \r\n
\r\n {STATIC_TEXT['MANAGE_QUESTIONS']}\r\n \r\n
\r\n \r\n
\r\n {renderTable()}\r\n \r\n Select Years \r\n {\r\n return { value: item, label: item };\r\n })}\r\n />\r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default NotFound;\r\n","import { useEffect, useState } from 'react';\r\nimport { Switch, useLocation, useHistory } from 'react-router-dom';\r\nimport { useSelector } from 'react-redux';\r\nimport { PrivateRoute, PrivateRouteAdmin } from 'protectedRoute';\r\n\r\nimport { NAVIGATION } from 'common/constants';\r\n// import WarningModal from 'components/WarningModal';\r\n\r\nimport Dashbord from 'containers/Dashboard';\r\nimport AuthStore from 'common/authStore';\r\n// import { useCallback } from 'react';\r\n\r\nimport ErrorPage from 'containers/ErrorPage';\r\nimport QuestionCategory from 'containers/QuestionCategory/index.js';\r\nimport Questions from 'containers/Questions';\r\nimport Download from 'containers/Download';\r\nimport WarningModal from 'components/WarningModal';\r\nimport AccountSettings from 'containers/AccountSettings';\r\nimport Reports from 'containers/Reports';\r\nimport ManageQuestions from 'containers/ManageQuestions';\r\nimport { decrypt } from 'utils/functions';\r\nimport NotFound from 'components/NotFound';\r\n\r\nfunction Routes() {\r\n const location = useLocation();\r\n // const dispath = useDispatch();\r\n const history = useHistory();\r\n const [tokenToUse, updateToken] = useState(AuthStore.accessToken);\r\n const usertypestr = localStorage.getItem('usertype');\r\n\r\n let usertype = null;\r\n if (usertypestr && usertypestr != '') {\r\n usertype = decrypt(usertypestr);\r\n }\r\n\r\n useEffect(() => {\r\n if (!tokenToUse && AuthStore.accessToken) {\r\n updateToken(AuthStore.accessToken);\r\n }\r\n // eslint-disable-next-line\r\n }, [AuthStore.accessToken]);\r\n\r\n useEffect(() => {\r\n if (tokenToUse && location.pathname === NAVIGATION.Login) {\r\n history.push(NAVIGATION.HomePage);\r\n }\r\n // eslint-disable-next-line\r\n }, [tokenToUse]);\r\n\r\n const hasError = useSelector((state) => state.auth.isError);\r\n const errorDetails = useSelector((state) => state.auth.errorDetails);\r\n const tokenExpired = useSelector((state) => state.auth.tokenExpired);\r\n\r\n if (hasError) {\r\n return 404
\r\nOops! The page you are looking for does not exist.
\r\n Go to Homepage\r\n\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default Routes;\r\n","import { getUserInfoApi, getUserProfile, loginApi } from 'utils/apis';\r\nimport { authAction } from './auth.slice';\r\nimport AuthStore from 'common/authStore';\r\nimport { STATUS_CODE } from 'common/constants';\r\nimport { encrypt, parseJwt } from 'utils/functions';\r\n\r\nexport const fetchUserDetails = (payload) => async (dispatch) => {\r\n try {\r\n dispatch(authAction.getUserInfo());\r\n const response = await loginApi(payload);\r\n console.log('response', response);\r\n\r\n if (response.status === STATUS_CODE.Ok) {\r\n const token = response?.data?.data;\r\n\r\n AuthStore.accessToken = token;\r\n\r\n const tokenObj = parseJwt(token);\r\n const { Email, Name, Surname } = tokenObj;\r\n AuthStore.firstName = Name;\r\n try {\r\n dispatch(authAction.startLoading());\r\n const responseProfile = await getUserProfile(Email);\r\n console.log('response.status', responseProfile.status);\r\n if (responseProfile.status === STATUS_CODE.Ok) {\r\n const { user_Role } = responseProfile.data.data;\r\n const userroleEncrypt = encrypt(user_Role);\r\n localStorage.setItem('usertype', userroleEncrypt);\r\n dispatch(authAction.setUserProfile(responseProfile.data.data));\r\n }\r\n } catch (err) {\r\n console.log(err);\r\n // dispatch(authAction.stopLoading());\r\n }\r\n dispatch(\r\n authAction.setUserInfo({\r\n userFirstName: Name,\r\n userLastName: Surname,\r\n emailId: Email\r\n })\r\n );\r\n } else {\r\n dispatch(authAction.authError());\r\n }\r\n } catch (e) {\r\n // if (e.response?.status == 401) {\r\n // dispatch(authAction.setError({ isError: true, error: e }));\r\n // }\r\n if (e.response?.status == 400) {\r\n dispatch(authAction.setError({ isError: true, error: e.response.data }));\r\n }\r\n dispatch(authAction.authError());\r\n }\r\n};\r\n\r\nexport const fetUserRole = (payload) => async (dispatch) => {\r\n try {\r\n dispatch(authAction.getUserRole());\r\n const response = await getUserInfoApi(payload);\r\n\r\n if (response.statusText === 'OK' && response.status === STATUS_CODE.Ok) {\r\n const data = response?.data?.data;\r\n // console.log('data', data);\r\n sessionStorage.setItem('roles', JSON.stringify(data));\r\n\r\n // dispatch(\r\n // authAction.setUserInfo({\r\n // userFirstName: tokenObj.Name,\r\n // userLastName: tokenObj.Surname,\r\n // emailId: tokenObj.Email\r\n // })\r\n // );\r\n\r\n dispatch(authAction.stopLoading());\r\n } else {\r\n dispatch(authAction.stopLoading());\r\n // dispatch(authAction.authError());\r\n }\r\n } catch (e) {\r\n dispatch(authAction.stopLoading());\r\n console.log(e);\r\n }\r\n};\r\n\r\nexport const setUserData = (token) => async (dispatch) => {\r\n if (token !== '') {\r\n const tokenObj = parseJwt(token);\r\n AuthStore.firstName = tokenObj.Name;\r\n dispatch(\r\n authAction.setUserInfo({\r\n userFirstName: tokenObj.Name,\r\n userLastName: tokenObj.Surname,\r\n emailId: tokenObj.Email\r\n })\r\n );\r\n }\r\n};\r\n\r\nexport const fetchUserProfile = (payload) => async (dispatch) => {\r\n try {\r\n dispatch(authAction.startLoading());\r\n const response = await getUserProfile(payload);\r\n // console.log('response.status', response.status);\r\n if (response.status === STATUS_CODE.Ok) {\r\n dispatch(authAction.setUserProfile(response.data.data));\r\n }\r\n } catch (err) {\r\n dispatch(authAction.stopLoading());\r\n }\r\n};\r\n","import AuthStore from 'common/authStore';\r\nimport { useEffect } from 'react';\r\nimport { useSelector, useDispatch } from 'react-redux';\r\n// import { Alert, Col, Row } from 'antd';\r\nimport { CuriousLogo2, LoginLeftBg, SfsDark } from 'assets';\r\n// import { Button, Form, Input } from 'antd';\r\nimport { fetchUserDetails, fetUserRole, setUserData } from './auth.action';\r\n\r\nimport './styles.scss';\r\nimport { AUTH_STATUS } from 'common/constants';\r\nimport Loader from 'components/ui/Loader';\r\n\r\n// import { useState } from \"react\";\r\nimport { Row, Col, Form, Input, Button, Alert, Spin } from 'antd';\r\n// import { AUTH_STATUS } from \"./constants\"; // Assuming you have AUTH_STATUS defined\r\n// import Loader from \"./Loader\"; // Assuming you have a Loader component\r\n// import LoginLeftBg from \"./LoginLeftBg.png\"; // Replace with actual import\r\n// import SfsDark from \"./SfsDark.png\"; // Replace with actual import\r\n// import CuriousLogo from \"./CuriousLogo.png\"; // Replace with actual import\r\n// import \"./Login.css\"; // New CSS file for responsiveness\r\n\r\nfunction Login({ children }) {\r\n const token = AuthStore.accessToken;\r\n const dispatch = useDispatch();\r\n const userData = useSelector((state) => state.auth);\r\n const { isError, isAuthorized, loading, tokenExpired } = userData;\r\n // const currentTime = new Date().getTime();\r\n\r\n useEffect(() => {\r\n if (token) {\r\n dispatch(setUserData(token));\r\n dispatch(fetUserRole());\r\n }\r\n\r\n // eslint-disable-next-line\r\n }, [token, tokenExpired]);\r\n\r\n /* useEffect(() => {\r\n // Token expiration time (example: 1729027815)\r\n const tokenExpireTime = AuthStore.expireat;\r\n const currentTime = Math.floor(Date.now() / 1000);\r\n if (currentTime >= tokenExpireTime) {\r\n AuthStore.emptyStore();\r\n setIsTokenExpired(true);\r\n } else {\r\n setIsTokenExpired(false);\r\n }\r\n const interval = setInterval(() => {\r\n console.log('interval');\r\n const updatedTime = Math.floor(Date.now() / 1000);\r\n if (updatedTime >= tokenExpireTime) {\r\n console.log('expired');\r\n setIsTokenExpired(true);\r\n }\r\n }, 1000); // Check every second\r\n\r\n // Clean up the interval on component unmount\r\n return () => clearInterval(interval);\r\n }, []); */\r\n\r\n const onFinish = (values) => {\r\n const finalpayload = {\r\n ...values,\r\n userInfo: {\r\n ip: 'string',\r\n city: 'string',\r\n country: 'string',\r\n browserName: 'string'\r\n }\r\n };\r\n dispatch(fetchUserDetails(finalpayload));\r\n // const token =\r\n // 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyfQ.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c';\r\n // AuthStore.accessToken = token;\r\n\r\n // dispatch(fetchUserDetailsfalse());\r\n // location.reload();\r\n };\r\n const onFinishFailed = (errorInfo) => {\r\n console.log('Failed:', errorInfo);\r\n };\r\n\r\n // setInterval(() => {\r\n // if (accessToken != '' && currentTime < expireatStamp) {\r\n // mid.refresh().then(() => {\r\n // const access_token = mid.accessToken();\r\n // AuthStore.accessToken = access_token;\r\n // });\r\n // }\r\n // }, 900000);\r\n\r\n const submitForm = () => {\r\n sessionStorage.removeItem('prevroute');\r\n console.log('submit login form');\r\n };\r\n\r\n // return isAuthorized === AUTH_STATUS.Authorized ? (\r\n // children\r\n // ) : (\r\n // \r\n // {loading && \r\n // 
\r\n // \r\n //
\r\n //
\r\n return isAuthorized === AUTH_STATUS.Authorized ? (\r\n children\r\n ) : (\r\n \r\n //
\r\n // \r\n // 
\r\n //
\r\n // \r\n // 
\r\n //
\r\n // \r\n // \r\n // \r\n // \r\n // \r\n\r\n // \r\n // \r\n // \r\n // \r\n // \r\n //
\r\n // \r\n // \r\n //
\r\n // Log in
\r\n //Welcome back!
\r\n // {isError && (\r\n //© 2025 Curious Insights | All Rights Reserved
\r\n // \r\n {loading && \r\n
\r\n
\r\n );\r\n}\r\n\r\nexport default Login;\r\n","export default \"data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMqaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjc1NURCNzEwNEI2MTFGMEI3RjNFNEFCREMzOEY3RTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjc1NURCNzIwNEI2MTFGMEI3RjNFNEFCREMzOEY3RTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNzU1REI2RjA0QjYxMUYwQjdGM0U0QUJEQzM4RjdFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNzU1REI3MDA0QjYxMUYwQjdGM0U0QUJEQzM4RjdFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAYEBAQFBAYFBQYJBgUGCQsIBgYICwwKCgsKCgwQDAwMDAwMEAwODxAPDgwTExQUExMcGxsbHB8fHx8fHx8fHx8BBwcHDQwNGBAQGBoVERUaHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fH//AABEIAEQAzgMBEQACEQEDEQH/xAC4AAEAAgIDAQAAAAAAAAAAAAAABwgFBgIDBAEBAQABBQEAAAAAAAAAAAAAAAAEAQIDBQYHEAABBAAEAgIKDQsFAAAAAAABAAIDBBEFBgchEjFRQWEykhOT0xQXN3GhsdEislNzs1R0FVaBkUJSgtIjM9SVCMFyo5RVEQACAQEDBgkJBwQDAAAAAAAAAQIDEVEEITGRsRIFQXHB0TLSExUG8GGB4VKCklM0oSKyMxQ1FkJyoiTxYiP/2gAMAwEAAhEDEQA/ANVXsBPCAIAgCAIAgCAIAgCAIAgCAIAgCAIAgCAIAgCAIAgCAIAgPbk+SZvnV4UMpquuXSx0ogY6Nh5GEBzsZHMbw5h2VhxGJp0Y7dR7MbbLcvJaG0srM96KNyvw9P46p5ZQe/MH8xaJdUt2436zXMxy69lt6ehfhNe7WdyWIHFrixxAdgSwub0OHQVsKVWNSCnB2xeZ/wDJcedZAEB7cnyTNs6vChlNV1y45rntgY5jCWs7o4yOY3hj1rDiMTTox26j2Y35eS0NpZzPeifcr8PT+OqeWUHvzB/MWiXVLduN+sxtXRerLecWslrZXJLm1EB1ymJIA6NpDSCXOkEZ4Pb3Lj0qRPeOHjTVRz+5LM7JZfstKuSWW0yXon3K/D0/jqnllH78wfzFol1Sm3G/WPRPuV+Hp/HVPLJ35g/mLRLqjbjfrHon3K/D0/jqnlk78wfzFol1Rtxv1j0T7lfh6fx1Tyyd+YP5i0S6o2436x6J9yvw9P46p5ZO/MH8xaJdUbcb9Zqr2OY9zHDBzSQ4dRHAraJ2q1FxkMm07n+dyFmT5dYvlpIc6Fn8NpHYdK7ljae05wUfEYyjR/Mko69Gco2lnNurbGbizsa51epVxHFliz8Iez4Fkw9taqfiTCReeT4o87RZ2sT1H/H/AF5y4ifLS7q8PN7vgFi/lGFunoXWHbR8/l6TxXNj9xa0bntqVrZHQytYaXHxwgHtrNDxHhJOxuUeOPNaV7WJqGbZJnWTzCDNqE9CVxwYJ43Ma44Y4Mf3D/2SVtqGJpVlbTkpcXNnXpL008x4lmAQBAEAQBAEBIOw/rFj+wWfjRLQ+JfpPfjqkWVeh6Vylkl56Qyqe5/rG1D9qZ9BEvTtzfR0/wC1/iZOh0VxcrNYWyKhASBsX6w4Pstj3GrQ+JPpPeXKY63RLJrz0iEU6O9eusvmI/o6y6XH/tlDjeuRnn0IkrLmjAEAQBAEBW3a/QdbVWqr0mYhzspy1/hLEYJb4aR73eDiJHHl+AS7DtDsr0De+8pYbDxUOnNaFYrXzEuc9lZM5Y2rUq1K8darEyCvE0NihjaGMa0dAa0YABcDObk7ZO1siWmFzjX+jMnsvq5jnFaG3H/MrB/PK3HiOaNnM4flCl0N24iqtqEJON9mTSXKDfAYwbxbcF2H3y3Htw2APzmNSe4sZ7H2x5y7spXGWyjXOj84sCtlucVLNpwxbWbK0TEDqjdg/wBpRa+78RSVs4Sir7MmktcJLK0ZS/l9HMKklO9XjtVZhyywStD2OB62uxCjU6koSUotqS4UUTsK47tbexaTzSCzl/N9zZgXCBrjzGGZoxdFzHiQW/CZ2eB6uPoG4t6PEwcZ/mQ+1X8/oJVOe0vOaEt6ZAgCAIAgCAkHYf1ix/YLPxolofEv0nvx1SLKvQ9K5SyS89IZX/Xe1Wu811pnGZUMuE1K3O2SCXw8DeZoiYzuXPa4cWnpC7ndm+sNSw0ISlZKKy5He/MSo1Y7KRgvQxuR/wCSP+xW8op38gwftf4y5i7tYj0Mbkf+SP8AsVvKJ/IMH7X+MuYdrE3DanbfWeQ6yizLNaAr0215o3SeGhf8J4HKOVj3O7HUtRvve2Hr4fYpytltLgZjqVE1YibVx5HIp0d69dZfMR/R1l0uP/bKHG9cjPPoRJWXNGArpqTQu7djUmb2KdPMH05r1qSq6O/GxhhfM50Za02Glo5CMBgMF3uD3jgI0YKThtKMbfuPPZl/pJinCzg0eox3o+3l+o5l/cIv6lSO9N3Xw+B9QrtwvWj1D0fby/Ucy/uEX9Snem7r4fA+oNuF60eoej7eb6jmf9xi/qU703dfD4H1BtwvWj1G4/475jDHYzzKZTy2yYrLWkjFzW80cmHXyHlx/wBy1Pimk2qdRdHKuVaeQxV1kTJrXIEcgTUuweqXZnatZRcq3K9maWflsOfBM3wry/A4Mka84u7rEY9S7bB+JqKpqNSMouKSyWNZMl6s+0lRrRsymtWtnNya7sG5MbDf1obFYj8z5WO9pbKG/wDBy/rs44y5Ey5VIvhMZa2919Ub4SXIr0bmEOa6CMzPa5pxDmmAyEEHiCFJhvXCTyKpF8eT8Vhcpxtzm7S78a5y6OOK/lEFeQAMxtxWIXvIGGJD3N4laWPhvDVHbCo3xOL1GLsE+E17Wm6mcatyqPLcwpVYo4pm2I5Yg/nD2tczhzOcOLXkLYbv3LTwtTbjKTyWZbC6FPZZpS3JkCAIAgCAICQdh/WLH9gs/GiWh8S/Se/HVIsq9D0rlLJY8F56QxiEAxCAYhAMQgCAinR3r11l8xH9HWXS4/8AbKHG9cjPPoRJWXNGAYoBigGKAICn1XN8yyfPjmWWzurXa8z3RyN4jAuILXA8HNcOBBXq8sPCtRUJq2LiidZarGTHpz/IXKZYmRahpS05wPh2qo8NAcOzyY+Fbj1AO9lcji/C9RO2jJSVzyPm1GCVC43Olurt3bY17M/qQ83Q2y/zZ3eziMrUVNz4uOenJ8S2tVpZ2UrjOV9QZDZANbMqs4PQY543+44qHLD1I54yXoZZYz2skjeMWODh1g4+4sLRQ4z169iJ0NiJk0Thg6ORoc0jtg4hVjJp2p2MELbu7T5VQyqfUen4RVbWwffoM4ReCJwMsbT3HJ0uaOGGJ6enr9x77qTqKjVe1tdF8NtzvtJFKo27GQyuwM4QBAEAQBASDsP6xY/sFn40S0PiX6T346pFlXoelcpY+aGGeF8MzGyRSNLZI3gOa5pGBBB6QvPk2naiGVR17XjyzW2dZfRL4KdawGwQh7yGtdEx5AxJ4YvOC9N3W+0w0JyScmrle0TYq2KZgfObPyz++d76n9lG5aCtiHnNn5Z/fO99OyjctAsRv+xs0z9wYA+Rzh5rY4FxI6G9a0XiOEVhciXSXKY6q+6WQXn5FIp0d69dZfMR/R1l0uP/AGyhxvXIzz6ESUbVWvaryV7DBJDIOV7HdBC5uMnF2rOYCpWobN6jqLNqNa7abWqXrVeBpsTOIjinexgLi4k4NaOJXqWEpwnRhKUY2yjFv7qztcROsR4PvXNvr9nx8v7ykfp6fsx0IrYh965t9fs+Pl/eT9PT9mOhCxD71zb6/a8fL+8n6en7MfhQsRKG0GhdEaqyO3Jm1R8+ZVLJjkc2xPFjE9jXRnljewdPMMcOwuZ37vLE4aqlTlZCUfZi+POjFUqSi8hvUmxm3JjeI6EschBDH+d2ncpI4HAy4HDtrSrxFjOGS+GPMY+3l5JEF59t/rHIbL4LuWTysYSG3K0b5oJAP0w6MO5Qep+BXa4beuHrxtjNJ3N2NaeQzqaeYwMtGQnlmrOx6nxn/UKfGquCX2lykevK8sz0SgZRUutmcQAaUcwfj7MIxCw161Gz/wBJQs/7Ncocrc5aHbmvqWvo+hFqV735sA8yeFcHyCMyOMTZHDHF7Y+UHifZXmu9JUZYiTo/l+rLZ5rSHUstyHduBLXi0Nn77AxhGX2Q5p7OMTgB+UlW7ti3iaaWfbjrFPpIqWvVCYFQBAEAQBASBsU5rNxI3OIa3zGyMTwHdRLQ+JV/qe/HVIsq9D085Y/zmv8AKs74Lz7ZdxDKrbnEHcTUDgcQbLcCOg/wI16bub6OnxP8TJ0OivLhZrK2RUIDf9jXtbuFAXENHmtjieA6GrReJF/qe9HlMdXolkPOa/yrO+C892XcRCK9HyxDfPWLi9oaYI8HYjA/w6y6XHJ920ON65GefQiSp5zX+VZ3wXNbLuMBUbV5B1fn5HEHM7pB7RsyL1Td/wBPT/sj+FE5ZkYlSyoQBAZ/RWssy0lnQzKk0SxyNEdyq4lrZo8ccCRjyuaeLXYcPYJCgbx3fDFU9iWRrM7n5Zy2cdpWFhNNbr6Jz5kbYr7KV1/A0bpbDLzYYkN5jySfsOK4LF7mxNC22O1H2o5V6vTYRpUpI29r2OAc0hzT0EcQtW8hjPuAKAIDH5tqHIsngM+aX4KUQ/SmkazE9QBOJPaCzUMNUquyEXJ+ZFVFvMQXuru1BqSt9yZIJG5TztfatSNMbrBYQ5jWsODmxh3E82BJHQB3Xa7l3G8PLtavT4Fd6/LPmk06ezlecjBdKZQgCAIAgCA4vYx7eV7Q5vURiPbVU7Cqdhw80qfIx96PeV23K8rtu87Gta1oa0ANHQBwCtLT6qAIDi9jHt5XtDm9RGI9tVTsKp2HDzSp8jH3o95Xbcryu27zkYYXMDDG0sHQ0gYD8iptMpazj5pU+Rj70e8q7cryu27zsAAAAGAHAAK0tPqoAgCAID4QCCCMQekFVB31b1+o0Mp27FRo6G15pIR/xuasc6MJ5ZRjLjSesGQj1dq2Mcrc9zHDt27B916jy3fh3npw+FFGlcdM+o9Sz/zs5zCQfqut2CPzc+Cvjg6Ec1OHwx5itiuWgx7vhSOld8KV3dSHi4+yTxKkLIrFmFoQBAEAQBAEAQBAEAQBAEAQBAEAQBAEAQBAEAQBAEAQBAEAQBAEAQH/2Q==\"","import { BrowserRouter } from 'react-router-dom';\r\n\r\nimport './App.scss';\r\nimport Routes from './routes';\r\nimport AUTH_CONFIG from './utils/authConfig';\r\nimport Login from 'containers/Login';\r\n\r\nfunction App() {\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n Please enter your credentials
\r\n {/*Welcome back!
*/}\r\n {isError && (\r\n\r\n © 2025 Curious Insights | All Rights Reserved\r\n
\r\n