\r\n \r\n There is no data available to be displayed.\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default NoDataMessage;\r\n","import { create } from \"zustand\";\r\nexport const useResultStore = create((set) => ({\r\n isLoading: false,\r\n allOrganizations: [],\r\n selectedAssessments: [],\r\n selectedSubmissionRounds: [],\r\n\r\n allSurveys: [],\r\n activeSurvey: [],\r\n activeSectionSurvey: [],\r\n\r\n surveysDropdown: [],\r\n //AllData\r\n submissionRounds: [],\r\n setSubmissionRounds: (payload) => {\r\n set({submissionRounds: payload})\r\n },\r\n assessmentRanges: [],\r\n setAssessmentRanges: (payload) => {\r\n set({assessmentRanges: payload})\r\n },\r\n setSurveysDropdown: (payload) => {\r\n set({surveysDropdown: payload})\r\n },\r\n\r\n setAllOrganizations: (payload) => {\r\n set({ isLoading: true });\r\n set({ allOrganizations: payload });\r\n },\r\n\r\n setActiveAssessment: (payload) => {\r\n set({ selectedAssessments: payload });\r\n },\r\n\r\n setAllSurveys: (payload) => {\r\n set({ allSurveys: payload });\r\n },\r\n setActiveSurvey: (payload) => {\r\n set({ activeSurvey: payload });\r\n },\r\n\r\n setActiveSurveySection: (payload) => {\r\n set({ activeSectionSurvey: payload });\r\n },\r\n\r\n setSelectedSubmissionRounds: (payload) => {\r\n set({ selectedSubmissionRounds: payload });\r\n },\r\n\r\n\r\n // Active Tab\r\n activeTab: {},\r\n setActiveTab: (payload) => {\r\n set({activeTab: payload});\r\n },\r\n\r\n\r\n // \r\n scorePerSurvey: [],\r\n setScorePerSurvey: (payload) => {\r\n set({scorePerSurvey: payload})\r\n },\r\n scorePerSection: [],\r\n setScorePerSection: (payload) => {\r\n set({scorePerSection: payload})\r\n },\r\n overAllScores: [],\r\n setOverAllScores: (payload) => {\r\n set({overAllScores: payload})\r\n },\r\n\r\n //loader\r\n rangesLoader: false,\r\n setRangesLoader: (payload) => {\r\n set({rangesLoader: payload})\r\n },\r\n roundsLoader: false,\r\n setRoundsLoader: (payload) => {\r\n set({roundsLoader: payload})\r\n },\r\n assessmentLoader: false,\r\n setAssessmentLoader: (payload) => {\r\n set({assessmentLoader: payload})\r\n },\r\n graphsLoader: false,\r\n setGraphsLoader: (payload) => {\r\n set({graphsLoader: payload})\r\n },\r\n tableViewLoader: false,\r\n setTableViewLoader: (payload) => {\r\n set({tableViewLoader: payload})\r\n },\r\n\r\n // Table\r\n tableActiveSurvey: null,\r\n setTableActiveSurvey: (payload) => {\r\n set({tableActiveSurvey: payload})\r\n },\r\n tableViewData: null,\r\n setTableViewData: (payload) => {\r\n set({tableViewData: payload})\r\n },\r\n\r\n\r\n // Tabs\r\n activeTab: '1',\r\n setActiveTab: (payload) => {\r\n set({activeTab: payload})\r\n } \r\n}));\r\n","module.exports = __webpack_public_path__ + \"static/media/upload.d62d93bc.svg\";","module.exports = __webpack_public_path__ + \"static/media/eye.afd9c672.svg\";","module.exports = __webpack_public_path__ + \"static/media/go-to.3e96b374.svg\";","module.exports = __webpack_public_path__ + \"static/media/goback.179dda06.svg\";","module.exports = __webpack_public_path__ + \"static/media/goforward.c37cd9c3.svg\";","module.exports = __webpack_public_path__ + \"static/media/palette.d2fb6a0b.svg\";","module.exports = __webpack_public_path__ + \"static/media/Popup.cd5cdf53.png\";","module.exports = __webpack_public_path__ + \"static/media/print.70761c59.svg\";","module.exports = __webpack_public_path__ + \"static/media/Vector.f0277e71.png\";","module.exports = __webpack_public_path__ + \"static/media/translate.3e82c392.svg\";","module.exports = __webpack_public_path__ + \"static/media/edit.6039bdcd.svg\";","module.exports = __webpack_public_path__ + \"static/media/logic.0c9b977a.svg\";","module.exports = __webpack_public_path__ + \"static/media/score.1878fb05.svg\";","module.exports = __webpack_public_path__ + \"static/media/circle.f6788947.svg\";","module.exports = __webpack_public_path__ + \"static/media/selected_circle.e5bc391a.svg\";","module.exports = __webpack_public_path__ + \"static/media/dropdown.85b98c47.svg\";","module.exports = __webpack_public_path__ + \"static/media/drag-handler.78310cc6.svg\";","module.exports = __webpack_public_path__ + \"static/media/question.c718c9ee.svg\";","module.exports = __webpack_public_path__ + \"static/media/trash.ed7ab280.svg\";","module.exports = __webpack_public_path__ + \"static/media/plus_square.ab79da31.svg\";","module.exports = __webpack_public_path__ + \"static/media/add-image.7292b22b.svg\";","module.exports = __webpack_public_path__ + \"static/media/add-section.7db7906b.svg\";","module.exports = __webpack_public_path__ + \"static/media/video.85ca873e.svg\";","module.exports = __webpack_public_path__ + \"static/media/plus.2425214c.svg\";","module.exports = \"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAUEBAQEAwUEBAQGBQUGCA0ICAcHCBALDAkNExAUExIQEhIUFx0ZFBYcFhISGiMaHB4fISEhFBkkJyQgJh0gISABBQYGCAcIDwgIDyAVEhUgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIP/AABEIAIAAgAMBEQACEQEDEQH/xACPAAABBQEBAQAAAAAAAAAAAAAHAgMEBQYIAQAQAAEDAwMDAgMFBgQHAAAAAAECAwQABREGEiETMUEHURRhcSKBkaGxIyQyQlLBCBVyojNDYoLR4fEBAAIDAQEAAAAAAAAAAAAAAAAEAQIDBQYRAQACAgICAwADAQEAAAAAAAABAgMRBBIhMRMiMhRBQiNR/9oADAMBAAIRAxEAPwC2Q0cUi1PJaoB5LPyNAOBk8eaAV0MUB70qAT0wTj8qjrtPpTXbUNism4XK5NMrSNxb7r/Ac1pWlmc3ZKT6raTaXtY+MfHlSWdoH4nP5Vr/AB5U+ZEZ9VrE8vaYzyfy59s9qn+OPmau0321XtGIT+XNu4tqxuA/vWFsU0aRdYrZwap7Sjlr5CpSYW0R4oCK41VlUVbeDVg2qGfNZtD6GeO1APIa5AoBwNGgFBr5ULaQbpcrbZYSpl0msxGUjO5xQBPyA7k/SpiGUyBWsPVabdiuHYA5BiDI6x4dWPu/hp7HxtFb5A0W466ve44pxR8qJJpuIrUvF5l70yUbvap3A0QUEUbGlnabhNtktEiG8ptxBygg9jWVqRZpSzonTF6b1FZW5g2peSAHUDwfeublr0O0WymucVksjraqQira4PFAQ3GqsG6SzVVzyWaAeSzQCw1x2oDLa41ZD0dYDLd/aS38txWRwVrx3+QHk1pXH3lTJdy/eb3c7/PXOuspb7yjxk8IHsB4FdStYrDn2srkp9zVlDgbO4EJqq3STqEkr27cggj+9RMwtWLPVMKKs7CBRE1W6WKCClGQk9x4o3WEdLN/6Z3ZTV9VAJIRKQoFI8qA4pTPuY8GscxX2ORa+zjvSTXRhbXHapV0iLaoShOtd+KA3yWcDgULnQzigHA1igFBugOXfWK6uz/USTELmWoKEsITjBT5V+Jro8aNRsjlkPAkngDk+KY3uS1Y2toNuCyN/PvWNraO0xtZadOx5a0gpGDx9aSvnmHRpx4ltbdoG0qUjeyta85+X0pK2exyvFq1LfpjaZLYOzpq2kAd+9U/kWWnBVJY9JrUww6h1CHFOjBPsPGKrOe0Sj4K2CDWGkbnoO7IududU22FkIc8oyK6mHNFo8uXyOPMeml9Ntdv3aebLc+XNhU26Co5xyQoEmrZMei2O+xTW3xxShlEca71KiE61QBCDFQuWGaAX0jQH3SoDjr1OJPqbfeVk9c/x11eP6c/Mztvj9V8FXYd6m8ow1aqHHTkDHnvSc2dSlW40/G/ekrIOAO3vSWSzpYoFO1RErebJSBgdqTNS2cZtAcCGxwB4qGMrBtgqG4jip6qxLK6w02zqLTky3Pgb1oIQr2Pg1eltSpeu4cnaW+LsvqLASllan2JXSU2Dgq5IUn5nvxXetPbE8/FemR1IW0lIKP4SMjjFc2fyb/0juN1AQnW+KsqI/R/SpXfBrigFBqgPOn5x2oDjb1Vjts+qt9ZZRsAeB88kpBJ59ya6WD0QyKe0RHD+02/Z7VnknyYwVaaIlKMbiBS0w6FW6sJa6jad4BJyAfNJXg7jkWLXH/4Sk4PGSaWMLn4noyABnnuaGa7Yc3IGDmrRO2UwZlIyk1WVquTNe2oxvWpDcJrDkmWy6gcjKioV2cFu2FxuXXrldELRyaThKK43UrIjjdWVErpVZV908UB50hQl4W80Byd60C1zPUx2TbZQeJaQ3KAQRsdb+yRyOeAORTWK3hlbH5UvTbiQkJ4TtTWVo3JuniEGNbr1eA4/GKIsVHd11W0fWtd9fSvx5Le5JTFvsVYch3uNJcR/wAtl4FePkD3o8W/TOaZa+pF/wBM9ZXGUv4C5g9RBNc3Pj1Lq4b7p1FOXIbVtXtwRzgnvSv6bxHWobOar9T37mXLVYuvFyUhtTe3AzwdxUO9O0x4dFt5Y9tFbddXyJKaj6ssL8Bl0hHX7obPuTWFqRvwvTf9q+92ViX63WeaQFlqGqQPbKcgH8SKYwTquinIrudtstFEey6MtFCERxHegCX0vGK2UedMUB5s4oQ8CMqHGOaEw5U1tEYuWs5qiR8V8Y4VJ8lAWrn7sCik6h0L44VYt4mFSTjA96rF/I+PwhXqJPkxmbZFUUoKiVDPBPjNXpbp7Uvhtf8AMiHpPTGmGfTpy23hh2bdCFOIc6YSUrJyAlRPYVjly7n6tMXFmv6kP2pM3T2rmwlZTsWNySoKIGfcVpP3qr+MmnTbCUSNLidEZD0npbwk/wAxxwBmudrVj29yyPp5pa/6ln3efr6a/FbyEw2GXSnb5JG0kY8YIpv/AJa8FLxli3lpYNmkus3GwXVRmxErKWHlpOSPB58j8qV3O/Bqa6r5JcsqWdWR5e8kR7YWB4yeqO/3Cr1nTC9d1TVo4phzI9oy0UJRVooAmbMeKYZE7PFAJKOfnULE7OeOD4qohyM7brjB1/Lj3rKpRU8UKCshRyckmiZdDey4a1InLRxjNZTDSrWRoDCkddCEkkcgil5kzSCJ8p+LEPQYAKeylnj7h5qatLSFMt39/WtStzq17lE+TT2vq5cz9nVGgpDMrSUJpw7z0xurnX9n/wDLZwTGiEnOz/q7fjU1UvOzrjjTqytAz86LMohSTUpMoq7K24PHirY1M0oK00xJGEZaeKgIq0UATSimmRBTQCSngVAIxwRiqgE/VTS8hnUsbU7IQYqyEL8KS7txz7ggVQ1jkMF4RcVcYCiDxVTkNvZUdRKUdxSdztXmtWnIOnXnIyAt4oOPepxs7yCMN1qM/EmSkF8OPDekDcRjk5HiupP5crf2dQaS1fAlxYkVyGYbkoqTEBQQlSW8ZOcYHccGuVf260R9W4beDr21Ywrx7GqRLOYWKEbUVpDKZ0pJRC7i8B/KlIP35NaYy+WUZY/Wt5KwjLHeqhGcHegCcU96bZE7eKAb2ioBG2oDFepsIy9CSSngsrQ4TgnAzg9qo0pLmT4sp+ysZUkkDxwDxVdHIs09svyYkRuQokgjtnvS1sZyl9KvUOtJEpwwWWQta05CuScVriwssmZYaJ0vDl3VFzuqmwQQUI4zkVOVfFi2NduiSmoDZRGbdUytSkoVgceCPY4pIxabUWtvu8Ca+pjJaktq2qbWMEGjWmUrwvANkZGattlLOxXTJdmPnG1T6koIPdKQB+oNMUglmktQrSWP9I6x3oCMsUAT8UywIKRQCCKhY2RQFVfrcm66fnW5QH7dlSU5GcKxwfxxVU1lxlcsNz32VODqtqwpGfIyKtpvs7bno6W0pnFRSDkBJ/8APes7t8dtkT7VEmXBciMtxIUASoKIJ49qml9L2x7afTMPTzDJ/wA3nOJQDk5cUCPwNL5DmK/QYbBE0/cIyHLTeZis9imST49jSze2atn0nTUmLq6PfGrjJeZwlLzTpB7eU4H5VS0l5XtxvDUfepYKUpHGeAf/AKeKmkbZSctsRUO1MMODDgTuWPZROT+Zp7TnXncnlihWUdY70BGcHegCeRTbE3j/ANUAg8iqoNkULQQRlWB3qI8ifEuRPW+zCx+oUt9hAEWftfGzgodI+2k/UgmrUTM+AuN3dQogKOMDtx+NMfGpOZf6ZvCEy225RLiSocA0rkxm8OcUY9rs+oeiSz046Cd4T9kk/WufuaurERcSdMtWmz27EZrpIKSoKWBjAOBWc/YdYqpbzrFTFzTGjyCqQkng5CSOR9/H54orSZ8Sxm8VSdOJe1TdE3aUk/AwV5RkfZfdx3B8pT+tM1xxUnlzTb03iu5rQuYWKqtBhYqUIy/NAE48802xN0A2fbtVUI0uVHhQ35kt5DEeOhTrrqzhKEJBJUfkACalLjD1I9dNTarub8KwTn7NYQShtDBLbz6e29xY5Gf6AQBTdMXgnbLuVXYGlzfT74SXlZW86tJcJJIOMKyee+eaTv8AWXUw07VYu4Qnorym3AePNOUvshkxzCKw+tpwYJ47EVa1YllS0w2dn1pIgNrbKjsWkDhWD9aTtx4s6VOV1aBr1SnCGhhMdXUQgJHT7YBzk/PjFZxx4q1tyZsnaI07fNd38Tp0p2LbmjlxxBPn+RGfJxyfAqMvWs6hGOtrV2udD+tzFtuh0vqWMyxbWHlsRprCMBlAWQkOpHBHusVrOHvXZL5YrbToDclSQpJCkkZBByCD5FKmIMrNVWgwqhCMugCcac2x0aJwKqhmtUa30ro2KH9SXqPAKhlDRO51z/S2nKj9cYq0UR3cwerfrqNZ2penNMMSYVpcP70+/gLlgdk7RnYimaY2FrgUkArGfetp9MNfYUdPv9aC2BwkoHHtgY/tXLzQ72Cd1W7+n03COopQCodsisq5NNL4tsXL0stqWWVILaxTdcxC3HaOw+lsu7r4nFkfNG6qTyl44gmWb0Ws9tAfnvvTnPmNrZPzFKX5EyZpgiBRtVtj2u1oYjMoabQDtSlOAKUmfts5XXXq4/8AUnSJ0lrB5pslcSXmQyVdwFKJKT9DXcwZN104PJw/FbsLXpb6vWKLpaHp7VM5cSVE/YsyXEEtLa/kClDO0pFVy45UplGxiVHmRUS4chqTHcGUOtLC0KHyI4NJamDUX2Ss1GlkdZo1CPLzUPrt6aWEOIF+F2fRx0bagvf7+Ef7q6EUKzcBdZ/4kdWXvfG0uyNOwv6xh2Sf+8jCPuFbRjZTkBOZNmXGa7Nnynpcp05W8+srWs/NR5NaVoytKKTVpnSj4GiFolvdESkrbeYcUMJI5/pJ/sf1pDPDp8O+xesjICktqRnd5H965do07FLbWF20yzKSHQ2hZT4IorItELXTFmXDfS+wpaAf4kE5GaraUQIIZU8lPUByPGapEbVlLca2pSgY+lW0iv8A65k/xES4p1Jarc0QX2GVLc+QUa6vCrtzebfv4BUV0ptEuT6XFg1XqHTD/Wsd2fh5OVNpOW1/6kH7J/CspxxK9cgxad9f217GNVWnZ4MqD+pbNK2waM1zi1Z9Q2XUUL4yy3Jia156Z+0g+yknlJ+opO1Jg3W8S//Z\"","module.exports = __webpack_public_path__ + \"static/media/file-with-check.6667b4cc.svg\";","module.exports = __webpack_public_path__ + \"static/media/users.d9d0f94f.svg\";","module.exports = __webpack_public_path__ + \"static/media/survey.26b00e2b.svg\";","module.exports = __webpack_public_path__ + \"static/media/file-with-search.2d3f2ba3.svg\";","module.exports = __webpack_public_path__ + \"static/media/action-plan-icon.bd2b05c8.svg\";","module.exports = __webpack_public_path__ + \"static/media/openCollapse.5e71de17.svg\";","module.exports = __webpack_public_path__ + \"static/media/closeCollapse.c9d978fd.svg\";","module.exports = __webpack_public_path__ + \"static/media/printWhite.c140bb22.svg\";","module.exports = __webpack_public_path__ + \"static/media/infoTooltip.c06e15fd.svg\";","module.exports = __webpack_public_path__ + \"static/media/registerPhoto.4c0e159e.svg\";","module.exports = __webpack_public_path__ + \"static/media/wave.cdcda04e.svg\";","module.exports = __webpack_public_path__ + \"static/media/bell-ring.0cc3ab46.svg\";","module.exports = __webpack_public_path__ + \"static/media/chevron-down.58cbbced.svg\";","module.exports = __webpack_public_path__ + \"static/media/bgImageTeam.6dc6e447.svg\";","module.exports = __webpack_public_path__ + \"static/media/KapOrgLogo.3d0db5bf.svg\";","module.exports = __webpack_public_path__ + \"static/media/group-people-community.3a739ca0.svg\";","module.exports = __webpack_public_path__ + \"static/media/assessments.b1a51e78.svg\";","module.exports = __webpack_public_path__ + \"static/media/document-hand-held-writing.3dfd8430.svg\";","module.exports = __webpack_public_path__ + \"static/media/dashboard-workspace-app-application-layout-vertical.39ec3851.svg\";","module.exports = __webpack_public_path__ + \"static/media/requests.2b69b6f3.svg\";","module.exports = __webpack_public_path__ + \"static/media/organizations.4b387c7a.svg\";","module.exports = __webpack_public_path__ + \"static/media/group-people-community-Inactive.5c85e7bb.svg\";","module.exports = __webpack_public_path__ + \"static/media/document-hand-held-writing-active.56b62e2b.svg\";","module.exports = __webpack_public_path__ + \"static/media/dashboard-workspace-app-application-layout-vertical-active.c9f95935.svg\";","module.exports = __webpack_public_path__ + \"static/media/assessments-active.dbad7a1f.svg\";","module.exports = __webpack_public_path__ + \"static/media/requests-active.a187c04d.svg\";","module.exports = __webpack_public_path__ + \"static/media/organizations-active.beaa8553.svg\";","module.exports = __webpack_public_path__ + \"static/media/logout.aaa19f75.svg\";","module.exports = __webpack_public_path__ + \"static/media/addNewMemberTeam.d6b5da5f.svg\";","module.exports = __webpack_public_path__ + \"static/media/edit-table.9e70f9c2.svg\";","module.exports = __webpack_public_path__ + \"static/media/deleteRowTable.906adc51.svg\";","module.exports = __webpack_public_path__ + \"static/media/x-icon.40db4f24.svg\";","module.exports = __webpack_public_path__ + \"static/media/black-x.3fb5821a.svg\";","module.exports = __webpack_public_path__ + \"static/media/information-delete.e0c8a72c.svg\";","module.exports = __webpack_public_path__ + \"static/media/successProfile.8d7b06ce.svg\";","module.exports = __webpack_public_path__ + \"static/media/errorProfile.95a6850c.svg\";","module.exports = __webpack_public_path__ + \"static/media/assessmentsBanner.816ff762.svg\";","module.exports = __webpack_public_path__ + \"static/media/plusIcon.2cb42db7.svg\";","module.exports = __webpack_public_path__ + \"static/media/successDeleteAssessment.b97838cc.svg\";","module.exports = __webpack_public_path__ + \"static/media/errorDeletingAssessment.b6f15ba6.svg\";","module.exports = __webpack_public_path__ + \"static/media/asterisk.137a50d4.svg\";","module.exports = __webpack_public_path__ + \"static/media/plusIconblue.cea1a751.svg\";","module.exports = __webpack_public_path__ + \"static/media/minus-button.d190ce4e.svg\";","module.exports = __webpack_public_path__ + \"static/media/surveyBanner.3d8b3912.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-down-import.ce61bdcb.svg\";","module.exports = __webpack_public_path__ + \"static/media/deletedsurveysuccessful.129fc4ee.svg\";","module.exports = __webpack_public_path__ + \"static/media/errordeletedsurvey.bbf93df5.svg\";","module.exports = __webpack_public_path__ + \"static/media/logout-icon.4f734d9b.svg\";","module.exports = __webpack_public_path__ + \"static/media/file-upload-icon.b8af28f6.svg\";","module.exports = __webpack_public_path__ + \"static/media/workspaceBanner.1c7436b8.svg\";","module.exports = __webpack_public_path__ + \"static/media/workspace-content.50bd44d2.svg\";","module.exports = __webpack_public_path__ + \"static/media/threedots.bcf5bbd3.svg\";","module.exports = __webpack_public_path__ + \"static/media/RequstBanner.b87d8a9c.svg\";","module.exports = __webpack_public_path__ + \"static/media/button-eye-request.ea1630cb.svg\";","module.exports = __webpack_public_path__ + \"static/media/button-tick-request.b5d0df7a.svg\";","module.exports = __webpack_public_path__ + \"static/media/button-reject-request.5999c2ae.svg\";","module.exports = __webpack_public_path__ + \"static/media/organization-office-building-work.b83a3577.svg\";","module.exports = __webpack_public_path__ + \"static/media/registered-organizations.e3261062.svg\";","module.exports = __webpack_public_path__ + \"static/media/sectors.3f3a7236.svg\";","module.exports = __webpack_public_path__ + \"static/media/average-score.1fbf8638.svg\";","module.exports = __webpack_public_path__ + \"static/media/downloadOrganization.c38f4a82.svg\";","module.exports = __webpack_public_path__ + \"static/media/dropdownFilter.65daa976.svg\";","module.exports = __webpack_public_path__ + \"static/media/blue-eye.01e38fed.svg\";","module.exports = __webpack_public_path__ + \"static/media/delete-organization.7cfc8931.svg\";","module.exports = __webpack_public_path__ + \"static/media/EyeOrganizations.2de73ad3.svg\";","module.exports = __webpack_public_path__ + \"static/media/deleteRowOrganizations.7cfc8931.svg\";","module.exports = __webpack_public_path__ + \"static/media/banner-of-organizations-details.29b80d76.svg\";","module.exports = __webpack_public_path__ + \"static/media/go-back.5a0e7b68.svg\";","module.exports = __webpack_public_path__ + \"static/media/organization-office-building-profile.37f79d33.svg\";","module.exports = __webpack_public_path__ + \"static/media/PrintLogo.211ccf43.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrowDown.11342d71.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrowUp.511ec4b2.svg\";","module.exports = __webpack_public_path__ + \"static/media/empty-score-assessment.032df59f.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrowDownBlue.90d17f34.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrowUpBlue.9943d77f.svg\";","module.exports = __webpack_public_path__ + \"static/media/whitetick.e42a467d.svg\";","module.exports = __webpack_public_path__ + \"static/media/rejectIcon.5bd3891c.svg\";","module.exports = __webpack_public_path__ + \"static/media/successWorkspace.eeeae9de.svg\";","module.exports = __webpack_public_path__ + \"static/media/errorWorkspace.fb6dc849.svg\";","module.exports = __webpack_public_path__ + \"static/media/EyeInvisible.9535e7ba.svg\";","module.exports = __webpack_public_path__ + \"static/media/backIcon.5196744b.svg\";","module.exports = __webpack_public_path__ + \"static/media/lock-icon.ef220039.svg\";","module.exports = __webpack_public_path__ + \"static/media/LockSuccessIcon.4ed52f77.svg\";","module.exports = __webpack_public_path__ + \"static/media/LockErrorIcon.c43945c0.svg\";","module.exports = __webpack_public_path__ + \"static/media/kaporg-icon.ffb1d130.svg\";","module.exports = __webpack_public_path__ + \"static/media/ngo-logo.fbb1ae58.svg\";","module.exports = __webpack_public_path__ + \"static/media/donors-logo.4cdcdd9f.svg\";","module.exports = __webpack_public_path__ + \"static/media/humanitarian-logo.2855f1da.svg\";","module.exports = __webpack_public_path__ + \"static/media/vendors-logo.f5c3d90d.svg\";","module.exports = __webpack_public_path__ + \"static/media/KapOrg-logo.6e31e505.svg\";","module.exports = __webpack_public_path__ + \"static/media/organization-office-building-notification-green.454cece2.svg\";","module.exports = __webpack_public_path__ + \"static/media/organization-office-building-notification-red.6e7773c3.svg\";","module.exports = __webpack_public_path__ + \"static/media/request-success.56cebfd5.svg\";","module.exports = __webpack_public_path__ + \"static/media/request-error.3fcb5c3e.svg\";","module.exports = __webpack_public_path__ + \"static/media/kaporg-icon-white.06972a93.svg\";","module.exports = __webpack_public_path__ + \"static/media/workspaceCard.077020ec.svg\";","module.exports = __webpack_public_path__ + \"static/media/requestIconError.609dd5e1.svg\";","module.exports = __webpack_public_path__ + \"static/media/requestIconSuccess.197406ac.svg\";","module.exports = __webpack_public_path__ + \"static/media/lockIcon.f947e342.svg\";","module.exports = __webpack_public_path__ + \"static/media/email-confirmation-icon.9962cf69.svg\";","module.exports = __webpack_public_path__ + \"static/media/tick-success.f2b57e9c.svg\";","module.exports = __webpack_public_path__ + \"static/media/loginbackground.aad24f3f.svg\";","module.exports = __webpack_public_path__ + \"static/media/minus-button-with-color.44459ba3.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrowRight.db8f2177.svg\";","module.exports = __webpack_public_path__ + \"static/media/all-resources.7eb52923.svg\";","module.exports = __webpack_public_path__ + \"static/media/documents-action-plan.74bfe3c0.svg\";","module.exports = __webpack_public_path__ + \"static/media/videos-action-plan.00328f8f.svg\";","module.exports = __webpack_public_path__ + \"static/media/slides-action-plan.a3d6254d.svg\";","module.exports = __webpack_public_path__ + \"static/media/quizzes-action-plan.413f0893.svg\";","module.exports = __webpack_public_path__ + \"static/media/BlackEyeIcon.ea97d484.svg\";","module.exports = __webpack_public_path__ + \"static/media/BlackDownloadIcon.4752c949.svg\";","module.exports = __webpack_public_path__ + \"static/media/resourceDocument.3dd1a91f.svg\";","module.exports = __webpack_public_path__ + \"static/media/resourceSlides.c9f90262.svg\";","module.exports = __webpack_public_path__ + \"static/media/resourceVideo.6b9667d8.svg\";","module.exports = __webpack_public_path__ + \"static/media/resourceQuizzes.f32f618f.svg\";","module.exports = __webpack_public_path__ + \"static/media/verified-icon.e87c8718.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrowRightDate.e774cdbc.svg\";","module.exports = __webpack_public_path__ + \"static/media/dateIcon.31c95aa3.svg\";","module.exports = __webpack_public_path__ + \"static/media/empty-box.cce18ae7.svg\";","module.exports = __webpack_public_path__ + \"static/media/download-survey.8b771b09.svg\";","module.exports = __webpack_public_path__ + \"static/media/strategy-tasks-work.350f4981.svg\";","module.exports = __webpack_public_path__ + \"static/media/copy-link.642c323f.svg\";","module.exports = __webpack_public_path__ + \"static/media/EnrolledOrganizationSuccess.35ae2747.svg\";","module.exports = __webpack_public_path__ + \"static/media/EnrolledOrganizationError.491464bd.svg\";","module.exports = __webpack_public_path__ + \"static/media/edit-workspace-icon.ae1824b7.svg\";","module.exports = __webpack_public_path__ + \"static/media/remove-workspace-icon.a871b5ff.svg\";","module.exports = __webpack_public_path__ + \"static/media/eyeIcon-without-shadow.54ac130c.svg\";","module.exports = __webpack_public_path__ + \"static/media/gobackblue.a6d5cdcb.svg\";","module.exports = __webpack_public_path__ + \"static/media/TicketBanner.17a51063.svg\";","module.exports = __webpack_public_path__ + \"static/media/file-upload.77c39804.svg\";","module.exports = __webpack_public_path__ + \"static/media/download-file.3a80413b.svg\";","module.exports = __webpack_public_path__ + \"static/media/EditIcon.5e8c985a.svg\";","module.exports = __webpack_public_path__ + \"static/media/deleteResource.f5c27933.svg\";","module.exports = __webpack_public_path__ + \"static/media/resourcesSuccess.7c702db9.svg\";","module.exports = __webpack_public_path__ + \"static/media/resourcesError.0d01bcd2.svg\";","module.exports = __webpack_public_path__ + \"static/media/ticket.d5804a26.svg\";","module.exports = __webpack_public_path__ + \"static/media/ticket-red.2297f9d4.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-detail.f622c250.svg\";","module.exports = __webpack_public_path__ + \"static/media/downloadresource.7a56b03d.svg\";","module.exports = __webpack_public_path__ + \"static/media/shareresource.25642d03.svg\";","module.exports = __webpack_public_path__ + \"static/media/assignExpert.0542f686.svg\";","module.exports = __webpack_public_path__ + \"static/media/errorAssignExpert.5b7402b7.svg\";","module.exports = __webpack_public_path__ + \"static/media/Linkdownload.43e1464c.svg\";","module.exports = __webpack_public_path__ + \"static/media/LinkDownloaderInCard.70c97baf.svg\";","module.exports = __webpack_public_path__ + \"static/media/gobackblack.2f172d8d.svg\";","module.exports = __webpack_public_path__ + \"static/media/info-icon.3ee4e3fa.svg\";","module.exports = __webpack_public_path__ + \"static/media/attachments.62a50703.svg\";","module.exports = __webpack_public_path__ + \"static/media/EditTaskIcon.d4f9bb30.svg\";","module.exports = __webpack_public_path__ + \"static/media/DeleteTaskIcon.d95f622f.svg\";","module.exports = __webpack_public_path__ + \"static/media/removeIcon.9417763a.svg\";","module.exports = __webpack_public_path__ + \"static/media/task-notification-success.2cf4099b.svg\";","module.exports = __webpack_public_path__ + \"static/media/task-notification-error.a8cbc61c.svg\";","module.exports = __webpack_public_path__ + \"static/media/print-summary.64325330.svg\";","module.exports = __webpack_public_path__ + \"static/media/export-icon.011aeb65.svg\";","module.exports = __webpack_public_path__ + \"static/media/print-blue.b682b7e1.svg\";","module.exports = __webpack_public_path__ + \"static/media/button-download-blue.15886c2e.svg\";","module.exports = __webpack_public_path__ + \"static/media/edit-organization.453b66dc.svg\";","module.exports = __webpack_public_path__ + \"static/media/userProfileSuccess.cf6b115e.svg\";","module.exports = __webpack_public_path__ + \"static/media/userProfileError.eef83bee.svg\";","module.exports = __webpack_public_path__ + \"static/media/addmemebersuccess.cd6a4036.svg\";","module.exports = __webpack_public_path__ + \"static/media/addmemebererror.61ffeb2c.svg\";","module.exports = __webpack_public_path__ + \"static/media/user-protection-success.f3139c2a.svg\";","module.exports = __webpack_public_path__ + \"static/media/user-protection-error.67c80f91.svg\";","module.exports = __webpack_public_path__ + \"static/media/guidedConsult.97db1a47.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-left.a12d37da.svg\";","module.exports = __webpack_public_path__ + \"static/media/archive-icon.d9d72d1a.svg\";","module.exports = __webpack_public_path__ + \"static/media/revertButton.acca27a4.svg\";","module.exports = __webpack_public_path__ + \"static/media/ActionPlanBanner.ce83bbc6.svg\";","module.exports = __webpack_public_path__ + \"static/media/checkWhite.54b6361a.svg\";","module.exports = __webpack_public_path__ + \"static/media/spinner.0c990924.svg\";","module.exports = __webpack_public_path__ + \"static/media/NotAllowed.f2a925f1.svg\";","module.exports = __webpack_public_path__ + \"static/media/fileupload-icon.3e2ed19d.svg\";","module.exports = __webpack_public_path__ + \"static/media/no-areas.7b7d93b6.svg\";","module.exports = __webpack_public_path__ + \"static/media/NoData-Results.8b9acfd3.svg\";","module.exports = __webpack_public_path__ + \"static/media/FileUploadedViewer.62ea273d.svg\";","module.exports = __webpack_public_path__ + \"static/media/accountSummary_blue.f92cc72f.svg\";","module.exports = __webpack_public_path__ + \"static/media/loginInfo_blue.1f64b572.svg\";","module.exports = __webpack_public_path__ + \"static/media/logout_blue.be407c51.svg\";","module.exports = __webpack_public_path__ + \"static/media/paymentInfo_blue.1660c36b.svg\";","module.exports = __webpack_public_path__ + \"static/media/profileInfo_blue.e67e02ec.svg\";","module.exports = __webpack_public_path__ + \"static/media/ConsultantBanner.9c4b9120.svg\";","module.exports = __webpack_public_path__ + \"static/media/trashBinIcon.5c85fe84.svg\";","module.exports = __webpack_public_path__ + \"static/media/untrashTableRow.053fa553.svg\";","module.exports = __webpack_public_path__ + \"static/media/UntrashWhiteIcon.9f870f93.svg\";","module.exports = __webpack_public_path__ + \"static/media/ArchiveIconTableRow.5a414beb.svg\";","module.exports = __webpack_public_path__ + \"static/media/archive-dropdown-icon.8b3db9f5.svg\";","module.exports = __webpack_public_path__ + \"static/media/tickets.b8a0e6dc.svg\";","module.exports = __webpack_public_path__ + \"static/media/inactiveTickets.8174ee67.svg\";","module.exports = __webpack_public_path__ + \"static/media/organizationdetails-banner.ab30aca3.svg\";","module.exports = __webpack_public_path__ + \"static/media/assessment-score-banner.1837063f.svg\";","module.exports = __webpack_public_path__ + \"static/media/PrintBlueLogo.eb9005d9.svg\";","module.exports = __webpack_public_path__ + \"static/media/PublicIcon.02d55b90.svg\";","module.exports = __webpack_public_path__ + \"static/media/PrivateIcon.daae7396.svg\";","module.exports = __webpack_public_path__ + \"static/media/add-representative.42af71c0.svg\";","module.exports = __webpack_public_path__ + \"static/media/member-banner.8089ccb7.svg\";","module.exports = __webpack_public_path__ + \"static/media/rejectwhiteIcon.39b28317.svg\";","module.exports = __webpack_public_path__ + \"static/media/disabledIconExpert.332f9be5.svg\";","module.exports = __webpack_public_path__ + \"static/media/error-deactivate.d0ae1dc2.svg\";","module.exports = __webpack_public_path__ + \"static/media/account-deactivated-eye-icon.f79c9971.svg\";","module.exports = __webpack_public_path__ + \"static/media/card-icon.d54fc70f.svg\";","module.exports = __webpack_public_path__ + \"static/media/card-icon-2.270f04c8.svg\";","module.exports = __webpack_public_path__ + \"static/media/card-icon-3.0ab1449f.svg\";","module.exports = __webpack_public_path__ + \"static/media/card-icon-4.3d80c36c.svg\";","module.exports = __webpack_public_path__ + \"static/media/arrow-up.db1c47a9.svg\";","module.exports = __webpack_public_path__ + \"static/media/edit-icon-profile.593905dd.svg\";","module.exports = __webpack_public_path__ + \"static/media/star-icon.0e51da9c.svg\";","module.exports = __webpack_public_path__ + \"static/media/payment-tick.dd6b1431.svg\";","module.exports = __webpack_public_path__ + \"static/media/credit-card-bg.72c88190.svg\";","module.exports = __webpack_public_path__ + \"static/media/wallet-card.73ee7e94.svg\";","module.exports = __webpack_public_path__ + \"static/media/download-arrow-icon.52d4c500.svg\";","module.exports = __webpack_public_path__ + \"static/media/user-blue-icon.09205210.svg\";","module.exports = __webpack_public_path__ + \"static/media/user-red-icon.d21dab74.svg\";","module.exports = __webpack_public_path__ + \"static/media/acc-deleted.a53e9d6d.svg\";","module.exports = __webpack_public_path__ + \"static/media/button-right-border-color.620ac8fc.svg\";","module.exports = __webpack_public_path__ + \"static/media/saveDraftIcon.b30c03bb.svg\";","module.exports = __webpack_public_path__ + \"static/media/DeletedraftIcon.a48f5a60.svg\";","module.exports = __webpack_public_path__ + \"static/media/DeleteTicketIcon.77efa5df.svg\";","module.exports = __webpack_public_path__ + \"static/media/monthlyPurchaseIcon.ada00252.svg\";","module.exports = __webpack_public_path__ + \"static/media/OneTimePurchaseIcon.aa6c7ce1.svg\";","module.exports = __webpack_public_path__ + \"static/media/payment-tick-monthly.17735df7.svg\";","module.exports = __webpack_public_path__ + \"static/media/successpurchaseicon.881317b3.svg\";","module.exports = __webpack_public_path__ + \"static/media/backIconWhiteColor.28a2d6ff.svg\";","module.exports = __webpack_public_path__ + \"static/media/failedpayment.6a04fe7a.svg\";","module.exports = __webpack_public_path__ + \"static/media/yellowStarIcon.4e3787cd.svg\";","module.exports = __webpack_public_path__ + \"static/media/checkedYellow.7dd7c972.svg\";","module.exports = __webpack_public_path__ + \"static/media/EyeVisible.7accb93e.svg\";","module.exports = __webpack_public_path__ + \"static/media/blue-tick.9111134b.svg\";","module.exports = __webpack_public_path__ + \"static/media/profile-humanitarian-user.84bf38c4.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAPBSURBVHgBzZm/b9NAFMe/Z1tCQgJ5oBMDKRsCqe1AmRAeYC+0RWIqnau25C9ossIQaARry0p/hYGtUoOYgIEwVGwQJFhaJCIqkColPt7zjzRJk9jn2Em+UmvH9sUfXd69d/c9gR40lZOmDlhCxy0hkLIlxgVgwv1jVSBQdo4SJVnD2xpQLKRFBRElEEEzOWnBwApBjDfAhX+pQMGu4uVWWhSgKCXg6bycIsgcNUohBtH3lKnHs9tLYl2hTbDop08ZBtYI1kISEihVq7hLoVIOelQLemA2L5cNHZ8Sg2VRaPE7Zlblo6BHu/bwTF5ynGbQTwlkNhdFtvPtDhoIrK8u0G2BBwrrqwP0KWCOWSnxFMOh9OaSaGJpAnayAQ+wCLk1IVWqNUw0Zo+mLEGpawfDA8syqQPXGi/UgWdX5UOvcg2brOkcFSxPhn9iAyuR6nSYN14B5m8CZ88Ah3/oRdt0PArfXtORo4NTxp0e5pIbV7lFG9iF2+75x6/AyHmqxffoeC78d0hic+Yv8IA1iTkkIB/237Hbq4/fABvvo0FDp8kWSfAUkQL7N2JWK2z518m9+5M0Zm4A+z+BzHbor+SMMWroBs0RJGJVN1jWqw/0G48A1y9DRSazGjTaLMQ42nzYboMrdQG4etF9RknEqgkNY4hJYWE5fjljrL2Dkjgx8KCLpVCowr7YdbOGErDAmEbxm0KPCgPrZwYfdu8LlEVDzey5h/sF68kMXHEgJljOuT3COmLgSEvuQcCSKlTk1IF58AwAltNEWaMuLkFR3Lus57t9hHVV0cit+Q5FXaOk//fYLa2tShAW0sZnjaK4qNKIgS6N9B/WEbEatSr90504DpXeuKSyWpM+X1+4kyAsyWFlY44MDI5jK0yjSW/CUj50Y5lB+RrnWFZSsFQ1XjOru+KoIUvzTStMO7+Hnzw4uXZw5EJyr7cLlTgkNazzsT5Pm16V38KsOjYW3Wkjg+3/cCEPFJY7UcSm4caSGOXz+pqOejlNvbwT1Hg2j76LHU7/vGkmTLG8h5Cx3DeRs0kO0IT/sWkuQUuQeUQs1QmpwjZs44UmYM9hyWJ4lG31jE/N1hwvSw4BNDG0+mqsznbrM5mhuysYhBh2WWTa3epuaA8CugssK3C97Nn4DJ20SciDvW0YNEplU2YnMbNQoEjZYD7MpoySI8EOp2caphCDuILZAumtxfD7dZEsFLY/NQNz5NRPqbd2dkdLqNLPnxZFKKonz8ffuqXkaHmGjOnZBvWtW16CaQRo27RQsFHsdev2P27blGoXf0ybAAAAAElFTkSuQmCC\"","module.exports = __webpack_public_path__ + \"static/media/document-type.31006c74.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKTSURBVHgBpVa9ctpAED4JQS2/gVsGZoLfAD9BlOG3A3fpDF264CcAdynlDoafkDJVKNNFKaA16VLS8+fvE3f2IZ+Qf3Zm55a9vW91u3u7WCKBPM9zHccpQCS7Ur0CB5vNJphOp6tT5624jUqlQsBr+tCATeSv1+sbOFqaNm2TslqtdrH8Ifhut7vb7/eXADkbDocWmTJ14DvYFNPp9D3OfBVJN2A4YPwLYgHAt9vttpMUgnq9fo5QdSzLauBnAOeX+hlHN1bg4KvxeOyLF1C/319iaZbL5QBOuhLjQu2nxFNYeMU6rt0ejUbfxCtpsVj8zuVy/yB+zufz7nw+/0m9pa6JcNxD9BHjK/EOKpVKPdu2WRwXwArCJAOcX79kNejGzAkOeCfAPNroOuZNHMqYToQtDZrgWbTUUqlUEV/z3VQh1HGPNrqeCWblHb7Pc235iIQsuSNCoqfQ34A7uhPK1HGPNtFzSDZ14QNlFYUO+CqFgZDwDiqEIp0I+TEhOPdMZ4iFaqJYYA5cdTURQwRSN0kCj2C5tnghId57k5x4ThwyLqLVoJMec1NOoqRhreggjL1K9ilwhkUPV5wTDSuwZXJXOPCs3lnnppjrTkzvRPalMNk2EwLDH4hrw/BoZqjpT6aEUsc92uh6dgUsRbBPbEd67GFpZDIZXrmtjGU1PKtzRaY3ILvCueoKYbNDo/qfzWbP4KiFRrVEo/or3kC1Wu0a0fjC8E0mk9D50TzAFOOQKSBc7cFg0BOvICS8AWAfYoAm99iuj+YBhwX7OWLbhbMPp0ahIuaNoQV4S8iBo+8bZzJaAydU2GHBM/YpfcBrfwQ+wq6J1eUERE5aUazYoR8ZhXGkiuCWvd9kYIkEeu/flgedasJMP3R23gAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"static/media/blueCheckbox.65c9fad6.svg\";","module.exports = __webpack_public_path__ + \"static/media/surveyRequest.01597a6e.svg\";","module.exports = __webpack_public_path__ + \"static/media/task-assigned-success.2cf4099b.svg\";","module.exports = __webpack_public_path__ + \"static/media/task-assigned-error.a8cbc61c.svg\";","import { create } from 'zustand'\r\n\r\nexport const useAssessmentStore = create((set) => ({\r\n isSetRequest: false,\r\n\r\n setRequest: (data) => {\r\n set({isSetRequest: data})\r\n }\r\n}));","import React from \"react\";\r\nimport Sections from \"./Sections\";\r\nconst EditProfileAdmin = ({ isEditMode, handleChange, values, setFieldValue, errors }) => {\r\n const fields = [\r\n {\r\n sectionName: \"Personal information\",\r\n propertyName: \"Name\",\r\n name: \"name\",\r\n propertyValue: values?.name,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true\r\n },\r\n {\r\n sectionName: \"\",\r\n propertyName: \"Phone number\",\r\n name: \"phoneNumber\",\r\n fieldType: \"phone\",\r\n propertyValue: values?.phoneNumber,\r\n isEditMode: isEditMode,\r\n onSelectChange: (value) => {\r\n setFieldValue(\"phoneNumber\", value);\r\n },\r\n isRequired: true\r\n }\r\n ];\r\n\r\n return (\r\n <>\r\n {fields?.map((section, index) => (\r\n \r\n
\r\n ))}\r\n \r\n );\r\n};\r\n\r\nexport default EditProfileAdmin;\r\n","import React, { useEffect } from \"react\";\r\nimport Sections from \"./Sections\";\r\n\r\nconst EditProfileNgo = ({\r\n isEditMode,\r\n handleChange,\r\n values,\r\n countryList,\r\n cityList,\r\n setFieldValue,\r\n errors,\r\n selectedCountry,\r\n setSelectedCountry,\r\n selectedCity,\r\n setSelectedCity\r\n}) => {\r\n useEffect(() => {\r\n if (!isEditMode) {\r\n setSelectedCountry(values?.baseCountryId);\r\n setSelectedCity(values?.cityId);\r\n }\r\n }, [isEditMode]);\r\n\r\n const handleCountrySelect = (selectedOption) => {\r\n setSelectedCountry(selectedOption?.value);\r\n setFieldValue(\"baseCountryId\", selectedOption?.value);\r\n setSelectedCity(null);\r\n setFieldValue(\"cityId\", null);\r\n };\r\n\r\n const handleCitySelect = (selectedOption) => {\r\n const cityId = selectedOption?.value || null;\r\n setSelectedCity(cityId);\r\n setFieldValue(\"cityId\", cityId);\r\n };\r\n\r\n const getCountryLabel = (id) => {\r\n const country = countryList?.find((c) => c?.value === id);\r\n return country ? country?.label : \"\";\r\n };\r\n\r\n const getCityLabel = (id) => {\r\n const city = cityList?.find((c) => c?.value === id);\r\n return city ? city?.label : \"\";\r\n };\r\n\r\n const fields = [\r\n {\r\n sectionName: \"Organization details\",\r\n propertyName: \"Organization name\",\r\n name: \"organizationName\",\r\n propertyValue: values?.organizationName,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true\r\n },\r\n {\r\n sectionName: \"\",\r\n propertyName: \"Organization's email\",\r\n name: \"organizationEmail\",\r\n propertyValue: values?.organizationEmail,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true\r\n },\r\n {\r\n sectionName: \"Location\",\r\n propertyName: \"Base country\",\r\n name: \"baseCountryId\",\r\n propertyValue: isEditMode ? selectedCountry : getCountryLabel(selectedCountry),\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n fieldType: \"selectBaseCountry\",\r\n options: countryList,\r\n onSelectChange: handleCountrySelect, // Handle country change\r\n isRequired: true\r\n },\r\n {\r\n propertyName: \"City\",\r\n name: \"cityId\",\r\n propertyValue: isEditMode ? selectedCity : getCityLabel(selectedCity),\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n fieldType: \"selectCity\",\r\n options: cityList,\r\n value: selectedCity || \"\", // Ensure city value is cleared when country changes\r\n onSelectChange: handleCitySelect // Handle city selection\r\n // isSelectDisabled: cityList.length === 0 // Disable if no cities available\r\n },\r\n {\r\n propertyName: \"Address\",\r\n name: \"address\",\r\n propertyValue: values?.address,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true\r\n },\r\n {\r\n propertyName: \"ZIP code\",\r\n name: \"zipCode\",\r\n propertyValue: values?.zipCode,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange\r\n }\r\n ];\r\n\r\n return (\r\n <>\r\n {fields.map((section, index) => (\r\n {errors[section.name]}
}\r\n \r\n
\r\n ))}\r\n \r\n );\r\n};\r\n\r\nexport default EditProfileNgo;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Sections from \"./Sections\";\r\nconst EditProfileNgoMember = ({\r\n isEditMode,\r\n handleChange,\r\n values,\r\n genders,\r\n setFieldValue,\r\n errors,\r\n touched\r\n}) => {\r\n const [selectedGender, setSelectedGender] = useState(values?.genderId);\r\n\r\n useEffect(() => {\r\n setSelectedGender(values?.genderId);\r\n }, [values]);\r\n\r\n const getGenderName = (id) => {\r\n const gender = genders?.find((gen) => gen?.value === id);\r\n return gender ? gender?.label : \"\";\r\n };\r\n\r\n const fields = [\r\n {\r\n sectionName: \"Personal information\",\r\n propertyName: \"Name\",\r\n name: \"name\",\r\n propertyValue: values?.name,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true\r\n },\r\n {\r\n sectionName: \"\",\r\n propertyName: \"Birthdate\",\r\n name: \"birthday\",\r\n fieldType: \"date\",\r\n propertyValue: values?.birthday,\r\n isEditMode: isEditMode,\r\n onSelectChange: (dateString) => {\r\n setFieldValue(\"birthday\", dateString);\r\n },\r\n isRequired: false\r\n },\r\n {\r\n propertyName: \"Gender\",\r\n name: \"genderId\",\r\n propertyValue: isEditMode ? selectedGender : getGenderName(selectedGender),\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n fieldType: \"selectNationality\",\r\n options: genders,\r\n onSelectChange: (selectedOption) => {\r\n setFieldValue(\"genderId\", selectedOption.value);\r\n },\r\n isRequired: true\r\n }\r\n ];\r\n\r\n return (\r\n <>\r\n {fields?.map((section, index) => (\r\n {errors[section.name]}
}\r\n \r\n
\r\n ))}\r\n \r\n );\r\n};\r\n\r\nexport default EditProfileNgoMember;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Sections from \"./Sections\";\r\nconst EditProfileDonor = ({\r\n isEditMode,\r\n values,\r\n handleChange,\r\n countryList,\r\n setFieldValue,\r\n errors,\r\n touched\r\n}) => {\r\n const [selectedCountry, setSelectedCountry] = useState(values?.baseCountryId);\r\n useEffect(() => {\r\n setSelectedCountry(values?.baseCountryId);\r\n }, [values]);\r\n\r\n const getCountryName = (id) => {\r\n const countryName = countryList?.find((country) => country?.value === id);\r\n return countryName ? countryName?.label : \"\";\r\n };\r\n\r\n const handleCountrySelect = (selectedOption) => {\r\n setSelectedCountry(selectedOption.value);\r\n setFieldValue(\"baseCountryId\", selectedOption.value);\r\n };\r\n\r\n const fields = [\r\n {\r\n sectionName: \"Personal information\",\r\n propertyName: \"Name\",\r\n name: \"name\",\r\n propertyValue: values?.name,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true\r\n },\r\n {\r\n sectionName: \"Location\",\r\n propertyName: \"Base country\",\r\n name: \"baseCountryId\",\r\n fieldType: \"selectBaseCountry\",\r\n propertyValue: isEditMode ? selectedCountry : getCountryName(selectedCountry),\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n options: countryList,\r\n onSelectChange: handleCountrySelect,\r\n isRequired: true\r\n }\r\n ];\r\n\r\n return (\r\n <>\r\n {fields?.map((section, index) => (\r\n {errors[section.name]}
\r\n )}\r\n \r\n
\r\n ))}\r\n \r\n );\r\n};\r\n\r\nexport default EditProfileDonor;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport Select from \"react-select\";\r\nimport PhoneInput from \"react-phone-number-input\";\r\nimport { Button, Card, Input, Upload } from \"antd\";\r\nimport {\r\n DocumentIcon,\r\n FileImport,\r\n MinusButtonWithColor,\r\n PlusIconBlue,\r\n RemoveCvIcon\r\n} from \"../../assets/icons\";\r\nimport { Field } from \"formik\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nconst EditProfileHumanitarian = ({\r\n isEditMode,\r\n handleChange,\r\n values,\r\n nations,\r\n countryList,\r\n setFieldValue,\r\n handleOperatingCountries,\r\n errors,\r\n setSelectedCountry,\r\n touched,\r\n languageOptions\r\n}) => {\r\n const [selectedNationality, setSelectedNationality] = useState(values?.nationalityId);\r\n const [selectedCountryOfResidence, setSelectedCountryOfResidence] = useState(\r\n values?.residenceCountryId\r\n );\r\n const [selectedOperatingCountries, setSelectedOperatingCountries] = useState(\r\n values?.operatingCountriesIds\r\n );\r\n const [languages, setLanguages] = useState(values?.languages);\r\n\r\n const [expertise, setExpertise] = useState(values?.expertises);\r\n\r\n useEffect(() => {\r\n setSelectedCountry(values?.baseCountryId);\r\n setSelectedNationality(values?.nationalityId);\r\n setSelectedCountryOfResidence(values?.residenceCountryId);\r\n setSelectedOperatingCountries(values?.operatingCountriesIds);\r\n }, [values]);\r\n\r\n const getNationalityLabel = (id) => {\r\n const nationality = nations?.find((nation) => nation?.value === id);\r\n return nationality ? nationality?.label : \"\";\r\n };\r\n\r\n const getCountryOfResidenceName = (id) => {\r\n const selectedCountry = countryList?.find((country) => country?.value === id);\r\n return selectedCountry ? selectedCountry?.label : \"\";\r\n };\r\n\r\n const fields = [\r\n {\r\n sectionName: \"Personal information\",\r\n propertyName: \"Name\",\r\n name: \"name\",\r\n propertyValue: values?.name,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true,\r\n fieldType: \"Name\"\r\n },\r\n {\r\n sectionName: \"\",\r\n propertyName: \"Personal statement/motivation\",\r\n name: \"personalStatement\",\r\n propertyValue: values?.personalStatement,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true,\r\n fieldType: \"PersonalStatement\"\r\n },\r\n {\r\n propertyName: \"Nationality\",\r\n name: \"nationalityId\",\r\n propertyValue: isEditMode ? selectedNationality : getNationalityLabel(selectedNationality),\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n fieldType: \"selectNationality\",\r\n options: nations,\r\n onSelectChange: (selectedOption) => {\r\n setFieldValue(\"nationalityId\", selectedOption?.value);\r\n },\r\n isRequired: true\r\n },\r\n {\r\n propertyName: \"Country of residence\",\r\n name: \"residenceCountryId\",\r\n propertyValue: isEditMode\r\n ? selectedCountryOfResidence\r\n : getCountryOfResidenceName(selectedCountryOfResidence),\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n fieldType: \"selectResidence\",\r\n options: countryList,\r\n onSelectChange: (selectedOption) => {\r\n setFieldValue(\"residenceCountryId\", selectedOption?.value);\r\n },\r\n isRequired: true\r\n },\r\n {\r\n propertyName: \"Operating countries\",\r\n name: \"operatingCountriesIds\",\r\n propertyValue: selectedOperatingCountries,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n fieldType: \"selectOperatingCountries\",\r\n options: countryList,\r\n onSelectChange: (selectedCountries) => {\r\n setFieldValue(\r\n \"operatingCountriesIds\",\r\n selectedCountries.map((country) => ({\r\n value: country?.value,\r\n label: country?.label\r\n }))\r\n );\r\n handleOperatingCountries(selectedCountries, values);\r\n setFieldValue(\"operatingCountriesIds\", selectedCountries);\r\n },\r\n values: values?.operatingCountries,\r\n isRequired: true\r\n },\r\n {\r\n propertyName: \"LinkedIn profile\",\r\n name: \"linkedIn\",\r\n propertyValue: values?.linkedIn,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: false\r\n },\r\n {\r\n sectionName: \"\",\r\n propertyName: \"Phone number\",\r\n name: \"phoneNumber\",\r\n fieldType: \"phone\",\r\n propertyValue: values?.phoneNumber,\r\n isEditMode: isEditMode,\r\n onSelectChange: (value) => {\r\n setFieldValue(\"phoneNumber\", value);\r\n },\r\n isRequired: false\r\n }\r\n ];\r\n\r\n const professionalDetailsFields = [\r\n {\r\n sectionName: \"Professional details\",\r\n propertyName: \"Highest degree obtained\",\r\n name: \"higestDegree\",\r\n fieldType: \"highestDegree\",\r\n propertyValue: values?.higestDegree,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true\r\n },\r\n {\r\n sectionName: \"\",\r\n propertyName: \"Educational institution\",\r\n name: \"educationalInstitution\",\r\n propertyValue: values?.educationalInstitution,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true,\r\n fieldType: \"educationalInstitution\"\r\n },\r\n {\r\n sectionName: \"\",\r\n propertyName: \"Fields of study\",\r\n name: \"studyFields\",\r\n propertyValue: values?.studyFields,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true,\r\n fieldType: \"studyFields\"\r\n },\r\n {\r\n sectionName: \"\",\r\n propertyName: \"Areas of expertise\",\r\n name: \"expertises\",\r\n propertyValue: values?.expertises,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true,\r\n fieldType: \"areasOfExpertise\"\r\n },\r\n {\r\n sectionName: \"\",\r\n propertyName: \"Languages\",\r\n name: \"languages\",\r\n propertyValue: values?.languages,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: true,\r\n fieldType: \"languages\"\r\n },\r\n {\r\n sectionName: \"\",\r\n propertyName: isEditMode ? \"\" : \"CV\",\r\n name: \"cv\",\r\n propertyValue: values?.cv,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: false,\r\n fieldType: \"cv\"\r\n },\r\n {\r\n sectionName: \"\",\r\n propertyName: isEditMode ? \"\" : \"Certification or a special training\",\r\n name: \"certificate\",\r\n propertyValue: values?.certificate,\r\n isEditMode: isEditMode,\r\n handleChange: handleChange,\r\n isRequired: false,\r\n fieldType: \"certificate\"\r\n }\r\n ];\r\n\r\n const findOption = (value) =>\r\n fields.map((field) => field.options?.find((option) => option?.value === value));\r\n\r\n const handleAddExpertise = (setFieldValue) => {\r\n setFieldValue(\"expertises\", [\r\n ...values?.expertises,\r\n { areaName: \"\", areaExperienceYears: \"\" }\r\n ]);\r\n };\r\n\r\n const handleRemoveExpertise = (index, setFieldValue) => {\r\n const updatedExpertise = values?.expertises?.filter((_, i) => i !== index);\r\n setFieldValue(\"expertises\", updatedExpertise);\r\n };\r\n\r\n const handleAddLanguage = (setFieldValue, values) => {\r\n const updatedLanguages = [...values?.languages, { languageId: \"\", level: \"\" }];\r\n setFieldValue(\"languages\", updatedLanguages);\r\n };\r\n\r\n const handleRemoveLanguage = (index, setFieldValue) => {\r\n const updatedLanguages = [...values?.languages];\r\n updatedLanguages.splice(index, 1);\r\n setFieldValue(\"languages\", updatedLanguages);\r\n };\r\n\r\n const handleLanguageChange = (index, field, value, setFieldValue) => {\r\n const updatedLanguages = [...values?.languages];\r\n updatedLanguages[index][field] = value;\r\n setFieldValue(\"languages\", updatedLanguages);\r\n };\r\n\r\n const [languageLevelOptions, setLanguageLevelOptions] = useState([]);\r\n const [degreeOptions, setDegreeOptions] = useState([]);\r\n\r\n useEffect(() => {\r\n httpService.get(`Accounts/highest-degree`, (data) => {\r\n const degreeData = Object.entries(data.data).map(([value, label]) => ({\r\n value: Number(value),\r\n label\r\n }));\r\n setDegreeOptions(degreeData);\r\n });\r\n\r\n httpService.get(`/Accounts/language-level`, (data) => {\r\n const languageLevelData = Object.entries(data.data).map(([value, label]) => ({\r\n value: Number(value),\r\n label\r\n }));\r\n setLanguageLevelOptions(languageLevelData);\r\n });\r\n }, []);\r\n\r\n return (\r\n <>\r\n {errors[section.name]}
\r\n )}\r\n \r\n {section.fieldType === \"selectNationality\" ? (\r\n
\r\n ) : Array.isArray(section.propertyValue) ? (\r\n \r\n
\r\n ) : (\r\n \r\n {section?.propertyValue?.map((item, index) => (\r\n \r\n {item.label}\r\n {index < section?.propertyValue?.length - 1 ? \", \" : \"\"}\r\n \r\n ))}\r\n
\r\n ) : (\r\n {errors[section.name]}
\r\n )}\r\n \r\n \r\n );\r\n // \r\n //
\r\n })}\r\n \r\n {errors[section.name]}
}\r\n // {errors.HigestDegree}
\r\n )}\r\n \r\n ) : item.fieldType === \"areasOfExpertise\" ? (\r\n <>\r\n \r\n {values?.expertises?.map((item, index) => (\r\n \r\n {/* Area Name Input */}\r\n
\r\n ))}\r\n\r\n {/* Add Expertise Button */}\r\n \r\n \r\n Area\r\n \r\n
\r\n\r\n {/* Experience Years Input */}\r\n \r\n {errors.expertises[index].areaName}\r\n
\r\n )}\r\n \r\n \r\n Years of Experience\r\n \r\n {\r\n const allowedKeys = [\r\n \"Backspace\",\r\n \"Delete\",\r\n \"ArrowLeft\",\r\n \"ArrowRight\"\r\n ];\r\n const isNumber = /^\\d$/.test(event.key);\r\n if (\r\n !isNumber &&\r\n !allowedKeys.includes(event.key)\r\n ) {\r\n event.preventDefault();\r\n }\r\n }}\r\n />\r\n {errors.expertises?.[index]?.areaExperienceYears &&\r\n touched.expertises?.[index]\r\n ?.areaExperienceYears && (\r\n
\r\n\r\n {/* Remove Button */}\r\n \r\n {\r\n errors.expertises[index]\r\n .areaExperienceYears\r\n }\r\n
\r\n )}\r\n \r\n \r\n handleRemoveExpertise(index, setFieldValue)\r\n }\r\n src={MinusButtonWithColor}\r\n alt=\"MinusButtonWithColor\"\r\n />\r\n
\r\n \r\n handleAddExpertise(setFieldValue)}\r\n type=\"dashed\"\r\n style={{\r\n width: \"100%\",\r\n height: \"70px\",\r\n background: \"#F1F6FF\"\r\n }}\r\n >\r\n
\r\n \r\n \r\n \r\n ) : item.fieldType === \"languages\" ? (\r\n <>\r\n \r\n 
\r\n
\r\n \r\n Add another area
\r\n \r\n {values?.languages.map((language, index) => {\r\n return (\r\n \r\n \r\n \r\n Language\r\n \r\n \r\n handleLanguageChange(\r\n index,\r\n \"languageId\",\r\n selectedOption.value,\r\n setFieldValue\r\n )\r\n }\r\n value={languageOptions?.find(\r\n (option) =>\r\n option.value === language.languageId\r\n )}\r\n />\r\n {errors.Languages?.[index]?.languageId &&\r\n touched.Languages?.[index]?.languageId && (\r\n
\r\n \r\n {errors.Languages[index].languageId}\r\n
\r\n )}\r\n \r\n {errors.Languages[index].level}\r\n
\r\n )}\r\n \r\n \r\n \r\n handleAddLanguage(setFieldValue, values)\r\n }\r\n type=\"dashed\"\r\n style={{\r\n width: \"100%\",\r\n height: \"70px\",\r\n background: \"#F1F6FF\"\r\n }}\r\n >\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n Add another language
\r\n \r\n
\r\n \r\n ) : item?.fieldType === \"cv\" ? (\r\n \r\n \r\n Upload your CV\r\n \r\n
\r\n \r\n {!values?.cv ? (\r\n {\r\n setFieldValue(\"cv\", file);\r\n return false;\r\n }}\r\n listType=\"picture-card\"\r\n className=\"avatar-uploader-profile\"\r\n showUploadList={false}\r\n >\r\n {\r\n \r\n \r\n \r\n {values?.cv instanceof File\r\n ? values?.cv?.name\r\n : values?.cv}\r\n \r\n {/* \r\n 6 MB\r\n */}\r\n
\r\n \r\n
\r\n }\r\n \r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n Drag and drop file here, or{\" \"}\r\n click to select file it\r\n
\r\n PDF
\r\n \r\n Max file size: 20MB\r\n
\r\n \r\n \r\n
\r\n \r\n setFieldValue(\"cv\", null)}\r\n style={{ border: \"none\", background: \"none\" }}\r\n >\r\n
\r\n \r\n \r\n )}\r\n \r\n {errors.cv && touched.cv && (\r\n {errors.cv}
\r\n )}\r\n \r\n ) : item.fieldType === \"certificate\" ? (\r\n \r\n \r\n Upload your Certificate\r\n \r\n
\r\n \r\n {!values?.certificate ? (\r\n {\r\n setFieldValue(\"certificate\", file);\r\n return false;\r\n }}\r\n listType=\"picture-card\"\r\n className=\"avatar-uploader-profile\"\r\n showUploadList={false}\r\n >\r\n \r\n \r\n \r\n {values?.certificate instanceof File\r\n ? values?.certificate?.name\r\n : values?.certificate}\r\n \r\n {/* \r\n 6 MB\r\n */}\r\n
\r\n \r\n
\r\n \r\n ) : (\r\n <>\r\n \r\n
\r\n \r\n Drag and drop file here, or{\" \"}\r\n click to select file it\r\n
\r\n PDF
\r\n \r\n Max file size: 20MB\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n setFieldValue(\"certificate\", null)\r\n }\r\n style={{ border: \"none\", background: \"none\" }}\r\n >\r\n
\r\n \r\n \r\n )}\r\n \r\n {errors.certificate && touched.certificate && (\r\n {errors.certificate}
\r\n )}\r\n \r\n ) : (\r\n \r\n {item?.propertyValue?.map((subItem, index) => {\r\n let languageAndLevel = [];\r\n\r\n if (subItem.languageId) {\r\n const languageName = languageOptions?.find(\r\n (option) => option?.value === subItem?.languageId\r\n )?.label;\r\n\r\n const languageLevel = languageLevelOptions?.find(\r\n (option) => option?.value === subItem?.level\r\n )?.label;\r\n\r\n languageAndLevel.push(`${languageName} (${languageLevel})`);\r\n\r\n languages.forEach((language, index) => {\r\n const languageName = language?.name;\r\n const languageLevel = language?.level;\r\n\r\n if (index === languages?.length - 1) {\r\n languageAndLevel.push(\r\n `${languageName} (${languageLevel})`\r\n );\r\n } else {\r\n languageAndLevel.push(\r\n `${languageName} (${languageLevel})`\r\n );\r\n }\r\n });\r\n const languageDisplay = languageAndLevel.join(\", \");\r\n return (\r\n \r\n \r\n {languageDisplay}\r\n \r\n
\r\n );\r\n } else if (subItem?.areaName) {\r\n return (\r\n {errors[item.name]}
\r\n )}\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default EditProfileHumanitarian;\r\n","import * as Yup from \"yup\";\r\n\r\nexport const adminValidationSchema = Yup.object().shape({\r\n name: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\"Name is required\"),\r\n\r\n phoneNumber: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\"Phone number is required\")\r\n});\r\n\r\nexport const ngoValidationSchema = Yup.object().shape({\r\n organizationName: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\"Name is required\"),\r\n organizationEmail: Yup.string()\r\n .email(\"Invalid organization email\")\r\n .required(\"Organization's email is required\"),\r\n baseCountryId: Yup.string()\r\n .nullable()\r\n .required(\"Base country is required\"),\r\n cityId: Yup.string().nullable(),\r\n // .required(\"City is required\"),\r\n address: Yup.string().required(\"Organization address is required\")\r\n});\r\n\r\n// wait till fixed from backend\r\nexport const ngoMemberValidationSchema = Yup.object().shape({\r\n name: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\"Name is required\"),\r\n // birthday: Yup.string().required(\"Birthday is required\"),\r\n gender: Yup.string().required(\"Gender is required\")\r\n});\r\n\r\nexport const donorValidationSchema = Yup.object().shape({\r\n name: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\"Name is required\"),\r\n baseCountryId: Yup.string()\r\n .nullable()\r\n .required(\"Base country is required\")\r\n});\r\n\r\nexport const humanitarianValidationSchema = Yup.object().shape({\r\n name: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\"Name is required\"),\r\n // baseCountryId: Yup.string()\r\n // .nullable()\r\n // .required(\"Base country is required\"),\r\n // personalStatement: Yup.string().required(\"Personal statement is required\"),\r\n residenceCountryId: Yup.string().required(\"Name is required\"),\r\n operatingCountriesIds: Yup.string()\r\n .min(1, \"At least 1 country is required\")\r\n .required(\"Operating countries is required\"),\r\n // HigestDegree: Yup.object()\r\n // .shape({\r\n // value: Yup.string().required(\"Degree value is required\"), // Validate the `value` property\r\n // label: Yup.string().required(\"Degree label is required\") // Validate the `label` property\r\n // })\r\n // .nullable()\r\n // .required(\"Highest degree is required\"),\r\n Expertises: Yup.array().of(\r\n Yup.object().shape({\r\n areaName: Yup.string().required(\"Area is required\"),\r\n areaExperienceYears: Yup.number()\r\n .required(\"Years of experience is required\")\r\n .typeError(\"Years of experience must be a number\")\r\n })\r\n ),\r\n\r\n Languages: Yup.array().of(\r\n Yup.object({\r\n languageId: Yup.string().required(\"Language is required\"),\r\n level: Yup.number()\r\n .required(\"Level is required\")\r\n .typeError(\"Level must be a number\")\r\n })\r\n )\r\n});\r\n","import React, { useEffect, useState } from \"react\";\r\nimport EditProfileAdmin from \"./EditProfileAdmin\";\r\nimport EditProfileNgo from \"./EditProfileNgo\";\r\nimport EditProfileNgoMember from \"./EditProfileNgoMember\";\r\nimport EditProfileDonor from \"./EditProfileDonor\";\r\nimport EditProfileHumanitarian from \"./EditProfileHumanitarian\";\r\nimport AuthService from \"../../base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../auth/userRoles.enum\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport { Form, Formik } from \"formik\";\r\nimport { useNotification } from \"../../base/hooks/useNotification\";\r\nimport { Button } from \"antd\";\r\nimport dayjs from \"dayjs\";\r\nimport \"./style.scss\";\r\nimport { useResultStore } from \"../../../_metronic/layout/components/useResultStore\";\r\n\r\nimport {\r\n adminValidationSchema,\r\n ngoValidationSchema,\r\n ngoMemberValidationSchema,\r\n donorValidationSchema,\r\n humanitarianValidationSchema\r\n} from \"./validation/validationSchema\";\r\nimport language from \"react-syntax-highlighter/dist/esm/languages/hljs/1c\";\r\n\r\nconst EditProfileComponents = ({ isEditMode, handleCloseEditForm, handleSaveClick }) => {\r\n const { api: notificationApi, notificationContextHolder } = useNotification();\r\n const [loading, setLoading] = useState(false);\r\n const { setFullNameChanged, fullNameChanged } = useResultStore();\r\n const isDonor = AuthService.isAuthorized([UserRolesEnum.Donor]);\r\n const isSuperAdmin = AuthService.isAuthorized([UserRolesEnum.SuperAdmin]);\r\n const isNgo = AuthService.isAuthorized([UserRolesEnum.NationalOrganization]);\r\n const isNgoMember = AuthService.isAuthorized([UserRolesEnum.Staff]);\r\n const isHumanitarian = AuthService.isAuthorized([UserRolesEnum.Consultant]);\r\n const isManager = AuthService.isAuthorized([UserRolesEnum.Manager]);\r\n\r\n const [countryList, setCountryList] = useState([]);\r\n const [cityList, setCityList] = useState([]);\r\n const [genders, setGenders] = useState([]);\r\n\r\n const [selectedCountry, setSelectedCountry] = useState(null);\r\n const [selectedCity, setSelectedCity] = useState(null);\r\n\r\n const [selectedCountries, setSelectedCountries] = useState([]);\r\n\r\n const getValidationSchema = () => {\r\n if (isSuperAdmin) {\r\n return adminValidationSchema;\r\n } else if (isNgo) {\r\n return ngoValidationSchema;\r\n } else if (isNgoMember || isManager) {\r\n return ngoMemberValidationSchema;\r\n } else if (isDonor) {\r\n return donorValidationSchema;\r\n } else if (isHumanitarian) {\r\n return humanitarianValidationSchema;\r\n }\r\n };\r\n\r\n const validationSchema = getValidationSchema();\r\n\r\n const [formInitialValues, setFormInitialValues] = useState({\r\n name: \"\",\r\n country: \"\",\r\n address: \"\",\r\n city: \"\",\r\n distric: \"\",\r\n locationType: \"\",\r\n phoneNumber: \"\",\r\n provice: \"\",\r\n subdistric: \"\",\r\n village: \"\",\r\n zipCode: \"\",\r\n birthday: null,\r\n genderId: \"\",\r\n gender: \"\",\r\n organizationName: \"\",\r\n organizationEmail: \"\",\r\n linkedIn: \"\",\r\n likedInProfile: \"\",\r\n nationalityId: \"\",\r\n nationality: \"\",\r\n operatingCountriesIds: [],\r\n operatingCountries: \"\",\r\n personalStatement: \"\",\r\n residenceCountryId: \"\",\r\n residenceCountry: \"\",\r\n baseCountryId: null,\r\n cityId: null,\r\n certificate: \"\",\r\n cv: null,\r\n educationalInstitution: \"\",\r\n higestDegree: null,\r\n expertises: [],\r\n languages: [],\r\n studyFields: \"\"\r\n });\r\n\r\n const changeNameLocal = (name) => {\r\n if (name) {\r\n AuthService.setFullName(name);\r\n setFullNameChanged(!fullNameChanged);\r\n }\r\n };\r\n\r\n const getProfileAdmin = () => {\r\n httpService.get(\r\n `Accounts/admin-profile`,\r\n (res) => {\r\n const profileInfo = res?.data;\r\n\r\n setFormInitialValues({\r\n name: profileInfo?.name,\r\n phoneNumber: profileInfo?.phoneNumber\r\n });\r\n setLoading(false);\r\n },\r\n () => {\r\n setLoading(false);\r\n }\r\n );\r\n };\r\n\r\n const editProfileAdmin = async (values) => {\r\n try {\r\n const updatedValues = {\r\n name: values?.name,\r\n phoneNumber: values?.phoneNumber\r\n };\r\n setLoading(true);\r\n await httpService.put(\r\n `Accounts/admin-profile`,\r\n updatedValues,\r\n (res) => {\r\n setFormInitialValues(res?.data);\r\n changeNameLocal(values?.name);\r\n handleSaveClick();\r\n notificationApi.success(\"user\", {\r\n message: \"Profile updated successfully!\",\r\n description: `Your profile information was correctly updated.`\r\n });\r\n },\r\n () => {\r\n setLoading(false);\r\n }\r\n );\r\n getProfileAdmin();\r\n } catch (error) {\r\n notificationApi.error(\"user\", {\r\n message: \"Oops! A problem has occurred!\",\r\n description: \"We had a problem updating your profile information, please try again.\"\r\n });\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const getProfileDonor = () => {\r\n httpService.get(\r\n `Accounts/donor-profile`,\r\n (res) => {\r\n const profileInfo = res?.data;\r\n\r\n setFormInitialValues({\r\n ...profileInfo,\r\n baseCountryId: profileInfo?.country?.id\r\n });\r\n setLoading(false);\r\n },\r\n () => {\r\n setLoading(false);\r\n }\r\n );\r\n };\r\n\r\n // edit profile for donor\r\n const editProfileDonor = async (values) => {\r\n try {\r\n const baseCountryIdValue = values.baseCountryId;\r\n const updatedValues = {\r\n baseCountryId: baseCountryIdValue,\r\n name: values?.name\r\n };\r\n\r\n setLoading(true);\r\n await httpService.put(\r\n `Accounts/donor-profile`,\r\n updatedValues,\r\n (res) => {\r\n setFormInitialValues(res?.data);\r\n changeNameLocal(values?.name);\r\n handleSaveClick();\r\n notificationApi.success(\"user\", {\r\n message: \"Profile updated successfully!\",\r\n description: `Your profile information was correctly updated.`\r\n });\r\n },\r\n () => {\r\n setLoading(false);\r\n }\r\n );\r\n getProfileDonor();\r\n } catch (error) {\r\n notificationApi.error(\"user\", {\r\n message: \"Oops! A problem has occurred!\",\r\n description: \"We had a problem updating your profile information, please try again.\"\r\n });\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const getProfileConsultant = () => {\r\n httpService.get(\r\n `Accounts/consultant-profile`,\r\n (res) => {\r\n const profileInfo = res?.data;\r\n setFormInitialValues({\r\n name: profileInfo?.name || \"\",\r\n personalStatement: profileInfo?.personalStatement || \"\",\r\n nationality: profileInfo?.nationality?.name || \"\",\r\n nationalityId: profileInfo?.nationality?.id || \"\",\r\n residenceCountry: profileInfo?.residenceCountry?.name || \"\",\r\n residenceCountryId: profileInfo?.residenceCountry?.id || \"\",\r\n\r\n operatingCountriesIds: profileInfo?.operatingCountries?.map((country) => ({\r\n value: country?.id,\r\n label: country?.name\r\n })),\r\n operatingCountries: profileInfo?.operatingCountries?.map((country) => ({\r\n value: country?.id,\r\n label: country?.name\r\n })),\r\n linkedIn: profileInfo?.linkedIn || \"\",\r\n phoneNumber: profileInfo?.phoneNumber || \"\",\r\n higestDegree: profileInfo?.higestDegree\r\n ? {\r\n value: profileInfo.higestDegree.id,\r\n label: profileInfo.higestDegree.name\r\n }\r\n : null,\r\n studyFields: profileInfo.studyFields,\r\n educationalInstitution: profileInfo.educationalInstitution,\r\n expertises: profileInfo.expertises.map((expertise) => ({\r\n areaName: expertise.areaName?.trim(),\r\n areaExperienceYears: parseInt(expertise.areaExperienceYears, 10)\r\n })),\r\n languages: profileInfo.languages.map((lang) => ({\r\n languageId: lang.languageId?.trim(),\r\n level: parseInt(lang.level, 10)\r\n })),\r\n cv: profileInfo.cv || \"\",\r\n certificate: profileInfo.certificate || \"\"\r\n });\r\n\r\n setLoading(false);\r\n },\r\n () => {\r\n setLoading(false);\r\n }\r\n );\r\n };\r\n\r\n // const [languages, setLanguages] = useState([{ languageId: \"\", level: \"\" }]);\r\n const [languageOptions, setLanguageOptions] = useState([]);\r\n\r\n const editProfileConsultant = async (values) => {\r\n try {\r\n const operatingCountriesIdsValue = values?.operatingCountriesIds?.map(\r\n (country) => country?.value\r\n );\r\n\r\n const languagesPayload = values?.languages\r\n ?.filter((language) => language?.languageId?.trim() && language?.level)\r\n .map((language) => ({\r\n languageId: language?.languageId?.trim(),\r\n level: parseInt(language?.level, 10) || null\r\n }));\r\n\r\n // Filter and map expertises to include only valid entries\r\n const expertisesPayload = values?.expertises\r\n ?.filter(\r\n (expertise) =>\r\n expertise?.areaName?.trim() &&\r\n expertise?.areaExperienceYears !== \"\" &&\r\n expertise?.areaExperienceYears !== null\r\n )\r\n .map((expertise) => ({\r\n areaName: expertise?.areaName?.trim(),\r\n areaExperienceYears: expertise?.areaExperienceYears\r\n }));\r\n\r\n const formData = new FormData();\r\n formData.append(\"Name\", values?.name);\r\n formData.append(\"NationalityId\", values?.nationalityId);\r\n formData.append(\"ResidenceCountryId\", values?.residenceCountryId);\r\n\r\n // formData.append(\"OperatingCountriesIds[0]\", operatingCountriesIdsValue[0]);\r\n formData.append(\"LinkedIn\", values?.linkedIn);\r\n formData.append(\"PhoneNumber\", values?.phoneNumber);\r\n formData.append(\"PersonalStatement\", values?.personalStatement);\r\n // formData.append(\"HigestDegree\", values?.higestDegree);\r\n if (values?.higestDegree?.value) {\r\n formData.append(\"HigestDegree\", values.higestDegree.value); // Only append the value (not the whole object)\r\n }\r\n formData.append(\"StudyFields\", values?.studyFields);\r\n formData.append(\"EducationalInstitution\", values?.educationalInstitution);\r\n\r\n operatingCountriesIdsValue.forEach((countryId, index) => {\r\n formData.append(`OperatingCountriesIds[${index}]`, countryId);\r\n });\r\n\r\n // if (languagesPayload) {\r\n // languagesPayload.forEach((language, index) => {\r\n // formData.append(`Languages[${index}][languageId]`, language.languageId);\r\n // formData.append(`Languages[${index}][level]`, language.level);\r\n // });\r\n // }\r\n\r\n // // formData.append(\"Languages\", JSON.stringify(languagesPayload));\r\n // if (expertisesPayload) {\r\n // expertisesPayload.forEach((expertise, index) => {\r\n // formData.append(`Expertises[${index}][areaName]`, expertise.areaName);\r\n // formData.append(\r\n // `Expertises[${index}][areaExperienceYears]`,\r\n // expertise.areaExperienceYears\r\n // );\r\n // });\r\n // }\r\n if (languagesPayload) {\r\n languagesPayload.forEach((language, index) => {\r\n formData.append(`Languages[${index}][languageId]`, language.languageId);\r\n formData.append(`Languages[${index}][level]`, language.level);\r\n });\r\n }\r\n\r\n // Append filtered and valid expertises\r\n if (expertisesPayload) {\r\n expertisesPayload.forEach((expertise, index) => {\r\n formData.append(`Expertises[${index}][areaName]`, expertise.areaName);\r\n formData.append(\r\n `Expertises[${index}][areaExperienceYears]`,\r\n expertise.areaExperienceYears\r\n );\r\n });\r\n }\r\n formData.append(\"CV\", values?.cv);\r\n formData.append(\"Certificate\", values?.certificate);\r\n\r\n setLoading(true);\r\n await httpService.put(\r\n `Accounts/consultant-profile`,\r\n formData,\r\n (res) => {\r\n setFormInitialValues(res?.data);\r\n changeNameLocal(formData.get(\"Name\"));\r\n handleSaveClick();\r\n notificationApi.success(\"user\", {\r\n message: \"Profile updated successfully!\",\r\n description: `Your profile information was correctly updated.`\r\n });\r\n },\r\n () => {\r\n setLoading(false);\r\n }\r\n );\r\n getProfileConsultant();\r\n } catch (error) {\r\n notificationApi.error(\"user\", {\r\n message: \"Oops! A problem has occurred!\",\r\n description: \"We had a problem updating your profile information, please try again.\"\r\n });\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const getProfileStaffMember = () => {\r\n httpService.get(\r\n `Accounts/ngo-member-profile`,\r\n (res) => {\r\n const profileInfo = res?.data;\r\n\r\n setFormInitialValues({\r\n name: profileInfo?.name || \"\",\r\n birthday: profileInfo?.birthday\r\n ? dayjs(profileInfo.birthday).format(\"YYYY-MM-DD\")\r\n : \"\",\r\n gender: profileInfo?.gender?.name || \"\",\r\n genderId: profileInfo?.gender?.id || \"\"\r\n });\r\n\r\n setLoading(false);\r\n },\r\n () => {\r\n setLoading(false);\r\n }\r\n );\r\n };\r\n\r\n const editProfileStaffMember = async (values) => {\r\n try {\r\n const updatedValues = {\r\n name: values?.name,\r\n genderId: values?.genderId,\r\n birthday:\r\n values?.birthday && dayjs(values.birthday).isValid()\r\n ? dayjs(values.birthday).format(\"YYYY-MM-DD\")\r\n : values.birthday\r\n };\r\n setLoading(true);\r\n await httpService.put(\r\n `Accounts/ngo-member-profile`,\r\n updatedValues,\r\n (res) => {\r\n setFormInitialValues(res?.data);\r\n changeNameLocal(values?.name);\r\n handleSaveClick();\r\n notificationApi.success(\"user\", {\r\n message: \"Profile updated successfully!\",\r\n description: `Your profile information was correctly updated.`\r\n });\r\n },\r\n (error) => {\r\n setLoading(false);\r\n }\r\n );\r\n getProfileStaffMember();\r\n } catch (error) {\r\n notificationApi.error(\"user\", {\r\n message: \"Oops! A problem has occurred!\",\r\n description: \"We had a problem updating your profile information, please try again.\"\r\n });\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const getProfileNgo = () => {\r\n httpService.get(\r\n `Accounts/ngo-profile`,\r\n (res) => {\r\n const profileInfo = res?.data;\r\n setFormInitialValues({\r\n organizationName: profileInfo?.organizationName || \"\",\r\n country: profileInfo?.country?.name || \"\",\r\n baseCountryId: profileInfo?.country?.id,\r\n city: profileInfo?.city || \"\",\r\n cityId: profileInfo?.city?.id,\r\n organizationEmail: profileInfo?.organizationEmail,\r\n address: profileInfo?.address,\r\n zipCode: profileInfo?.zipCode\r\n });\r\n setSelectedCountry(profileInfo?.country?.id);\r\n setSelectedCity(profileInfo?.city?.id);\r\n\r\n setLoading(false);\r\n },\r\n () => {\r\n setLoading(false);\r\n }\r\n );\r\n };\r\n\r\n const editProfileNgo = async (values) => {\r\n try {\r\n const updatedValues = {\r\n organizationName: values?.organizationName,\r\n organizationEmail: values?.organizationEmail,\r\n baseCountryId: values?.baseCountryId,\r\n cityId: values?.cityId,\r\n address: values?.address,\r\n zipCode: values?.zipCode\r\n };\r\n setLoading(true);\r\n await httpService.put(\r\n `Accounts/ngo-profile`,\r\n updatedValues,\r\n (res) => {\r\n setFormInitialValues(res?.data);\r\n changeNameLocal(values?.organizationName);\r\n handleSaveClick();\r\n notificationApi.success(\"user\", {\r\n message: \"Profile updated successfully!\",\r\n description: `Your profile information was correctly updated.`\r\n });\r\n },\r\n () => {\r\n setLoading(false);\r\n }\r\n );\r\n getProfileNgo();\r\n } catch (error) {\r\n notificationApi.error(\"user\", {\r\n message: \"Oops! A problem has occurred!\",\r\n description: \"We had a problem updating your profile information, please try again.\"\r\n });\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const handleOperatingCountries = (selectedCountries, values) => {\r\n const countryIds = selectedCountries?.map((country) => country?.value);\r\n values.operatingCountries = countryIds;\r\n setSelectedCountries(selectedCountries);\r\n };\r\n\r\n useEffect(() => {\r\n if (isSuperAdmin) {\r\n getProfileAdmin();\r\n } else if (isNgo) {\r\n getProfileNgo();\r\n getCountries();\r\n } else if (isHumanitarian) {\r\n getProfileConsultant();\r\n getCountries();\r\n } else if (isDonor) {\r\n getProfileDonor();\r\n getCountries();\r\n } else if (isNgoMember || isManager) {\r\n getProfileStaffMember();\r\n getGenders();\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (selectedCountry) {\r\n httpService.get(`/countries/${selectedCountry}/cities`, (res) => {\r\n const cityData = res.data.map((city) => ({\r\n value: city.id,\r\n label: city.name\r\n }));\r\n setCityList(cityData);\r\n });\r\n }\r\n }, [selectedCountry]);\r\n\r\n const [operatingCountriesList, setOperatingCountriesList] = useState([]);\r\n const [countriesOfResidence, setCountriesOfResidence] = useState([]);\r\n\r\n const getCountries = async () => {\r\n httpService.get(`/countries`, (data) => {\r\n const countryData = data.data.map((country) => {\r\n return {\r\n value: country.id,\r\n label: country.name\r\n };\r\n });\r\n setCountryList(countryData);\r\n setOperatingCountriesList(countryData);\r\n setCountriesOfResidence(countryData);\r\n });\r\n };\r\n\r\n const getGenders = async () => {\r\n httpService.get(\"/StaffManagement/genders\", (res) => {\r\n const data = res.data.map((gender) => {\r\n return {\r\n value: gender.id,\r\n label: gender.name\r\n };\r\n });\r\n setGenders(data);\r\n });\r\n };\r\n\r\n const [nations, setNations] = useState();\r\n useEffect(() => {\r\n httpService.get(\"/Countries/nationalities\", (res) => {\r\n const data = res.data.map((nation) => {\r\n return {\r\n value: nation.id,\r\n label: nation.name\r\n };\r\n });\r\n setNations(data);\r\n });\r\n }, []);\r\n\r\n const [languageLevelOptions, setLanguageLevelOptions] = useState([]);\r\n\r\n useEffect(() => {\r\n httpService.get(`/Countries/languages`, (data) => {\r\n const languageData = data.data.map((language) => ({\r\n value: language.id,\r\n label: language.name\r\n }));\r\n setLanguageOptions(languageData);\r\n });\r\n\r\n httpService.get(`/Accounts/language-level`, (data) => {\r\n const languageLevelData = Object.entries(data.data).map(([value, label]) => ({\r\n value,\r\n label\r\n }));\r\n setLanguageLevelOptions(languageLevelData);\r\n });\r\n }, []);\r\n\r\n return (\r\n <>\r\n {notificationContextHolder}\r\n \r\n \r\n \r\n Edit profile picture\r\n \r\n \r\n {imageLoading ? (\r\n \r\n \r\n {\r\n handleUpload({ file });\r\n return false;\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n Delete profile picture\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Cancel\r\n \r\n \r\n Save changes\r\n \r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default EditProfilePicture;\r\n","import { Button, Spin } from \"antd\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n EditProfile,\r\n EditProfilePic,\r\n KapOrgIcon2,\r\n OrganizationOfficeBuilding,\r\n UserIcon\r\n} from \"../../assets/icons\";\r\nimport EditProfileComponents from \"./EditProfileComponents\";\r\nimport AuthService from \"../../base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../auth/userRoles.enum\";\r\nimport EditProfilePicture from \"./modals/EditProfilePicture\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport Axios from \"axios\";\r\n\r\nconst ProfileInfo = () => {\r\n const [isEditMode, setIsEditMode] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n const [profileImage, setProfileImage] = useState(UserIcon);\r\n\r\n const handleEditClick = () => {\r\n setIsEditMode(!isEditMode);\r\n };\r\n\r\n const handleSaveClick = () => {\r\n setIsEditMode(false);\r\n };\r\n const handleCancelClick = (resetForm) => {\r\n resetForm();\r\n setIsEditMode(false);\r\n };\r\n\r\n const isHumanitarian = AuthService.isAuthorized([UserRolesEnum.Consultant]);\r\n\r\n const [openEditPic, setOpenEditPic] = useState(false);\r\n\r\n const handleOpenEditProfilePic = () => {\r\n setOpenEditPic(true);\r\n };\r\n\r\n const handleCloseEditProfilePic = () => {\r\n setOpenEditPic(false);\r\n };\r\n\r\n const [user] = useState(AuthService.getUser());\r\n const [imageLoading, setImageLoading] = useState(false);\r\n const getProfilePic = async () => {\r\n setImageLoading(true);\r\n try {\r\n await httpService.get(`Accounts/get-profile-picture?userId=${user?.id}`, async (res) => {\r\n const fileKey = res?.message;\r\n\r\n if (fileKey) {\r\n const fileUrl = `${process.env.REACT_APP_FILE_MANAGEMENT}FileData/getFileByFileKey?platformId=${process.env.REACT_APP_PLATFORM_KEY}&fileKey=${fileKey}`;\r\n const response = await Axios.get(fileUrl);\r\n\r\n if (response?.data?.data) {\r\n setProfileImage(response?.data?.data);\r\n } else {\r\n console.error(\"No image URL found in the file management response.\");\r\n }\r\n } else {\r\n console.error(\"No file key found in the response.\");\r\n }\r\n });\r\n } catch (error) {\r\n console.error(\"Error fetching profile picture:\", error);\r\n } finally {\r\n setImageLoading(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (isHumanitarian) {\r\n getProfilePic();\r\n }\r\n }, [isHumanitarian]);\r\n return (\r\n <>\r\n \r\n \r\n \r\n Profile information\r\n \r\n {!isEditMode && (\r\n
\r\n {isHumanitarian ? (\r\n \r\n {/*
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CreationSummary;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport CreationSummary from \"./CreationSummary\";\r\nimport { CardIcon, CardIcon2, CardIcon3, CardIcon4 } from \"../../../assets/icons\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport \"../style.scss\";\r\nimport AuthService from \"../../../base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../../auth/userRoles.enum\";\r\n\r\nconst SummaryCreationData = () => {\r\n const [summaryData, setSummaryData] = useState({});\r\n const isSuperAdmin = AuthService.isAuthorized([UserRolesEnum.SuperAdmin]);\r\n\r\n const getAmountOfStorage = async () => {\r\n try {\r\n isSuperAdmin\r\n ? await httpService.get(\"/DataUsage/numbers\", (res) => {\r\n setSummaryData(res?.data);\r\n })\r\n : await httpService.get(\"/DataUsage/ngo/numbers\", (res) => {\r\n setSummaryData(res?.data);\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getAmountOfStorage();\r\n }, []);\r\n\r\n const fields = [\r\n {\r\n propertyType: AuthService.isAuthorized([UserRolesEnum.NationalOrganization]) ? \"Surveys available\" : \"Surveys created\",\r\n image: CardIcon,\r\n count: summaryData?.surveysCount\r\n },\r\n {\r\n propertyType: AuthService.isAuthorized([UserRolesEnum.NationalOrganization]) ? \"Assessments available\" : \"Assessments created\",\r\n image: CardIcon2,\r\n count: summaryData?.assessmentsCount\r\n },\r\n {\r\n propertyType: AuthService.isAuthorized([UserRolesEnum.NationalOrganization]) ? \"Workspaces available\" : \"Workspaces created\",\r\n image: CardIcon3,\r\n count: summaryData?.workspacesCount\r\n },\r\n {\r\n propertyType: \"Members\",\r\n aditionalForMember: AuthService.isAuthorized([UserRolesEnum.NationalOrganization]) ? \"\" : \"including humanitarian experts created\",\r\n image: CardIcon4,\r\n count: summaryData?.usersCount\r\n }\r\n ];\r\n\r\n return (\r\n \r\n 
\r\n
\r\n \r\n {count}\r\n \r\n
\r\n \r\n {fields.map((dataType, index) => (\r\n
\r\n );\r\n};\r\n\r\nexport default SummaryCreationData;\r\n","import { Progress } from \"antd\";\r\nimport React from \"react\";\r\nimport \"./style.scss\";\r\nconst ProgressUsage = ({\r\n usagePercentage,\r\n usedStorageGB,\r\n availableStoragePercentage,\r\n fieldType\r\n}) => {\r\n return (\r\n <>\r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\nexport default ProgressUsage;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport \"../style.scss\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport ProgressUsage from \"./ProgressUsage\";\r\n\r\nconst UsageStatistics = () => {\r\n const [usedStorageData, setUsedStorageData] = useState(0);\r\n const [totalStorageData, setTotalStorageData] = useState(1);\r\n\r\n const convertBytesToGB = (bytes) => {\r\n return (bytes / 1024 ** 3).toFixed(2);\r\n };\r\n // if a number is a whole number, ex: 5.00 round it up to 5\r\n const formatGB = (value) => {\r\n const number = parseFloat(value);\r\n return number % 1 === 0 ? number.toFixed(0) : number.toFixed(2);\r\n };\r\n\r\n const usagePercentage = totalStorageData\r\n ? ((usedStorageData / totalStorageData) * 100).toFixed(2)\r\n : 0;\r\n const availableStoragePercentage = totalStorageData\r\n ? (((totalStorageData - usedStorageData) / totalStorageData) * 100).toFixed(2)\r\n : 0;\r\n\r\n const usedStorageGB = formatGB(convertBytesToGB(usedStorageData));\r\n const totalStorageGB = formatGB(convertBytesToGB(totalStorageData));\r\n\r\n const getStatisticsDataUsage = async () => {\r\n try {\r\n await httpService.get(\"/DataUsage\", (res) => {\r\n const usedStorage = res?.data?.usedStorage;\r\n const totalStorage = res?.data?.totalStorage;\r\n setUsedStorageData(usedStorage);\r\n setTotalStorageData(totalStorage);\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n getStatisticsDataUsage();\r\n }, []);\r\n\r\n const fields = [\r\n {\r\n fieldType: \"Amount of storage\",\r\n usagePercentage: usagePercentage,\r\n usedStorageGB: usedStorageGB,\r\n availableStoragePercentage: availableStoragePercentage\r\n },\r\n {\r\n fieldType: \"Data usage\",\r\n usagePercentage: usagePercentage,\r\n usedStorageGB: totalStorageGB,\r\n availableStoragePercentage: usagePercentage\r\n }\r\n ];\r\n\r\n return (\r\n \r\n \r\n Available\r\n
\r\n \r\n \r\n Used\r\n
\r\n \r\n \r\n
\r\n );\r\n};\r\nexport default UsageStatistics;\r\n","import { Button } from \"antd\";\r\nimport React from \"react\";\r\nimport { ArrowUpIcon } from \"../../assets/icons\";\r\nimport \"./style.scss\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport SummaryCreationData from \"./components/SummaryCreationData\";\r\nimport UsageStatistics from \"./components/UsageStatistics\";\r\nimport AuthService from \"../../base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../auth/userRoles.enum\";\r\n\r\nconst AccountSummary = () => {\r\n const navigate = useNavigate();\r\n const isSuperAdmin = AuthService.isAuthorized([UserRolesEnum.SuperAdmin]);\r\n\r\n return (\r\n <>\r\n \r\n {fields.map((propertyType, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AccountSummary;\r\n","import React, { useState } from \"react\";\r\nimport { Button, Modal } from \"antd\";\r\nimport \"./style.css\";\r\nimport { ErrorDeactivate } from \"../../../assets/icons\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport { useNotification } from \"../../../base/hooks/useNotification\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport AuthService from \"../../../base/services/authentication.service\";\r\n\r\nconst ConfirmAccDeletionDeactivation = ({\r\n openConfirmDeactivation,\r\n onCancel,\r\n title,\r\n description,\r\n otherDesc,\r\n button,\r\n action,\r\n formData\r\n}) => {\r\n const { api: notificationApi, notificationContextHolder } = useNotification();\r\n const navigate = useNavigate();\r\n const [loadingDeactivate, setLoadingDeactivate] = useState(false);\r\n const [loadingDelete, setLoadingDelete] = useState(false);\r\n const [user, setUser] = useState(AuthService.getUser());\r\n\r\n const logout = () => {\r\n AuthService.logout();\r\n };\r\n const handleDeleteORDeactivate = async () => {\r\n const payload = {\r\n reason: formData.reason,\r\n description: formData.description\r\n };\r\n\r\n try {\r\n if (action === \"delete\") {\r\n setLoadingDelete(true);\r\n const deleteUserPayload = {\r\n userId: user?.id,\r\n ...payload\r\n };\r\n await httpService.delete(`/Accounts`, { data: deleteUserPayload }, (res) => {\r\n logout();\r\n navigate(`/auth/account?action=${action}`);\r\n });\r\n } else if (action === \"deactivate\") {\r\n setLoadingDeactivate(true);\r\n await httpService.put(\r\n \"/Accounts/deactivate\",\r\n payload,\r\n (res) => {\r\n logout();\r\n navigate(`/auth/account?action=${action}`);\r\n },\r\n () => {}\r\n );\r\n }\r\n } catch (error) {\r\n notificationApi.error(\"user\", {\r\n message: \"Oops! A problem has occurred!\",\r\n description: `We had a problem ${\r\n action === \"delete\" ? \"deleting\" : \"deactivating\"\r\n } your account, please try again.`\r\n });\r\n } finally {\r\n if (action === \"delete\") {\r\n setLoadingDelete(false);\r\n } else {\r\n setLoadingDeactivate(false);\r\n }\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {notificationContextHolder}\r\n \r\n
\r\n \r\n \r\n {\r\n isSuperAdmin &&\r\n
\r\n \r\n \r\n
\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n {title}\r\n
\r\n \r\n {description} {otherDesc}\r\n \r\n \r\n \r\n \r\n {button}\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ConfirmAccDeletionDeactivation;\r\n","import React, { useState } from \"react\";\r\nimport { Button, Modal, Radio } from \"antd\";\r\nimport TextArea from \"antd/es/input/TextArea\";\r\nimport \"./style.css\";\r\nimport { ErrorDeactivate } from \"../../../assets/icons\";\r\nimport ConfirmAccDeletionDeactivation from \"./ConfirmAccDeletionDeactivation\";\r\nimport { Form, Formik } from \"formik\";\r\n\r\nconst DeleteDeactivateAcc = ({\r\n open,\r\n onCancel,\r\n setOpen,\r\n title,\r\n description,\r\n buttonText,\r\n action\r\n}) => {\r\n const [openConfirmDeactivation, setOpenConfirmDeactivation] = useState(false);\r\n const [formInitialValues, setFormInitialValues] = useState({ reason: \"\", description: \"\" });\r\n const [selectedReason, setSelectedReason] = useState(\"\");\r\n\r\n // Function to open the confirmation modal\r\n const showModal = () => {\r\n setOpenConfirmDeactivation(true);\r\n setOpen(false);\r\n };\r\n\r\n const onClose = () => {\r\n setOpenConfirmDeactivation(false);\r\n setFormInitialValues({ reason: \"\", description: \"\" });\r\n };\r\n\r\n const confirmProps = {\r\n openConfirmDeactivation,\r\n onCancel: onClose,\r\n title: action === \"delete\" ? \"Confirm account deletion\" : \"Confirm account deactivation\",\r\n description:\r\n action === \"delete\"\r\n ? \"You're about to permanently delete your account and data.\"\r\n : \"You're about to deactivate your account.\",\r\n otherDesc: \"Are you sure you want to continue?\",\r\n button: action === \"delete\" ? \"Delete account\" : \"Deactivate account\"\r\n };\r\n\r\n const handleFormSubmit = (values) => {\r\n setFormInitialValues(values);\r\n showModal(action);\r\n };\r\n\r\n return (\r\n <>\r\n \r\n showModal(showModalType)}\r\n style={{ marginTop: \"10px\" }}\r\n >\r\n {actionButton}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AccountManagementActions;\r\n","import React, { useState } from \"react\";\r\nimport \"../style.scss\";\r\nimport DeleteDeactivateAcc from \"../modals/DeleteDeactivateAcc\";\r\nimport AccountManagementActions from \"./AccountManagementActions\";\r\n\r\nconst actions = [\r\n {\r\n actionTitle: \"Deactivate account\",\r\n actionType:\r\n \"You can deactivate your account here. This will make your account temporarily unusable. However, this action is fully reversible, and\",\r\n actionExplanation: \"you can reactivate your account at any time by simply logging back in.\",\r\n actionButton: \"Deactivate account\",\r\n showModalType: \"deactivate\"\r\n },\r\n {\r\n actionTitle: \"Delete account\",\r\n actionType: \"Deleting your account will permanently remove all your data from our system.\",\r\n actionExplanation:\r\n \"This action is irreversible, meaning once your account is deleted, you will not be able to recover any of your information or content.\",\r\n actionExplanation2: \"If you are certain you want to proceed, \",\r\n actionExplanation3:\r\n \"please be aware that you will lose access to all services and data associated with your account.\",\r\n actionButton: \"Delete account\",\r\n showModalType: \"delete\"\r\n }\r\n];\r\n\r\nconst AccountManagement = () => {\r\n const [open, setOpen] = useState(false);\r\n const [action, setAction] = useState(\"\");\r\n\r\n const showModal = (type) => {\r\n setAction(type);\r\n setOpen(true);\r\n };\r\n\r\n const onClose = () => {\r\n setOpen(false);\r\n };\r\n\r\n const props = {\r\n open,\r\n onCancel: onClose,\r\n setOpen,\r\n title: action === \"delete\" ? \"Delete your account\" : \"Deactivate your account\",\r\n description:\r\n action === \"delete\"\r\n ? \"Oh, we're sorry to see you go, but respect your decision! \"\r\n : \"Thinking of taking a break? Deactivating your account is always an option. \",\r\n buttonText: action === \"delete\" ? \"Delete account\" : \"Deactivate account\",\r\n confirmationTitle:\r\n action === \"delete\" ? \"Confirm account deletion\" : \"Confirm account deactivation\"\r\n };\r\n\r\n return (\r\n \r\n {actionTitle}\r\n \r\n {actionType}\r\n {actionExplanation} \r\n {showModalType === \"delete\" && (\r\n <>\r\n {actionExplanation2} {actionExplanation3}\r\n \r\n )}\r\n \r\n
\r\n\r\n \r\n
\r\n );\r\n};\r\nexport default AccountManagement;\r\n","import { Button, Spin } from \"antd\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport Sections from \"./Sections\";\r\nimport AccountManagement from \"./components/AccountManagement\";\r\nimport { EditProfile, EyeInvisible, EyeVisible } from \"../../assets/icons\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport { Form, Formik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { useNotification } from \"../../base/hooks/useNotification\";\r\nimport AuthService from \"../../base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../auth/userRoles.enum\";\r\n\r\nconst listStyle = {\r\n color: \"#3A3737\",\r\n fontSize: \"16px\",\r\n fontFamily: \"Lato\"\r\n};\r\n\r\nconst emailValidationSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email(\"Invalid email address\")\r\n .required(\"Email is required\")\r\n});\r\nconst passwordValidationSchema = Yup.object().shape({\r\n oldPassword: Yup.string().required(\"Current password is required\"),\r\n newPassword: Yup.string()\r\n .min(8, \"Password must be at least 8 characters\")\r\n .matches(\r\n /^(?=.*[A-Z])(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*\\d).*$/,\r\n \"Password must contain at least one uppercase letter, one number and one of the specified symbols !, @, #, $, %, ^, &, *\"\r\n )\r\n .required(\"New password is required\"),\r\n confirmNewPassword: Yup.string()\r\n .oneOf([Yup.ref(\"newPassword\"), null], \"Passwords must match\")\r\n .required(\"Confirm new password is required\")\r\n});\r\nconst LoginInfo = () => {\r\n const { api: notificationApi, notificationContextHolder } = useNotification();\r\n const [isLoadingEmail, setIsLoadingEmail] = useState(false);\r\n const [isLoadingPassword, setIsLoadingPassword] = useState(false);\r\n const [isEditPassword, setIsEditPassword] = useState(false);\r\n const [isEditEmail, setIsEditEmail] = useState(false);\r\n const isSuperAdmin = AuthService.isAuthorized([UserRolesEnum.SuperAdmin]);\r\n\r\n const handleEditClick = () => {\r\n setIsEditPassword(!isEditPassword);\r\n };\r\n const handleEditEmail = () => {\r\n setIsEditEmail(!isEditEmail);\r\n };\r\n\r\n const handleCancelClick = (resetForm) => {\r\n resetForm();\r\n setIsEditPassword(false);\r\n };\r\n const handleCancelEmailChange = (resetForm) => {\r\n resetForm();\r\n setIsEditEmail(false);\r\n };\r\n\r\n const [formInitialValues, setFormInitialValues] = useState({\r\n email: \"\",\r\n oldPassword: \"\",\r\n newPassword: \"\",\r\n confirmNewPassword: \"\"\r\n });\r\n\r\n const getEmail = () => {\r\n httpService.get(\r\n `Accounts/email`,\r\n (res) => {\r\n const data = res?.data;\r\n\r\n setFormInitialValues({\r\n email: data?.email\r\n });\r\n },\r\n () => {}\r\n );\r\n };\r\n\r\n useEffect(() => {\r\n getEmail();\r\n }, []);\r\n\r\n const editEmail = async (values, resetForm) => {\r\n setIsLoadingEmail(true);\r\n try {\r\n const updatedValues = {\r\n ...values\r\n };\r\n\r\n await httpService.put(\r\n `Accounts/email`,\r\n updatedValues,\r\n (res) => {\r\n setFormInitialValues(res?.data);\r\n setIsEditEmail(false);\r\n resetForm();\r\n notificationApi.success(\"user\", {\r\n message: \"Email changed successfully!\",\r\n description: `Your email was correctly updated.`\r\n });\r\n },\r\n () => {}\r\n );\r\n getEmail();\r\n } catch (error) {\r\n notificationApi.error(\"user\", {\r\n message: \"Oops! A problem has occurred!\",\r\n description: \"We had a problem changing your email, please try again.\"\r\n });\r\n } finally {\r\n setIsLoadingEmail(false);\r\n }\r\n };\r\n\r\n const [error, setError] = useState(\"\");\r\n\r\n const editPassword = async (values, resetForm) => {\r\n const updatedValues = {\r\n oldPassword: values?.oldPassword,\r\n newPassword: values?.newPassword,\r\n confirmNewPassword: values?.confirmNewPassword\r\n };\r\n\r\n try {\r\n setIsLoadingPassword(true);\r\n await httpService.post(\r\n `Accounts/password/change`,\r\n updatedValues,\r\n () => {\r\n setIsEditPassword(false);\r\n resetForm();\r\n notificationApi.success(\"request-lock\", {\r\n message: \"Password changed successfully!\",\r\n description: `Your password was correctly updated.`\r\n });\r\n setError(\"\");\r\n },\r\n () => {}\r\n );\r\n } catch (error) {\r\n if (\r\n error.response &&\r\n error.response.data &&\r\n error.response.data.errors &&\r\n error.response.data.errors[0].code === \"validation\"\r\n ) {\r\n const errorMessage = error.response.data.errors[0].message;\r\n setError(errorMessage);\r\n } else {\r\n notificationApi.error(\"request-lock\", {\r\n message: \"Oops! A problem has occurred!\",\r\n description: \"We had a problem changing your password, please try again.\"\r\n });\r\n }\r\n } finally {\r\n setIsLoadingPassword(false);\r\n }\r\n };\r\n\r\n const [passwordVisibility, setPasswordVisibility] = useState({\r\n oldPassword: \"password\",\r\n newPassword: \"password\",\r\n confirmNewPassword: \"password\"\r\n });\r\n\r\n const [icons, setIcons] = useState({\r\n oldPassword: EyeInvisible,\r\n newPassword: EyeInvisible,\r\n confirmNewPassword: EyeInvisible\r\n });\r\n\r\n const handleToggle = (field) => {\r\n setPasswordVisibility((prevState) => ({\r\n ...prevState,\r\n [field]: prevState[field] === \"password\" ? \"text\" : \"password\"\r\n }));\r\n\r\n setIcons((prevIcons) => ({\r\n ...prevIcons,\r\n [field]: prevIcons[field] === EyeInvisible ? EyeVisible : EyeInvisible\r\n }));\r\n };\r\n\r\n const isStaff = AuthService.isAuthorized([UserRolesEnum.Staff]);\r\n const isManager = AuthService.isAuthorized([UserRolesEnum.Manager]);\r\n\r\n return (\r\n <>\r\n {notificationContextHolder}\r\n \r\n Account management\r\n {actions.map((actionItem, index) => (\r\n
\r\n \r\n
\r\n ))}\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n In order to protect your account, your password must\r\n contain at least:\r\n \r\n
\r\n \r\n \r\n ) : isEditEmail ? (\r\n \r\n \r\n Login information\r\n \r\n
\r\n \r\n \r\n {\r\n if (isEditEmail) {\r\n editEmail(values, resetForm);\r\n } else {\r\n editPassword(values, resetForm);\r\n }\r\n }}\r\n enableReinitialize\r\n >\r\n {({\r\n handleSubmit,\r\n handleChange,\r\n touched,\r\n values,\r\n errors,\r\n dirty,\r\n setFieldValue,\r\n isSubmitting,\r\n resetForm\r\n }) => (\r\n
\r\n - \r\n
- 8 characters long \r\n
- One uppercase character \r\n
- One lowercase character \r\n
- One number \r\n
- One special character \r\n
\r\n
\r\n\r\n {errors.email}
\r\n )}\r\n \r\n handleCancelEmailChange(resetForm)}\r\n disabled={isLoadingEmail}\r\n >\r\n Cancel\r\n \r\n \r\n Save changes\r\n \r\n
\r\n \r\n ) : (\r\n \r\n
\r\n - \r\n {errors.map((e) => (\r\n
- \r\n {e.message}\r\n \r\n ))}\r\n
\r\n \r\n \r\n
\r\n {files.length > 0 && (\r\n Drag and drop some files here, or click to select files
\r\n\r\n
\r\n )}\r\n\r\n {fileRejectionItems.length > 0 && (\r\n \r\n \r\n Loading...\r\n \r\n )}\r\n
\r\n Uploaded files:
\r\n {isLoading && (\r\n- {files}
\r\n
\r\n )}\r\n \r\n );\r\n}\r\n//Usage with formik\r\n/* Rejected files:
\r\n- {fileRejectionItems}
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\nexport default ConsultantsList;\r\n","import toast from \"../components/Toast\";\r\n\r\nfunction isNetworkError(err) {\r\n return err.isAxiosError && !err.response;\r\n}\r\n\r\nexport function errorHandler({ status, message }) {\r\n toast.error(message);\r\n return { status, message };\r\n}\r\n\r\nexport function getErrorMessage(error) {\r\n const status = error.response?.status || \"Status undefined\"; \r\n let message;\r\n\r\n if (isNetworkError(error)) {\r\n message = \"Please check your network connection.\";\r\n return {status, message}\r\n }\r\n\r\n error.response?.status >= 500\r\n ? (message = \"There was an internal processing error. Please try again after some time.\")\r\n : (message = error.response?.data.clientMessage);\r\n // const errorList = ...will be added ac.to new err data model\r\n\r\n return { status, message };\r\n}\r\n","module.exports = __webpack_public_path__ + \"static/media/surveyPopup.c728713d.png\";","module.exports = __webpack_public_path__ + \"static/media/right-arrow.9e055b74.svg\";","module.exports = __webpack_public_path__ + \"static/media/partners.a22899e5.svg\";","module.exports = __webpack_public_path__ + \"static/media/phone.5eb0df78.svg\";","import { createSlice } from \"@reduxjs/toolkit\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\n\r\nconst initialState = {\r\n isLoading: false,\r\n tableData: {},\r\n peopleList: [],\r\n statusList: [],\r\n filters: []\r\n};\r\n\r\nconst actionSlice = createSlice({\r\n name: \"action\",\r\n initialState,\r\n reducers: {\r\n setIsLoading(state, { payload }) {\r\n return {\r\n ...state,\r\n isLoading: payload\r\n };\r\n },\r\n setTableData(state, { payload }) {\r\n state.tableData = payload;\r\n },\r\n setPeopleData(state, { payload }) {\r\n state.peopleList = payload;\r\n },\r\n setStatusData(state, { payload }) {\r\n state.statusList = payload;\r\n },\r\n setFilters(state, { payload }) {\r\n state.filters = payload;\r\n\r\n }\r\n }\r\n});\r\n\r\nexport const {\r\n setIsLoading,\r\n setTableData,\r\n setPeopleData,\r\n setStatusData,\r\n setFilters\r\n} = actionSlice.actions;\r\n\r\nexport default actionSlice.reducer;\r\n","import { configureStore } from \"@reduxjs/toolkit\";\r\nimport survey from \"./pages/surveyBuilder/surveySlice\";\r\nimport auth from \"./pages/auth/authSlice\";\r\nimport result from \"./pages/workspace/results/resultSlice\";\r\nimport action from \"./pages/workspace/actionPlan/actionSlice\";\r\n\r\nexport const store = configureStore({\r\n reducer: { auth, survey, result, action }\r\n});\r\n","import objectPath from \"object-path\";\r\nimport { toAbsoluteUrl } from \"../../_helpers\";\r\n\r\nexport class HtmlClassService {\r\n // Public properties\r\n config;\r\n classes;\r\n attributes;\r\n\r\n /**\r\n * Build html element classes from layout config\r\n * @param layoutConfig\r\n */\r\n setConfig(layoutConfig) {\r\n this.config = this.preInit(layoutConfig);\r\n\r\n // scope list of classes\r\n this.classes = {\r\n header: [],\r\n header_container: [],\r\n header_mobile: [],\r\n header_menu: [],\r\n aside: [],\r\n aside_menu: [],\r\n subheader: [],\r\n subheader_container: [],\r\n content: [],\r\n content_container: [],\r\n footer_container: [],\r\n };\r\n\r\n this.attributes = {\r\n aside_menu: {},\r\n header_mobile: {},\r\n header_menu: {},\r\n };\r\n\r\n // init base layout\r\n this.initLoader();\r\n this.initLayout();\r\n\r\n // init header and subheader menu\r\n this.initHeader();\r\n this.initSubheader();\r\n\r\n this.initContent();\r\n // init aside and aside menu\r\n this.initAside();\r\n\r\n // init footer\r\n this.initFooter();\r\n }\r\n\r\n preInit(layoutConfig) {\r\n const updateLayoutConfig = Object.assign({}, layoutConfig);\r\n const subheaderFixed = objectPath.get(layoutConfig, \"subheader.fixed\");\r\n if (subheaderFixed) {\r\n updateLayoutConfig.subheader.style = \"solid\";\r\n } else {\r\n updateLayoutConfig.subheader.fixed = false;\r\n }\r\n return updateLayoutConfig;\r\n }\r\n\r\n /**\r\n * Returns Classes\r\n *\r\n * @param path: string\r\n * @param toString boolean\r\n */\r\n getClasses(path, toString) {\r\n if (path) {\r\n const classes = objectPath.get(this.classes, path) || \"\";\r\n if (toString && Array.isArray(classes)) {\r\n return classes.join(\" \");\r\n }\r\n return classes.toString();\r\n }\r\n return this.classes;\r\n }\r\n\r\n getAttributes(path) {\r\n if (path) {\r\n const attributes = objectPath.get(this.attributes, path) || [];\r\n return attributes;\r\n }\r\n return [];\r\n }\r\n\r\n getLogo() {\r\n const brandSkin = objectPath.get(this.config, \"brand.self.theme\");\r\n if (brandSkin === \"light\") {\r\n return toAbsoluteUrl(\"/media/logos/logo-dark.png\");\r\n } else {\r\n return toAbsoluteUrl(\"/media/logos/logo-light.png\");\r\n }\r\n }\r\n\r\n getStickyLogo() {\r\n let logo = objectPath.get(this.config, \"self.logo.sticky\");\r\n if (typeof logo === \"undefined\") {\r\n logo = this.getLogo();\r\n }\r\n return logo + \"\";\r\n }\r\n\r\n /**\r\n * Init Layout\r\n */\r\n initLayout() {\r\n const selfBodyBackgroundImage = objectPath.get(\r\n this.config,\r\n \"self.body.backgroundImage\"\r\n );\r\n if (selfBodyBackgroundImage) {\r\n const backgroundImageUrl = `${toAbsoluteUrl(\r\n \"/media/\" + selfBodyBackgroundImage\r\n )}`;\r\n document.body.style.backgroundImage = `url(\"${backgroundImageUrl}\")`;\r\n }\r\n\r\n const _selfBodyClass = objectPath.get(this.config, \"self.body.class\");\r\n if (_selfBodyClass) {\r\n const bodyClasses = _selfBodyClass.toString().split(\" \");\r\n bodyClasses.forEach((cssClass) => document.body.classList.add(cssClass));\r\n }\r\n }\r\n\r\n /**\r\n * Init Loader\r\n */\r\n initLoader() {}\r\n\r\n /**\r\n * Init Header\r\n */\r\n initHeader() {\r\n const headerSelfFixedMobile = objectPath.get(\r\n this.config,\r\n \"header.self.fixed.mobile\"\r\n );\r\n if (headerSelfFixedMobile) {\r\n document.body.classList.add(\"header-mobile-fixed\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Subheader\r\n */\r\n initSubheader() {\r\n const subheaderDisplay = objectPath.get(this.config, \"subheader.display\");\r\n if (subheaderDisplay) {\r\n document.body.classList.add(\"subheader-enabled\");\r\n } else {\r\n return;\r\n }\r\n\r\n // Fixed content head\r\n const subheaderFixed = objectPath.get(this.config, \"subheader.fixed\");\r\n if (subheaderFixed) {\r\n document.body.classList.add(\"subheader-fixed\");\r\n }\r\n\r\n const subheaderStyle = objectPath.get(this.config, \"subheader.style\");\r\n if (subheaderStyle) {\r\n const subheaderClass = `subheader-${subheaderStyle}`;\r\n objectPath.push(this.classes, \"subheader\", subheaderClass);\r\n }\r\n\r\n const subheaderWidth = objectPath.get(this.config, \"subheader.width\");\r\n if (subheaderWidth === \"fluid\") {\r\n objectPath.push(this.classes, \"subheader_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"subheader_container\", \"container\");\r\n }\r\n\r\n const subheaderClear = objectPath.get(this.config, \"subheader.clear\");\r\n if (subheaderClear) {\r\n objectPath.push(this.classes, \"subheader\", \"mb-0\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Content\r\n */\r\n initContent() {\r\n if (objectPath.get(this.config, \"content.fit-top\")) {\r\n objectPath.push(this.classes, \"content\", \"pt-0\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"content.fit-bottom\")) {\r\n objectPath.push(this.classes, \"content\", \"pb-0\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"content.width\") === \"fluid\") {\r\n objectPath.push(this.classes, \"content_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"content_container\", \"container\");\r\n }\r\n }\r\n\r\n /**\r\n * Init Aside\r\n */\r\n initAside() {\r\n // Check Aside\r\n const asideSelfDisplay = objectPath.get(this.config, \"aside.self.display\");\r\n if (!asideSelfDisplay) {\r\n return;\r\n }\r\n\r\n // Enable Aside\r\n document.body.classList.add(\"aside-enabled\");\r\n\r\n // Fixed Aside\r\n const asideSelfFixed = objectPath.get(this.config, \"aside.self.fixed\");\r\n if (asideSelfFixed) {\r\n document.body.classList.add(\"aside-fixed\");\r\n objectPath.push(this.classes, \"aside\", \"aside-fixed\");\r\n } else {\r\n document.body.classList.add(\"aside-static\");\r\n }\r\n\r\n // Aside Secondary\r\n const asideSecondaryDisplay = objectPath.get(\r\n this.config,\r\n \"aside.secondary.display\"\r\n );\r\n if (asideSecondaryDisplay) {\r\n document.body.classList.add(\"aside-secondary-enabled\");\r\n } else {\r\n document.body.classList.add(\"aside-secondary-disabled\");\r\n }\r\n\r\n // Check Aside\r\n if (!asideSelfDisplay) {\r\n return;\r\n }\r\n\r\n // Default fixed\r\n const asideSelfMinimizeDefault = objectPath.get(\r\n this.config,\r\n \"aside.self.minimize.default\"\r\n );\r\n if (asideSelfMinimizeDefault) {\r\n document.body.classList.add(\"aside-minimize\");\r\n }\r\n\r\n // Menu\r\n // Dropdown Submenu\r\n const asideMenuDropdown = objectPath.get(\r\n this.config,\r\n \"aside.menu.dropdown\"\r\n );\r\n if (asideMenuDropdown) {\r\n objectPath.push(this.classes, \"aside_menu\", \"aside-menu-dropdown\");\r\n this.attributes.aside_menu[\"data-menu-dropdown\"] = \"1\";\r\n }\r\n\r\n // Scrollable Menu\r\n this.attributes.aside_menu[\"data-menu-scroll\"] = asideMenuDropdown\r\n ? \"0\"\r\n : \"1\";\r\n\r\n const asideSubmenuDHoverTimeout = objectPath.get(\r\n this.config,\r\n \"aside.menu.submenu.dropdown.hover-timeout\"\r\n );\r\n if (asideSubmenuDHoverTimeout) {\r\n this.attributes.aside_menu[\r\n \"data-menu-dropdown-timeout\"\r\n ] = asideSubmenuDHoverTimeout;\r\n }\r\n }\r\n\r\n /**\r\n * Init Footer\r\n */\r\n initFooter() {\r\n const footerFixed = objectPath.get(this.config, \"footer.fixed\");\r\n if (footerFixed) {\r\n document.body.classList.add(\"footer-fixed\");\r\n objectPath.push(this.classes, \"footer\", \"bg-white\");\r\n }\r\n\r\n if (objectPath.get(this.config, \"footer.width\") === \"fluid\") {\r\n objectPath.push(this.classes, \"footer_container\", \"container-fluid\");\r\n } else {\r\n objectPath.push(this.classes, \"footer_container\", \"container\");\r\n }\r\n }\r\n}\r\n","import React, { createContext, useContext, useMemo } from \"react\";\r\nimport { getInitLayoutConfig } from \"./LayoutConfig\";\r\nimport { HtmlClassService } from \"./HTMLClassService\";\r\n\r\nconst LAYOUT_CONFIG_KEY =\r\n process.env.REACT_APP_LAYOUT_CONFIG_KEY || \"LayoutConfig\";\r\n\r\nfunction getConfig() {\r\n const ls = localStorage.getItem(LAYOUT_CONFIG_KEY);\r\n if (ls) {\r\n try {\r\n return JSON.parse(ls);\r\n } catch (er) {\r\n console.error(er);\r\n }\r\n }\r\n return getInitLayoutConfig();\r\n}\r\n\r\n// Side effect\r\nexport function setLayoutConfig(config) {\r\n localStorage.setItem(LAYOUT_CONFIG_KEY, JSON.stringify(config));\r\n window.location.reload();\r\n}\r\n\r\nconst HtmlClassServiceContext = createContext();\r\n\r\n/**\r\n *\r\n *\r\n * @export\r\n * @returns Layout context from 'localStorage'\r\n */\r\nexport function useHtmlClassService() {\r\n return useContext(HtmlClassServiceContext);\r\n}\r\n\r\nexport function withHtmlClassService(Component) {\r\n class WithHtmlClassService extends React.Component {\r\n static displayName = `WithHtmlClassService(${Component.displayName ||\r\n Component.name})`;\r\n\r\n static contextType = HtmlClassServiceContext;\r\n\r\n render() {\r\n return \r\n
\r\n Choose a consultant to guide your assessment
\r\n\r\n
\r\n \r\n {consultantList.length > 0 &&\r\n consultantList?.map((item) => {\r\n return (\r\n
\r\n );\r\n })}\r\n \r\n handleSelectConsultant(item)}\r\n id={item.id}\r\n className=\"card consultant\"\r\n style={{\r\n backgroundColor: \"#F4F4F4\",\r\n padding: \"10px\",\r\n cursor: \"pointer\"\r\n }}\r\n >\r\n 
\r\n
\r\n \r\n
\r\n {item.fullName}
\r\n {/*{item.description}
*/}\r\n\r\n \r\n X\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n Consultant Profile
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n {selectedConsultant.fullName}
\r\nConsultant
\r\n\r\n Lorem ipsum dolor sit amet consectetur. Non sed pharetra erat bibendum\r\n libero. Sed varius ut amet duis parturient. Tempor ac ultricies in ut\r\n aliquam aliquam pellentesque. Ridiculus volutpat gravida quam mattis\r\n sed proin vestibulum quis. Commodo magna duis at risus integer eget\r\n lorem. Commodo nulla id arcu dignissim. Vehicula ac vitae nec in quam\r\n euismod et orci consectetur. Eros convallis pellentesque semper velit.\r\n Amet quam quis nibh platea quis eu. Ac amet sapien egestas est\r\n tristique in. Senectus nulla suspendisse dolor ac. Ut quis pharetra\r\n proin a blandit sit. Amet nam diam in.\r\n
\r\n\r\n
\r\n
\r\n\r\n \r\n
\r\n Experience
\r\n\r\n Lorem ipsum dolor sit amet consectetur. Non sed pharetra erat bibendum\r\n libero. Sed varius ut amet duis parturient. Tempor ac ultricies in ut\r\n aliquam aliquam pellentesque. Ridiculus volutpat gravida quam mattis sed\r\n proin vestibulum quis. Commodo magna duis at risus integer eget lorem.\r\n Commodo nulla id arcu\r\n
\r\n\r\n
\r\n
\r\n Education
\r\n\r\n
\r\n School
\r\n Lorem ipsum dolor sit amet consectetur.
\r\n \r\n
\r\n \r\n
\r\n Skills
\r\n\r\n
\r\n Word
\r\n Excel
\r\n Figma
\r\n Power Point
\r\n \r\n \r\n Select this Consultant\r\n \r\n
\r\n \r\n \r\n X\r\n \r\n
\r\n \r\n 
\r\n \r\n Go to assessements\r\n \r\n
\r\n \r\n You have been successfully enrolled in the guided assessment!
\r\n\r\n The consultant {selectedConsultant.fullName} will get in touch with you soon to\r\n start your assessments.\r\n
\r\n\r\n {layoutProps.asideDisplay && (\r\n \r\n \r\n \r\n )}\r\n
\r\n {/* end::Toolbar */}\r\n \r\n {/* end::Header Mobile */}\r\n \r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Link, useLocation } from \"react-router-dom\";\r\nimport { KapOrgLogo } from \"../../../../app/assets/icons\";\r\nimport AuthService from \"../../../../app/base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../../../../app/pages/auth/userRoles.enum\";\r\n\r\nexport function Brand() {\r\n const isSuperAdmin = AuthService.isAuthorized([UserRolesEnum.SuperAdmin]);\r\n const location = useLocation();\r\n const isWorkspacePath = isSuperAdmin ? location.pathname === \"/admin/workspace\" : location.pathname === \"/workspace\";\r\n return (\r\n // \r\n
\r\n );\r\n}\r\n","import React, {createContext} from \"react\";\r\nimport {useMemo} from \"react\";\r\nimport {useContext} from \"react\";\r\n\r\nconst I18N_CONFIG_KEY = process.env.REACT_APP_I18N_CONFIG_KEY || \"i18nConfig\";\r\nconst initialState = {\r\n selectedLang: \"en\"\r\n };\r\n\r\nfunction getConfig() {\r\n const ls = localStorage.getItem(I18N_CONFIG_KEY);\r\n if (ls) {\r\n try {\r\n return JSON.parse(ls);\r\n } catch (er) {\r\n console.error(er);\r\n }\r\n }\r\n return initialState;\r\n}\r\n\r\n// Side effect\r\nexport function setLanguage(lang) {\r\n localStorage.setItem(I18N_CONFIG_KEY, JSON.stringify({ selectedLang: lang }));\r\n window.location.reload();\r\n}\r\n\r\nconst I18nContext = createContext();\r\n\r\nexport function useLang() {\r\n return useContext(I18nContext).selectedLang;\r\n}\r\n\r\nexport function withI18n(Component) {\r\n class WithI18n extends React.Component {\r\n static displayName = `WithI18n(${Component.displayName || Component.name})`;\r\n\r\n static contextType = I18nContext;\r\n\r\n render() {\r\n return \r\n {/* begin::Brand */}\r\n \r\n {/* begin::Logo */}\r\n {isWorkspacePath && !isSuperAdmin ? null : (\r\n \r\n 
\r\n \r\n )}\r\n {/* end::Logo */}\r\n
\r\n {/* end::Brand */}\r\n \r\n
\r\n \r\n \r\n - \r\n {languages.map((language) => (\r\n
{menuItem.title}
\r\n \r\n\r\n This assessment is checked by:\r\n {menuItem?.consultant != null ? \" \" + menuItem?.consultant : \"\"}\r\n
\r\n\r\n {sortedMenuItems?.length >= 1 ? (\r\n <>\r\n
\r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n ) : (\r\n \r\n
\r\n \r\n {typeAssessment === \"self-assessment\"\r\n ? \"Self assessment\"\r\n : \"Guided assessment\"}\r\n
\r\n\r\n\r\n setSortingOption(value)}\r\n >\r\n Highest to lowest \r\n Lowest to highest \r\n \r\n
\r\n Sort progress by:
\r\n\r\n \r\n {sortedMenuItems?.map((item, i) => {\r\n return (\r\n \r\n clickedCard(item?.id)}\r\n >\r\n
\r\n \r\n
\r\n ) : item?.status === \"Pending\" ? (\r\n \r\n
\r\n {(!item?.status || item?.status === \"Approved\") &&\r\n item?.status !== \"\" ? (\r\n {item?.name}
\r\n\r\n \r\n {item?.totalCompletedSurveys}/{item?.totalSurveys}{\" \"}\r\n surveys\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n ) : item?.status === \"Rejected\" ? (\r\n \r\n
\r\n \r\n \r\n Answer pending\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n
\r\n \r\n \r\n Rejected\r\n
\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n Unlock assessment\r\n
\r\n {menuItem.title}
\r\n // \r\n //\r\n // This assessment is checked by:\r\n // {menuItem?.consultant != null ? \" \" + menuItem?.consultant : \"\"}\r\n //
\r\n //\r\n
\r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n <>\r\n \r\n
\r\n My Results
\r\n\r\n\r\n
\r\n \r\n Select an assessment to see its results in detail.\r\n
\r\n\r\n {menuItem?.length ? (\r\n \r\n {menuItem?.map((item, i) => {\r\n return (\r\n
\r\n \r\n clickedCard(item?.id)}\r\n >\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {item?.name}
\r\n\r\n Score:\r\n {`${getPercentage(item?.score, item?.maxScore).toFixed(\r\n 2\r\n )}%`}\r\n
\r\n\r\n \r\n {item?.isGuided ? \"GA\" : \"SA\"}\r\n
\r\nNo active assessments
\r\n \r\n )}\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nexport default MenuResultsList;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { GoBack } from \"../../../../../../app/assets/icons\";\r\nimport Select from \"react-select\";\r\nimport { httpService } from \"../../../../../../app/base/services/httpService.service\";\r\nimport { Button } from \"antd\";\r\n\r\nconst FilterOptionsComponent = ({\r\n onClose,\r\n onFilterChange,\r\n onApplyFilters,\r\n initialFilters,\r\n onClearAllFilters\r\n}) => {\r\n const [orgSizeList, setOrgSizeList] = useState([]);\r\n const [countryList, setCountryList] = useState([]);\r\n const [countryOfOperationList, setCountryOfOperationList] = useState([]);\r\n const [orgSectors, setOrgSectorsList] = useState([]);\r\n const [clearButtonClick, setClearButtonClick] = useState(0);\r\n\r\n const [formInitialValues, setFormInitialValues] = useState({\r\n orgSizes: initialFilters.orgSizes,\r\n orgSectors: initialFilters.orgSectors,\r\n countries: initialFilters.countries,\r\n countryOfOperation: initialFilters.countryOfOperation\r\n });\r\n\r\n const clearFilters = () => {\r\n setFormInitialValues((prevValues) => ({\r\n ...prevValues,\r\n orgSizes: \"\",\r\n orgSectors: \"\",\r\n countries: [],\r\n countryOfOperation: \"\"\r\n }));\r\n onApplyFilters({});\r\n setClearButtonClick((prevClick) => prevClick + 1);\r\n };\r\n\r\n useEffect(() => {\r\n httpService.get(`/Organizations/sizes`, (res) => {\r\n const data = res.data.map((orgSize) => {\r\n return {\r\n value: orgSize.id,\r\n label: orgSize.range\r\n };\r\n });\r\n setOrgSizeList(data);\r\n });\r\n\r\n httpService.get(`/Countries`, (res) => {\r\n const data = res.data.map((country) => {\r\n return {\r\n value: country.id,\r\n label: country.code + \"-\" + country.name\r\n };\r\n });\r\n setCountryList(data);\r\n setCountryOfOperationList(data);\r\n });\r\n httpService.get(`/Organizations/sectors`, (res) => {\r\n const data = res.data.map((orgSectors) => {\r\n return {\r\n value: orgSectors.id,\r\n label: orgSectors.name\r\n };\r\n });\r\n setOrgSectorsList(data);\r\n });\r\n }, []);\r\n\r\n const handleFilterChange = (fieldName, value) => {\r\n setFormInitialValues((prevValues) => ({\r\n ...prevValues,\r\n [fieldName]: value\r\n }));\r\n onFilterChange(fieldName, value);\r\n };\r\n\r\n const handleApplyFilters = () => {\r\n const selectedFilters = {\r\n orgSizes: formInitialValues.orgSizes,\r\n countries: formInitialValues.countries,\r\n orgSectors: formInitialValues.orgSectors,\r\n countryOfOperation: formInitialValues.countryOfOperation\r\n };\r\n onApplyFilters(selectedFilters);\r\n onClose();\r\n };\r\n\r\n return (\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default FilterOptionsComponent;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useLocation, useNavigate, useParams } from \"react-router-dom\";\r\nimport { checkIsActive } from \"../../../../../_helpers\";\r\nimport { Button, Tooltip } from \"@material-ui/core\";\r\nimport { Checkbox, Input, Spin, Select } from \"antd\";\r\nimport { SearchOutlined } from \"@material-ui/icons\";\r\nimport { StrategyTasksWork } from \"../../../../../../app/assets/icons\";\r\nimport FilterOptionsComponent from \"./FilterOptionsComponent\";\r\nimport { httpService } from \"../../../../../../app/base/services/httpService.service\";\r\nimport AuthService from \"../../../../../../app/base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../../../../../../app/pages/auth/userRoles.enum\";\r\nimport { SessionService } from \"../../../../../../app/base/services/session.service\";\r\nimport { getPercentage } from \"../../../../../../app/pages/helper\";\r\nimport { useResultStore } from \"../../../../../../app/pages/workspace/results/components/ResultsStore\";\r\n\r\nfunction MenuResultsListSuperadmin({ setIsLoading }) {\r\n const [activeResult, setActiveResult] = useState([]);\r\n const [showFilters, setShowFilters] = useState(false);\r\n const [orgLoading, setOrgsLoading] = useState(false);\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const params = useParams();\r\n const [menuItem, setMenuItem] = useState(\"\");\r\n const [organizationName, setOrganizationName] = useState(\"\");\r\n const currentWorkspaceId = SessionService.getItem(\"workspaceID\");\r\n const {\r\n allOrganizations,\r\n setAllOrganizations,\r\n selectedAssessments,\r\n setSelectedSubmissionRounds,\r\n selectedSubmissionRounds,\r\n setActiveAssessment,\r\n setActiveSurvey,\r\n setActiveSurveySection,\r\n activeSectionSurvey,\r\n setRangesLoader,\r\n setAllSurveys,\r\n setSurveysDropdown,\r\n surveysDropdown,\r\n activeSurvey,\r\n setScorePerSurvey,\r\n setScorePerSection,\r\n //\r\n submissionRounds,\r\n setSubmissionRounds,\r\n //\r\n assessmentRanges,\r\n setAssessmentRanges,\r\n //\r\n setRoundsLoader,\r\n setGraphsLoader,\r\n setTableViewLoader,\r\n\r\n // Table\r\n tableActiveSurvey,\r\n setTableActiveSurvey,\r\n tableViewData,\r\n setTableViewData,\r\n setOverAllScores,\r\n\r\n // Tab\r\n activeTab,\r\n setActiveTab\r\n } = useResultStore();\r\n\r\n const [selectedFilters, setSelectedFilters] = useState({\r\n orgSizes: \"\",\r\n countries: \"\",\r\n orgSectors: [],\r\n countryOfOperation: \"\"\r\n });\r\n const [allAssessments, setAllAssessments] = useState([]);\r\n const [assessmentLoader, setAssessmentLoader] = useState(false);\r\n const [activeSubmissionRounds, setActiveSubmissionRounds] = useState();\r\n\r\n useEffect(() => {\r\n // setGraphsLoader(false);\r\n fetchSubmissionRounds();\r\n setActiveTab(1);\r\n setActiveAssessment(null);\r\n }, []);\r\n\r\n const fetchSubmissionRounds = () => {\r\n setAssessmentLoader(true);\r\n httpService.get(\r\n `/Assesments/for-results/${currentWorkspaceId}?workspaceIdpageSize=1000&pageNumber=1`,\r\n (res) => {\r\n setAllAssessments(res.data);\r\n setAssessmentLoader(false);\r\n },\r\n (err) => {\r\n console.log(err);\r\n setAssessmentLoader(false);\r\n }\r\n );\r\n };\r\n\r\n useEffect(() => {\r\n if (allAssessments.length) {\r\n // setSelectedAssessments({ value: allAssessments[0]?.id, label: allAssessments[0]?.name });\r\n setActiveAssessment({ value: allAssessments[0]?.id, label: allAssessments[0]?.name });\r\n }\r\n }, [allAssessments]);\r\n\r\n useEffect(() => {\r\n setActiveSubmissionRounds([]);\r\n setActiveSurvey([]);\r\n setActiveSurveySection([]);\r\n setTableViewData([]);\r\n setTableActiveSurvey([]);\r\n // comment here for ranges api call\r\n // if (selectedAssessments?.value) {\r\n // setRangesLoader(true);\r\n // httpService.get(\r\n // `/Assesments/${selectedAssessments?.value}/submission-rounds-for-dropdown`,\r\n // (res) => {\r\n // setSubmissionRounds(res.data);\r\n // setRangesLoader(false);\r\n // },\r\n // (err) => {\r\n // console.log(err);\r\n // setRangesLoader(false);\r\n // }\r\n // );\r\n // httpService.get(\r\n // `/Assesments/${selectedAssessments?.value}/ranges`,\r\n // (res) => {\r\n // setAssessmentRanges(res.data);\r\n // setRoundsLoader(false);\r\n // },\r\n // (err) => {\r\n // console.log(err);\r\n // setRoundsLoader(false);\r\n // }\r\n // );\r\n // }\r\n }, [selectedAssessments]);\r\n\r\n const getSurveysForDropdown = async () => {\r\n await httpService.get(\r\n `/Assesments/${selectedAssessments?.value}/surveys-for-dropdown`,\r\n (res) => {\r\n setAllSurveys(res.data);\r\n setSurveysDropdown(res.data);\r\n },\r\n (err) => {\r\n console.log(err);\r\n }\r\n );\r\n };\r\n\r\n useEffect(() => {\r\n if (activeTab === \"2\") {\r\n getSurveysForDropdown();\r\n }\r\n }, [activeTab]);\r\n\r\n useEffect(() => {\r\n getOverallResults();\r\n fetchAdminScorePerSurvey();\r\n fetchAdminScorePerSurveySection();\r\n fetchTableView();\r\n }, [allOrganizations]);\r\n\r\n useEffect(() => {\r\n setSelectedSubmissionRounds(activeSubmissionRounds);\r\n setAllOrganizations([]);\r\n setTableViewData([]);\r\n getOverallResults();\r\n }, [activeSubmissionRounds]);\r\n\r\n const getOverallResults = () => {\r\n if (allOrganizations?.length && activeSubmissionRounds?.value && selectedAssessments) {\r\n setGraphsLoader(true);\r\n let itm = \"\";\r\n itm = allOrganizations?.join(\"&OrganizationIds=\");\r\n httpService\r\n .get(\r\n `/Results/${currentWorkspaceId}?AssessmentId=${selectedAssessments?.value}&SubmissionRangeId=${activeSubmissionRounds?.value}&OrganizationIds=${itm}`,\r\n (res) => {\r\n setOverAllScores(res?.data);\r\n setGraphsLoader(false);\r\n }\r\n )\r\n .catch(() => {\r\n setGraphsLoader(false);\r\n });\r\n fetchAdminScorePerSurvey();\r\n fetchAdminScorePerSurveySection();\r\n }\r\n };\r\n\r\n const fetchTableView = () => {\r\n if (\r\n allOrganizations.length &&\r\n activeSubmissionRounds?.value &&\r\n selectedAssessments?.value &&\r\n tableActiveSurvey?.length\r\n ) {\r\n let orgs = \"\";\r\n orgs = allOrganizations?.join(\"&OrganizationIds=\");\r\n setTableViewLoader(true);\r\n if (params.id) {\r\n httpService\r\n .get(\r\n `/Results/${currentWorkspaceId}/table-view?AssessmentId=${selectedAssessments?.value}&SubmissionRangeId=${activeSubmissionRounds?.value}&SurveyId=${tableActiveSurvey}&OrganizationIds=${orgs}`,\r\n (res) => {\r\n setTableViewData(res.data);\r\n setTableViewLoader(false);\r\n }\r\n )\r\n .catch(() => {\r\n setTableViewLoader(false);\r\n });\r\n }\r\n } else {\r\n setTableViewData([]);\r\n }\r\n };\r\n\r\n const fetchScorePerSection = () => {\r\n let itm = \"\";\r\n if (activeSubmissionRounds) {\r\n itm = activeSubmissionRounds?.map((e) => e.id).join(\"&SubmissionRounds=\");\r\n }\r\n if (params.id) {\r\n if (tableActiveSurvey) {\r\n httpService\r\n .get(\r\n `/Results/${currentWorkspaceId}/survey/sections?AssessmentId=${params.id}&SurveyId=${tableActiveSurvey}&SubmissionRounds=${itm}`,\r\n (res) => {\r\n setScorePerSection(res.data);\r\n setGraphsLoader(false);\r\n }\r\n )\r\n .catch(() => {\r\n setScorePerSection([]);\r\n setGraphsLoader(false);\r\n });\r\n }\r\n }\r\n };\r\n\r\n const fetchAdminScorePerSurvey = () => {\r\n if (\r\n allOrganizations.length &&\r\n activeSubmissionRounds?.value &&\r\n selectedAssessments?.value &&\r\n activeSurvey\r\n ) {\r\n let orgs = \"\";\r\n let surveyList = \"\";\r\n orgs = allOrganizations?.join(\"&OrganizationIds=\");\r\n if (activeSurvey?.length) {\r\n surveyList = activeSurvey?.map((e) => e.value)?.join(\"&SurveyIds=\");\r\n surveyList = \"&SurveyIds=\" + surveyList;\r\n }\r\n if (params.id) {\r\n httpService\r\n .get(\r\n `/Results/${currentWorkspaceId}/survey?AssessmentId=${selectedAssessments?.value}&SubmissionRangeId=${activeSubmissionRounds?.value}&OrganizationIds=${orgs}${surveyList}`,\r\n (res) => {\r\n setScorePerSurvey(res.data);\r\n setGraphsLoader(false);\r\n }\r\n )\r\n .catch(() => {\r\n setGraphsLoader(false);\r\n });\r\n }\r\n } else {\r\n setScorePerSurvey([]);\r\n }\r\n };\r\n const fetchAdminScorePerSurveySection = () => {\r\n if (\r\n allOrganizations.length &&\r\n activeSubmissionRounds?.value &&\r\n selectedAssessments?.value &&\r\n activeSectionSurvey?.value\r\n ) {\r\n setGraphsLoader(true);\r\n let orgs = \"\";\r\n orgs = allOrganizations?.join(\"&OrganizationIds=\");\r\n if (params.id) {\r\n httpService\r\n .get(\r\n `/Results/${currentWorkspaceId}/survey/sections?AssessmentId=${selectedAssessments?.value}&SubmissionRangeId=${activeSubmissionRounds?.value}&SurveyId=${activeSectionSurvey?.value}&OrganizationIds=${orgs}`,\r\n (res) => {\r\n setScorePerSection(res.data);\r\n setGraphsLoader(false);\r\n }\r\n )\r\n .catch(() => {\r\n setGraphsLoader(false);\r\n });\r\n }\r\n } else {\r\n setScorePerSection([]);\r\n setGraphsLoader(false);\r\n }\r\n };\r\n\r\n //\r\n const handleFilterChange = (fieldName, value) => {\r\n setSelectedFilters((prevFilters) => ({\r\n ...prevFilters,\r\n [fieldName]: value\r\n }));\r\n };\r\n\r\n const handleApplyFilters = (selectedFilters) => {\r\n const payload = {};\r\n\r\n if (organizationName !== \"\") {\r\n payload.OrganizationName = organizationName;\r\n }\r\n\r\n if (selectedFilters.orgSizes) {\r\n payload.OrganizationSizeId = selectedFilters.orgSizes.value;\r\n }\r\n if (selectedFilters.countries) {\r\n payload.BaseCountryId = selectedFilters.countries.value;\r\n }\r\n if (selectedFilters.countryOfOperation) {\r\n payload.OperatingCountryId = selectedFilters.countryOfOperation.value;\r\n }\r\n if (selectedFilters.orgSectors && selectedFilters.orgSectors.length > 0) {\r\n payload.SectorIds = selectedFilters.orgSectors.map((sector) => sector.value);\r\n }\r\n\r\n const queryString = new URLSearchParams(payload).toString();\r\n const apiUrl =\r\n AuthService.isAuthorized([\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Donor,\r\n UserRolesEnum.Consultant\r\n ]) && `Results/${currentWorkspaceId}/organizations?${queryString}`;\r\n\r\n httpService.get(apiUrl, (res) => {\r\n setMenuItem(res.data);\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n const timeout = setTimeout(() => {\r\n if (selectedAssessments?.value && activeSubmissionRounds?.value) {\r\n const payload = {\r\n OrganizationName: organizationName !== \"\" ? organizationName : \"\",\r\n SubmissionRoundId: activeSubmissionRounds?.value\r\n };\r\n\r\n setOrgsLoading(true);\r\n const queryString = new URLSearchParams(payload).toString();\r\n const apiUrl =\r\n AuthService.isAuthorized([\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Donor,\r\n UserRolesEnum.Consultant\r\n ]) &&\r\n `Results/${currentWorkspaceId}/organizations?AssessmentId=${selectedAssessments?.value}&${queryString}`;\r\n\r\n httpService.get(apiUrl, (res) => {\r\n setMenuItem(res.data);\r\n setIsLoading(false);\r\n setOrgsLoading(false);\r\n });\r\n } else {\r\n setIsLoading(false);\r\n }\r\n }, 500);\r\n\r\n return () => {\r\n clearTimeout(timeout);\r\n };\r\n }, [organizationName]);\r\n\r\n const clickedCard = (e) => {\r\n const isExisting = allOrganizations.some((el) => el === e);\r\n if (isExisting) {\r\n const filteredResults = allOrganizations.filter((el) => el !== e);\r\n setAllOrganizations(filteredResults);\r\n } else {\r\n setAllOrganizations([...allOrganizations, e]);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (selectedAssessments?.value && activeSubmissionRounds?.value) {\r\n const payload = {\r\n OrganizationName: organizationName !== \"\" ? organizationName : \"\"\r\n };\r\n\r\n setOrgsLoading(true);\r\n const queryString = new URLSearchParams(payload).toString();\r\n const apiUrl =\r\n AuthService.isAuthorized([\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Donor,\r\n UserRolesEnum.Consultant\r\n ]) &&\r\n `Results/${currentWorkspaceId}/organizations?AssessmentId=${selectedAssessments?.value}&SubmissionRoundId=${selectedSubmissionRounds?.value}&${queryString}`;\r\n\r\n httpService.get(apiUrl, (res) => {\r\n setMenuItem(res.data);\r\n setIsLoading(false);\r\n setOrgsLoading(false);\r\n });\r\n } else {\r\n setIsLoading(false);\r\n }\r\n }, [selectedSubmissionRounds]);\r\n\r\n useEffect(() => {\r\n setMenuItem([]);\r\n }, [selectedAssessments]);\r\n\r\n // useEffect(() => {\r\n // console.log(\"TEST\", selectedAssessments);\r\n // }, [selectedAssessments]);\r\n\r\n // useEffect(() => {\r\n // setAllOrganizations(activeResult);\r\n // }, [activeResult]);\r\n\r\n // useEffect(() => {\r\n // if (menuItem?.length > 0) {\r\n // clickedCard(menuItem[0]?.id);\r\n // }\r\n // }, [menuItem]);\r\n\r\n const handleFilterClick = () => {\r\n setShowFilters(true);\r\n };\r\n\r\n const handleCloseFilters = () => {\r\n setShowFilters(false);\r\n };\r\n\r\n const handleClearAllFilters = () => {\r\n setSelectedFilters({\r\n orgSizes: \"\",\r\n countries: \"\",\r\n orgSectors: [],\r\n countryOfOperation: \"\"\r\n });\r\n };\r\n return (\r\n <>\r\n {showFilters ? (\r\n \r\n 
\r\n
\r\n Go back to results
\r\n \r\n
\r\n Filter Organization
\r\n\r\n Filter and target organizations to compare their results using the following filters\r\n
\r\n\r\n
\r\n \r\n {\r\n handleFilterChange(\"orgSizes\", selectedOrgSizes);\r\n }}\r\n styles={{\r\n option: (baseStyles, state) => ({\r\n ...baseStyles,\r\n color: \"hsl(0, 0%, 20%)\"\r\n }),\r\n height: '30px'\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n handleFilterChange(\"countries\", selectedCountry);\r\n }}\r\n styles={{\r\n option: (baseStyles, state) => ({\r\n ...baseStyles,\r\n color: \"hsl(0, 0%, 20%)\"\r\n })\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n handleFilterChange(\"countryOfOperation\", selectedCountry);\r\n }}\r\n styles={{\r\n option: (baseStyles, state) => ({\r\n ...baseStyles,\r\n color: \"hsl(0, 0%, 20%)\"\r\n })\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n handleFilterChange(\"orgSectors\", selectedOrgSectors);\r\n }}\r\n styles={{\r\n option: (baseStyles, state) => ({\r\n ...baseStyles,\r\n color: \"hsl(0, 0%, 20%)\"\r\n })\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n clearFilters();\r\n onClearAllFilters();\r\n }}\r\n >\r\n
\r\n Clear all filters
\r\n \r\n\r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default MenuResultsListSuperadmin;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { Icon } from \"react-icons-kit\";\r\nimport { mail } from \"react-icons-kit/feather/mail\";\r\nimport { clock } from \"react-icons-kit/feather/clock\";\r\nimport { map } from \"react-icons-kit/feather/map\";\r\nimport { book } from \"react-icons-kit/feather/book\";\r\nimport { search } from \"react-icons-kit/feather/search\";\r\nimport { checkIsActive } from \"../../../../../_helpers\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport { getResultFilters } from \"../../../../../../app/pages/workspace/results/selectors\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { setFilterOrganizations } from \"../../../../../../app/pages/workspace/results/resultSlice\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport \"./index.scss\";\r\nimport Toast from \"../../../../../../app/base/components/Toast\";\r\nimport { getPercentage } from \"../../../../../../app/pages/workspace/results/helpers\";\r\n\r\nfunction MenuOrganizationList({ menuItem }) {\r\n const navigate = useNavigate();\r\n const dispatch = useDispatch();\r\n const location = useLocation();\r\n const [isSelected, setIsSelected] = useState(false);\r\n const [compareOverallScores, setCompareOverallScores] = useState([]);\r\n const [selectedOrganizationIds, setSelectedOrganizationIds] = useState([])\r\n const getMenuItemActive = (url, hasSubmenu = false) => {\r\n return checkIsActive(location, url)\r\n ? ` ${!hasSubmenu && \"menu-item-active\"} menu-item-open `\r\n : \"\";\r\n };\r\n\r\n const { filterData } = useSelector((state) => ({\r\n filterData: getResultFilters(state)\r\n }));\r\n\r\n const selectOrganization = (orgId) => {\r\n let selectedOrganizations = [...filterData.organizationsIdList];\r\n setSelectedOrganizationIds(...selectedOrganizationIds, selectedOrganizations)\r\n if (isSelected) {\r\n let index = selectedOrganizations.indexOf(orgId);\r\n if (index !== -1) {\r\n selectedOrganizations.splice(index, 1);\r\n dispatch(setFilterOrganizations(selectedOrganizations));\r\n }\r\n setIsSelected(false);\r\n } else {\r\n if (selectedOrganizations.length === 5) {\r\n Toast.warning(\"Maximum 5 organizations!\");\r\n } else {\r\n dispatch(setFilterOrganizations([...filterData.organizationsIdList, orgId]));\r\n setIsSelected(true);\r\n }\r\n }\r\n\r\n navigate(\"/results/compareResults\");\r\n };\r\n\r\n useEffect(() => {\r\n console.log(\"selectedOrganizationIds ddd\", selectedOrganizationIds)\r\n }, [selectedOrganizationIds])\r\n\r\n \r\n useEffect(() => {\r\n const selectedOrganizations = filterData.organizationsIdList;\r\n const thisOrgId = menuItem.id;\r\n\r\n if (selectedOrganizations.includes(thisOrgId)) {\r\n setIsSelected(true);\r\n } else {\r\n setIsSelected(false);\r\n }\r\n }, [filterData]);\r\n\r\n return (\r\n \r\n
\r\n Results
\r\n\r\n First select the assessment and submission round you\r\n wish.{\" \"}\r\n
\r\n\r\n
\r\n \r\n \r\n ({\r\n value: e.id,\r\n label: e.name\r\n }))}\r\n value={selectedAssessments}\r\n onChange={(_, data) => {\r\n setAllOrganizations([]);\r\n setActiveSurvey([]);\r\n // setSelectedAssessments(data);\r\n setActiveAssessment(data);\r\n }}\r\n />\r\n \r\n
\r\n Assessment
\r\n\r\n */}\r\n ({\r\n value: e.id,\r\n label: e.label\r\n }))}\r\n filterOption={(input, option) =>\r\n (option?.label?.toLowerCase() ?? \"\").includes(input?.toLowerCase())\r\n }\r\n value={activeSubmissionRounds}\r\n onChange={(_, data) => {\r\n setActiveSubmissionRounds(data);\r\n }}\r\n />\r\n {/* */}\r\n
\r\n {activeTab === \"2\" && (\r\n Submission round
\r\n {/*\r\n ({\r\n value: e.id,\r\n label: e.name\r\n }))}\r\n filterOption={(input, option) =>\r\n (option?.label?.toLowerCase() ?? \"\").includes(input?.toLowerCase())\r\n }\r\n value={tableActiveSurvey}\r\n onChange={(selectedSurvey) => {\r\n // setSelectedSurvey(selectedSurvey);\r\n setTableActiveSurvey(selectedSurvey);\r\n }}\r\n />\r\n
\r\n )}\r\n Survey
\r\n\r\n \r\n
\r\n \r\n
\r\n {/* Select your organizations
\r\n\r\n Then select up to 8 organizations from the list below to have\r\n their results compared\r\n
\r\n\r\n
\r\n \r\n \r\n
\r\n \r\n Use this tool to filter through various organizations based on your criteria and compare their respective results.} placement=\"top\">\r\n \r\n \r\n
*/}\r\n \r\n 
\r\n
\r\n Compare results
\r\n \r\n {/*
\r\n \r\n Select up to 8 organizations from the list below to have their results compared} placement=\"top\">\r\n \r\n
*/}\r\n Select your organization
\r\n\r\n\r\n
\r\n \r\n {!orgLoading ? (\r\n menuItem?.length ? (\r\n <>\r\n {menuItem?.map((item, i) => {\r\n return (\r\n <>\r\n e === item?.id)\r\n ? \"activeCard\"\r\n : \"\"\r\n }`}\r\n key={i}\r\n onClick={() => clickedCard(item?.id)}\r\n >\r\n
\r\n \r\n );\r\n })}\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 e === item?.id\r\n )\r\n ? true\r\n : false\r\n }\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n Score:\r\n \r\n {`${getPercentage(\r\n item?.averageScore || 0,\r\n item?.averageMaxScore || 0\r\n ).toFixed(2)}%`}\r\n
\r\n \r\n No active assessments and submission round\r\n
\r\n \r\n )\r\n ) : (\r\n selectOrganization(menuItem.id)} className=\"result-list\">\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default MenuOrganizationList;\r\n","import React, { useState } from \"react\";\r\nimport { Modal } from \"react-bootstrap\";\r\nimport Select from \"react-select\";\r\nimport { useEffect } from \"react\";\r\nimport SurveyPopup from \"../../../../../assets/icons/surveyPopup.png\";\r\nimport AssessmentPhoto from \"../../../../../assets/icons/assessmentPhoto.png\";\r\nimport AssessmentPhotoPartTwo from \"../../../../../assets/icons/secondAssessmentPhoto.png\";\r\nimport CloseButton from \"../../../../../assets/icons/circle1.png\";\r\nimport { LocalStorageService } from \"../../../../../base/services/local-storage.service\";\r\nimport \"./index.scss\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { SessionService } from \"../../../../../base/services/session.service\";\r\nimport { httpService } from \"../../../../../base/services/httpService.service\";\r\nimport ConsultantPhoto from \"../../../../../assets/icons/consultantPhoto.png\";\r\nimport ConsultantsList from \"../../consultantsList\";\r\nimport AuthService from \"../../../../../base/services/authentication.service\";\r\nimport Toast from \"../../../../../base/components/Toast\";\r\n\r\nfunction RequestModal({ show, setOpen }) {\r\n const workspaceId = SessionService.getItem(\"workspaceID\");\r\n const navigate = useNavigate();\r\n const [expertList, setExpertList] = useState([]);\r\n const [secondModalOpen, setSecondModalOpen] = useState(false);\r\n const [consultantModal, setConsultantModal] = useState(false);\r\n const [consultantList, setConsultantList] = useState([]);\r\n const [assesmentList, setAssesmentList] = useState([]);\r\n const [selectedAssessment, setSelectedAssessment] = useState(null);\r\n const [assessmentCode, setAssessmentCode] = useState(\"\");\r\n const [showError, setShowError] = useState(false);\r\n const [requestModalOpen, setRequestModalOpen] = useState(false);\r\n const user = AuthService.getUser();\r\n\r\n // useEffect(() => {\r\n // if(Array.isArray(user?.roles)) {\r\n // if (user?.roles[0]?.name === \"Consultant\") {\r\n // setTimeout(() => {\r\n // setOpen(false)\r\n // navigate(\"/workspace/assessment/guided-assessment/list\");\r\n // }, 200);\r\n // }\r\n // }\r\n // }, []);\r\n\r\n // const handleButtonClick = () => {\r\n // handleClose();\r\n // navigate(\"/help-desk/list\", { state: { openModal: true } });\r\n // };\r\n\r\n const handleGoToAssesment = () => {\r\n // handleClose();\r\n // Redirect to another page with props (replace '/destination' with the desired route path)\r\n navigate(\"/guided-assessment/list\");\r\n setOpen(false);\r\n };\r\n\r\n // const handleRequestACButton = () => {\r\n // setOpen(false);\r\n // setSecondModalOpen(true);\r\n // };\r\n\r\n const handleRequestForGuideAssessment = () => {\r\n // Check if an assessment is selected\r\n if (selectedAssessment) {\r\n setOpen(false);\r\n setSecondModalOpen(false);\r\n httpService.post(\r\n \"/guidedAssesment/request/assessmentcode\",\r\n {\r\n assessmentId: selectedAssessment.value,\r\n organizationId: user.organizationId,\r\n workspaceId: workspaceId\r\n },\r\n (data) => {\r\n Toast.success(data.data.info);\r\n }\r\n );\r\n } else {\r\n // Show the error message if no assessment is selected\r\n setShowError(true);\r\n }\r\n };\r\n\r\n const handleAssessmentSelect = (selectedAssessmentt) => {\r\n setSelectedAssessment(selectedAssessmentt);\r\n setShowError(false);\r\n };\r\n // Function to handle the code input change\r\n const handleCodeChange = (event) => {\r\n setAssessmentCode(event.target.value);\r\n };\r\n\r\n const handleSubmit = () => {\r\n if (assessmentCode.trim() !== \"\") {\r\n // Check if the assessment code is not empty\r\n let assessmentId = selectedAssessment ? selectedAssessment.value : null;\r\n httpService.post(\r\n \"/guidedassesment/checkassessmentcode\",\r\n {\r\n assessmentcode: assessmentCode,\r\n assessmentId: assessmentId,\r\n organizationId: user.organizationId,\r\n workspaceId: workspaceId\r\n },\r\n (data) => {\r\n if (data.success) {\r\n Toast.success(\"Your code was valid and now you can select the consultant\");\r\n setOpen(false);\r\n setRequestModalOpen(false);\r\n navigate(\"/guided-assessment-list/consultant-list\", {\r\n state: {\r\n isValid: true,\r\n assessmentId: assessmentId,\r\n organizationId: user.organizationId\r\n }\r\n });\r\n }\r\n },\r\n (error) => {\r\n if (!error.success) {\r\n handleGoToAssesment();\r\n }\r\n }\r\n );\r\n } else if (!selectedAssessment) {\r\n // Show the error message if both the assessment code and assessment are empty\r\n setShowError(true);\r\n }\r\n };\r\n\r\n const handleClose = () => {\r\n setOpen(false);\r\n setSecondModalOpen(false);\r\n document.querySelector('[data-target=\"#self-assessment\"]').click();\r\n };\r\n\r\n // useEffect(() => {\r\n // httpService.get(`/guidedassesment/getall/${workspaceId}`, (data) => {\r\n // const assesmentData = data.data.map((assesment) => {\r\n // return {\r\n // value: assesment.id,\r\n // label: assesment.name\r\n // };\r\n // });\r\n // setAssesmentList(assesmentData);\r\n // });\r\n // }, []);\r\n\r\n // useEffect(() => {\r\n // httpService.get(`/team/getworkspaceconsultants/${workspaceId}`, (data) => {\r\n // setConsultantList(data.data);\r\n // });\r\n // }, [consultantModal]);\r\n\r\n return (\r\n <>\r\n {user?.roles[0]?.name !== \"Consultant\" && (\r\n <>\r\n \r\n {isSelected ? (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n {menuItem.title}
\r\n\r\n {menuItem.email}\r\n }\r\n >\r\n \r\n {menuItem.location}\r\n }\r\n >\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setOpen(false);\r\n setSecondModalOpen(true);\r\n }}\r\n >\r\n Request an assessment code\r\n \r\n {\r\n setOpen(false);\r\n setRequestModalOpen(true);\r\n }}\r\n >\r\n I have an assessment code\r\n \r\n
\r\n \r\n Should you wish to improve your score and further grow your organization,\r\n the KAPorg team is here to help!\r\n
\r\n\r\n 
\r\n
\r\n \r\n Request a guided assessment now so we can assign our experts from your field\r\n of work to directly support you along the assessment process and help you\r\n explore ways to build better partnerships and secure funding for future\r\n programs.
\r\n
\r\n Request it now and we will get in touch with you as soon as possible.\r\n
\r\n \r\n
\r\n \r\n \r\n\r\n {/* {Request AC Modal} */}\r\n \r\n 
\r\n
\r\n\r\n Assessment code
\r\nTo access your assessment, please type your assessment code below
\r\n\r\n
\r\n {showError && Enter your code here
\r\nPlease enter code
}\r\n\r\n\r\n {\r\n handleAssessmentSelect(selectedAssessment);\r\n }}\r\n />\r\n
\r\n {showError && (\r\n Assessment list
\r\nYou should select an assessment
\r\n )}\r\n\r\n \r\n
\r\n \r\n \r\n \r\n Request Assessment Code\r\n \r\n \r\n Please request your assessment and we will get in touch with you. As soon\r\n as the request is accepted you will receive an email with the code.\r\n \r\n
\r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default RequestModal;\r\n","import { Button, ButtonGroup, Grid } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport { DebounceInput } from \"react-debounce-input\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport {\r\n fetchChartData\r\n} from \"../../../../../../app/pages/workspace/results/resultSlice\";\r\n\r\nfunction OrganizationMenuButtons({ sortOrganizationOrder, searchOrganization }) {\r\n const dispatch = useDispatch();\r\n\r\n const handleSort = () => {\r\n sortOrganizationOrder();\r\n };\r\n\r\n const handleSearch = (keyword) => {\r\n searchOrganization(keyword);\r\n };\r\n\r\n const getResults = () => {\r\n dispatch(fetchChartData());\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n\r\n \r\n \r\n Select an assessment from the list below\r\n \r\n {\r\n handleAssessmentSelect(selectedAssessment);\r\n }}\r\n />\r\n
\r\n {/* Error message */}\r\n {showError && (\r\n You should select an assessment
\r\n )}\r\n\r\n \r\n Submit request\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n handleSearch(event.target.value)}\r\n />\r\n\r\n \r\n \r\n Sort Order}\r\n >\r\n \r\n \r\n Get results\r\n }\r\n >\r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default OrganizationMenuButtons;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Divider, Radio, Input } from \"antd\";\r\nimport { useNavigate, useLocation } from \"react-router-dom\";\r\nimport { SearchOutlined } from \"@material-ui/icons\";\r\nimport { EmptyBox } from \"../../../../../../app/assets/icons\";\r\nimport AuthService from \"../../../../../../app/base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../../../../../../app/pages/auth/userRoles.enum\";\r\n\r\nfunction MenuActionPlanList({ data, kind }) {\r\n const [selectedAssessment, setSelectedAssessment] = useState(null);\r\n const [loading, setLoading] = useState(true);\r\n const [initialLoadComplete, setInitialLoadComplete] = useState(false);\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n const isConsultant = AuthService.isAuthorized([UserRolesEnum.Consultant]);\r\n const [searchQuery, setSearchQuery] = useState(\"\");\r\n\r\n useEffect(() => {\r\n if (data?.length > 0 && !initialLoadComplete) {\r\n const urlAssessmentId = location.pathname.split(\"/\").pop();\r\n const initialAssessmentId = data[0]?.assessmentId;\r\n if (urlAssessmentId !== initialAssessmentId) {\r\n const url = `/workspace/results/action-plan/${initialAssessmentId}`;\r\n setSelectedAssessment(initialAssessmentId);\r\n localStorage.setItem(\"selectedAssessmentId\", initialAssessmentId);\r\n navigate(url);\r\n } else {\r\n setSelectedAssessment(urlAssessmentId);\r\n }\r\n\r\n setInitialLoadComplete(true);\r\n setLoading(false);\r\n }\r\n }, [data, location.pathname, initialLoadComplete]);\r\n\r\n const handleAssessmentChange = (assessmentId) => {\r\n setSelectedAssessment(assessmentId);\r\n localStorage.setItem(\"selectedAssessmentId\", assessmentId);\r\n\r\n if (kind === \"action-plan\") {\r\n navigate(`/workspace/results/action-plan/${assessmentId}`);\r\n }\r\n };\r\n\r\n const clickedCard = (assessmentId) => {\r\n handleAssessmentChange(assessmentId);\r\n };\r\n\r\n useEffect(() => {\r\n if (data?.length === 0) {\r\n navigate(`/workspace/results/action-plan/no-action-plan`);\r\n }\r\n }, [data]);\r\n\r\n return (\r\n \r\n \r\n 
\r\n \r\n No assessments here!\r\n \r\n
\r\n )}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default MenuActionPlanList;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { httpService } from \"../../../../../../app/base/services/httpService.service\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport { Radio, Divider } from \"antd\";\r\n\r\nfunction MenuActionPlanList() {\r\n const location = useLocation();\r\n const navigate = useNavigate();\r\n const [selectedSections, setSelectedSections] = useState([]);\r\n const [selectedId, setSelectedId] = useState(null);\r\n const [surveyName, setSurveyName] = useState(\"\");\r\n const assessmentId = localStorage.getItem(\"selectedAssessmentId\");\r\n const workspaceId = sessionStorage.getItem(\"workspaceID\").replace(/^\"(.*)\"$/, \"$1\");\r\n const storedInfo = localStorage.getItem(\"selectedCardInfo\");\r\n const selectedCardInfo = storedInfo ? JSON.parse(storedInfo) : null;\r\n const selectedRangeId = selectedCardInfo ? selectedCardInfo.selectedId : null;\r\n const pathnameSegments = location.pathname.split(\"/\");\r\n const viewIndex = pathnameSegments.indexOf(\"view\");\r\n const idAfterView =\r\n viewIndex !== -1 && viewIndex + 1 < pathnameSegments.length\r\n ? pathnameSegments[viewIndex + 1]\r\n : null;\r\n\r\n useEffect(() => {\r\n if (idAfterView) {\r\n httpService.get(\r\n `/ActionPlans/ngo/survey-sections?SurveyId=${idAfterView}&WorkspaceId=${workspaceId}`,\r\n (res) => {\r\n setSelectedSections(res.data);\r\n },\r\n (error) => {\r\n console.error(\"Error fetching Survey data:\", error);\r\n }\r\n );\r\n // if (selectedRangeId) {\r\n // httpService.get(\r\n // `/ActionPlans/ngo/assessment/${assessmentId}/surveys?workspaceId=${workspaceId}&rangeId=${selectedRangeId}`,\r\n // (res) => {\r\n // const filteredSurvey = res.data.find((survey) => survey.id === idAfterView);\r\n // if (filteredSurvey) {\r\n // setSurveyName(filteredSurvey.name);\r\n // } else {\r\n // setSurveyName(\"\");\r\n // }\r\n // },\r\n // (error) => {\r\n // console.error(\"Error fetching Survey name:\", error);\r\n // }\r\n // );\r\n // }\r\n } else {\r\n console.log(\"Error: Missing Survey ID\");\r\n }\r\n const storedSelectedId = localStorage.getItem(\"selectedSectionId\");\r\n setSelectedId(storedSelectedId);\r\n navigateToDetailView(storedSelectedId);\r\n }, [assessmentId, idAfterView, workspaceId]);\r\n\r\n useEffect(() => {\r\n if (selectedRangeId) {\r\n httpService.get(\r\n `/ActionPlans/ngo/assessment/${assessmentId}/surveys?workspaceId=${workspaceId}&rangeId=${selectedRangeId}`,\r\n (res) => {\r\n const filteredSurvey = res.data.find((survey) => survey.id === idAfterView);\r\n if (filteredSurvey) {\r\n setSurveyName(filteredSurvey.name);\r\n } else {\r\n setSurveyName(\"\");\r\n }\r\n },\r\n (error) => {\r\n console.error(\"Error fetching Survey name:\", error);\r\n }\r\n );\r\n }\r\n }, [selectedRangeId]);\r\n\r\n const handleRadioGroupChange = (e) => {\r\n const value = e.target.value;\r\n setSelectedId(value);\r\n localStorage.setItem(\"selectedId\", value);\r\n navigateToDetailView(value);\r\n };\r\n\r\n const navigateToDetailView = (id) => {\r\n const newPath = `/workspace/results/action-plan/${assessmentId}/view/${idAfterView}/${id}`;\r\n navigate(newPath);\r\n };\r\n\r\n const handleCardClick = (sectionId) => {\r\n setSelectedId(sectionId);\r\n localStorage.setItem(\"selectedId\", sectionId);\r\n navigateToDetailView(sectionId);\r\n };\r\n\r\n return (\r\n Assessments
\r\n \r\n
\r\n Here you will find an action plan based on your results in each assessment.
\r\n Select one to see the plan in detail.
\r\n \r\n setSearchQuery(e.target.value)}\r\n prefix={
\r\n \r\n {data.length > 0 ? (\r\n handleAssessmentChange(e.target.value)}\r\n className=\"custom-radio-group\"\r\n >\r\n {data\r\n .filter((item) =>\r\n item?.assessmentName?.toLowerCase().includes(searchQuery.toLowerCase())\r\n )\r\n .map((item, index) => (\r\n clickedCard(item?.assessmentId)}\r\n >\r\n
\r\n ))}\r\n \r\n ) : (\r\n \r\n
\r\n {}\r\n {!isConsultant ? (\r\n <>\r\n {item?.assessmentName}
\r\n\r\n
\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n Areas to Improve:
\r\n {item?.areasToImprove}\r\n\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default MenuActionPlanList;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Divider, Radio, Input } from \"antd\";\r\nimport { useNavigate, useLocation } from \"react-router-dom\";\r\nimport AuthService from \"../../../../../../app/base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../../../../../../app/pages/auth/userRoles.enum\";\r\nimport { SearchOutlined } from \"@material-ui/icons\";\r\nimport { EmptyBox } from \"../../../../../../app/assets/icons\";\r\n\r\nfunction MenuAdminActionPlanList({ data, kind }) {\r\n const [selectedAssessment, setSelectedAssessment] = useState(null);\r\n const [loading, setLoading] = useState(true);\r\n const [initialLoadComplete, setInitialLoadComplete] = useState(false);\r\n const [searchQuery, setSearchQuery] = useState(\"\");\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n const isSuperAdmin = AuthService.isAuthorized([UserRolesEnum.SuperAdmin]);\r\n\r\n useEffect(() => {\r\n if (data.length > 0 && !initialLoadComplete) {\r\n const urlAssessmentId = location.pathname.split(\"/\").pop();\r\n const initialAssessmentId = data?.length ? data[0]?.id : \"\";\r\n if (urlAssessmentId !== initialAssessmentId) {\r\n const url = `/workspace/results/action-plan/${initialAssessmentId}`;\r\n setSelectedAssessment(initialAssessmentId);\r\n localStorage.setItem(\"selectedAssessmentId\", initialAssessmentId);\r\n navigate(url);\r\n } else {\r\n setSelectedAssessment(urlAssessmentId);\r\n }\r\n\r\n setInitialLoadComplete(true);\r\n setLoading(false);\r\n }\r\n }, [data, location.pathname, initialLoadComplete, navigate]);\r\n\r\n const handleAssessmentChange = (assessmentId) => {\r\n setSelectedAssessment(assessmentId);\r\n localStorage.setItem(\"selectedAssessmentId\", assessmentId);\r\n\r\n if (kind === \"action-plan\") {\r\n navigate(`/workspace/results/action-plan/${assessmentId}`);\r\n }\r\n };\r\n\r\n const clickedCard = (assessmentId) => {\r\n handleAssessmentChange(assessmentId);\r\n };\r\n\r\n const filteredData = data.filter((item) =>\r\n item.name.toLowerCase().includes(searchQuery.toLowerCase())\r\n );\r\n\r\n return (\r\n Areas in {surveyName}
\r\n \r\n
\r\n Here you will find an action plan based on your results in each assessment.
\r\n Select one to see the plan in detail.
\r\n \r\n \r\n {selectedSections.map((section) => (\r\n handleCardClick(section.sectionId)}\r\n >\r\n
\r\n ))}\r\n \r\n \r\n
\r\n {section.sectionName}
\r\n\r\n
\r\n Indicators to Improve: {section.indicatorToImprove}
\r\n \r\n\r\n \r\n \r\n \r\n No assessments here!\r\n \r\n
\r\n )}\r\n \r\n \r\n );\r\n}\r\n\r\nexport default MenuAdminActionPlanList;\r\n","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport React, { useCallback, useEffect, useState } from \"react\";\r\nimport { useLocation } from \"react-router\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { useSelector } from \"react-redux\";\r\nimport Skeleton from \"react-loading-skeleton\";\r\nimport \"react-loading-skeleton/dist/skeleton.css\";\r\nimport { getOrganizationList } from \"../../../../../app/pages/workspace/results/selectors\";\r\nimport { checkIsActive } from \"../../../../_helpers\";\r\nimport { UserRolesEnum } from \"../../../../../app/pages/auth/userRoles.enum\";\r\nimport MenuAssesmentList from \"./components/MenuAssesmentList\";\r\nimport MenuAssesmentListNew from \"./components/MenuAssesmentListNew\";\r\nimport MenuResultsList from \"./components/MenuResultsList\";\r\nimport MenuResultsListSuperadmin from \"./components/MenuResultsListSuperadmin\";\r\n\r\nimport MenuOrganizationList from \"./components/MenuOrganizationList\";\r\nimport { httpService } from \"../../../../../app/base/services/httpService.service\";\r\nimport AuthService from \"../../../../../app/base/services/authentication.service\";\r\nimport { SessionService } from \"../../../../../app/base/services/session.service\";\r\nimport RequestModal from \"../../../../../app/pages/workspace/assesments/components/requestModal\";\r\nimport OrganizationMenuButtons from \"./components/OrganizationMenuButtons\";\r\nimport NoDataMessage from \"../../../../../app/components/noDataMessage/NoDataMessage\";\r\nimport MenuActionPlanList from \"./components/MenuActionPlanList\";\r\nimport MenuActionPlanListView from \"./components/MenuActionPlanListView\";\r\nimport {\r\n fetchOrganizationList,\r\n setOrganizationList\r\n} from \"../../../../../app/pages/workspace/results/resultSlice\";\r\nimport \"./custom.scss\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { editDataStore } from \"../../../../../app/pages/admin/survey/surveyBuilder/v2/surveyStore\";\r\nimport MenuAdminActionPlanList from \"./components/MenuAdminActionPlanList\";\r\nimport { useAssessmentStore } from \"../../../../../app/pages/admin/assessment/assessmentStore\";\r\nimport { LocalStorageService } from \"../../../../../app/base/services/local-storage.service\";\r\n\r\nexport function AsideMenuList({ data, api, kind, layoutProps, activeMenu }) {\r\n const dispatch = useDispatch();\r\n const location = useLocation();\r\n const organizationId = AuthService.getUser()?.organizationId;\r\n const isSuperAdmin = AuthService.isAuthorized([UserRolesEnum.SuperAdmin]);\r\n const isConsultant = AuthService.isAuthorized([UserRolesEnum.Consultant]);\r\n const isViewActionPlan =\r\n location.pathname.includes(\"/view\") &&\r\n location.pathname.includes(\"action-plan\") &&\r\n !isConsultant;\r\n const { organizationList } = useSelector((state) => ({\r\n organizationList: getOrganizationList(state)\r\n }));\r\n\r\n const [orgFilteredData, setOrgFilteredData] = useState([]);\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [assesmentList, setAssesmentList] = useState();\r\n const [resultList, setResultList] = useState();\r\n const [showRequestModal, setShowRequestModal] = useState(false);\r\n const [isSorted, setIsSorted] = useState(false);\r\n const [typeAssessment, setTypeAssessment] = useState(\"\");\r\n const [actionPlanData, setActionPlanData] = useState([]);\r\n const [adminActionPlanData, setAdminActionPlanData] = useState([]);\r\n const isSurveyInWorkspace = editDataStore((state) => state.isSurveyInWorkspace);\r\n const { isSetRequest, setRequest } = useAssessmentStore();\r\n\r\n const getMenuItemActive = (url, hasSubmenu = false) => {\r\n return checkIsActive(location, url)\r\n ? ` ${!hasSubmenu && \"menu-item-active\"} menu-item-open `\r\n : \"\";\r\n };\r\n\r\n const isManager = AuthService.isAuthorized([UserRolesEnum.Manager]);\r\n\r\n const sortOrganizationOrder = () => {\r\n function compare(a, b) {\r\n if (!isSorted) {\r\n if (a.title < b.title) {\r\n return -1;\r\n }\r\n if (a.title > b.title) {\r\n return 1;\r\n }\r\n return 0;\r\n } else {\r\n if (a.title > b.title) {\r\n return -1;\r\n }\r\n if (a.title < b.title) {\r\n return 1;\r\n }\r\n return 0;\r\n }\r\n }\r\n const data = [...organizationList];\r\n const sortedData = data.sort(compare);\r\n\r\n setTimeout(() => {\r\n setIsSorted(!isSorted);\r\n setOrgFilteredData([]);\r\n setOrgFilteredData(sortedData);\r\n }, 0);\r\n };\r\n\r\n const searchOrganization = (keyword) => {\r\n if (keyword.length < 2) {\r\n setOrgFilteredData(organizationList);\r\n } else {\r\n const res = organizationList.filter((organization) =>\r\n organization?.title?.toLowerCase().includes(keyword.toLowerCase())\r\n );\r\n setOrgFilteredData(res);\r\n }\r\n };\r\n // const [assessmentData, setAssessmentData] = useState([]);\r\n useEffect(() => {\r\n if (api) {\r\n setIsLoading(true);\r\n let menuList = [];\r\n\r\n let currentWorkspaceId = SessionService.getItem(\"workspaceID\");\r\n if (kind === \"action-plan\" && !isSuperAdmin && !isConsultant) {\r\n const currentWorkspaceId = SessionService.getItem(\"workspaceID\");\r\n if (currentWorkspaceId) {\r\n const isManager = AuthService.isAuthorized([UserRolesEnum.Manager]);\r\n\r\n const endpoint = isManager\r\n ? `/Assesments/assign-manager?WorkspaceId=${currentWorkspaceId}`\r\n : `/Results/${currentWorkspaceId}/ngo/assessments`;\r\n\r\n httpService.get(\r\n endpoint,\r\n (res) => {\r\n const assessmentData = res?.data?.map((assessment) => ({\r\n assessmentId: assessment?.id,\r\n assessmentName: assessment?.name,\r\n areasToImprove: assessment?.areasToImprove\r\n }));\r\n setActionPlanData(assessmentData);\r\n\r\n setIsLoading(false);\r\n },\r\n (error) => {\r\n console.error(\"Error fetching Action Plan data:\", error);\r\n setIsLoading(false);\r\n }\r\n );\r\n }\r\n } else if (kind === \"action-plan\" && isConsultant) {\r\n const currentWorkspaceId = SessionService.getItem(\"workspaceID\");\r\n if (currentWorkspaceId) {\r\n httpService.get(\r\n `/ActionPlans/${currentWorkspaceId}/expert/assessments`,\r\n (res) => {\r\n setActionPlanData(res.data);\r\n setIsLoading(false);\r\n },\r\n (error) => {\r\n console.error(\"Error fetching Action Plan data:\", error);\r\n setIsLoading(false);\r\n }\r\n );\r\n }\r\n } else if (kind === \"action-plan\" && isSuperAdmin && !isViewActionPlan) {\r\n const currentWorkspaceId = SessionService.getItem(\"workspaceID\");\r\n if (currentWorkspaceId) {\r\n httpService.get(\r\n `ActionPlans/resources/assessments?workspaceId=${currentWorkspaceId}`,\r\n (res) => {\r\n setAdminActionPlanData(res.data);\r\n setIsLoading(false);\r\n },\r\n (error) => {\r\n console.error(\"Error fetching Action Plan data:\", error);\r\n setIsLoading(false);\r\n }\r\n );\r\n }\r\n } else if (kind === \"action-plan\" && AuthService.isAuthorized([UserRolesEnum.Manager])) {\r\n const currentWorkspaceId = SessionService.getItem(\"workspaceID\");\r\n const assessmentId = localStorage.getItem(\"selectedAssessmentId\");\r\n if (currentWorkspaceId) {\r\n httpService.get(\r\n `/ActionPlans/ngo/assessment/${assessmentId}/ranges?workspaceId=${currentWorkspaceId}`,\r\n (res) => {\r\n setActionPlanData(res.data);\r\n setIsLoading(false);\r\n },\r\n (error) => {\r\n console.error(\"Error fetching Action Plan data for Manager:\", error);\r\n setIsLoading(false);\r\n }\r\n );\r\n }\r\n } else if (kind === \"organization-list\") {\r\n const cb = () => {\r\n setOrgFilteredData();\r\n setIsLoading(false);\r\n };\r\n dispatch(fetchOrganizationList(cb()));\r\n } else if (kind === \"guided-assessment-list\") {\r\n if (currentWorkspaceId) {\r\n httpService.post(\r\n `assesment/guided/getall/${currentWorkspaceId}`,\r\n {},\r\n (res) => {\r\n menuList = res.data.forEach((assesment) => {\r\n if (assesment.surveys.length > 0) {\r\n const assmnt = {\r\n id: assesment.id,\r\n type: \"divider\",\r\n icon: \"pie-chart\",\r\n url: null,\r\n title: assesment.name,\r\n consultant: assesment.consultantName,\r\n role: [\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Staff,\r\n UserRolesEnum.Donor\r\n ]\r\n };\r\n const surveys = assesment.surveys.map((survey) => {\r\n return {\r\n id: survey.id,\r\n type: \"item\",\r\n icon: \"pie-chart\",\r\n title: survey.name,\r\n progress: survey.progress,\r\n url: `/guided-assessment/survey/${survey.id}`,\r\n role: [\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Staff,\r\n UserRolesEnum.Donor\r\n ]\r\n };\r\n });\r\n\r\n menuList.push(assmnt);\r\n surveys.forEach((survey) => {\r\n menuList.push(survey);\r\n });\r\n }\r\n setAssesmentList(menuList);\r\n });\r\n setIsLoading(false);\r\n setShowRequestModal(true);\r\n },\r\n () => {\r\n setShowRequestModal(true);\r\n }\r\n );\r\n }\r\n } else if (kind === \"results\") {\r\n if (currentWorkspaceId) {\r\n const isManager = AuthService.isAuthorized([UserRolesEnum.Manager]);\r\n\r\n const isNgo = AuthService.isAuthorized([UserRolesEnum.NationalOrganization]);\r\n\r\n const endpoint = isManager\r\n ? `/Results/${currentWorkspaceId}/manager/assessments`\r\n : isNgo && `/Results/${currentWorkspaceId}/ngo/assessments`;\r\n if (endpoint) {\r\n httpService.get(\r\n endpoint,\r\n (res) => {\r\n setResultList(res?.data);\r\n setIsLoading(false);\r\n },\r\n (error) => {\r\n console.error(\"Error fetching results:\", error);\r\n }\r\n );\r\n }\r\n }\r\n }\r\n // else if (kind === \"guided-assessment\") {\r\n // setTypeAssessment(\"guided-assessment\");\r\n // if (currentWorkspaceId && organizationId) {\r\n // httpService.get(\r\n // `/Workspaces/${currentWorkspaceId}/guided-assessments?organizationId=${organizationId}`,\r\n // (res) => {\r\n // setAssesmentList(res.data);\r\n // setIsLoading(false);\r\n // },\r\n // () => {\r\n // // setShowRequestModal(true);\r\n // }\r\n // );\r\n // }\r\n // } else if (kind === \"self-assessment\") {\r\n // setTypeAssessment(\"self-assessment\");\r\n // if (AuthService.isAuthorized([UserRolesEnum.Manager])) {\r\n // if (currentWorkspaceId) {\r\n // httpService.get(\r\n // `/Assesments/assign-manager?WorkspaceId=${currentWorkspaceId}`,\r\n // (res) => {\r\n // setAssesmentList(res.data);\r\n // setIsLoading(false);\r\n // },\r\n // () => {}\r\n // );\r\n // }\r\n // } else {\r\n // if (currentWorkspaceId && organizationId) {\r\n // httpService.get(\r\n // `/Workspaces/${currentWorkspaceId}/self-assessments?organizationId=${organizationId}`,\r\n // (res) => {\r\n // setAssesmentList(res.data);\r\n // setIsLoading(false);\r\n // },\r\n // () => {}\r\n // );\r\n // }\r\n // }\r\n // }\r\n }\r\n\r\n // return () => {\r\n // dispatch(setOrganizationList([]));\r\n // };=\r\n }, [api, kind]);\r\n\r\n const fetchAssessmentData = useCallback(() => {\r\n let currentWorkspaceId = SessionService.getItem(\"workspaceID\");\r\n if (!currentWorkspaceId) return;\r\n\r\n setIsLoading(true);\r\n let endpoint;\r\n\r\n if (kind === \"guided-assessment\") {\r\n setTypeAssessment(\"guided-assessment\");\r\n endpoint = `/Workspaces/${currentWorkspaceId}/guided-assessments?organizationId=${organizationId}`;\r\n } else if (kind === \"self-assessment\") {\r\n setTypeAssessment(\"self-assessment\");\r\n if (isManager) {\r\n endpoint = `/Assesments/assign-manager?WorkspaceId=${currentWorkspaceId}`;\r\n } else {\r\n endpoint = `/Workspaces/${currentWorkspaceId}/self-assessments?organizationId=${organizationId}`;\r\n }\r\n }\r\n\r\n if (endpoint) {\r\n httpService.get(\r\n endpoint,\r\n (res) => {\r\n setAssesmentList(res.data);\r\n setIsLoading(false);\r\n },\r\n () => setIsLoading(false)\r\n );\r\n }\r\n }, [kind, organizationId, isManager]);\r\n\r\n useEffect(() => {\r\n if (api) {\r\n fetchAssessmentData();\r\n }\r\n }, [api, kind]);\r\n\r\n useEffect(() => {\r\n if (isSetRequest) {\r\n let currentWorkspaceId = SessionService.getItem(\"workspaceID\");\r\n if (organizationId && currentWorkspaceId) {\r\n setTypeAssessment(\"guided-assessment\");\r\n httpService.get(\r\n `/Workspaces/${currentWorkspaceId}/guided-assessments?organizationId=${organizationId}`,\r\n (res) => {\r\n setAssesmentList(res.data);\r\n setIsLoading(false);\r\n }\r\n );\r\n setRequest(false);\r\n }\r\n }\r\n }, [isSetRequest]);\r\n\r\n // useEffect(() => {\r\n // let currentWorkspaceId = SessionService.getItem(\"workspaceID\");\r\n // if (kind === \"guided-assessment\") {\r\n // setTypeAssessment(\"guided-assessment\");\r\n // if (organizationId && currentWorkspaceId) {\r\n // httpService.get(\r\n // `/Workspaces/${currentWorkspaceId}/guided-assessments?organizationId=${organizationId}`,\r\n // (res) => {\r\n // setAssesmentList(res.data);\r\n // setIsLoading(false);\r\n // },\r\n // () => {\r\n // // setShowRequestModal(true);\r\n // }\r\n // );\r\n // }\r\n // } else if (kind === \"self-assessment\") {\r\n // setTypeAssessment(\"self-assessment\");\r\n // if (AuthService.isAuthorized([UserRolesEnum.Manager])) {\r\n // if (currentWorkspaceId) {\r\n // httpService.get(\r\n // `/Assesments/assign-manager?WorkspaceId=${currentWorkspaceId}`,\r\n // (res) => {\r\n // setAssesmentList(res.data);\r\n // setIsLoading(false);\r\n // },\r\n // () => {}\r\n // );\r\n // }\r\n // } else {\r\n // if (currentWorkspaceId && organizationId) {\r\n // httpService.get(\r\n // `/Workspaces/${currentWorkspaceId}/self-assessments?organizationId=${organizationId}`,\r\n // (res) => {\r\n // setAssesmentList(res.data);\r\n // setIsLoading(false);\r\n // },\r\n // () => {}\r\n // );\r\n // }\r\n // }\r\n // }\r\n // }, [isSurveyInWorkspace, api, kind]);\r\n\r\n useEffect(() => {\r\n setOrgFilteredData(organizationList);\r\n }, [organizationList]);\r\n\r\n return (\r\n <>\r\n {/* Request modal for guided assessments */}\r\n Assessments
\r\n \r\n
\r\n \r\n {isSuperAdmin\r\n ? \"You need to assign the necessary resources for each survey in an assessment you created. This helps all organizations taking those assessments to improve their weaker areas.\"\r\n : \"Here you will find an action plan based on your results in each assessment.\"}\r\n
\r\n \r\n {isSuperAdmin\r\n ? \"Select one assessment to see its resources in detail:\"\r\n : \"Select one to see the plan in detail.\"}\r\n
\r\n \r\n setSearchQuery(e.target.value)}\r\n prefix={
\r\n \r\n {filteredData.length > 0 ? (\r\n handleAssessmentChange(e.target.value)}\r\n className=\"custom-radio-group\"\r\n >\r\n {filteredData.map((item) => (\r\n clickedCard(item?.id)}\r\n >\r\n
\r\n ))}\r\n \r\n ) : (\r\n \r\n
\r\n {item?.name}
\r\n\r\n
\r\n Number of Resources:
\r\n {item.numberOfResources}\r\n\r\n This screen allows you to evaluate yourself based on the questionnaires you have\r\n solved\r\n
\r\n )}\r\n\r\n {kind === \"organization-list\" && orgFilteredData?.length < 1 && !isLoading ? (\r\n\r\n
\r\n ) : null}\r\n\r\n {/* begin::Menu Nav */}\r\n - \r\n {/* module pages - static menus submenus */}\r\n {isLoading &&
- \r\n
{menuItem.title}
\r\n \r\n \r\n ) : (\r\n
\r\n \r\n
\r\n ) : null;\r\n })\r\n : null}\r\n \r\n ))\r\n );\r\n })}\r\n {/* If page is results */}\r\n {api !== null && kind === \"results\" && !isLoading\r\n ? !AuthService.isAuthorized([\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Donor,\r\n UserRolesEnum.Consultant\r\n ]) && - \r\n
\r\n \r\n \r\n {firstChild.title}\r\n \r\n
\r\n {firstChild.children?.length > 0 ? (\r\n \r\n ) : null}\r\n \r\n\r\n {/* second level child */}\r\n {firstChild.children?.length > 0 ? (\r\n \r\n \r\n
\r\n ) : null}\r\n \r\n {/*end::2 Level*/}\r\n - \r\n {/*begin::3 Level*/}\r\n {firstChild.children.map((secondChild) => {\r\n return AuthService.isAuthorized(\r\n secondChild.role\r\n ) ? (\r\n
\r\n
\r\n \r\n );\r\n}\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport objectPath from \"object-path\";\r\nimport React, { useEffect, useMemo, useState, useRef } from \"react\";\r\nimport { OverlayTrigger, Tooltip } from \"react-bootstrap\";\r\nimport SVG from \"react-inlinesvg\";\r\nimport { NavLink } from \"react-router-dom\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport AuthService from \"../../../../app/base/services/authentication.service\";\r\nimport { toAbsoluteUrl } from \"../../../_helpers\";\r\nimport { isDarkMode, toggleDarkMode } from \"../../../_helpers/DarkModeHelper\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\nimport { Brand } from \"../brand/Brand\";\r\nimport { LanguageSelectorDropdown } from \"../extras/dropdowns/LanguageSelectorDropdown\";\r\nimport { AsideMenu } from \"./aside-menu/AsideMenu\";\r\nimport { UserRolesEnum } from \"../../../../app/pages/auth/userRoles.enum\";\r\n\r\nimport { mainMenu } from \"../../../../app/MainMenu\";\r\n\r\nexport function Aside() {\r\n const location = useLocation();\r\n const currentPathID = location.pathname.split(\"/\").slice(1)[0];\r\n const navigate = useNavigate();\r\n const isOrganizationManagement = location.pathname.includes(\"organization-management\");\r\n const isGuidedConsultant =\r\n location.pathname.includes(\"guided-assessment\") &&\r\n AuthService.isAuthorized([UserRolesEnum.Consultant]);\r\n const isStaff = AuthService.isAuthorized([UserRolesEnum.Staff]);\r\n const isManagerActionPlanView =\r\n location.pathname.includes(\"workspace/survey-request/\") &&\r\n AuthService.isAuthorized([UserRolesEnum.Manager]);\r\n const isHelpDesk =\r\n location.pathname.includes(\"help-desk/list\") ||\r\n location.pathname.includes(\"help-desk/details\");\r\n const isActionPlanOfSurvey =\r\n location.pathname.includes(\"/workspace/results/action-plan/survey-results\") &&\r\n AuthService.isAuthorized([UserRolesEnum.NationalOrganization, UserRolesEnum.Manager]);\r\n\r\n const menuItemRef = useRef(null);\r\n const user = AuthService.getUser();\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n asideClassesFromConfig: uiService.getClasses(\"aside\", true),\r\n asideSecondaryDisplay: objectPath.get(uiService.config, \"aside.secondary.display\"),\r\n asideSelfMinimizeToggle: objectPath.get(uiService.config, \"aside.self.minimize.toggle\"),\r\n extrasSearchDisplay: objectPath.get(uiService.config, \"extras.search.display\"),\r\n extrasNotificationsDisplay: objectPath.get(\r\n uiService.config,\r\n \"extras.notifications.display\"\r\n ),\r\n extrasQuickActionsDisplay: objectPath.get(\r\n uiService.config,\r\n \"extras.quick-actions.display\"\r\n ),\r\n extrasQuickPanelDisplay: objectPath.get(uiService.config, \"extras.quick-panel.display\"),\r\n extrasLanguagesDisplay: objectPath.get(uiService.config, \"extras.languages.display\"),\r\n extrasUserDisplay: objectPath.get(uiService.config, \"extras.user.display\")\r\n };\r\n }, [uiService]);\r\n\r\n const [activeTab, setActiveTab] = useState(() => {\r\n return currentPathID;\r\n });\r\n\r\n const [isDarkModeOn, setisDarkModeOn] = useState(isDarkMode());\r\n\r\n useEffect(() => {\r\n setActiveTab(currentPathID);\r\n }, [currentPathID]);\r\n\r\n const handleTabChange = (id) => {\r\n let newId = id;\r\n setActiveTab(newId);\r\n };\r\n\r\n const logout = () => {\r\n AuthService.logout();\r\n navigate(\"/auth/login\");\r\n };\r\n\r\n // const helpDesk = () => {\r\n // const organizationId = AuthService.getUser()?.organizationId;\r\n // if(user)\r\n // // document.body.classList.add(\"aside-minimize\");\r\n // navigate(`/help-desk/list?organizationId=${organizationId}`);\r\n // };\r\n\r\n const helpDesk = () => {\r\n if (user.roles[0].name === \"SuperAdmin\") {\r\n navigate(`/admin/help-desk/list`);\r\n } else {\r\n navigate(`/workspace/help-desk/list`);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (location?.pathname?.includes(\"/assessment/self-assessment/\")) {\r\n setActiveTab(\"self-assessments\");\r\n } else if (location?.pathname?.includes(\"/assessment/guided-assessment/\")) {\r\n setActiveTab(\"guided-assessment\");\r\n } else if (location?.pathname?.includes(\"/results/results\")) {\r\n setActiveTab(\"results\");\r\n } else if (location?.pathname?.includes(\"/workspace/results/action-plan\")) {\r\n setActiveTab(\"action-plan\");\r\n } else if (location?.pathname?.includes(\"/help-desk/list\")) {\r\n setActiveTab(\"help-desk\");\r\n }\r\n }, [activeTab]);\r\n\r\n return (\r\n <>\r\n {/* begin::Aside */}\r\n \r\n {/* begin::Menu Container */}\r\n \r\n {mainMenu?.layout?.map((item, i) => {\r\n return (\r\n
\r\n {/* end::Menu Container */}\r\n \r\n {item?.children\r\n ?.filter((x) => x.id === activeMenu)\r\n .map((menuItem) => {\r\n return (\r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n\r\n {layoutProps.asideSecondaryDisplay && (\r\n <>\r\n {/* begin::Secondary */}\r\n {isGuidedConsultant || isStaff || isManagerActionPlanView ? (\r\n <> \r\n ) : (\r\n \r\n
\r\n - \r\n {mainMenu.layout?.map((item, i) =>\r\n AuthService.isAuthorized(item?.role ? item.role : []) ? (\r\n
\r\n {AuthService.isAuthorized([UserRolesEnum.Manager]) ? (\r\n \"\"\r\n ) : (\r\n \r\n {child.url ? (\r\n \r\n // location.pathname === this.props.pathname\r\n // }\r\n className={`nav-link ${\r\n location.pathname.includes(child.url)\r\n ? \"active\"\r\n : \"\"\r\n }`}\r\n onClick={(e) =>\r\n location.pathname.includes(child.url)\r\n ? e.preventDefault()\r\n : handleTabChange(child.id)\r\n }\r\n >\r\n \r\n handleTabChange(child.id)}\r\n >\r\n
\r\n ) : (\r\n {item.title}
\r\n )}\r\n\r\n {item.children.map((child) =>\r\n AuthService.isAuthorized(child?.role ? child.role : []) ? (\r\n child.type !== \"banner\" ? (\r\n\r\n
\r\n\r\n {AuthService.isAuthorized([\r\n UserRolesEnum.Consultant,\r\n UserRolesEnum.Staff\r\n ]) ? (\r\n <>\r\n ) : AuthService.isAuthorized([\r\n UserRolesEnum?.Manager\r\n ]) &&\r\n location.pathname.includes(\"/survey-request/\") ? (\r\n <>\r\n ) : (\r\n \r\n {child.title}\r\n
\r\n \r\n \r\n )\r\n ) : (\r\n <>\r\n )\r\n )}\r\n \r\n {/* begin::Search */}\r\n {layoutProps.extrasSearchDisplay && (\r\n Quick Search}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {/* end::Search */}\r\n\r\n {/* begin::Notifications */}\r\n {layoutProps.extrasNotificationsDisplay && (\r\n Notifications}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {/* end::Notifications */}\r\n {/* Help Desk */}\r\n {AuthService.isAuthorized([UserRolesEnum.NationalOrganization]) ||\r\n AuthService.isAuthorized([UserRolesEnum.InternationalOrganization]) ? (\r\n \r\n {\r\n setActiveTab(\"help-desk\");\r\n helpDesk();\r\n }}\r\n >\r\n
\r\n ) : null}\r\n {layoutProps.extrasLanguagesDisplay && \r\n
\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n )}\r\n \r\n {/* end::Aside */}\r\n \r\n );\r\n}\r\n","export function toggleDarkMode() {\r\n let theme = window.localStorage.getItem(\"theme\");\r\n\r\n if (theme === \"dark\") {\r\n window.localStorage.setItem(\"theme\", \"light\");\r\n document.body.classList.remove(\"dark-mode\");\r\n } else {\r\n window.localStorage.setItem(\"theme\", \"dark\");\r\n document.body.classList.add(\"dark-mode\");\r\n }\r\n}\r\n\r\nexport function isDarkMode() {\r\n let theme = window.localStorage.getItem(\"theme\");\r\n if (theme === \"dark\") {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\n\r\nexport function Footer() {\r\n const today = new Date().getFullYear();\r\n const uiService = useHtmlClassService();\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n footerLayout: objectPath.get(uiService.config, \"footer.layout\"),\r\n footerClasses: uiService.getClasses(\"footer\", true),\r\n footerContainerClasses: uiService.getClasses(\"footer_container\", true)\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/* begin::Footer */}\r\n {/* doc: add \"bg-white\" class to have footer with solod background color */}\r\n \r\n
\r\n \r\n {today} ©\r\n {` `}\r\n \r\n KAPorg\r\n \r\n
\r\n {/* end::Copyright */}\r\n {` `}\r\n {/* begin::Nav */}\r\n {/* \r\n \r\n About\r\n \r\n \r\n Team\r\n \r\n \r\n Contact\r\n \r\n
*/}\r\n {/* end::Nav */}\r\n \r\n {/* end::Container */}\r\n \r\n {/* end::Footer */}\r\n \r\n );\r\n}\r\n","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutAside = function() {\r\n // Private properties\r\n var _body;\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\tvar offcanvasClass = KTUtil.hasClass(_element, 'aside-offcanvas-default') ? 'aside-offcanvas-default' : 'aside';\r\n\r\n // Initialize mobile aside offcanvas\r\n\t\t_offcanvasObject = new KTOffcanvas(_element, {\r\n\t\t\tbaseClass: offcanvasClass,\r\n\t\t\toverlay: true,\r\n\t\t\tcloseBy: 'kt_aside_close_btn',\r\n\t\t\ttoggleBy: {\r\n\t\t\t\ttarget: 'kt_aside_mobile_toggle',\r\n\t\t\t\tstate: 'mobile-toggle-active'\r\n\t\t\t}\r\n\t\t});\r\n\t}\r\n\r\n var _initNav = function() {\r\n var asideNav = KTUtil.find(_element, '.aside-primary .aside-nav');\r\n\r\n if (!asideNav) {\r\n return;\r\n }\r\n\r\n KTUtil.scrollInit(asideNav, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n var asideBrand = KTUtil.find(_element, '.aside-primary .aside-brand');\r\n var asideFooter = KTUtil.find(_element, '.aside-primary .aside-footer');\r\n\r\n height = height - (parseInt(KTUtil.css(asideBrand, 'height')));\r\n height = height - (parseInt(KTUtil.css(asideBrand, 'marginBottom')) + parseInt(KTUtil.css(asideBrand, 'marginTop')));\r\n\r\n height = height - (parseInt(KTUtil.css(asideFooter, 'height')));\r\n height = height - (parseInt(KTUtil.css(asideFooter, 'marginBottom')) + parseInt(KTUtil.css(asideFooter, 'marginTop')));\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n var _initWorkspace = function() {\r\n var asideTabs = KTUtil.find(_element, '.aside-primary .aside-nav .nav');\r\n var asideWorkspace = KTUtil.find(_element, '.aside-secondary .aside-workspace');\r\n\r\n if (!asideWorkspace) {\r\n return;\r\n }\r\n\r\n KTUtil.scrollInit(asideWorkspace, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n var asideSecondary = KTUtil.find(_element, '.aside-secondary');\r\n\r\n height = height - (parseInt(KTUtil.css(asideWorkspace, 'marginBottom')) + parseInt(KTUtil.css(asideWorkspace, 'marginTop')));\r\n height = height - (parseInt(KTUtil.css(asideSecondary, 'paddingBottom')) + parseInt(KTUtil.css(asideSecondary, 'paddingTop')));\r\n\r\n return height;\r\n }\r\n });\r\n\r\n if (asideTabs) {\r\n $(asideTabs).find('a[data-toggle=\"tab\"]').on('shown.bs.tab', function (e) {\r\n KTUtil.scrollUpdate(asideWorkspace);\r\n });\r\n }\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n _body = KTUtil.getBody();\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n _initNav();\r\n _initWorkspace();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getOffcanvas: function() {\r\n return _offcanvasObject;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAside;\r\n}\r\n\r\nexport default KTLayoutAside;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTMenu from \"./../../components/menu.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutAside from \"./aside.js\";\r\n\r\nvar KTLayoutAsideMenu = (function() {\r\n // Private properties\r\n var _element;\r\n var _menuObject;\r\n\r\n // Initialize\r\n var _init = function() {\r\n _menuObject = new KTMenu(_element, {\r\n // Submenu setup\r\n submenu: {\r\n desktop: \"accordion\",\r\n tablet: \"accordion\", // menu set to accordion in tablet mode\r\n mobile: \"accordion\" // menu set to accordion in mobile mode\r\n },\r\n\r\n // Accordion setup\r\n accordion: {\r\n expandAll: false // allow having multiple expanded accordions in the menu\r\n }\r\n });\r\n\r\n // Close aside offcanvas panel before page reload On tablet and mobile\r\n _menuObject.on(\"linkClick\", function(menu) {\r\n if (KTUtil.isBreakpointDown(\"lg\")) {\r\n // Tablet and mobile mode\r\n KTLayoutAside.getOffcanvas().hide(); // Hide offcanvas after general link click\r\n }\r\n });\r\n };\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize menu\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getMenu: function() {\r\n return _menuObject;\r\n },\r\n\r\n pauseDropdownHover: function(time) {\r\n if (_menuObject) {\r\n _menuObject.pauseDropdownHover(time);\r\n }\r\n },\r\n\r\n closeMobileOffcanvas: function() {\r\n if (_menuObject && KTUtil.isMobileDevice()) {\r\n _menuObject.hide();\r\n }\r\n }\r\n };\r\n})();\r\n\r\n// Webpack support\r\nif (typeof module !== \"undefined\") {\r\n // module.exports = KTLayoutAsideMenu;\r\n}\r\n\r\nexport default KTLayoutAsideMenu;\r\n","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutSubheader = function() {\r\n // Private properties\r\n var _element;\r\n\r\n // Private functions\r\n var _getHeight = function() {\r\n var height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n return height;\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\t\t},\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'subheader-fixed');\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutSubheader;\r\n}\r\n\r\nexport default KTLayoutSubheader;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutFooter = function() {\r\n // Private properties\r\n var _element;\r\n\r\n\t// Private functions\r\n\tvar _getHeight = function() {\r\n\t\tvar height = 0;\r\n\r\n if (_element) {\r\n height = KTUtil.actualHeight(_element);\r\n }\r\n\r\n\t\treturn height;\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n\t\tgetHeight: function() {\r\n\t\t\treturn _getHeight();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutFooter;\r\n}\r\n\r\nexport default KTLayoutFooter;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutSubheader from \"./subheader.js\";\r\nimport KTLayoutFooter from \"./footer.js\";\r\n\r\nvar KTLayoutContent = function() {\r\n // Private properties\r\n var _element;\r\n\r\n\t// Private functions\r\n\tvar _getHeight = function() {\r\n\t\tvar height;\r\n\r\n\t\theight = KTUtil.getViewPort().height;\r\n\r\n if (_element) {\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n }\r\n\r\n height = height - KTLayoutSubheader.getHeight();\r\n height = height - KTLayoutFooter.getHeight();\r\n\r\n\t\treturn height;\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n\t\tgetHeight: function() {\r\n\t\t\treturn _getHeight();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutContent;\r\n}\r\n\r\nexport default KTLayoutContent;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTScrolltop from \"./../../components/scrolltop.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutScrolltop = function() {\r\n // Private properties\r\n var _element;\r\n var _object;\r\n\r\n // Private functions\r\n var _init = function() {\r\n _object = new KTScrolltop(_element, {\r\n offset: 300,\r\n speed: 600,\r\n });\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutScrolltop;\r\n}\r\n\r\nexport default KTLayoutScrolltop;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTCard from \"./../../components/card.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutSubheader from \"./subheader.js\";\r\n\r\nvar KTLayoutStickyCard = function() {\r\n // Private properties\r\n\tvar _element;\r\n var _object;\r\n\r\n\t// Private functions\r\n\tvar _init = function() {\r\n\t\tvar offset = 300;\r\n\r\n\t\tif (typeof KTLayoutHeader !== 'undefined') {\r\n\t\t\toffset = KTLayoutHeader.getHeight();\r\n\t\t}\r\n\r\n _object = new KTCard(_element, {\r\n\t\t\tsticky: {\r\n\t\t\t\toffset: offset,\r\n\t\t\t\tzIndex: 90,\r\n\t\t\t\tposition: {\r\n\t\t\t\t\ttop: function() {\r\n\t\t\t\t\t\tvar pos = 0;\r\n var body = KTUtil.getBody();\r\n\r\n\t\t\t\t\t\tif (KTUtil.isBreakpointUp('lg')) {\r\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixed()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeight();\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tif (typeof KTLayoutSubheader !== 'undefined' && KTLayoutSubheader.isFixed()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutSubheader.getHeight();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tif (typeof KTLayoutHeader !== 'undefined' && KTLayoutHeader.isFixedForMobile()) {\r\n\t\t\t\t\t\t\t\tpos = pos + KTLayoutHeader.getHeightForMobile();\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\tpos = pos - 1; // remove header border width\r\n\r\n\t\t\t\t\t\treturn pos;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tleft: function(card) {\r\n\t\t\t\t\t\treturn KTUtil.offset(_element).left;\r\n\t\t\t\t\t},\r\n\t\t\t\t\tright: function(card) {\r\n\t\t\t\t\t\tvar body = KTUtil.getBody();\r\n\r\n\t\t\t\t\t\tvar cardWidth = parseInt(KTUtil.css(_element, 'width'));\r\n\t\t\t\t\t\tvar bodyWidth = parseInt(KTUtil.css(body, 'width'));\r\n\t\t\t\t\t\tvar cardOffsetLeft = KTUtil.offset(_element).left;\r\n\r\n\t\t\t\t\t\treturn bodyWidth - cardWidth - cardOffsetLeft;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\t_object.initSticky();\r\n\r\n\t\tKTUtil.addResizeHandler(function() {\r\n\t\t\t_object.updateSticky();\r\n\t\t});\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n\t\t\t_init();\r\n\t\t},\r\n\r\n\t\tupdate: function() {\r\n\t\t\tif (_object) {\r\n\t\t\t\t_object.updateSticky();\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutStickyCard;\r\n}\r\n\r\nexport default KTLayoutStickyCard;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTLayoutContent from \"./content.js\";\r\n\r\nvar KTLayoutStretchedCard = function() {\r\n // Private properties\r\n\tvar _element;\r\n\r\n\t// Private functions\r\n\tvar _init = function() {\r\n\t\tvar scroll = KTUtil.find(_element, '.card-scroll');\r\n\t\tvar cardBody = KTUtil.find(_element, '.card-body');\r\n\t\tvar cardHeader = KTUtil.find(_element, '.card-header');\r\n\r\n\t\tvar height = KTLayoutContent.getHeight();\r\n\r\n\t\theight = height - parseInt(KTUtil.actualHeight(cardHeader));\r\n\r\n\t\theight = height - parseInt(KTUtil.css(_element, 'marginTop')) - parseInt(KTUtil.css(_element, 'marginBottom'));\r\n\t\theight = height - parseInt(KTUtil.css(_element, 'paddingTop')) - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'paddingTop')) - parseInt(KTUtil.css(cardBody, 'paddingBottom'));\r\n\t\theight = height - parseInt(KTUtil.css(cardBody, 'marginTop')) - parseInt(KTUtil.css(cardBody, 'marginBottom'));\r\n\r\n\t\theight = height - 3;\r\n\r\n\t\tKTUtil.css(scroll, 'height', height + 'px');\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n\t\t\t_init();\r\n\r\n // Re-calculate on window resize\r\n KTUtil.addResizeHandler(function() {\r\n\t\t\t\t_init();\r\n\t\t\t});\r\n\t\t},\r\n\r\n\t\tupdate: function() {\r\n\t\t\t_init();\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutStretchedCard;\r\n}\r\n\r\nexport default KTLayoutStretchedCard;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickPanel = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n var _notificationsElement;\r\n var _logsElement;\r\n var _settingsElement;\r\n\r\n // Private functions\r\n var _getContentHeight = function() {\r\n var height;\r\n\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n\r\n var _init = function() {\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_panel_close',\r\n toggleBy: 'kt_quick_panel_toggle'\r\n });\r\n }\r\n\r\n var _initNotifications = function() {\r\n KTUtil.scrollInit(_notificationsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _initLogs = function() {\r\n KTUtil.scrollInit(_logsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _initSettings = function() {\r\n KTUtil.scrollInit(_settingsElement, {\r\n mobileNativeScroll: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n return _getContentHeight();\r\n }\r\n });\r\n }\r\n\r\n var _updateScrollbars = function() {\r\n $(_element).find('a[data-toggle=\"tab\"]').on('shown.bs.tab', function (e) {\r\n KTUtil.scrollUpdate(_notificationsElement);\r\n KTUtil.scrollUpdate(_logsElement);\r\n KTUtil.scrollUpdate(_settingsElement);\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n _notificationsElement = KTUtil.getById('kt_quick_panel_notifications');\r\n _logsElement = KTUtil.getById('kt_quick_panel_logs');\r\n _settingsElement = KTUtil.getById('kt_quick_panel_settings');\r\n\r\n _init();\r\n _initNotifications();\r\n _initLogs();\r\n _initSettings();\r\n\r\n \r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickPanel;\r\n}\r\n\r\nexport default KTLayoutQuickPanel;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickUser = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_user_close',\r\n toggleBy: 'kt_quick_user_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(content, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickUser;\r\n}\r\n\r\nexport default KTLayoutQuickUser;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutHeaderMobile = function() {\r\n // Private properties\r\n var _element;\r\n var _object;\r\n\r\n // Get height\r\n var _getHeight = function() {\r\n var height;\r\n\r\n height = KTUtil.actualHeight(_element);\r\n\r\n return height;\r\n }\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n\t\t},\r\n\r\n isFixed: function() {\r\n return KTUtil.hasClass(KTUtil.getBody(), 'header-mobile-fixed')\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getHeader: function() {\r\n return _object;\r\n },\r\n\r\n getHeight: function() {\r\n return _getHeight();\r\n }\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutHeaderMobile;\r\n}\r\n\r\nexport default KTLayoutHeaderMobile;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport KTToggle from \"./../../components/toggle.js\";\r\nimport KTLayoutStickyCard from \"./sticky-card.js\";\r\nimport KTLayoutAsideMenu from \"./aside-menu.js\";\r\nimport { KTCookie } from \"./../../components/cookie.js\";\r\nimport { KTUtil } from \"./../../components/util.js\";\r\n\r\nvar KTLayoutAsideToggle = function() {\r\n // Private properties\r\n var _body;\r\n var _element;\r\n var _toggleObject;\r\n\r\n\t// Initialize\r\n\tvar _init = function() {\r\n\t\t_toggleObject = new KTToggle(_element, _body, {\r\n\t\t\ttargetState: 'aside-minimize',\r\n\t\t\ttoggleState: 'aside-toggle-active'\r\n\t\t});\r\n\r\n\t\t_toggleObject.on('toggle', function(toggle) {\r\n // Update sticky card\r\n if (typeof KTLayoutStickyCard !== 'undefined') {\r\n setTimeout(function() {\r\n KTLayoutStickyCard.update();\r\n }, 500);\r\n }\r\n\r\n // Pause header menu dropdowns\r\n if (typeof KTLayoutHeaderMenu !== 'undefined') {\r\n KTLayoutHeaderMenu.pauseDropdownHover(800);\r\n }\r\n\r\n // Pause aside menu dropdowns\r\n if (typeof KTLayoutAsideMenu !== 'undefined') {\r\n KTLayoutAsideMenu.pauseDropdownHover(800);\r\n }\r\n\r\n // Remember state in cookie\r\n\t\t\tKTCookie.setCookie('kt_aside_toggle_state', toggle.getState());\r\n\t\t\t// to set default minimized left aside use this cookie value in your\r\n\t\t\t// server side code and add \"kt-primary--minimize aside-minimize\" classes to\r\n\t\t\t// the body tag in order to initialize the minimized left aside mode during page loading.\r\n\t\t});\r\n\r\n\t\t_toggleObject.on('beforeToggle', function(toggle) {\r\n\t\t\t//if (KTUtil.hasClass(_body, 'aside-minimize') === false && KTUtil.hasClass(_body, 'aside-minimize-hover')) {\r\n\t\t\t//\tKTUtil.removeClass(_body, 'aside-minimize-hover');\r\n\t\t\t//}\r\n\t\t});\r\n\t}\r\n\r\n // Public methods\r\n\treturn {\r\n\t\tinit: function(id) {\r\n _element = KTUtil.getById(id);\r\n _body = KTUtil.getBody();\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n\t\t},\r\n\r\n getElement: function() {\r\n return _element;\r\n },\r\n\r\n getToggle: function() {\r\n\t\t\treturn _toggleObject;\r\n\t\t},\r\n\r\n\t\tonToggle: function(handler) {\r\n\t\t\tif (typeof _toggleObject.element !== 'undefined') {\r\n\t\t\t\t_toggleObject.on('toggle', handler);\r\n\t\t\t}\r\n\t\t}\r\n\t};\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutAsideToggle;\r\n}\r\n\r\nexport default KTLayoutAsideToggle;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickSearch = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n var form = KTUtil.find(_element, '.quick-search-form');\r\n var results = KTUtil.find(_element, '.quick-search-wrapper');\r\n\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_search_close',\r\n toggleBy: 'kt_quick_search_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(results, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n if (results) {\r\n height = height - parseInt(KTUtil.actualHeight(form));\r\n height = height - parseInt(KTUtil.css(form, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(form, 'marginBottom'));\r\n\r\n height = height - parseInt(KTUtil.css(results, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(results, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickSearch;\r\n}\r\n\r\nexport default KTLayoutQuickSearch;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickNotifications = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_notifications_close',\r\n toggleBy: 'kt_quick_notifications_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(content, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickNotifications;\r\n}\r\n\r\nexport default KTLayoutQuickNotifications;","/* eslint-disable */\r\n\"use strict\";\r\n\r\nimport { KTUtil } from \"./../../components/util.js\";\r\nimport KTOffcanvas from \"./../../components/offcanvas.js\";\r\n\r\nvar KTLayoutQuickActions = function() {\r\n // Private properties\r\n var _element;\r\n var _offcanvasObject;\r\n\r\n // Private functions\r\n var _init = function() {\r\n var header = KTUtil.find(_element, '.offcanvas-header');\r\n var content = KTUtil.find(_element, '.offcanvas-content');\r\n\r\n _offcanvasObject = new KTOffcanvas(_element, {\r\n overlay: true,\r\n baseClass: 'offcanvas',\r\n placement: 'right',\r\n closeBy: 'kt_quick_actions_close',\r\n toggleBy: 'kt_quick_actions_toggle'\r\n });\r\n\r\n KTUtil.scrollInit(content, {\r\n disableForMobile: true,\r\n resetHeightOnDestroy: true,\r\n handleWindowResize: true,\r\n height: function() {\r\n var height = parseInt(KTUtil.getViewPort().height);\r\n\r\n if (header) {\r\n height = height - parseInt(KTUtil.actualHeight(header));\r\n height = height - parseInt(KTUtil.css(header, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(header, 'marginBottom'));\r\n }\r\n\r\n if (content) {\r\n height = height - parseInt(KTUtil.css(content, 'marginTop'));\r\n height = height - parseInt(KTUtil.css(content, 'marginBottom'));\r\n }\r\n\r\n height = height - parseInt(KTUtil.css(_element, 'paddingTop'));\r\n height = height - parseInt(KTUtil.css(_element, 'paddingBottom'));\r\n\r\n height = height - 2;\r\n\r\n return height;\r\n }\r\n });\r\n }\r\n\r\n // Public methods\r\n return {\r\n init: function(id) {\r\n _element = KTUtil.getById(id);\r\n\r\n if (!_element) {\r\n return;\r\n }\r\n\r\n // Initialize\r\n _init();\r\n },\r\n\r\n getElement: function() {\r\n return _element;\r\n }\r\n };\r\n}();\r\n\r\n// Webpack support\r\nif (typeof module !== 'undefined') {\r\n\t// module.exports = KTLayoutQuickActions;\r\n}\r\n\r\nexport default KTLayoutQuickActions;","import React, { useLayoutEffect } from \"react\";\r\nimport { KTUtil } from \"../../_assets/js/components/util\";\r\nimport KTLayoutAside from \"../../_assets/js/layout/base/aside\";\r\nimport KTLayoutAsideMenu from \"../../_assets/js/layout/base/aside-menu\";\r\nimport KTLayoutContent from \"../../_assets/js/layout/base/content\";\r\nimport KTLayoutFooter from \"../../_assets/js/layout/base/footer\";\r\nimport KTLayoutSubheader from \"../../_assets/js/layout/base/subheader\";\r\nimport KTLayoutScrolltop from \"../../_assets/js/layout/extended/scrolltop\";\r\nimport KTLayoutStickyCard from \"../../_assets/js/layout/base/sticky-card\";\r\nimport KTLayoutStretchedCard from \"../../_assets/js/layout/base/stretched-card\";\r\nimport KTLayoutQuickPanel from \"../../_assets/js/layout/extended/quick-panel\";\r\nimport KTLayoutQuickUser from \"../../_assets/js/layout/extended/quick-user\";\r\nimport KTLayoutHeaderMobile from \"../../_assets/js/layout/base/header-mobile\";\r\nimport KTLayoutAsideToggle from \"../../_assets/js/layout/base/aside-toggle\";\r\nimport KTLayoutQuickSearch from \"../../_assets/js/layout/extended/quick-search\";\r\nimport KTLayoutQuickNotifications from \"../../_assets/js/layout/extended/quick-notifications\";\r\nimport KTLayoutQuickActions from \"../../_assets/js/layout/extended/quick-actions\";\r\n\r\nexport function LayoutInit() {\r\n useLayoutEffect(() => {\r\n // Initialization\r\n KTUtil.ready(function() {\r\n ////////////////////////////////////////////////////\r\n // Layout Base Partials(mandatory for core layout)//\r\n ////////////////////////////////////////////////////\r\n\r\n // Init Mobile Header\r\n KTLayoutHeaderMobile.init(\"kt_header_mobile\");\r\n\r\n // Init Aside\r\n KTLayoutAside.init(\"kt_aside\");\r\n\r\n // Init Aside Toggle\r\n KTLayoutAsideToggle.init(\"kt_aside_toggle\");\r\n\r\n // Init Aside Menu\r\n KTLayoutAsideMenu.init(\"kt_aside_menu\");\r\n\r\n // Init Content\r\n KTLayoutContent.init(\"kt_content\");\r\n\r\n // Init Footer\r\n KTLayoutFooter.init(\"kt_footer\");\r\n\r\n //////////////////////////////////////////////\r\n // Layout Extended Partials(optional to use)//\r\n //////////////////////////////////////////////\r\n\r\n // Init subheader\r\n KTLayoutSubheader.init(\"kt_subheader\");\r\n\r\n // Init Scrolltop\r\n KTLayoutScrolltop.init(\"kt_scrolltop\");\r\n\r\n // Init Sticky Card\r\n KTLayoutStickyCard.init(\"kt_page_sticky_card\");\r\n\r\n // Init Stretched Card\r\n KTLayoutStretchedCard.init(\"kt_page_stretched_card\");\r\n\r\n // Init Quick Actions Offcanvas Panel\r\n KTLayoutQuickActions.init(\"kt_quick_actions\");\r\n\r\n // Init Quick Offcanvas Panel\r\n KTLayoutQuickPanel.init(\"kt_quick_panel\");\r\n\r\n // Init Quick User Panel\r\n KTLayoutQuickUser.init(\"kt_quick_user\");\r\n\r\n // Init Quick Search Panel\r\n KTLayoutQuickSearch.init(\"kt_quick_search\");\r\n\r\n // Init Quick Notifications Offcanvas Panel\r\n KTLayoutQuickNotifications.init(\"kt_quick_notifications\");\r\n\r\n const theme = window.localStorage.getItem(\"theme\");\r\n if (theme === \"dark\") {\r\n document.body.classList.add(\"dark-mode\");\r\n } else {\r\n document.body.classList.remove(\"dark-mode\");\r\n }\r\n\r\n if (document.getElementsByClassName(\"aside-admin\").length > 0) {\r\n document.body.classList.add(\"admin-layout\");\r\n } else {\r\n document.body.classList.remove(\"admin-layout\");\r\n }\r\n });\r\n }, []);\r\n return <>;\r\n}\r\n","import React, { createContext, useState, useContext } from \"react\";\r\n\r\nexport function getBreadcrumbsAndTitle(menuId, pathName) {\r\n const result = {\r\n breadcrumbs: [],\r\n title: \"\",\r\n };\r\n const menu = document.getElementById(menuId);\r\n if (!menu) {\r\n return result;\r\n }\r\n\r\n const activeLinksArray = Array.from(\r\n menu.getElementsByClassName(\"active\") || []\r\n );\r\n const activeLinks = activeLinksArray.filter((el) => el.tagName === \"A\");\r\n if (!activeLinks) {\r\n return result;\r\n }\r\n\r\n activeLinks.forEach((link) => {\r\n const titleSpans = link.getElementsByClassName(\"menu-text\");\r\n\r\n if (titleSpans) {\r\n const titleSpan = Array.from(titleSpans).find(\r\n (t) => t.innerHTML && t.innerHTML.trim().length > 0\r\n );\r\n if (titleSpan) {\r\n result.breadcrumbs.push({\r\n pathname: link.pathname.replace(process.env.PUBLIC_URL, \"\"),\r\n title: titleSpan.innerHTML,\r\n });\r\n }\r\n }\r\n });\r\n result.title = getTitle(result.breadcrumbs, pathName);\r\n return result;\r\n}\r\n\r\nexport function getTitle(breadCrumbs, pathname) {\r\n if (!breadCrumbs || !pathname) {\r\n return \"\";\r\n }\r\n\r\n const length = breadCrumbs.length;\r\n if (!length) {\r\n return \"\";\r\n }\r\n\r\n return breadCrumbs[length - 1].title;\r\n}\r\n\r\nconst SubheaderContext = createContext();\r\n\r\nexport function useSubheader() {\r\n return useContext(SubheaderContext);\r\n}\r\n\r\nexport const SubheaderConsumer = SubheaderContext.Consumer;\r\n\r\nexport function MetronicSubheaderProvider({ children }) {\r\n const [title, setTitle] = useState(\"\");\r\n const [breadcrumbs, setBreadcrumbs] = useState([]);\r\n const value = { title, setTitle, breadcrumbs, setBreadcrumbs };\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default NotificationCheckbox","export const UserNotificationsEnum = {\r\n NoRedirect: 0,\r\n\r\n // Admin notifications\r\n AdminRegistration: 1,\r\n AdminWorkspaceRequest: 2,\r\n AdminAssessmentRequest: 3,\r\n AdminExpertRequest: 4,\r\n AdminAddedTicket: 5,\r\n AdminAddedTicketMessage: 6,\r\n\r\n\r\n //Ngo notifications\r\n NgoApprovedWorkspace: 7,\r\n NgoRejectedWorkspace: 8,\r\n NgoApprovedAssessment: 9,\r\n NgoRejectedAssessment: 10,\r\n NgoCompletedAssessment: 11,\r\n NgoAddedTicketMessage: 12,\r\n\r\n\r\n //Manager notifications\r\n ManagerAddedAssignee: 13,\r\n ManagerRemovedAssignee: 14,\r\n ManagerRequestedSubmit: 15,\r\n\r\n\r\n //Staff notifications\r\n StaffAddedAssignee: 16,\r\n StaffRemovedAssignee: 17,\r\n StaffApprovedSubmitRequest: 18,\r\n StaffRejectedSubmitRequest: 19,\r\n\r\n\r\n //Expert notifications\r\n ExpertAssessmentRequest: 20\r\n};","import { create } from \"zustand\";\r\n\r\nexport const useNotificationStore = create((set) => ({\r\n notificationData: [],\r\n newNotification: false,\r\n \r\n setNotificationData: (item) => {\r\n set({\r\n notificationData: item\r\n })\r\n },\r\n\r\n setNewNotification: (item) => {\r\n set({\r\n newNotification: item\r\n })\r\n }\r\n}));","import React, { useEffect, useState } from \"react\";\r\nimport { EmptyBox } from \"../../../../../app/assets/icons\";\r\nimport { Checkbox, Spin } from \"antd\";\r\nimport { Popover } from \"@material-ui/core\";\r\nimport moment from \"moment-timezone\";\r\nimport NotificationCheckbox from \"./NotificationCheckbox\";\r\nimport InfiniteScroll from \"react-infinite-scroll-component\";\r\nimport { httpService } from \"../../../../../app/base/services/httpService.service\";\r\nimport { useNotificationRedirect } from \"../notificationContext/NotificationRedirect\";\r\nimport { useNotificationStore } from \"./useNotificationStore\";\r\n\r\nconst getTimeDifference = (createdAt) => {\r\n const currentTime = moment();\r\n const createdAtDate = moment.utc(createdAt).tz(moment.tz.guess());\r\n\r\n const duration = moment.duration(currentTime.diff(createdAtDate));\r\n\r\n const calculateTime = [\r\n { label: \"year\", value: duration.years() },\r\n { label: \"month\", value: duration.months() },\r\n { label: \"week\", value: Math.floor(duration.days() / 7) },\r\n { label: \"day\", value: duration.days() % 7 },\r\n { label: \"hour\", value: duration.hours() },\r\n { label: \"minute\", value: duration.minutes() }\r\n ];\r\n\r\n for (const unit of calculateTime) {\r\n if (unit?.value > 0) {\r\n return `${unit?.value} ${unit?.label}${unit?.value > 1 ? \"s\" : \"\"} ago`;\r\n }\r\n }\r\n\r\n return \"just now\";\r\n};\r\n\r\n\r\n\r\nconst NotificationPopover = ({\r\n notifications,\r\n notificationMetaData,\r\n user,\r\n toggleBell,\r\n handleCloseBell,\r\n // markAllNotificationsAsRead,\r\n // loadingMarkAllRead,\r\n // loadingMarkOneRead\r\n setPopoverUnreadCount,\r\n setPopoverUnreadCountAll,\r\n setPopoverIncCount\r\n}) => {\r\n\r\n const {notificationData, setNotificationData, newNotification, setNewNotification} = useNotificationStore();\r\n const [hasMore, setHasMore] = useState(true);\r\n const [page, setPage] = useState(2)\r\n const [dataLoading, setDataLoading] = useState(false);\r\n const [activeTab, setActiveTab] = useState(1);\r\n const [pageCount, setPageCount] = useState(0);\r\n const [lastFetchedItems, setLastFetchedItems] = useState(0);\r\n\r\n const [loadingMarkAllRead, setLoadingMarkAllRead] = useState(false);\r\n // const [loadingMarkOneRead, setLoadingMarkOneRead] = useState({});\r\n const [loadingOneRead, setLoadingOneRead] = useState([]);\r\n\r\n const notificationRedirect = useNotificationRedirect();\r\n\r\n const redirectNotification = (notification) => {\r\n markRead(notification?.id);\r\n notificationRedirect(notification?.notificationType, notification?.entityId, notification?.workspaceId);\r\n }\r\n\r\n const markRead = async (id) => {\r\n // setLoadingMarkOneRead((prev) => ({\r\n // ...prev,\r\n // [id]: true\r\n // }))\r\n setLoadingOneRead((prev) => [...prev, id])\r\n\r\n await httpService.post('/Notifications/read', {id: id}, () => {\r\n setNotificationData(\r\n notificationData?.map((notification) =>\r\n notification?.id === id\r\n ? { ...notification, isRead: true }\r\n : notification\r\n )\r\n );\r\n setPopoverUnreadCount();\r\n // setLoadingMarkOneRead((prev) => ({\r\n // ...prev,\r\n // [id]: false\r\n // }));\r\n setLoadingOneRead((prev) => [...prev.filter((e) => e !== id)])\r\n\r\n }, (err) => {\r\n console.error(err);\r\n // setLoadingMarkOneRead((prev) => ({\r\n // ...prev,\r\n // [id]: false\r\n // }));\r\n setLoadingOneRead((prev) => [...prev.filter((e) => e !== id)])\r\n });\r\n }\r\n\r\n const markAllRead = () => {\r\n setLoadingMarkAllRead(true);\r\n\r\n httpService.post('/Notifications/read/all', {userId: user?.id}, () => {\r\n setNotificationData(\r\n notificationData?.map((notification) => ({ ...notification, isRead: true }))\r\n );\r\n setPopoverUnreadCountAll();\r\n setLoadingMarkAllRead(false);\r\n }, (err) => {\r\n console.log(err);\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n setNotificationData(notifications);\r\n setLastFetchedItems(notifications?.length);\r\n },[notifications]);\r\n\r\n const fetchNextData = () => {\r\n setDataLoading(true);\r\n httpService.get(`/Notifications/all/${user?.id}?pageNumber=${page}&pageSize=10&unRead=${activeTab === 1 ? false : activeTab === 2 ? true : false }`, (res) => {\r\n setDataLoading(false);\r\n setHasMore(page < res?.metaData?.pageCount);\r\n const responseData = (res?.data);\r\n if(page === 1) {\r\n setNotificationData(responseData);\r\n } else {\r\n setNotificationData([...notificationData, ...responseData]);\r\n }\r\n setPageCount(res?.metaData?.pageNumber % res?.metaData?.totalItemCount);\r\n setLastFetchedItems(res?.data?.length)\r\n setPage(page+1)\r\n }, (err) => {\r\n console.log(err);\r\n setDataLoading(false);\r\n });\r\n }\r\n\r\n const changeNotifType = (nr) => {\r\n setActiveTab(nr)\r\n setPage(1);\r\n setNotificationData([]);\r\n // fetchNextData();\r\n }\r\n\r\n useEffect(() => {\r\n if(page === 1) {\r\n fetchNextData();\r\n }\r\n }, [page])\r\n\r\n useEffect(() => {\r\n if(newNotification) {\r\n let pushNew = {\r\n id: newNotification?.id,\r\n notificationTitle: newNotification?.notificationTitle,\r\n notificationBody: newNotification?.notificationBody,\r\n notificationType: newNotification?.notificationType,\r\n isRead: false,\r\n workspaceId: newNotification?.workspaceId,\r\n entityId: newNotification?.entityId,\r\n received: true,\r\n };\r\n let notifiationLastRemoved = notificationData.slice(0,-1)\r\n if(lastFetchedItems < 10) {\r\n setNotificationData([pushNew, ...notificationData])\r\n } else {\r\n setNotificationData([pushNew, ...notifiationLastRemoved])\r\n }\r\n setHasMore((lastFetchedItems + 1) >= 10)\r\n setLastFetchedItems(lastFetchedItems + 1);\r\n setPopoverIncCount();\r\n setNewNotification(false);\r\n }\r\n },[newNotification])\r\n\r\n return (\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n Notifications\r\n \r\n
\r\n \r\n
\r\n notification?.isRead) ? \"disabled\" : \"\"}`}\r\n onClick={!notificationData?.every((notification) => notification?.isRead) && markAllRead}\r\n >\r\n {\r\n loadingMarkAllRead ?\r\n 0 &&\r\n notifications?.every((notification) => notification?.isRead)\r\n }\r\n small={true}\r\n disabled={notifications?.every((notification) => notification?.isRead)}\r\n />\r\n }\r\n Mark all as read\r\n
\r\n \r\n <>\r\n !notification?.isRead && redirectNotification(notification)}\r\n // onClick={() => redirectNotification(notification)}\r\n >\r\n \r\n \r\n
\r\n \r\n
\r\n {notificationData?.length !== 0 ? (\r\n\r\n changeNotifType(1)} \r\n >\r\n All\r\n
\r\n changeNotifType(2)}\r\n >\r\n Unread\r\n
\r\n \r\n \r\n {notification?.notificationTitle}\r\n \r\n \r\n {notification?.notificationBody}\r\n \r\n
\r\n \r\n \r\n {!notification?.isRead ? (\r\n loadingOneRead.includes(notification?.id) || loadingMarkAllRead ? (\r\n
\r\n \r\n Everything is up-to-date!\r\n
\r\n \r\n\r\n }\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default NotificationPopover;\r\n","import { useNavigate } from \"react-router-dom\";\r\nimport { UserNotificationsEnum } from \"../../../../../app/pages/auth/userNotifications.enum\";\r\nimport { SessionService } from \"../../../../../app/base/services/session.service\";\r\n\r\n// to modify\r\nexport const useNotificationRedirect = () => {\r\n const navigate = useNavigate();\r\n\r\n const notificationRedirect = (code, entityId, workspaceID) => {\r\n // Admin Notifications redirects\r\n if(code === UserNotificationsEnum.AdminRegistration) {\r\n navigate(`/admin/request`);\r\n return;\r\n }else if(code === UserNotificationsEnum.AdminWorkspaceRequest) {\r\n navigate(`/admin/request?tab=2`)\r\n return;\r\n } else if(code === UserNotificationsEnum.AdminAssessmentRequest) {\r\n navigate(`/admin/request?tab=3`)\r\n return;\r\n } else if(code === UserNotificationsEnum.AdminExpertRequest) {\r\n navigate(`/admin/teams`)\r\n return;\r\n } else if(code === UserNotificationsEnum.AdminAddedTicket || code === UserNotificationsEnum.AdminAddedTicketMessage) {\r\n navigate(`/admin/help-desk/details/${entityId}`);\r\n return;\r\n }\r\n\r\n // NGO Notifications redirects\r\n else if(code === UserNotificationsEnum.NgoApprovedWorkspace) {\r\n SessionService.setItem('workspaceType', '1');\r\n navigate(`/workspace`)\r\n return;\r\n } else if(code === UserNotificationsEnum.NgoRejectedWorkspace) {\r\n SessionService.setItem('workspaceType', '2');\r\n navigate(`/workspace`)\r\n return;\r\n } else if(code === UserNotificationsEnum.NgoApprovedAssessment) {\r\n // SessionService.setItem('workspaceID', workspaceID);\r\n // navigate();\r\n return;\r\n } else if(code === UserNotificationsEnum.NgoRejectedAssessment) {\r\n // SessionService.setItem('workspaceID', workspaceID);\r\n // navigate();\r\n return;\r\n } else if(code === UserNotificationsEnum.NgoCompletedAssessment) {\r\n return;\r\n } else if(code === UserNotificationsEnum.NgoAddedTicketMessage) {\r\n SessionService.setItem('workspaceID', workspaceID);\r\n navigate(`/workspace/help-desk/details/${entityId}`);\r\n return;\r\n }\r\n\r\n\r\n\r\n else {\r\n return;\r\n }\r\n };\r\n\r\n return notificationRedirect\r\n}","/* eslint-disable no-script-url,jsx-a11y/anchor-is-valid */\r\nimport objectPath from \"object-path\";\r\nimport React, { useContext, useEffect, useLayoutEffect, useMemo, useState } from \"react\";\r\nimport { useLocation, Link, useNavigate } from \"react-router-dom\";\r\nimport { useHtmlClassService } from \"../../_core/MetronicLayout\";\r\nimport { getBreadcrumbsAndTitle, useSubheader } from \"../../_core/MetronicSubheader\";\r\nimport { MenuItem, Popover } from \"@material-ui/core\";\r\nimport AuthService from \"../../../../app/base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../../../../app/pages/auth/userRoles.enum\";\r\nimport { BellRingSVG, ChevronDown, GoBack, UserIcon } from \"../../../../app/assets/icons\";\r\nimport { Avatar, Badge, Spin } from \"antd\";\r\nimport { NotificationContext } from \"./notificationContext/NotificationContext\";\r\nimport NotificationPopover from \"./components/NotificationPopover\";\r\nimport {\r\n accountSummaryBlue,\r\n loginInfoBlue,\r\n logoutBlue,\r\n paymentInfoBlue,\r\n profileInfoBlue\r\n} from \"../../../../app/assets/icons\";\r\nimport \"./style.css\";\r\nimport { httpService } from \"../../../../app/base/services/httpService.service\";\r\nimport Axios from \"axios\";\r\nimport { useResultStore } from \"../../components/useResultStore\";\r\n\r\nexport function SubHeader() {\r\n const uiService = useHtmlClassService();\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n const subheader = useSubheader();\r\n const { fullNameChanged } = useResultStore();\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const [toggleBell, setToggleBell] = useState(null);\r\n const user = AuthService?.getUser();\r\n const [fullName, setFullName] = useState(AuthService?.getFullName());\r\n const isDonor = AuthService.isAuthorized([UserRolesEnum.Donor]);\r\n const isSuperAdmin = AuthService.isAuthorized([UserRolesEnum.SuperAdmin]);\r\n const isNgo = AuthService.isAuthorized([UserRolesEnum.NationalOrganization]);\r\n const savedRecord = localStorage.getItem(\"selectedRecord\");\r\n const isDetailPage = location.pathname.includes(\"/admin/organization/detail\");\r\n const isViewActionPlan =\r\n location.pathname.includes(\"/view\") && location.pathname.includes(\"action-plan\");\r\n const isWorkspaceDetail =\r\n location.pathname.includes(\"/workspace/\") || location.pathname.includes(\"/help-desk\");\r\n const isEditSurveyDetail =\r\n location.pathname.includes(\"/admin/survey/edit-survey-details\") ||\r\n location.pathname.includes(\"/admin/survey/add\") ||\r\n location.pathname.includes(\"/admin/survey/import\") ||\r\n location.pathname.includes(\"/admin/survey/edit/\") ||\r\n location.pathname.includes(\"/admin/survey/test/\");\r\n const isEditSurveyPreview = \r\n location.pathname.includes('/admin/survey/test/') &&\r\n AuthService.isAuthorized([UserRolesEnum.SuperAdmin]);\r\n const isEditAssessment =\r\n location.pathname.includes(\"/admin/assessment/edit\") ||\r\n location.pathname.includes(\"/admin/assessment/add\");\r\n const isSelfAssessment =\r\n location.pathname.includes(\"/workspace/assessment/self-assessment/\") &&\r\n location.pathname.includes(\"/survey/\");\r\n const isStaffActionPlan =\r\n location.pathname.includes(\"/workspace/results/action-plan-member/\") &&\r\n location.pathname.includes(\"/survey/\");\r\n const isManagerActionPlan =\r\n location.pathname.includes(\"/workspace/survey-request/\") &&\r\n location.pathname.includes(\"/survey/\");\r\n const isORGManagementInDonor =\r\n location.pathname.includes(\"/workspace/organization-management/details/\") && isDonor;\r\n const isSuperAdminManagement =\r\n location.pathname.includes(\"/workspace/organization-management/details/\") && isSuperAdmin;\r\n const isGuidedAssessmentInExpert =\r\n location.pathname.includes(\"/workspace/assessment/guided-assessment/\") &&\r\n location.pathname.includes(\"/survey/\");\r\n const isGuidedAssessmentExpert = location.pathname.includes(\r\n `/workspace/assessment/guided-assessment/surveys/`\r\n );\r\n const isActionPlanManager = location.pathname.includes(\"/survey-results\");\r\n const isConsultantORGView =\r\n AuthService.isAuthorized([UserRolesEnum.Consultant]) &&\r\n location?.pathname?.includes(\"/workspace/results/action-plan/organization/\");\r\n\r\n const isAdminTickets =\r\n location?.pathname?.includes(\"/admin/help-desk/list\") ||\r\n location?.pathname?.includes(\"/admin/help-desk/details/\");\r\n\r\n const isSettings =\r\n location?.pathname?.includes(\"/admin/account-summary\") ||\r\n location?.pathname?.includes(\"/admin/profile-information\") ||\r\n location?.pathname?.includes(\"/admin/login-information\") ||\r\n location?.pathname?.includes(\"/admin/payment-information\");\r\n\r\n const isProfileNotAdmin = !AuthService.isAuthorized([UserRolesEnum.SuperAdmin]) &&\r\n location?.pathname?.includes('/account-summary') ||\r\n location?.pathname?.includes('/profile-information') ||\r\n location?.pathname?.includes('/login-information');\r\n\r\n const selectedAssessmentId = localStorage.getItem(\"selectedAssessmentId\");\r\n const selectedSectionId = localStorage.getItem(\"selectedSectionId\");\r\n const selectedSurveyId = localStorage.getItem(\"selectedSurveyId\");\r\n\r\n // Change fullName if name Edited //\r\n useEffect(() => {\r\n setFullName(AuthService?.getFullName());\r\n }, [fullNameChanged]);\r\n\r\n const logout = () => {\r\n AuthService.logout();\r\n navigate(\"/auth/login\");\r\n };\r\n\r\n function handleClick(event) {\r\n setAnchorEl(event.currentTarget);\r\n }\r\n\r\n function handleClose() {\r\n setAnchorEl(null);\r\n }\r\n\r\n function handleToggleBell(event) {\r\n setToggleBell(event.currentTarget);\r\n }\r\n\r\n function handleCloseBell() {\r\n setToggleBell(null);\r\n }\r\n\r\n const layoutProps = useMemo(() => {\r\n return {\r\n config: uiService.config,\r\n subheaderFixed: objectPath.get(uiService.config, \"subheader.fixed\"),\r\n subheaderMobileToggle: objectPath.get(uiService.config, \"subheader.mobile-toggle\"),\r\n subheaderCssClasses: uiService.getClasses(\"subheader\", true),\r\n subheaderContainerCssClasses: uiService.getClasses(\"subheader_container\", true)\r\n };\r\n }, [uiService]);\r\n\r\n useLayoutEffect(() => {\r\n const aside = getBreadcrumbsAndTitle(\"kt_aside_menu\", location.pathname);\r\n const header = getBreadcrumbsAndTitle(\"kt_header_menu\", location.pathname);\r\n const breadcrumbs =\r\n aside && aside.breadcrumbs.length > 0 ? aside.breadcrumbs : header.breadcrumbs;\r\n subheader.setBreadcrumbs(breadcrumbs);\r\n subheader.setTitle(\r\n aside && aside.title && aside.title.length > 0 ? aside.title : header.title\r\n );\r\n\r\n // eslint-disable-next-line\r\n }, [location.pathname]);\r\n\r\n useEffect(() => {\r\n // Call setUser whenever the user changes\r\n setUser(AuthService?.getUser());\r\n }, []);\r\n\r\n const {\r\n unreadCount,\r\n notifications,\r\n markNotificationAsRead,\r\n markAllNotificationsAsRead,\r\n setUser,\r\n pageNumber,\r\n loadingMarkAllRead,\r\n loadingMarkOneRead,\r\n setPopoverUnreadCount,\r\n setPopoverUnreadCountAll,\r\n setPopoverIncCount\r\n } = useContext(NotificationContext);\r\n\r\n // Do not remove this useEffect, need from update title/breadcrumbs outside (from the page)\r\n useEffect(() => {}, [subheader]);\r\n\r\n const isHumanitarian = AuthService.isAuthorized([UserRolesEnum.Consultant]);\r\n const [profileImage, setProfileImage] = useState(UserIcon);\r\n\r\n const [imageLoading, setImageLoading] = useState(false);\r\n\r\n const getProfilePic = async () => {\r\n setImageLoading(true);\r\n try {\r\n await httpService.get(`Accounts/get-profile-picture?userId=${user?.id}`, async (res) => {\r\n const fileKey = res?.message;\r\n\r\n if (fileKey) {\r\n const fileUrl = `${process.env.REACT_APP_FILE_MANAGEMENT}FileData/getFileByFileKey?platformId=${process.env.REACT_APP_PLATFORM_KEY}&fileKey=${fileKey}`;\r\n const response = await Axios.get(fileUrl);\r\n\r\n if (response?.data?.data) {\r\n setProfileImage(response?.data?.data);\r\n } else {\r\n console.error(\"No image URL found in the file management response.\");\r\n }\r\n } else {\r\n console.error(\"No file key found in the response.\");\r\n }\r\n });\r\n } catch (error) {\r\n console.error(\"Error fetching profile picture:\", error);\r\n } finally {\r\n setImageLoading(false);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (isHumanitarian) {\r\n getProfilePic();\r\n }\r\n }, [isHumanitarian]);\r\n\r\n return (\r\n\r\n {layoutProps.subheaderMobileToggle && (\r\n \r\n \r\n \r\n )}\r\n
\r\n\r\n \r\n {AuthService?.isAuthorized([\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Manager,\r\n UserRolesEnum.Consultant,\r\n UserRolesEnum.Staff,\r\n UserRolesEnum.NationalOrganization\r\n ]) && (\r\n <>\r\n \r\n \r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {isHumanitarian ? (\r\n imageLoading ? (\r\n \r\n {fullName?.charAt(0).toUpperCase()}\r\n \r\n )}\r\n\r\n \r\n \r\n
\r\n {fullName}
\r\n\r\n {user?.roles[0]?.name === \"National Organization\"\r\n ? \"Org\"\r\n : user?.roles[0]?.name}\r\n
\r\n\r\n \r\n \r\n {\" \"}\r\n
\r\n );\r\n}\r\n","import React, { useMemo } from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport { Outlet } from \"react-router-dom\";\r\n// LayoutContext\r\nimport { useHtmlClassService } from \"../_core/MetronicLayout\";\r\n// Import Layout components\r\nimport { HeaderMobile } from \"./header-mobile/HeaderMobile\";\r\nimport { Aside } from \"./aside/Aside\";\r\nimport { Footer } from \"./footer/Footer\";\r\nimport { LayoutInit } from \"./LayoutInit\";\r\nimport { SubHeader } from \"./subheader/SubHeader\";\r\nimport { ScrollTop } from \"./extras/ScrollTop\";\r\n\r\nexport function Layout({ children }) {\r\n const uiService = useHtmlClassService();\r\n // Layout settings (cssClasses/cssAttributes)\r\n const layoutProps = useMemo(() => {\r\n return {\r\n selfLayout: objectPath.get(uiService.config, \"self.layout\"),\r\n subheaderDisplay: true,\r\n contentCssClasses: uiService.getClasses(\"content\", true),\r\n contentContainerClasses: uiService.getClasses(\"content_container\", true),\r\n contentExtended: objectPath.get(uiService.config, \"content.extended\")\r\n };\r\n }, [uiService]);\r\n\r\n return layoutProps.selfLayout !== \"blank\" ? (\r\n <>\r\n {/*begin::Main*/}\r\n \r\n {/*begin::Page*/}\r\n
\r\n {/*end::Page*/}\r\n \r\n\r\n \r\n \r\n\r\n {/*begin::Wrapper*/}\r\n
\r\n {/*end::Wrapper*/}\r\n \r\n {/*begin::Content*/}\r\n \r\n
\r\n {/*end::Content*/}\r\n \r\n \r\n {/*begin::Container*/}\r\n
\r\n )}\r\n\r\n {/*end::Entry*/}\r\n \r\n
\r\n {/*end::Container*/}\r\n {children}
\r\n );\r\n}\r\n","import React, {createContext, useContext, useState, useEffect} from \"react\";\r\n\r\nconst MetronicSplashScreenContext = createContext();\r\n\r\nexport function MetronicSplashScreenProvider({ children }) {\r\n const [count, setCount] = useState(0);\r\n let visible = count > 0;\r\n\r\n useEffect(() => {\r\n const splashScreen = document.getElementById(\"splash-screen\");\r\n\r\n // Show SplashScreen\r\n if (splashScreen && visible) {\r\n splashScreen.classList.remove(\"hidden\");\r\n\r\n return () => {\r\n splashScreen.classList.add(\"hidden\");\r\n };\r\n }\r\n\r\n // Hide SplashScreen\r\n let timeout;\r\n if (splashScreen && !visible) {\r\n timeout = setTimeout(() => {\r\n splashScreen.classList.add(\"hidden\");\r\n }, 3000);\r\n }\r\n\r\n return () => {\r\n clearTimeout(timeout);\r\n };\r\n }, [visible]);\r\n\r\n return (\r\n - \r\n {/*begin::1 Level*/}\r\n {data.length !== 0\r\n ? data.map((menuItem) => {\r\n if (menuItem.type === \"divider\") {\r\n return (\r\n AuthService.isAuthorized(menuItem.role) && (\r\n
- \r\n
{menuItem.title}
\r\n \r\n \r\n )\r\n );\r\n } else {\r\n return (\r\n AuthService.isAuthorized(menuItem.role) && (\r\n
\r\n \r\n
\r\n \r\n )\r\n );\r\n }\r\n })\r\n : null}\r\n\r\n {/*end::1 Level*/}\r\n\r\n {/* Components */}\r\n {/* begin::section */}\r\n\r\n {/* end:: section */}\r\n - \r\n {/*begin::2 Level*/}\r\n {menuItem.subMenus.length > 0 &&\r\n menuItem.subMenus.map((subMenu) => {\r\n return (\r\n
\r\n \r\n
\r\n )}\r\n \r\n );\r\n })}\r\n {/*end::2 Level*/}\r\n - \r\n {/*begin::3 Level*/}\r\n {subMenu.children?.map((childItem) => {\r\n return (\r\n
\r\n {/* Dark/Light Mode}\r\n >\r\n handleThemeColorChange()}\r\n className=\"btn disabled btn-icon btn-clean btn-lg mb-1 position-relative\"\r\n id=\"kt_quick_panel_toggle\"\r\n data-placement=\"right\"\r\n data-container=\"body\"\r\n data-boundary=\"window\"\r\n >\r\n {isDarkModeOn ? (\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n */}\r\n
\r\n {/* end::Menu Nav */}\r\n \r\n );\r\n}\r\n","import { UserRolesEnum } from \"./pages/auth/userRoles.enum\";\r\nimport {\r\n GroupPeople,\r\n Assessments,\r\n DocumentHandHeldWriting,\r\n DashboardWorkspace,\r\n Requests,\r\n Organizations,\r\n GroupPeopleInactive,\r\n DocumentHandHeldWritingActive,\r\n DashboardWorkspaceActive,\r\n AssessmentsActive,\r\n RequestsActive,\r\n OrganizationsActive,\r\n TicketActive,\r\n InactiveTicket\r\n} from \"./assets/icons\";\r\nexport const menu = {\r\n layout: [\r\n // {\r\n // id: \"module1\",\r\n // title: \"Module 1\",\r\n // type: \"module\",\r\n // icon: \"flaticon2-open-box\",\r\n // url: \"/module1\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // subMenus: [\r\n // {\r\n // id: \"menu-item-1\",\r\n // title: \"Page1\",\r\n // type: \"item\",\r\n // icon: \"flaticon2-open-box\",\r\n // url: \"/module1/page1\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // },\r\n // {\r\n // id: \"admin_page_0132\",\r\n // title: \"Divider 1\",\r\n // type: \"divider\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // },\r\n // {\r\n // id: \"parent-menu-1\",\r\n // title: \"Parent Menu 1\",\r\n // type: \"item\",\r\n // icon: \"flaticon2-gear\",\r\n // url: \"/module1/division\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // children: [\r\n // {\r\n // id: \"child-1\",\r\n // title: \"Child 1\",\r\n // type: \"item\",\r\n // icon: \"flaticon-twitter-logo\",\r\n // url: \"/module1/division/page2\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // },\r\n // {\r\n // id: \"child-parent-1\",\r\n // title: \"Child Parent 1\",\r\n // type: \"item\",\r\n // icon: \"flaticon-twitter-logo\",\r\n // url: \"/module1/division/division2\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // children: [\r\n // {\r\n // id: \"child-2\",\r\n // title: \"child 2-1\",\r\n // type: \"item\",\r\n // icon: \"file\",\r\n // url: \"/module1/division/division2/page3\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // },\r\n // {\r\n // id: \"child-3\",\r\n // title: \"child 2-2\",\r\n // type: \"item\",\r\n // icon: \"file\",\r\n // url: \"/module1/division/division2/page4\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // },\r\n // ],\r\n // },\r\n // ],\r\n // },\r\n // ],\r\n // },\r\n {\r\n id: \"self-assessment\",\r\n title: \"Self Assessment\",\r\n isDisabled: false,\r\n type: \"dynamic_list\",\r\n kind: \"self-assessment\",\r\n api: \"/assesment/self/getAll/\",\r\n icon: \"flaticon2-crisp-icons\",\r\n url: null,\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Manager,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.Staff\r\n ]\r\n },\r\n {\r\n id: \"guided-assessment\",\r\n title: \"Guided Assessment\",\r\n isDisabled: false,\r\n type: \"dynamic_list\",\r\n kind: \"guided-assessment\",\r\n api: \"/assesment/guided/getAll/\",\r\n icon: \"flaticon-interface-4\",\r\n url: null,\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Manager,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.Staff,\r\n UserRolesEnum.Consultant\r\n ]\r\n },\r\n //new menu request for guided assessment\r\n //if you want to use imported svg you should add iconF and change icon property\r\n {\r\n id: \"guided-assessment-list\",\r\n title: \"Request for Guided Assessment\",\r\n isDisabled: false,\r\n type: \"dynamic_list\",\r\n kind: \"guided-assessment-list\",\r\n api: \"/assesment/guided/getAll/\",\r\n icon: \"RequestForAssessmentIcon.svg\",\r\n iconF: true,\r\n url: null,\r\n role: [\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.Staff\r\n ]\r\n },\r\n {\r\n id: \"organization-management\",\r\n title: \"Organization Management\",\r\n type: \"module\",\r\n icon: \"flaticon2-layers-1\",\r\n url: \"/organization-management\",\r\n role: [\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.Staff,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Consultant,\r\n UserRolesEnum.Donor,\r\n UserRolesEnum.Manager\r\n ],\r\n subMenus: [\r\n {\r\n id: \"organization-management-divider-1\",\r\n title: \"Organization Management\",\r\n type: \"divider\",\r\n role: [\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.Staff,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Consultant,\r\n UserRolesEnum.Donor,\r\n UserRolesEnum.Manager\r\n ]\r\n },\r\n {\r\n id: \"organization-management-page-1\",\r\n title: \"Organization List\",\r\n type: \"item\",\r\n icon: \"flaticon-layers\",\r\n url: \"/organization-management/list\",\r\n role: [\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.Staff,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Consultant,\r\n UserRolesEnum.Donor,\r\n UserRolesEnum.Manager\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n id: \"help-desk\",\r\n title: \"Help desk\",\r\n type: \"item\",\r\n icon: \"flaticon2-layers-1\",\r\n url: \"/workspace/help-desk/list\",\r\n role: [\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.Staff,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Consultant,\r\n UserRolesEnum.Donor,\r\n UserRolesEnum.Manager\r\n ]\r\n },\r\n\r\n {\r\n id: \"teams\",\r\n title: \"Experts\",\r\n type: \"module\",\r\n icon: \"flaticon-users\",\r\n url: \"/teams\",\r\n role: [\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.Staff\r\n ],\r\n subMenus: [\r\n {\r\n id: \"teams-divider-1\",\r\n title: \"Experts\",\r\n type: \"divider\",\r\n role: [\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.Staff\r\n ]\r\n },\r\n {\r\n id: \"teams-page-1\",\r\n title: \"Experts\",\r\n type: \"item\",\r\n icon: \"flaticon-users\",\r\n url: \"/teams/members\",\r\n role: [\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.Staff\r\n ]\r\n },\r\n {\r\n id: \"teams-page-2\",\r\n title: \"Add member\",\r\n type: \"item\",\r\n icon: \"flaticon2-plus\",\r\n url: \"/teams/add-member\",\r\n role: [UserRolesEnum.InternationalOrganization, UserRolesEnum.NationalOrganization]\r\n }\r\n ]\r\n },\r\n {\r\n id: \"results\",\r\n title: \"Results\",\r\n isDisabled: false,\r\n type: \"dynamic_list\",\r\n kind: \"organization-list\",\r\n api: \"/api/test/123\",\r\n icon: \"flaticon2-pie-chart\",\r\n url: \"/results\",\r\n redirect: true,\r\n role: [\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.Manager,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Donor,\r\n UserRolesEnum.Staff\r\n ], // ? Donor won't see my result page ?,\r\n subMenus: [\r\n {\r\n id: \"results-page-1\",\r\n title: \"Results\",\r\n type: \"item\",\r\n icon: \"flaticon2-plus\",\r\n url: \"/results/\",\r\n role: [\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.Manager,\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.Donor,\r\n UserRolesEnum.Staff\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n id: \"action-plan\",\r\n title: \"Action Plan\",\r\n type: \"module\",\r\n icon: \"flaticon-profile\",\r\n url: \"/action-plan\",\r\n role: [\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.Staff,\r\n UserRolesEnum.Consultant\r\n ],\r\n subMenus: [\r\n {\r\n id: \"action-plan-divider-1\",\r\n title: \"Action Plan Management\",\r\n type: \"divider\",\r\n role: [\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.Staff\r\n ]\r\n },\r\n {\r\n id: \"action-plan-page-1\",\r\n title: \"Action Plan\",\r\n type: \"item\",\r\n icon: \"flaticon-layers\",\r\n url: \"/action-plan/list\",\r\n role: [\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.Staff\r\n ]\r\n }\r\n ]\r\n },\r\n {\r\n id: \"admin-management\",\r\n title: \"Survey Builder\",\r\n type: \"null\",\r\n icon: \"flaticon2-browser-2\",\r\n\r\n url: \"/admin-management\",\r\n role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager],\r\n subMenus: [\r\n {\r\n id: \"assesment-list-d-1\",\r\n title: \"ASSESSMENT MANAGEMENT\",\r\n type: \"divider\",\r\n role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n },\r\n {\r\n id: \"assesment-list-page-1\",\r\n title: \"Assessment list\",\r\n type: \"item\",\r\n icon: \"flaticon2-notepad\",\r\n url: \"/admin-management/assessment/assessment-list\",\r\n role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n },\r\n {\r\n id: \"assesment-list-page-3\",\r\n title: \"Assessment requests\",\r\n type: \"item\",\r\n icon: \"flaticon2-hourglass\",\r\n url: \"/admin-management/assessment/assessment-request\",\r\n role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n },\r\n {\r\n id: \"survey-builder-d-1\",\r\n title: \"SURVEY MANAGEMENT\",\r\n type: \"divider\",\r\n role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n },\r\n {\r\n id: \"survey-builder-page-1\",\r\n title: \"Survey list\",\r\n type: \"item\",\r\n icon: \"flaticon2-notepad\",\r\n url: \"/admin-management/survey/all\",\r\n role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n },\r\n {\r\n id: \"survey-builder-d-2\",\r\n title: \"Workspace management\",\r\n type: \"divider\",\r\n role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n },\r\n {\r\n id: \"survey-builder-page-5\",\r\n title: \"Manage workspace consultants\",\r\n type: \"item\",\r\n icon: \"flaticon2-user\",\r\n url: \"/admin-management/workspace/workspace-consultants/\",\r\n role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n },\r\n {\r\n id: \"survey-builder-page-6\",\r\n title: \"Manage workspace\",\r\n type: \"item\",\r\n icon: \"flaticon2-user\",\r\n url: \"/admin-management/workspace/workspace-members/\",\r\n role: [UserRolesEnum.SuperAdmin, UserRolesEnum.Manager]\r\n }\r\n ]\r\n }\r\n ],\r\n adminLayout: [\r\n {\r\n id: \"admin_page_01234\",\r\n title: \"Experts\",\r\n type: \"module\",\r\n icons: { active: GroupPeople, inactive: GroupPeopleInactive },\r\n url: \"/admin/teams\",\r\n role: [UserRolesEnum.SuperAdmin],\r\n subMenus: []\r\n },\r\n {\r\n id: \"admin_page_0123344\",\r\n title: \"Assessments\",\r\n type: \"module\",\r\n icons: { active: AssessmentsActive, inactive: Assessments },\r\n url: \"/admin/assessment\",\r\n role: [UserRolesEnum.SuperAdmin],\r\n subMenus: []\r\n },\r\n {\r\n id: \"admin_page_0122\",\r\n title: \"Surveys\",\r\n type: \"module\",\r\n icons: { active: DocumentHandHeldWritingActive, inactive: DocumentHandHeldWriting },\r\n url: \"/admin/survey\",\r\n role: [UserRolesEnum.SuperAdmin],\r\n subMenus: []\r\n },\r\n {\r\n id: \"admin_page_011\",\r\n title: \"Workspaces\",\r\n type: \"module\",\r\n icons: { active: DashboardWorkspaceActive, inactive: DashboardWorkspace },\r\n url: \"/admin/workspace\",\r\n role: [\r\n UserRolesEnum.SuperAdmin,\r\n UserRolesEnum.InternationalOrganization,\r\n UserRolesEnum.NationalOrganization,\r\n UserRolesEnum.Staff\r\n ],\r\n subMenus: []\r\n },\r\n {\r\n id: \"admin_page_01211233\",\r\n title: \"Requests\",\r\n type: \"module\",\r\n icons: { active: RequestsActive, inactive: Requests },\r\n url: \"/admin/request\",\r\n role: [UserRolesEnum.SuperAdmin],\r\n subMenus: []\r\n },\r\n // {\r\n // id: \"admin_page_01211234\",\r\n // title: \"Assessment request for guide\",\r\n // type: \"module\",\r\n // icon: \"flaticon2-bell\",\r\n // url: \"/admin/guide\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // subMenus: []\r\n // },\r\n {\r\n id: \"admin_page_0123435\",\r\n title: \"Organizations\",\r\n type: \"module\",\r\n icons: { active: OrganizationsActive, inactive: Organizations },\r\n url: \"/admin/organization\",\r\n role: [UserRolesEnum.SuperAdmin],\r\n subMenus: []\r\n },\r\n {\r\n id: \"admin_page_ticket\",\r\n title: \"Tickets\",\r\n type: \"module\",\r\n icons: { active: TicketActive, inactive: InactiveTicket },\r\n url: \"/admin/help-desk/list\",\r\n role: [UserRolesEnum.SuperAdmin],\r\n subMenus: []\r\n }\r\n\r\n // {\r\n // id: \"admin_page_01233\",\r\n // title: \"Countries list\",\r\n // type: \"module\",\r\n // icon: \"flaticon2-hospital\",\r\n // url: \"/admin/country\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // subMenus: []\r\n // }\r\n\r\n // { examples for menus with children\r\n // id: \"admin_page_02222\",\r\n // title: \"Divider 1\",\r\n // type: \"divider\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // },\r\n // {\r\n // id: \"admin_page_033432\",\r\n // title: \"Survey\",\r\n // type: \"module\",\r\n // icon: \"flaticon2-checking\",\r\n // url: \"/admin/page2\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // subMenus: [],\r\n // },\r\n // {\r\n // id: \"Requests\",\r\n // title: \"Requeset\",\r\n // type: \"module\",\r\n // icon: \"flaticon2-checking\",\r\n // url: \"/admin/module1/\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // subMenus: [\r\n // {\r\n // id: \"single-example-chld1\",\r\n // title: \"A weird child\",\r\n // type: \"item\",\r\n // icon: \"pie-chart\",\r\n // url: \"/admin/module1/page3\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // },\r\n // {\r\n // id: \"single-example-chld311\",\r\n // title: \"Childy Parent\",\r\n // type: \"item\",\r\n // icon: \"pie-chart\",\r\n // url: \"/admin/module1/module2\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // children: [\r\n // {\r\n // id: \"child-1\",\r\n // title: \"Child 1-1\",\r\n // type: \"item\",\r\n // icon: \"file\",\r\n // url: \"/admin/module1/module2/page4\",\r\n // role: [UserRolesEnum.SuperAdmin],\r\n // },\r\n // ],\r\n // },\r\n // ],\r\n // },\r\n ]\r\n};\r\n","import React, { useMemo } from \"react\";\r\nimport { AdminAsideMenuList } from \"./AdminAsideMenuList\";\r\nimport { menu } from \"../../../../../app/Menu\";\r\nimport { useHtmlClassService } from \"../../../_core/MetronicLayout\";\r\n\r\nexport function AdminAsideMenu({ disableScroll }) {\r\n const uiService = useHtmlClassService();\r\n const layoutProps = useMemo(() => {\r\n return {\r\n layoutConfig: uiService.config,\r\n asideMenuAttr: uiService.getAttributes(\"aside_menu\"),\r\n ulClasses: uiService.getClasses(\"aside_menu_nav\", true),\r\n asideClassesFromConfig: uiService.getClasses(\"aside_menu\", true),\r\n };\r\n }, [uiService]);\r\n\r\n return (\r\n <>\r\n {/* begin::Menu Container */}\r\n \r\n {/* begin::Aside */}\r\n \r\n \r\n {layoutProps.disableAsideSelfDisplay && (\r\n <>\r\n {/* begin::Header Logo */}\r\n
\r\n {/* end::Aside Menu */}\r\n \r\n {/* end::Aside */}\r\n \r\n );\r\n}\r\n","import React, { useMemo, useEffect, useState } from \"react\";\r\nimport objectPath from \"object-path\";\r\nimport { Outlet } from \"react-router-dom\";\r\n// LayoutContext\r\nimport { useHtmlClassService } from \"../_core/MetronicLayout\";\r\n// Import Layout components\r\nimport { HeaderMobile } from \"./header-mobile/HeaderMobile\";\r\nimport { AdminAside } from \"./aside/AdminAside\";\r\nimport { Footer } from \"./footer/Footer\";\r\nimport { LayoutInit } from \"./LayoutInit\";\r\nimport { SubHeader } from \"./subheader/SubHeader\";\r\nimport { ScrollTop } from \"./extras/ScrollTop\";\r\nimport AuthService from \"../../../app/base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"../../../app/pages/auth/userRoles.enum\";\r\n\r\nexport function AdminLayout({ children }) {\r\n const uiService = useHtmlClassService();\r\n const isSuperAdmin = AuthService.isAuthorized([UserRolesEnum.SuperAdmin]);\r\n const [windowWidth, setWindowWidth] = useState(window.innerWidth);\r\n // Layout settings (cssClasses/cssAttributes)\r\n\r\n const handleResize = () => {\r\n setWindowWidth(window.innerWidth);\r\n };\r\n const layoutProps = useMemo(() => {\r\n return {\r\n selfLayout: objectPath.get(uiService.config, \"self.layout\"),\r\n subheaderDisplay: objectPath.get(uiService.config, \"subheader.display\"),\r\n contentCssClasses: uiService.getClasses(\"content\", true),\r\n contentContainerClasses: uiService.getClasses(\"content_container\", true),\r\n contentExtended: objectPath.get(uiService.config, \"content.extended\")\r\n };\r\n }, [uiService]);\r\n\r\n useEffect(() => {\r\n document.body.classList.remove(\"aside-minimize\");\r\n\r\n window.addEventListener(\"resize\", handleResize);\r\n return () => {\r\n window.removeEventListener(\"resize\", handleResize);\r\n };\r\n }, []);\r\n\r\n const wrapperStyles = {\r\n paddingLeft: isSuperAdmin && windowWidth < 992 ? \"0\" : isSuperAdmin ? \"242px\" : \"0\"\r\n };\r\n\r\n return layoutProps.selfLayout !== \"blank\" ? (\r\n <>\r\n {/*begin::Main*/}\r\n \r\n \r\n 
\r\n \r\n
\r\n {/* end::Header Logo */}\r\n \r\n )}\r\n \r\n {/*begin::Page*/}\r\n
\r\n {/*end::Wrapper*/}\r\n \r\n {/*end::Page*/}\r\n \r\n\r\n \r\n \r\n {/*begin::Content*/}\r\n \r\n {layoutProps.subheaderDisplay &&
\r\n {/*end::Content*/}\r\n \r\n \r\n {/*begin::Container*/}\r\n
\r\n )}\r\n\r\n {/*end::Entry*/}\r\n \r\n
\r\n {/*end::Container*/}\r\n {children}
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { Navigate, Outlet, useLocation } from \"react-router-dom\";\r\nimport AuthService from \"../services/authentication.service\";\r\n\r\nfunction ProtectedRoute({ allowedRoles }) {\r\n const user = AuthService.getUser();\r\n const location = useLocation();\r\n const params = new URLSearchParams(location.search);\r\n const action = params.get(\"action\");\r\n\r\n const isLogoutAction = action === \"delete\" || action === \"deactivate\";\r\n if (isLogoutAction) {\r\n return \r\n \r\n Forgot your password?\r\n \r\n
\r\n \r\n Enter your email below to receive a verification code and recover your password\r\n
\r\n\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n ![\"frame\"]({toAbsoluteUrl(\"/media/bg/Frame.png\")})
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default LastPage;\r\n","import React, { useEffect } from \"react\";\r\nimport { FormattedMessage } from \"react-intl\";\r\nimport { Link, useLocation, useNavigate } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport AuthService from \"../../../base/services/authentication.service\";\r\n\r\nfunction RequestPage() {\r\n const { state } = useLocation();\r\n const dispatch = useDispatch();\r\n const navigate = useNavigate();\r\n\r\n const logout = () => {\r\n AuthService.logout();\r\n navigate(\"/auth/login\");\r\n }\r\n\r\n useEffect(() => {\r\n if (!state?.fromApp) {\r\n return navigate(\"/auth/login\");\r\n }\r\n }, [state, navigate]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n Your application is being reviewed.
\r\n
\r\n \r\n Your application is being reviewed.
\r\n You will receive a confirmation via email shortly.\r\n
\r\n \r\n ![\"frame\"]({toAbsoluteUrl(\"/media/bg/Request.png\")})
\r\n
\r\n \r\n \r\n logout()}\r\n type=\"button\"\r\n className=\"btn btn-last font-weight-bold px-8 py-4 my-3 mx-4 mb-30\"\r\n >\r\n Log out\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default RequestPage;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Link, Outlet, useLocation } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport \"../../../assets/styles/login-1.css\";\r\nimport \"../custom.css\";\r\nimport { KapOrgIcon2 } from \"../../../assets/icons\";\r\nimport animationData from \"../../../assets/animations/kaporg.json\";\r\nimport Lottie from \"react-lottie\";\r\nfunction AuthLayout() {\r\n const location = useLocation();\r\n const [title, setTitle] = useState(\"\");\r\n const [description, setDescription] = useState(\"\");\r\n\r\n const lottieOptions = {\r\n loop: true,\r\n autoplay: true,\r\n animationData: animationData,\r\n rendererSettings: {\r\n preserveAspectRatio: \"xMidYMid slice\"\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n if (location.pathname.includes(\"auth/international-donor-registration\")) {\r\n setTitle(\"Dive into a world of\");\r\n setDescription(\"impactful collaborations!\");\r\n } else if (location.pathname.includes(\"auth/national-org-registration\")) {\r\n setTitle(\"Elevate your organization\");\r\n setDescription(\"with purposeful evaluation!\");\r\n } else if (location.pathname.includes(\"auth/expert-registration\")) {\r\n setTitle(\"Your expertise\");\r\n setDescription(\"and insights fuels Progress!\");\r\n } else if (location.pathname.includes(\"auth/expert-registration-step-three\")) {\r\n setTitle(\"Your expertise\");\r\n setDescription(\"and insights fuels Progress!\");\r\n } else if (location.pathname.includes(\"auth/expert-registration-step-four\")) {\r\n setTitle(\"Your expertise\");\r\n setDescription(\"and insights fuels Progress!\");\r\n }\r\n }, [location]);\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n 
\r\n \r\n \r\n {title}\r\n \r\n \r\n {description}\r\n \r\n
\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n
*/}\r\n {/* \r\n ![\"img\"](\"/media/bg/SideLogoProfileSelection.svg\")
\r\n
*/}\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default AuthLayout;\r\n","import { Formik } from \"formik\";\r\nimport React, { useState } from \"react\";\r\nimport { FormattedMessage, injectIntl } from \"react-intl\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport * as Yup from \"yup\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { login, setNavigateToExpert, setNavigateToOrg } from \"./authSlice\";\r\nimport BlockUI from \"../../base/components/BlockUI\";\r\nimport { EyeInvisible, EyeVisible } from \"../../assets/icons\";\r\nimport { Checkbox, Spin } from \"antd\";\r\nimport https from \"../../base/utils/http\";\r\nimport AuthService from \"../../base/services/authentication.service\";\r\nimport { UserRolesEnum } from \"./userRoles.enum\";\r\nconst initialValues = {\r\n email: \"\",\r\n password: \"\"\r\n};\r\n\r\nfunction Login() {\r\n const { isLoading } = useSelector((state) => state.auth);\r\n const navigateToOrg = useSelector((state) => state.auth.navigateToOrg);\r\n const navigateToExpert = useSelector((state) => state.auth.navigateToExpert);\r\n const dispatch = useDispatch();\r\n const [checked, setChecked] = useState(false);\r\n\r\n const [type, setType] = useState(\"password\");\r\n const [icon, setIcon] = useState(EyeInvisible);\r\n\r\n const navigate = useNavigate();\r\n\r\n const toggleChecked = () => {\r\n setChecked(!checked);\r\n };\r\n\r\n const onChange = (e) => {\r\n setChecked(e.target.checked);\r\n };\r\n\r\n const LoginSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email(\"Invalid email\")\r\n .required(\"Required\"),\r\n password: Yup.string()\r\n .max(16, \"Maximum 16 symbols\")\r\n .required(\"Required\")\r\n });\r\n\r\n const handleToggle = () => {\r\n if (type === \"password\") {\r\n setIcon(EyeVisible);\r\n setType(\"text\");\r\n } else {\r\n setIcon(EyeInvisible);\r\n setType(\"password\");\r\n }\r\n };\r\n\r\n const submitForm = (values) => {\r\n dispatch(login(values, successCallback, errCB));\r\n };\r\n\r\n const successCallback = () => {\r\n if(AuthService.isAuthorized([UserRolesEnum.SuperAdmin])) {\r\n navigate(\"/admin/workspace\");\r\n } else {\r\n navigate(\"/workspace\");\r\n }\r\n };\r\n\r\n const errCB = (data) => {\r\n if (data.target?.targetUrl) {\r\n navigate(data.target?.targetUrl, {\r\n state: { fromApp: true, data: data.target.params }\r\n });\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n {isLoading ? (\r\n \r\n {\" \"}\r\n
\r\n \r\n
\r\n \r\n Welcome back!\r\n
\r\nLogin into your account
\r\n\r\n
\r\n \r\n \r\n Email\r\n \r\n
\r\n {errors.email}
}\r\n \r\n \r\n Password\r\n \r\n {/* \r\n \r\n */}\r\n
\r\n \r\n
\r\n\r\n {errors.password && (\r\n {errors.password}
\r\n )}\r\n \r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n\r\n {/*
*/}\r\n \r\n \r\n \r\n {isLoading ?
\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(Login);\r\n","// import { Checkbox } from \"antd\";\r\nimport React from \"react\";\r\nimport { Radio } from \"antd\";\r\n\r\nconst ProfileOption = ({ profile, selectedProfile, onSelect, image }) => {\r\n // const [isProfileSelected, setIsProfileSelected] = useState(false);\r\n\r\n const handleProfileChecked = () => {\r\n // setIsProfileSelected(true);\r\n if (selectedProfile !== profile) {\r\n onSelect(profile);\r\n }\r\n };\r\n\r\n return (\r\n \r\n Don't have an account yet?{\" \"}\r\n
\r\n {profile}\r\n
\r\n\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default injectIntl(Registration);\r\n","export const getUser = (state) => state.auth.user;\r\nexport const getErrors = (state) => state.auth.errors;\r\nexport const hasError = (state) => state.auth.isError;\r\nexport const getLoading = (state) => state.auth.isLoading;","import { makeStyles, TextField } from \"@material-ui/core\";\r\nimport { Formik } from \"formik\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport Select from \"react-select\";\r\nimport * as Yup from \"yup\";\r\nimport BlockUI from \"../../base/components/BlockUI\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport { LocalStorageService } from \"../../base/services/local-storage.service\";\r\nimport { getDateFromDatePicker } from \"../../base/utils/timezoneConverter\";\r\nimport \"./custom.css\";\r\nimport { getUser } from \"./selectors\";\r\n\r\nconst initialValues = {\r\n name: \"\",\r\n acronym: \"\",\r\n description: \"\",\r\n year: \"\",\r\n address: \"\",\r\n email: \"\",\r\n number: \"\",\r\n country: \"\",\r\n sector: [],\r\n size: \"\",\r\n operation: []\r\n};\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n container: {\r\n display: \"flex\",\r\n flexWrap: \"wrap\"\r\n },\r\n textField: {\r\n width: \"100%\",\r\n margin: 0\r\n }\r\n}));\r\n\r\nfunction RegistrationStep2() {\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [startDate, setStartDate] = useState(new Date());\r\n const RegistrationSchema = Yup.object().shape({\r\n name: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .required(\"Required\"),\r\n acronym: Yup.string()\r\n .max(50, \"Maximum 50 symbols\")\r\n .required(\"Required\"),\r\n description: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .required(\"Required\"),\r\n year: Yup.string().required(\"Required\"),\r\n size: Yup.string().required(\"Required\"),\r\n address: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .required(\"Required\"),\r\n email: Yup.string()\r\n .email(\"Invalid email\")\r\n .required(\"Required\"),\r\n number: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .required(\"Required\"),\r\n operation: Yup.array().required(\"Required\"),\r\n sector: Yup.array().required(\"Required\"),\r\n country: Yup.string().required(\"Required\")\r\n });\r\n\r\n const { state } = useLocation();\r\n const navigate = useNavigate();\r\n\r\n const classes = useStyles();\r\n\r\n const { user } = useSelector((state) => ({\r\n user: getUser(state)\r\n }));\r\n\r\n const [countriesList, setCountriesList] = useState([]);\r\n const [selectedCountry, setSelectedCountry] = useState(null);\r\n const [selectedOperatingCountries, setSelectedOperatingCountries] = useState([]);\r\n const [sectorsList, setSectorsList] = useState([]);\r\n const [selectedSectors, setSelectedSectors] = useState([]);\r\n const [sizesList, setSizesList] = useState([]);\r\n const [selectedSize, setSelectedSize] = useState(null);\r\n const [organizationTypes, setOrganizationTypes] = useState([]);\r\n const [selectedType, setSelectedType] = useState(null);\r\n\r\n const handleTypeChange = (selectedType, values) => {\r\n values.type = selectedType.value;\r\n setSelectedType(selectedType);\r\n };\r\n\r\n const handleCountryChange = (selectedCountry, values) => {\r\n values.country = selectedCountry.value;\r\n setSelectedCountry(selectedCountry);\r\n };\r\n\r\n const handleSectorChange = (selectedSectors, values) => {\r\n values.sector = selectedSectors?.map((sector) => {\r\n return sector.value;\r\n });\r\n setSelectedSectors(selectedSectors);\r\n };\r\n\r\n const handleOperatingCountries = (selectedOperatingCountries, values) => {\r\n values.operation = selectedOperatingCountries?.map((operation) => {\r\n return operation.value;\r\n });\r\n setSelectedOperatingCountries(selectedOperatingCountries);\r\n };\r\n\r\n const handleSizeChange = (selectedSize, values) => {\r\n values.size = selectedSize.value;\r\n setSelectedSize(selectedSize);\r\n };\r\n\r\n const saveOrganization = (values) => {\r\n setIsLoading(true);\r\n const userId = state?.data || user?.id || LocalStorageService.getItem(\"userId\");\r\n httpService\r\n .post(\r\n \"/organization\",\r\n {\r\n userId: userId,\r\n internationalName: values.name,\r\n acronym: values.acronym,\r\n description: values.description,\r\n dateOfEstablishment: values.year,\r\n baseCountryId: values.country,\r\n address: values.address,\r\n organizationSectors: values.sector,\r\n orgSizeId: values.size,\r\n orgTypeId: values.type,\r\n email: values.email,\r\n phoneNumber: values.number,\r\n countries: values.operation\r\n },\r\n (data) => {\r\n setIsLoading(false);\r\n LocalStorageService.setItem(\"orgId\", data.data);\r\n if (+values.type === 3 || +values.type === 2) {\r\n //Donor or International Organization\r\n navigate(\"/auth/success\", { state: { fromApp: true } });\r\n } else {\r\n navigate(\"/auth/request-approval\", {\r\n state: { fromApp: true, orgID: data.data }\r\n });\r\n }\r\n }\r\n )\r\n .finally(() => {\r\n setIsLoading(false);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (!state?.fromApp) {\r\n return navigate(\"/auth/registration\");\r\n }\r\n }, [state, navigate]);\r\n\r\n useEffect(() => {\r\n httpService.get(\"/countries\", (data) => {\r\n const formattedData = data.data.map((country) => {\r\n return {\r\n value: country.id,\r\n label: country.name\r\n };\r\n });\r\n setCountriesList(formattedData);\r\n });\r\n\r\n httpService.get(\"/organization/sectors/null\", (data) => {\r\n const formattedData = data.data.map((sector) => {\r\n return {\r\n value: sector.id,\r\n label: sector.name\r\n };\r\n });\r\n setSectorsList(formattedData);\r\n });\r\n\r\n httpService.get(\"/organization/sizes\", (data) => {\r\n const formattedData = data.data.map((size) => {\r\n return {\r\n value: size.id,\r\n label: size.range\r\n };\r\n });\r\n\r\n setSizesList(formattedData);\r\n });\r\n\r\n httpService.get(\"/organization/types\", (data) => {\r\n const formattedData = data.data.map((type) => {\r\n return {\r\n value: type.id,\r\n label: type.name\r\n };\r\n });\r\n\r\n setOrganizationTypes(formattedData);\r\n });\r\n }, []);\r\n\r\n return (\r\n <>\r\n \r\n \r\n 
\r\n \r\n \r\n 
\r\n Go back to login\r\n \r\n
\r\n \r\n
\r\n\r\n Welcome to KAPorg!
\r\n\r\n Which profile describes you best?\r\n
\r\n\r\n \r\n <>\r\n
\r\n {selectedProfile && (\r\n \r\n \r\n
\r\n )}\r\n \r\n {\r\n saveOrganization(values);\r\n }}\r\n >\r\n {({\r\n handleSubmit,\r\n handleChange,\r\n touched,\r\n values,\r\n errors,\r\n setFieldTouched,\r\n setFieldValue\r\n }) => (\r\n \r\n
\r\n \r\n );\r\n}\r\n\r\nexport default RegistrationStep2;\r\n","import { Fab, TextField } from \"@material-ui/core\";\r\nimport AddIcon from \"@material-ui/icons/Add\";\r\nimport { Field, Formik } from \"formik\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport * as Yup from \"yup\";\r\nimport { LocalStorageService } from \"../../base/services/local-storage.service\";\r\nimport https from \"../../base/utils/http\";\r\nimport { errorHandler, getErrorMessage } from \"../../base/utils/errorHandler\";\r\nimport { getLoading, getUser } from \"./selectors\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport BlockUI from \"../../base/components/BlockUI\";\r\nimport { setLoading } from \"./authSlice\";\r\nimport FileUpload from \"../../base/components/FileUpload/FileUpload\";\r\n\r\nconst initialValues = {\r\n isRegistered: \"0\",\r\n message: \"\",\r\n files: \"\",\r\n additionalFileName: \"\"\r\n};\r\n\r\nfunction RegistrationStep3() {\r\n const { state } = useLocation();\r\n const navigate = useNavigate();\r\n const [isLoading, setIsLoading] = useState(false);\r\n const [files, setFiles] = useState();\r\n\r\n const RegistrationSchema = Yup.object().shape({\r\n message: Yup.string()\r\n .min(3, \"Minimum 3 symbols\")\r\n .max(50, \"Maximum 50 symbols\"),\r\n isRegistered: Yup.bool(),\r\n files: Yup.string().when(\"isRegistered\", {\r\n is: true,\r\n then: Yup.string().required(\"Registered organizations must upload their files\")\r\n })\r\n });\r\n\r\n const { user } = useSelector((state) => ({\r\n user: getUser(state)\r\n }));\r\n\r\n const onFileUpload = (val, setFieldValue) => {\r\n const paths = val.map((vl) => vl.path);\r\n setFieldValue(\"files\", paths);\r\n };\r\n\r\n const sendApprovalRequest = (val) => {\r\n setIsLoading(true);\r\n httpService\r\n .post(\r\n \"/approvalrequest/add\",\r\n {\r\n organizationId: state?.data || LocalStorageService.getItem(\"orgId\"),\r\n isRegistered: +val.isRegistered === 1 ? true : false,\r\n requestMessage: val.message,\r\n additionalFileName: val.additionalFileName,\r\n files: val.files\r\n },\r\n (data) => {\r\n setIsLoading(false);\r\n navigate(\"/auth/success\", { state: { fromApp: true } });\r\n }\r\n )\r\n .finally(() => setIsLoading(false));\r\n };\r\n\r\n useEffect(() => {\r\n if (!state?.fromApp) {\r\n return navigate(\"/auth/registration\");\r\n }\r\n }, [state, navigate, user]);\r\n\r\n return (\r\n \r\n
\r\n Organization information
\r\n\r\n \r\n
\r\n {errors.name}
\r\n ) : null}{\" \"}\r\n \r\n \r\n
\r\n {errors.acronym}
\r\n ) : null}{\" \"}\r\n \r\n \r\n
\r\n {errors.description}
\r\n ) : null}{\" \"}\r\n \r\n
\r\n \r\n \r\n {\r\n setStartDate(val);\r\n setFieldValue(\"year\", val);\r\n }}\r\n />\r\n {errors.year && touched.year ? (\r\n
\r\n {errors.year}
\r\n ) : null}{\" \"}\r\n \r\n \r\n {\r\n handleCountryChange(selectedOption, values);\r\n }}\r\n options={countriesList}\r\n values={values.country}\r\n />\r\n {errors.country && touched.country ? (\r\n
\r\n {errors.country}
\r\n ) : null}{\" \"}\r\n \r\n \r\n
\r\n {errors.address}
\r\n ) : null}{\" \"}\r\n \r\n \r\n {\r\n handleSectorChange(selectedSectors, values);\r\n }}\r\n options={sectorsList}\r\n values={values.sector}\r\n />\r\n {errors.sector && touched.sector ? (\r\n
\r\n {errors.sector}
\r\n ) : null}{\" \"}\r\n \r\n \r\n {\r\n handleSizeChange(selectedSize, values);\r\n }}\r\n options={sizesList}\r\n values={values.size}\r\n />\r\n {errors.size && touched.size ? (\r\n
\r\n {errors.size}
\r\n ) : null}{\" \"}\r\n \r\n \r\n {\r\n handleTypeChange(selectedType, values);\r\n }}\r\n options={organizationTypes}\r\n values={values.type}\r\n />\r\n {errors.size && touched.size ? (\r\n
\r\n {errors.size}
\r\n ) : null}{\" \"}\r\n \r\n \r\n
\r\n {errors.email}
\r\n ) : null}{\" \"}\r\n \r\n \r\n
\r\n {errors.number}
\r\n ) : null}{\" \"}\r\n \r\n \r\n {\r\n handleOperatingCountries(selectedOperatingCountries, values);\r\n }}\r\n options={countriesList}\r\n values={values.operation}\r\n />\r\n {errors.operation && touched.operation ? (\r\n ({\r\n label: item.name,\r\n value: item.id,\r\n code: item.code\r\n }))}\r\n onChange={handleChange}\r\n id=\"operation\"\r\n name=\"operation\"\r\n component=\"operation\"\r\n />\r\n {errors.operation && touched.operation ? (\r\n
\r\n \r\n {errors.operation}
\r\n ) : null}{\" \"}\r\n {/* {errors.operation}
\r\n ) : null}{\" \"} */}\r\n \r\n \r\n Next\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n {\r\n sendApprovalRequest(values);\r\n }}\r\n >\r\n {({ handleSubmit, handleChange, values, setFieldValue, errors, touched }) => (\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default RegistrationStep3;\r\n","import React, { useState } from \"react\";\r\nimport { Formik } from \"formik\";\r\nimport * as Yup from \"yup\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport { Link, useLocation } from \"react-router-dom\";\r\nimport Toast from \"../../base/components/Toast\";\r\nimport { LocalStorageService } from \"../../base/services/local-storage.service\";\r\nconst initialValues = {\r\n code: \"\"\r\n};\r\n\r\nfunction ConfirmCode() {\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n\r\n const [error, setError] = useState(null);\r\n const userID = LocalStorageService.getItem(\"userId\");\r\n const searchParam = new URLSearchParams(location.search);\r\n const email = searchParam.get(\"email\");\r\n\r\n const sentCode = async (values) => {\r\n let formattedUserId = userID.replace(/\"/g, \"\");\r\n try {\r\n await httpService\r\n .post(\"/Accounts/confirm-email\", {\r\n userId: formattedUserId,\r\n code: values.code.trim()\r\n })\r\n .then(() => {\r\n navigate(`/auth/expert-registration-step-three`);\r\n Toast.success(\"Code verified successfully\");\r\n });\r\n } catch (error) {\r\n const errorMessages =\r\n error.response &&\r\n error.response.data &&\r\n error.response.data.errors &&\r\n error.response.data.errors.map((error) => error.message);\r\n if (errorMessages && errorMessages.length > 0) {\r\n errorMessages.forEach((errorMessage) => {\r\n Toast.error(errorMessage);\r\n setError(true);\r\n });\r\n } else {\r\n setError(false);\r\n }\r\n }\r\n };\r\n\r\n const ConfirmCodeSchema = Yup.object().shape({\r\n code: Yup.string().required(\"Verification code is required\")\r\n });\r\n\r\n return (\r\n \r\n
\r\n Verification information
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {errors.isRegistered && (\r\n
\r\n {errors.isRegistered}
\r\n )}\r\n \r\n
\r\n \r\n \r\n onFileUpload(val, setFieldValue)} />\r\n \r\n {errors.files ?
\r\n {/* {errors.files}
: null}{\" \"}\r\n \r\n \r\n onFileUpload(val, setFieldValue)} />\r\n \r\n
*/}\r\n \r\n \r\n
\r\n \r\n {errors.message}
}\r\n \r\n \r\n Submit\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n {/* Card */}\r\n \r\n \r\n Your application is being reviewed.
\r\n You will receive a confirmation via email shortly.\r\n \r\n {/* image */}\r\n
\r\n \r\n {/* \r\n You will receive a confirmation via email shortly.\r\n \r\n {/* image */}\r\n
\r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
*/}\r\n \r\n );\r\n}\r\n\r\nexport default VerificationCodeAndSignIn;\r\n","import React, { useEffect, useState } from \"react\";\r\n// import { useDispatch } from \"react-redux\";\r\nimport { Link, useLocation, useNavigate } from \"react-router-dom\";\r\n// import { httpService } from \"../../../base/services/httpService.service\";\r\n// import { LocalStorageService } from \"../../../base/services/local-storage.service\";\r\nimport * as Yup from \"yup\";\r\nimport { Form, Formik } from \"formik\";\r\n// import Toast from \"../../../base/components/Toast\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport Toast from \"../../../base/components/Toast\";\r\nimport { LocalStorageService } from \"../../../base/services/local-storage.service\";\r\nimport { Button, Spin } from \"antd\";\r\n\r\nconst initialValues = {\r\n code: \"\"\r\n};\r\n\r\nfunction ForgotPasswordConfirm() {\r\n const navigate = useNavigate();\r\n const [code, setCode] = useState();\r\n const location = useLocation();\r\n const userID = LocalStorageService.getItem(\"recoveryData\");\r\n const searchParam = new URLSearchParams(location.search);\r\n const email = searchParam.get(\"email\");\r\n const [error, setError] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const ConfirmCodeSchema = Yup.object().shape({\r\n code: Yup.string()\r\n .min(6, \"Minimum 6 symbols\")\r\n .max(6, \"Maximum 12 symbols\")\r\n .required(\"Code is required\")\r\n });\r\n\r\n const assignToken = (data) => {\r\n localStorage.setItem('resetToken', JSON.stringify(data?.token));\r\n navigate(\"/auth/reset-password\");\r\n }\r\n\r\n const checkCode = async (values) => {\r\n // let formattedUserId = userID.replace(/\"/g, \"\");\r\n try {\r\n setLoading(true);\r\n const res = await httpService.post(\"/Accounts/password/recover/check-code\", {\r\n userId: userID,\r\n code: values?.code\r\n });\r\n if (res.status === 200) {\r\n assignToken(res?.data?.data);\r\n }\r\n } catch (error) {\r\n if (error.response && error.response.data && error.response.data.errors) {\r\n const errorMessages = error.response.data.errors.map((error) => error.message);\r\n if (errorMessages.length > 0) {\r\n errorMessages.forEach((errorMessage) => {\r\n Toast.error(errorMessage);\r\n });\r\n setError(true);\r\n }\r\n } else {\r\n setError(false);\r\n }\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const resendCode = async (values) => {\r\n try {\r\n const res = await httpService.post(\"/Accounts/password/recover\", {\r\n email: values?.email\r\n });\r\n if (res?.status === 200) {\r\n Toast.success(\"Code has been resent to your email\");\r\n }\r\n } catch (error) {\r\n if (error.response && error.response.data && error.response.data.errors) {\r\n const errorMessages = error.response.data.errors.map((error) => error.message);\r\n if (errorMessages.length > 0) {\r\n errorMessages.forEach((errorMessage) => {\r\n Toast.error(errorMessage);\r\n });\r\n setError(true);\r\n }\r\n }\r\n }\r\n };\r\n\r\n const handleResendCode = () => {\r\n const values = { email: email };\r\n resendCode(values);\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default PrivacyPolicyComponent;\r\n","import React from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\nconst TermsServices = () => {\r\n return (\r\n Privacy policy
\r\n\r\n
\r\n \r\n
\r\n These Terms of Service were last updated on March 4, 2024.
\r\n\r\n Your privacy is important to us. It is International Advisory, Products and\r\n Systems Ltd's policy to respect your privacy and comply with any applicable law\r\n and regulation regarding any personal information we may collect about you,\r\n including across our websites,{\" \"}\r\n
\r\n Personal information is any information about you which can be used to identify\r\n you. This includes information about you as a person (such as name, address, and\r\n date of birth), your devices, payment details, and even information about how you\r\n use a website or online service.\r\n
\r\n\r\n In the event our sites contain links to third-party sites and services, please be\r\n aware that those sites and services have their own privacy policies. After\r\n following a link to any third-party content, you should read their posted privacy\r\n policy information about how they collect and use personal information. This\r\n Privacy Policy does not apply to any of your activities after you leave one of our\r\n sites.\r\n
\r\n\r\n
\r\n Information We Collect
\r\n\r\n Information we collect falls into one of two categories: “voluntarily provided”\r\n information and “automatically collected” information\r\n
\r\n\r\n “Voluntarily provided” information refers to any information you knowingly and\r\n actively provide us when using or participating in any of our services and\r\n promotions.\r\n
\r\n\r\n “Automatically collected” information refers to any information automatically sent\r\n by your devices in the course of accessing our products and services.\r\n
\r\n\r\n
\r\n Log Data
\r\n\r\n When you visit one of our websites, our servers may automatically log the standard\r\n data provided by your web browser. It may include your device’s Internet Protocol\r\n (IP) address, your browser type and version, the pages you visit, the time and\r\n date of your visit, the time spent on each page, and other details about your\r\n visit.\r\n
\r\n\r\n Additionally, if you encounter certain errors while using our sites, we may\r\n automatically collect data about the error and the circumstances surrounding its\r\n occurrence. This data may include technical details about your device, what you\r\n were trying to do when the error happened, and other technical information\r\n relating to the problem. You may or may not receive notice of such errors, even in\r\n the moment they occur, that they have occurred, or what the nature of the error\r\n is.\r\n
\r\n\r\n Please be aware that while this information may not be personally identifying by\r\n itself, it may be possible to combine it with other data to personally identify\r\n individual persons.\r\n
\r\n\r\n
\r\n Device Data
\r\n\r\n When you visit our websites or interact with our services, we may automatically\r\n collect data about your device, such as:\r\n
\r\n- \r\n
- Device type \r\n
- Operating system \r\n
- Unique device identifiers \r\n
- Geo-location data \r\n
\r\n Data we collect can depend on the individual settings of your device and software.\r\n We recommend checking the policies of your device manufacturer or software\r\n provider to learn what information they make available to us.\r\n
\r\n\r\n
\r\n Personal Information
\r\n\r\n We may ask for personal information — for example, when you subscribe to our\r\n newsletter or when you contact us — which may include one or more of the\r\n following:\r\n
\r\n- \r\n
- Name \r\n
- Unique device identifiers \r\n
- Social media profiles \r\n
- Date of birth \r\n
- Phone/mobile number \r\n
- Home/mailing address \r\n
- Work-related information \r\n
- Company name \r\n
- Title \r\n
\r\n
\r\n Sensitive Information
\r\n\r\n “Sensitive information” or “special categories of data” is a subset of personal\r\n information that is given a higher level of protection. Examples of sensitive\r\n information include information relating to your racial or ethnic origin,\r\n political opinions, religion, trade union or other professional associations or\r\n memberships, philosophical beliefs, sexual orientation, sexual practices or sex\r\n life, criminal records, health information, or biometric information.\r\n
\r\nThe types of sensitive information that we may collect about you include:
\r\n- \r\n
- Gender \r\n
\r\n We will not collect sensitive information about you without first obtaining your\r\n consent, and we will only use or disclose your sensitive information as permitted,\r\n required, or authorized by law.\r\n
\r\n\r\n
\r\n User-Generated Content
\r\n\r\n We consider “user-generated content” to be materials (text, image and/or video\r\n content) voluntarily supplied to us by our users for the purpose of publication,\r\n processing, or usage on our platform. All user-generated content is associated\r\n with the account or email address used to submit the materials.\r\n
\r\n\r\n Please be aware that any content you submit for the purpose of publication will be\r\n public after posting (and subsequent review or vetting process). Once published,\r\n it may be accessible to third parties not covered under this privacy policy.\r\n
\r\n\r\n
\r\n Transaction Data
\r\n\r\n Transaction data refers to data that accumulates over the normal course of\r\n operation on our platform. This may include transaction records, stored files,\r\n user profiles, analytics data and other metrics, as well as other types of\r\n information, created or generated, as users interact with our services.\r\n
\r\n\r\n
\r\n \r\n Legitimate Reasons for Processing Your Personal Information\r\n
\r\n\r\n We only collect and use your personal information when we have a legitimate reason\r\n for doing so. In which instance, we only collect personal information that is\r\n reasonably necessary to provide our services to you.\r\n
\r\n\r\n
\r\n \r\n Collection and Use of Information\r\n
\r\n\r\n We may collect personal information from you when you do any of the following on\r\n our websites:\r\n
\r\n- \r\n
- Register for an account \r\n
- Purchase a subscription \r\n
- Sign up to receive updates from us via email or social media channels \r\n
- Use a mobile device or web browser to access our content \r\n
- Contact us via email, social media, or on any similar technologies \r\n
- When you mention us on social media \r\n
- to provide you with our platform's core features and services \r\n
- to enable you to customize or personalize your experience of our websites \r\n
- to deliver products and/or services to you \r\n
- to contact and communicate with you \r\n
- \r\n for analytics, market research, and business development, including to operate\r\n and improve our websites, associated applications, and associated social media\r\n platforms\r\n \r\n
- \r\n for advertising and marketing, including to send you promotional information\r\n about our products and services and information about third parties that we\r\n consider may be of interest to you\r\n \r\n
- \r\n to enable you to access and use our websites, associated applications, and\r\n associated social media platforms\r\n \r\n
- for internal record keeping and administrative purposes \r\n
- \r\n to comply with our legal obligations and resolve any disputes that we may have\r\n \r\n
- \r\n to attribute any content (e.g. posts and comments) you submit that we publish\r\n on our websites\r\n \r\n
- \r\n for security and fraud prevention, and to ensure that our sites and apps are\r\n safe, secure, and used in line with our terms of use\r\n \r\n
- \r\n for technical assessment, including to operate and improve our app, associated\r\n applications, and associated social media platforms\r\n \r\n
\r\n We may collect, hold, use, and disclose information for the following purposes,\r\n and personal information will not be further processed in a manner that is\r\n incompatible with these purposes:\r\n
\r\n\r\n We may combine voluntarily provided and automatically collected personal\r\n information with general information or research data we receive from other\r\n trusted sources. For example, If you provide us with your location, we may combine\r\n this with general information about currency and language to provide you with an\r\n enhanced experience of our sites and service.\r\n
\r\n\r\n
\r\n \r\n Security of Your Personal Information\r\n
\r\n\r\n When we collect and process personal information, and while we retain this\r\n information, we will protect it within commercially acceptable means to prevent\r\n loss and theft, as well as unauthorized access, disclosure, copying, use or\r\n modification.\r\n
\r\n\r\n Although we will do our best to protect the personal information you provide to\r\n us, we advise that no method of electronic transmission or storage is 100% secure\r\n and no one can guarantee absolute data security.\r\n
\r\n\r\n You are responsible for selecting any password and its overall security strength,\r\n ensuring the security of your own information within the bounds of our services.\r\n For example, ensuring any passwords associated with accessing your personal\r\n information and accounts are secure and confidential.\r\n
\r\n\r\n
\r\n \r\n How Long We Keep Your Personal Information\r\n
\r\n\r\n We keep your personal information only for as long as we need to. This time period\r\n may depend on what we are using your information for, in accordance with this\r\n privacy policy. For example, if you have provided us with personal information as\r\n part of creating an account with us, we may retain this information for the\r\n duration your account exists on our system. If your personal information is no\r\n longer required for this purpose, we will delete it or make it anonymous by\r\n removing all details that identify you.\r\n
\r\n\r\n However, if necessary, we may retain your personal information for our compliance\r\n with a legal, accounting, or reporting obligation or for archiving purposes in the\r\n public interest, scientific, or historical research purposes or statistical\r\n purposes.\r\n
\r\n\r\n
\r\n Children’s Privacy
\r\n\r\n We do not aim any of our products or services directly at children under the age\r\n of 13 and we do not knowingly collect personal information about children under\r\n 13.\r\n
\r\nDisclosure of Personal Information to Third Parties
\r\nWe may disclose personal information to:
\r\n- \r\n
- a parent, subsidiary or affiliate of our company \r\n
- \r\n third-party service providers for the purpose of enabling them to provide their\r\n services, including (without limitation) IT service providers, data storage,\r\n hosting and server providers,ad networks,analytics,error loggers, debt\r\n collectors, maintenance or problem-solving\r\n providers,marketingoradvertisingproviders,professional advisors, and payment\r\n systems operators\r\n \r\n
- our employees, contractors, and/or related entities \r\n
- our existing or potential agents or business partners \r\n
- \r\n credit reporting agencies, courts, tribunals, and regulatory authorities, in\r\n the event you fail to pay for goods or services we have provided to you\r\n \r\n
- \r\n courts, tribunals, regulatory authorities, and law enforcement officers, as\r\n required by law, in connection with any actual or prospective legal\r\n proceedings, or in order to establish, exercise, or defend our legal rights\r\n \r\n
- \r\n third parties, including agents or sub-contractors who assist us in providing\r\n information, products, services, or direct marketing to you\r\n \r\n
- third parties to collect and process data \r\n
- \r\n an entity that buys, or to which we transfer all or substantially all of our\r\n assets and business\r\n \r\n
Third parties we currently use include:
\r\n- \r\n
- Google Analytics \r\n
- Open Web Analytics \r\n
- MailChimp \r\n
- SendGrid \r\n
- Google AdSense \r\n
- Bing Ads \r\n
- X \r\n
- Paypal \r\n
- Stripe \r\n
- Square \r\n
- Google Payments \r\n
- Apple Pay \r\n
- Amazon Web Services \r\n
- Google Cloud \r\n
- Microsoft Azure \r\n
- ServerMania \r\n
\r\n
\r\n \r\n International Transfers of Personal Information\r\n
\r\n\r\n The personal information we collect is stored and/or processed in United States,\r\n or where we or our partners, affiliates, and third-party providers maintain\r\n facilities.\r\n
\r\n\r\n The countries to which we store, process, or transfer your personal information\r\n may not have the same data protection laws as the country in which you initially\r\n provided the information. If we transfer your personal information to third\r\n parties in other countries: (i) we will perform those transfers in accordance with\r\n the requirements of applicable law; and (ii) we will protect the transferred\r\n personal information in accordance with this privacy policy.\r\n
\r\n\r\n
\r\n \r\n Your Rights and Controlling Your Personal Information\r\n
\r\n\r\n Your choice: By providing personal information to us, you understand we will\r\n collect, hold, use, and disclose your personal information in accordance with this\r\n privacy policy. You do not have to provide personal information to us, however, if\r\n you do not, it may affect your use of our websites or the products and/or services\r\n offered on or through them.\r\n
\r\n\r\n Information from third parties: If we receive personal information about you from\r\n a third party, we will protect it as set out in this privacy policy. If you are a\r\n third party providing personal information about somebody else, you represent and\r\n warrant that you have such person’s consent to provide the personal information to\r\n us\r\n
\r\n\r\n Marketing permission: If you have previously agreed to us using your personal\r\n information for direct marketing purposes, you may change your mind at any time by\r\n contacting us using the details below.\r\n
\r\n\r\n Access: You may request details of the personal information that we hold about you\r\n
\r\n\r\n Correction: If you believe that any information we hold about you is inaccurate,\r\n out of date, incomplete, irrelevant, or misleading, please contact us using the\r\n details provided in this privacy policy. We will take reasonable steps to correct\r\n any information found to be inaccurate, incomplete, misleading, or out of date.\r\n
\r\n\r\n Non-discrimination: We will not discriminate against you for exercising any of\r\n your rights over your personal information. Unless your personal information is\r\n required to provide you with a particular service or offer (for example processing\r\n transaction data), we will not deny you goods or services and/or charge you\r\n different prices or rates for goods or services, including through granting\r\n discounts or other benefits, or imposing penalties, or provide you with a\r\n different level or quality of goods or services.\r\n
\r\n\r\n Downloading of Personal Information: We provide a means for you to download the\r\n personal information you have shared through our sites. Please contact us for more\r\n information.\r\n
\r\n\r\n Notification of data breaches: We will comply with laws applicable to us in\r\n respect of any data breach.\r\n
\r\n\r\n Complaints: If you believe that we have breached a relevant data protection law\r\n and wish to make a complaint, please contact us using the details below and\r\n provide us with full details of the alleged breach. We will promptly investigate\r\n your complaint and respond to you, in writing, setting out the outcome of our\r\n investigation and the steps we will take to deal with your complaint. You also\r\n have the right to contact a regulatory body or data protection authority in\r\n relation to your complaint.\r\n
\r\n\r\n Unsubscribe: To unsubscribe from our email database or opt-out of communications\r\n (including marketing communications), please contact us using the details provided\r\n in this privacy policy, or opt-out using the opt-out facilities provided in the\r\n communication. We may need to request specific information from you to help us\r\n confirm your identity.\r\n
\r\n\r\n
\r\n Use of Cookies
\r\n\r\n We use \"cookies\" to collect information about you and your activity across our\r\n sites. A cookie is a small piece of data that our websites store on your computer,\r\n and access each time you visit, so we can understand how you use our sites. This\r\n helps us serve you content based on preferences you have specified.\r\n
\r\nPlease refer to our Cookie Policy for more information.
\r\n\r\n
\r\n Business Transfers
\r\n\r\n If we or our assets are acquired, or in the unlikely event that we go out of\r\n business or enter bankruptcy, we would include data, including your personal\r\n information, among the assets transferred to any parties who acquire us. You\r\n acknowledge that such transfers may occur, and that any parties who acquire us\r\n may, to the extent permitted by applicable law, continue to use your personal\r\n information according to this policy, which they will be required to assume as it\r\n is the basis for any ownership or use rights we have over such information.\r\n
\r\n\r\n
\r\n Limits of Our Policy
\r\n\r\n Our websites may link to external sites that are not operated by us. Please be\r\n aware that we have no control over the content and policies of those sites, and\r\n cannot accept responsibility or liability for their respective privacy practices.\r\n
\r\n\r\n
\r\n Changes to This Policy
\r\n\r\n At our discretion, we may change our privacy policy to reflect updates to our\r\n business processes, current acceptable practices, or legislative or regulatory\r\n changes. If we decide to change this privacy policy, we will post the changes here\r\n at the same link by which you are accessing this privacy policy.\r\n
\r\n\r\n If the changes are significant, or if required by applicable law, we will contact\r\n you (based on your selected preferences for communications from us) and all our\r\n registered users with the new details and links to the updated or changed policy.\r\n
\r\n\r\n If required by law, we will get your permission or give you the opportunity to opt\r\n in to or opt out of, as applicable, any new uses of your personal information.\r\n
\r\n\r\n
\r\n \r\n Additional Disclosures for Australian Privacy Act Compliance (AU)\r\n
\r\n\r\n International Transfers of Personal Information\r\n
\r\n\r\n Where the disclosure of your personal information is solely subject to Australian\r\n privacy laws, you acknowledge that some third parties may not be regulated by the\r\n Privacy Act and the Australian Privacy Principles in the Privacy Act. You\r\n acknowledge that if any such third party engages in any act or practice that\r\n contravenes the Australian Privacy Principles, it would not be accountable under\r\n the Privacy Act, and you will not be able to seek redress under the Privacy Act.\r\n
\r\n\r\n
\r\n \r\n Additional Disclosures for General Data Protection Regulation (GDPR) Compliance\r\n (EU)\r\n
\r\n\r\n Data Controller / Data Processor\r\n
\r\n\r\n The GDPR distinguishes between organisations that process personal information for\r\n their own purposes (known as \"data controllers\") and organisations that process\r\n personal information on behalf of other organisations (known as \"data\r\n processors\"). We, International Advisory, Products and Systems Ltd, located at the\r\n address provided in our Contact Us section, are a Data Controller and/or Processor\r\n with respect to the personal information you provide to us.\r\n
\r\n\r\n
\r\n \r\n Legal Bases for Processing Your Personal Information\r\n
\r\n\r\n We will only collect and use your personal information when we have a legal right\r\n to do so. In which case, we will collect and use your personal information\r\n lawfully, fairly, and in a transparent manner. If we seek your consent to process\r\n your personal information, and you are under 16 years of age, we will seek your\r\n parent or legal guardian’s consent to process your personal information for that\r\n specific purpose.\r\n
\r\n\r\n Our lawful bases depend on the services you use and how you use them. This means\r\n we only collect and use your information on the following grounds:\r\n
\r\n\r\n
\r\n Consent From You
\r\n\r\n Where you give us consent to collect and use your personal information for a\r\n specific purpose. You may withdraw your consent at any time using the facilities\r\n we provide; however this will not affect any use of your information that has\r\n already taken place. You may consent to providing your email address for the\r\n purpose of receiving marketing emails from us. While you may unsubscribe at any\r\n time, we cannot recall any email we have already sent. If you have any further\r\n enquiries about how to withdraw your consent, please feel free to enquire using\r\n the details provided in the Contact Us section of this privacy policy\r\n
\r\n\r\n
\r\n \r\n Performance of a Contract or Transaction\r\n
\r\n\r\n Where you have entered into a contract or transaction with us, or in order to take\r\n preparatory steps prior to our entering into a contract or transaction with you.\r\n For example, if you purchase a product, service, or subscription from us, we may\r\n need to use your personal and payment information in order to process and deliver\r\n your order.\r\n
\r\n\r\n
\r\n Our Legitimate Interests
\r\n\r\n Where we assess it is necessary for our legitimate interests, such as for us to\r\n provide, operate, improve and communicate our services. We consider our legitimate\r\n interests to include research and development, understanding our audience,\r\n marketing and promoting our services, measures taken to operate our services\r\n efficiently, marketing analysis, and measures taken to protect our legal rights\r\n and interests.\r\n
\r\n\r\n
\r\n Compliance with Law
\r\n\r\n In some cases, we may have a legal obligation to use or keep your personal\r\n information. Such cases may include (but are not limited to) court orders,\r\n criminal investigations, government requests, and regulatory obligations. If you\r\n have any further enquiries about how we retain personal information in order to\r\n comply with the law, please feel free to enquire using the details provided in the\r\n Contact Us section of this privacy policy.\r\n
\r\n\r\n
\r\n \r\n International Transfers Outside of the European Economic Area (EEA)\r\n
\r\n\r\n We will ensure that any transfer of personal information from countries in the\r\n European Economic Area (EEA) to countries outside the EEA will be protected by\r\n appropriate safeguards, for example by using standard data protection clauses\r\n approved by the European Commission, or the use of binding corporate rules or\r\n other legally accepted means.\r\n
\r\n\r\n
\r\n \r\n Your Rights and Controlling Your Personal Information\r\n
\r\n\r\n Restrict: You have the right to request that we restrict the processing of your\r\n personal information if (i) you are concerned about the accuracy of your personal\r\n information; (ii) you believe your personal information has been unlawfully\r\n processed; (iii) you need us to maintain the personal information solely for the\r\n purpose of a legal claim; or (iv) we are in the process of considering your\r\n objection in relation to processing on the basis of legitimate interests.\r\n
\r\n\r\n Objecting to processing: You have the right to object to processing of your\r\n personal information that is based on our legitimate interests or public interest.\r\n If this is done, we must provide compelling legitimate grounds for the processing\r\n which overrides your interests, rights, and freedoms, in order to proceed with the\r\n processing of your personal information.\r\n
\r\n\r\n Data portability: You may have the right to request a copy of the personal\r\n information we hold about you. Where possible, we will provide this information in\r\n CSV format or other easily readable machine format. You may also have the right to\r\n request that we transfer this personal information to a third party.\r\n
\r\n\r\n Deletion: You may have a right to request that we delete the personal information\r\n we hold about you at any time, and we will take reasonable steps to delete your\r\n personal information from our current records. If you ask us to delete your\r\n personal information, we will let you know how the deletion affects your use of\r\n our websites or products and services. There may be exceptions to this right for\r\n specific legal reasons which, if applicable, we will set out for you in response\r\n to your request. If you terminate or delete your account, we will delete your\r\n personal information within 45 days of the deletion of your account. Please be\r\n aware that search engines and similar third parties may still retain copies of\r\n your personal information that has been made public at least once, like certain\r\n profile information and public comments, even after you have deleted the\r\n information from our services or deactivated your account.\r\n
\r\n\r\n
\r\n \r\n Additional Disclosures for U.S. States Privacy Law Compliance.\r\n
\r\n\r\n The following section includes provisions that comply with the privacy laws of\r\n these states (California, Colorado, Delaware, Florida, Virginia, and Utah) and is\r\n applicable only to the residents of those states. Specific references to a\r\n particular state (in a heading or in the text) are only a reference to that\r\n state's law and applies only to that state's residents. Non-state specific\r\n language applies to all of the states listed above.\r\n
\r\n\r\n
\r\n Do Not Track
\r\n\r\n Some browsers have a \"Do Not Track\" feature that lets you tell websites that you\r\n do not want to have your online activities tracked. At this time, we do not\r\n respond to browser \"Do Not Track\" signals.\r\n
\r\n\r\n We adhere to the standards outlined in this privacy policy, ensuring we collect\r\n and process personal information lawfully, fairly, transparently, and with\r\n legitimate, legal reasons for doing so.\r\n
\r\n\r\n
\r\n Cookies and Pixels
\r\n\r\n\r\n At all times, you may decline cookies from our sites if your browser permits. Most\r\n browsers allow you to activate settings on your browser to refuse the setting of\r\n all or some cookies. Accordingly, your ability to limit cookies is based only on\r\n your browser’s capabilities. Please refer to the Cookies section of this privacy\r\n policy for more information.\r\n
\r\n\r\n
\r\n \r\n California Privacy Laws - CPPA\r\n
\r\n\r\n Under California Civil Code Section 1798.83, if you live in California and your\r\n business relationship with us is mainly for personal, family, or household\r\n purposes, you may ask us about the information we release to other organizations\r\n for their marketing purposes. In accordance with your right to non-discrimination,\r\n we may offer you certain financial incentives permitted by the California Consumer\r\n Privacy Act, and the California Privacy Rights Act (collectively, CCPA) that can\r\n result in different prices, rates, or quality levels for the goods or services we\r\n provide. Any CCPA-permitted financial incentive we offer will reasonably relate to\r\n the value of your personal information, and we will provide written terms that\r\n describe clearly the nature of such an offer. Participation in a financial\r\n incentive program requires your prior opt-in consent, which you may revoke at any\r\n time.\r\n
\r\n\r\n Under California Civil Code Section 1798.83, if you live in California and your\r\n business relationship with us is mainly for personal, family, or household\r\n purposes, you may ask us about the information we release to other organizations\r\n for their marketing purposes. To make such a request, please contact us using the\r\n details provided in this privacy policy with “Request for California privacy\r\n information” in the subject line. You may make this type of request once every\r\n calendar year. We will email you a list of categories of personal information we\r\n revealed to other organisations for their marketing purposes in the last calendar\r\n year, along with their names and addresses. Not all personal information shared in\r\n this way is covered by Section 1798.83 of the California Civil Code.\r\n
\r\n\r\n
\r\n \r\n California Notice of Collection\r\n
\r\n\r\n In the past 12 months, we have collected the following categories of personal\r\n information enumerated in the CCPA:\r\n
\r\n- \r\n
- \r\n {\" \"}\r\n Identifiers, such as name, email address, phone number, account name, IP\r\n address, and an ID or number assigned to your account.\r\n \r\n
- \r\n Customer records, such as billing and shipping address, and credit or debit\r\n card data.\r\n \r\n
- \r\n Demographics, such as your age or gender. This category includes data that may\r\n qualify as protected classifications under other California or federal laws.\r\n \r\n
- \r\n Commercial information, such as products or services history and purchases.\r\n \r\n
- Internet activity, such as your interactions with our service. \r\n
- \r\n Audio or visual data, such as photos or videos you share with us or post on the\r\n service.\r\n \r\n
- Geolocation data. \r\n
- \r\n Employment and education data, such as data you provide when you apply for a\r\n job with us.\r\n \r\n
- \r\n {\" \"}\r\n Inferences, such as information about your interests, preferences and\r\n favorites.\r\n \r\n
\r\n For more information on information we collect, including the sources we receive\r\n information from, review the “Information We Collect” section. We collect and use\r\n these categories of personal information for the business purposes described in\r\n the “Collection and Use of Information” section, including to provide and manage\r\n our Service.\r\n
\r\n\r\n
\r\n Right to Know and Delete
\r\n\r\n\r\n You have rights to delete your personal information we collected and know certain\r\n information about our data practices in the preceding 12 months. In particular,\r\n you have the right to request the following from us:\r\n
\r\n- \r\n
- The categories of personal information we have collected about you; \r\n
- \r\n The categories of sources from which the personal information was collected;\r\n \r\n
- \r\n The categories of personal information about you we disclosed for a business\r\n purpose or sold;\r\n \r\n
- \r\n The categories of third parties to whom the personal information was disclosed\r\n for a business purpose or sold;\r\n \r\n
- \r\n {\" \"}\r\n The business or commercial purpose for collecting or selling the personal\r\n information; and\r\n \r\n
- The specific pieces of personal information we have collected about you. \r\n
\r\n To exercise any of these rights, please contact us using the details provided in\r\n this privacy policy.\r\n
\r\n\r\n
\r\n Shine the Light
\r\n\r\n In addition to the rights discussed above, you have the right to request\r\n information from us regarding the manner in which we share certain personal\r\n information as defined by applicable statute with third parties and affiliates for\r\n their own direct marketing purposes.\r\n
\r\n\r\n To receive this information, send us a request using the contact details provided\r\n in this privacy policy. Requests must include “Privacy Rights Request” in the\r\n first line of the description and include your name, street address, city, state,\r\n and ZIP code.\r\n
\r\n\r\n
\r\n Contact Us
\r\n\r\n For any questions or concerns regarding your privacy, you may contact us using the\r\n following details:\r\n
\r\n\r\n Customer Service\r\n
\r\n \r\n info@kaptechgroup.com\r\n \r\n\r\n
\r\n );\r\n};\r\n\r\nexport default TermsServices;\r\n","import React from \"react\";\r\nconst CookiePolicy = () => {\r\n return (\r\n Terms of service
\r\n\r\n
\r\n \r\n
\r\n These Terms of Service were last updated on March 4, 2024.
\r\n\r\n These Terms of Service govern your use of our websites located at{\" \"}\r\n
\r\n
\r\n Overview of Services
\r\n\r\n International Advisory, Products and Systems Ltd. (i-APS), together with its\r\n affiliated entities, including but not limited to KAPsurvey, KAPorg, KAPinsights,\r\n and KAPcourse (hereinafter collectively referred to as “KAPtech Group”), provides\r\n technical advisory services, innovative technological solutions, and comprehensive\r\n data collection and analysis tools. The offerings of KAPtech Group are aimed at\r\n supporting the execution and management of expert and development projects.\r\n These services utilize cutting-edge technology and capitalize on extensive local\r\n expertise to assist partner organizations and communities in effectively\r\n responding to and overcoming challenges in expert aid and development\r\n sectors. By using the services provided by KAPtech Group, including accessing our\r\n websites, you agree to comply with and be bound by the terms and conditions set\r\n forth in this agreement. The services offered are subject to the terms outlined\r\n herein, along with any additional guidelines or rules applicable to specific\r\n services or features of the services.\r\n
\r\n\r\n
\r\n Limitations of Use
\r\n\r\n By using our websites, you warrant on behalf of yourself, your users, and other\r\n parties you represent that you will not:\r\n
\r\n- \r\n
- \r\n modify, copy, prepare derivative works of, decompile, or reverse engineer any\r\n materials and software contained on those websites;\r\n \r\n
- \r\n remove any copyright or other proprietary notations from any materials and\r\n software on those websites;\r\n \r\n
- \r\n transfer the materials to another person or \"mirror\" the materials on any other\r\n server;\r\n \r\n
- \r\n knowingly or negligently use those websites or any of their associated services\r\n in a way that abuses or disrupts our networks or any other service\r\n International Advisory, Products and Systems Ltd provides;\r\n \r\n\r\n
- \r\n use those websites or their associated services to transmit or publish any\r\n harassing, indecent, obscene, fraudulent, or unlawful material;\r\n \r\n
- \r\n use those websites or their associated services in violation of any applicable\r\n laws or regulations;\r\n \r\n
- \r\n use those websites in conjunction with sending unauthorized advertising or\r\n spam;{\" \"}\r\n \r\n
- harvest, collect, or gather user data without the user’s consent; or \r\n
- \r\n use those websites or their associated services in such a way that may infringe\r\n the privacy, intellectual property rights, or other rights of third parties\r\n \r\n
\r\n
\r\n Intellectual Property
\r\n\r\n The intellectual property in the materials contained in those websites are owned\r\n by or licensed to International Advisory, Products and Systems Ltd and are\r\n protected by applicable copyright and trademark law. We grant our users permission\r\n to download one copy of the materials for personal, non-commercial transitory use.\r\n This constitutes the grant of a license, not a transfer of title. This license\r\n shall automatically terminate if you violate any of these restrictions or the\r\n Terms of Service, and may be terminated by International Advisory, Products and\r\n Systems Ltd at any time.\r\n
\r\n\r\n
\r\n User-Generated Content
\r\n\r\n You retain your intellectual property ownership rights over the content you submit\r\n to us for publication on our websites. We will never claim ownership of your\r\n content, but we do require a license from you in order to use it. When you use our\r\n websites or their associated services to post, upload, share, or otherwise\r\n transmit content covered by intellectual property rights, you grant to us a\r\n non-exclusive, royalty-free, transferable, sub-licensable, worldwide license to\r\n use, distribute, modify, run, copy, publicly display, translate, or otherwise\r\n create derivative works of your content in a manner that is consistent with your\r\n privacy preferences and our Privacy Policy. The license you grant us can be\r\n terminated at any time by deleting your content or account. However, to the extent\r\n that we (or our partners) have used your content in connection with commercial or\r\n sponsored content, the license will continue until the relevant commercial or post\r\n has been discontinued by us. You give us permission to use your username and other\r\n identifying information associated with your account in a manner that is\r\n consistent with your privacy preferences and our Privacy Policy.\r\n
\r\n\r\n
\r\n Registration and Payments
\r\n\r\n In order to use any of our services, you need to create an account. Any\r\n information provided needs to be accurate and updated if necessary. Customers are\r\n liable for maintaining their accounts and are fully responsible for all activities\r\n occurring under their accounts. Should anybody gain unauthorized access to your\r\n account, you need to notify us immediately. International Advisory, Products and\r\n Systems Ltd is not liable for any loss or damage arising from failure to maintain\r\n the confidentiality of your account. When creating your account, you are required\r\n to provide your financial information relevant to the chosen payment method. In\r\n some cases, you may be requested to provide your credit card details. Please note\r\n that any payments made on our platform will be processed by PayPal, Stripe,\r\n Square, Google Payments, or Apple Pay. As such, we will not be responsible for\r\n processing or retaining any of your financial information. PayPal, Stripe, Square,\r\n Google Payments, or Apple Pay will handle all of your financial information per\r\n their respective Terms of Service, and you agree to comply with such Terms of\r\n Service.\r\n
\r\n\r\n
\r\n \r\n Disclaimer and Limitations of Liability\r\n
\r\n\r\n The websites and materials provided by International Advisory, Products and\r\n Systems Ltd., including but not limited to{\" \"}\r\n
\r\n
\r\n Accuracy of Materials
\r\n\r\n The materials appearing on our websites are not comprehensive and are for general\r\n information purposes only. International Advisory, Products and Systems Ltd does\r\n not warrant or make any representations concerning the accuracy, likely results,\r\n or reliability of the use of the materials on those websites, or otherwise\r\n relating to such materials or on any resources linked to those websites. You\r\n should not rely solely on the said materials to make decisions, we advise you to\r\n consult other, more complete sources of information. You are solely responsible\r\n for the strict reliance on the materials posted on our websites. We have the right\r\n to change the information on our websites without prior notice and users are\r\n responsible to monitor said changes.\r\n
\r\n\r\n
\r\n Additional Tools
\r\n\r\n Please note that our websites may include third-party tools which are outside of\r\n our control. The access to said tools is provided on an 'as is' basis with no\r\n warranties, expressed or implied, and without any endorsement. We are not liable\r\n for the use of the third-party tools provided on our websites. You are solely\r\n responsible for any risks associated with using said tools, we recommend reading\r\n the relevant third-party provider’s Terms of Service. International Advisory,\r\n Products and Systems Ltd has the right to offer new third-party tools in the\r\n future\r\n
\r\n\r\n
\r\n Links
\r\n\r\n International Advisory, Products and Systems Ltd has not reviewed all of the sites\r\n linked to its websites and is not responsible for the contents of any such linked\r\n site. The inclusion of any link does not imply endorsement, approval or control by\r\n International Advisory, Products and Systems Ltd of the site. Use of any such\r\n linked site is at your own risk, and we strongly advise you make your own\r\n investigations with respect to the suitability of those sites.\r\n
\r\n\r\n
\r\n Inaccuracies and Mistakes
\r\n\r\n Please note that any content available on our websites may contain typographical\r\n errors, inaccuracies, or mistakes related to the service’s description, pricing,\r\n promotion, and availability. We have the right to cancel or update any existing\r\n services should any information provided by us be proven inaccurate. Said\r\n information can be amended at any time without prior notice. Please note that we\r\n are not obligated to clarify any of the information related to our websites and\r\n services, including pricing information, except as required by law.\r\n
\r\n\r\n
\r\n Indemnification
\r\n\r\n You agree to defend, indemnify, and hold us harmless, including our subsidiaries,\r\n affiliates, and all of our respective officers, agents, partners, and employees,\r\n from and against any loss, damage, liability, claim, or demand, including\r\n reasonable attorneys’ fees and expenses, made by any third party due to or arising\r\n out of: (1) your Contributions; (2) use of the websites; (3) breach of these Terms\r\n of Service; (4) any breach of your representations and warranties set forth in\r\n these Terms of Service; (5) your violation of the rights of a third party,\r\n including but not limited to intellectual property rights; or (6) any overt\r\n harmful act toward any other user of the websites with whom you connected via the\r\n websites.\r\n
\r\n\r\n Notwithstanding the foregoing, we reserve the right, at your expense, to assume\r\n the exclusive defense and control of any matter for which you are required to\r\n indemnify us, and you agree to cooperate, at your expense, with our defense of\r\n such claims. We will use reasonable efforts to notify you of any such claim,\r\n action, or proceeding which is subject to this indemnification upon becoming aware\r\n of it.\r\n
\r\n\r\n
\r\n Right to Terminate
\r\n\r\n We may suspend or terminate your right to use our websites and terminate these\r\n Terms of Service immediately upon written notice to you for any breach of these\r\n Terms of Service.\r\n
\r\n\r\n
\r\n Severance
\r\n\r\n Any term of these Terms of Service which is wholly or partially void or\r\n unenforceable is severed to the extent that it is void or unenforceable. The\r\n validity of the remainder of these Terms of Service is not affected.\r\n
\r\n\r\n
\r\n Entire Agreement
\r\n\r\n These Terms of Service and any policies or operating rules posted by us on the\r\n websites or with respect to the websites constitute the entire agreement and\r\n understanding between you and us. Our failure to exercise or enforce any right or\r\n provision of these Terms of Service shall not operate as a waiver of such right or\r\n provision. These Terms of Service operate to the fullest extent permissible by\r\n law. We may assign any or all of our rights and obligations to others at any time.\r\n We shall not be responsible or liable for any loss, damage, delay, or failure to\r\n act caused by any cause beyond our reasonable control. If any provision or part of\r\n a provision of these Terms of Service is determined to be unlawful, void, or\r\n unenforceable, that provision or part of the provision is deemed severable from\r\n these Terms of Service and does not affect the validity and enforceability of any\r\n remaining provisions. There is no joint venture, partnership, employment, or\r\n agency relationship created between you and us as a result of these Terms of\r\n Service or use of the websites. You agree that these Terms of Service will not be\r\n construed against us by virtue of having drafted them. You hereby waive any and\r\n all defenses you may have based on the electronic form of these Terms of Service\r\n and the lack of signing by the parties hereto to execute these Terms of Service.\r\n
\r\n\r\n
\r\n Governing Law
\r\n\r\n These Terms of Service are governed by and construed in accordance with the laws\r\n of Virginia. You irrevocably submit to the exclusive jurisdiction of the courts in\r\n that State or location.\r\n
\r\n\r\n
\r\n );\r\n};\r\n\r\nexport default CookiePolicy;\r\n","import React, { useState } from \"react\";\r\n// import \"./style.scss\";\r\nimport { Modal } from \"antd\";\r\nimport { XIcon } from \"../assets/icons\";\r\nimport { Tabs } from \"antd\";\r\nimport \"../../index.scss\";\r\nimport PrivacyPolicy from \"./terms-conditions/PrivacyPolicyComponent\";\r\nimport TermsServices from \"./terms-conditions/TermsServicesComponent\";\r\nimport CookiePolicy from \"./terms-conditions/CookiePolicyComponent\";\r\n\r\nfunction TermsConditionsModal({ visible, onCancel }) {\r\n const { TabPane } = Tabs;\r\n\r\n return (\r\n Cookie Policy
\r\n\r\n
\r\n \r\n
\r\n These Terms of Service were last updated on March 4, 2024.
\r\n\r\n We use cookies to help improve your experience of our websites at{\" \"}\r\n
\r\n We also provide basic information on third-party services we may use, who may also\r\n use cookies as part of their service. This policy does not cover their cookies.\r\n
\r\n\r\n If you don’t wish to accept cookies from us, you should instruct your browser to\r\n refuse cookies from\r\n
\r\n
\r\n What is a cookie?
\r\n\r\n A cookie is a small piece of data that a website stores on your device when you\r\n visit. It typically contains information about the website itself, a unique\r\n identifier that allows the site to recognise your web browser when you return,\r\n additional data that serves the cookie’s purpose, and the lifespan of the cookie\r\n itself.\r\n
\r\n\r\n Cookies are used to enable certain features (e.g. logging in), track site usage\r\n (e.g. analytics), store your user settings (e.g. time zone, notification\r\n preferences), and to personalize your content (e.g. advertising, language).\r\n
\r\n\r\n Cookies set by the website you are visiting are usually referred to as first-party\r\n cookies. They typically only track your activity on that particular site.\r\n
\r\n\r\n Cookies set by other sites and companies (i.e. third parties) are called\r\n third-party cookies They can be used to track you on other websites that use the\r\n same third-party service.\r\n
\r\n\r\n
\r\n \r\n Types of cookies and how we use them\r\n
\r\n\r\n Essential cookies are crucial to your experience of a website, enabling core\r\n features like user logins, account management, shopping carts, and payment\r\n processing.\r\n
\r\nWe use essential cookies to enable certain functions on our websites.
\r\n\r\n
\r\n Performance cookies
\r\n\r\n Performance cookies track how you use a website during your visit. Typically, this\r\n information is anonymous and aggregated, with information tracked across all site\r\n users. They help companies understand visitor usage patterns, identify and\r\n diagnose problems or errors their users may encounter, and make better strategic\r\n decisions in improving their audience’s overall website experience. These cookies\r\n may be set by the website you’re visiting (first-party) or by third-party\r\n services. They do not collect personal information about you.\r\n
\r\nWe use performance cookies on our sites.
\r\n\r\n
\r\n Functionality cookies
\r\n\r\n Functionality cookies are used to collect information about your device and any\r\n settings you may configure on the website you’re visiting (like language and time\r\n zone settings). With this information, websites can provide you with customized,\r\n enhanced, or optimized content and services. These cookies may be set by the\r\n website you’re visiting (first-party) or by third-party services.\r\n
\r\nWe use functionality cookies for selected features on our sites.
\r\n\r\n
\r\n \r\n Targeting/advertising cookies\r\n
\r\n\r\n Targeting/advertising cookies help determine what promotional content is most\r\n relevant and appropriate to you and your interests. Websites may use them to\r\n deliver targeted advertising or limit the number of times you see an\r\n advertisement. This helps companies improve the effectiveness of their campaigns\r\n and the quality of content presented to you. These cookies may be set by the\r\n website you’re visiting (first-party) or by third-party services.\r\n Targeting/advertising cookies set by third-parties may be used to track you on\r\n other websites that use the same third-party service.\r\n
\r\nWe use targeting/advertising cookies on our sites.
\r\n\r\n
\r\n \r\n How Can You Control Our Website's Use of Cookies?\r\n
\r\n\r\n You have the right to decide whether to accept or reject cookies on our websites.\r\n You can manage your cookie preferences in our Cookie Consent Manager. The Cookie\r\n Consent Manager allows you to select which categories of cookies you accept or\r\n reject. Essential cookies cannot be rejected as they are strictly necessary to\r\n provide you with the services on our websites.\r\n
\r\n\r\n You may also be able to set or amend your cookie preferences by managing your web\r\n browser settings. As each web browser is different, please consult the\r\n instructions provided by your web browser (typically in the \"help\" section). If\r\n you choose to refuse or disable cookies you may still use our websites, though\r\n some of their functionality may not be available to you.\r\n
\r\n\r\n
\r\n \r\n How Often Will We Update This Cookie Policy?\r\n
\r\n\r\n We may update this Cookie Policy from time to time in order to reflect any changes\r\n to the cookies and related technologies we use, or for other operational, legal or\r\n regulatory reasons.\r\n
\r\n\r\n Each time you use our websites, the current version of the Cookie Policy will\r\n apply. When you use our websites, you should check the date of this Cookie Policy\r\n (which appears at the top of this document) and review any changes since the last\r\n version.\r\n
\r\n\r\n
\r\n \r\n Where Can You Obtain Further Information?\r\n
\r\n\r\n For any questions or concerns regarding our Cookie Policy, you may contact us\r\n using the following details:\r\n
\r\n\r\n Customer Service\r\n
\r\n info@kaptechgroup.com\r\n\r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default TermsConditionsModal;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"../style.scss\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\nimport Select from \"react-select\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { LocalStorageService } from \"../../../base/services/local-storage.service\";\r\nimport { Formik, Form, Field, useFormik } from \"formik\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { registerUserOrg } from \"../authSlice\";\r\nimport * as Yup from \"yup\";\r\nimport { eye } from \"react-icons-kit/feather/eye\";\r\nimport { eyeOff } from \"react-icons-kit/feather/eyeOff\";\r\nimport { BackIcon, EyeInvisible } from \"../../../assets/icons\";\r\nimport { DatePicker, Spin } from \"antd\";\r\nimport TermsConditionsModal from \"../../../components/TermsConditionsModal\";\r\nimport Toast from \"../../../base/components/Toast\";\r\nimport { useSelector } from \"react-redux\";\r\nimport dayjs from \"dayjs\";\r\n\r\nconst initialValues = {\r\n email: \"\",\r\n password: \"\",\r\n confirmPassword: \"\",\r\n internationalName: \"\",\r\n description: \"\",\r\n dateOfEstablishment: null,\r\n organizationSizeId: null,\r\n sectors: [],\r\n organizationEmail: \"\",\r\n baseCountryId: null,\r\n cityId: \"\",\r\n address: \"\",\r\n zipCode: \"\"\r\n};\r\n\r\nconst validationSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email(\"Invalid email address\")\r\n .required(\"Email is required\"),\r\n password: Yup.string()\r\n .min(8, \"Password must be at least 8 characters\")\r\n .matches(\r\n /^(?=.*[A-Z])(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*\\d).*$/,\r\n \"Password must contain at least one uppercase letter, one number and one of the specified symbols !, @, #, $, %, ^, &, *\"\r\n )\r\n .required(\"Password is required\"),\r\n confirmPassword: Yup.string()\r\n .oneOf([Yup.ref(\"password\"), null], \"Passwords must match\")\r\n .required(\"Confirm Password is required\"),\r\n internationalName: Yup.string().required(\"International Organization's name is required\"),\r\n dateOfEstablishment: Yup.date()\r\n .nullable()\r\n .required(\"Foundation year is required\"),\r\n sectors: Yup.array()\r\n .min(1, \"At least one sector must be selected\")\r\n .required(\"Sectors are required\"),\r\n baseCountryId: Yup.string()\r\n .nullable()\r\n .required(\"Base country is required\"),\r\n cityId: Yup.string().nullable(),\r\n // .required(\"Base city is required\"),\r\n organizationSizeId: Yup.string()\r\n .nullable()\r\n .required(\"Organization size is required\"),\r\n address: Yup.string().required(\"Organization address is required\"),\r\n organizationEmail: Yup.string()\r\n .email(\"Invalid organization email\")\r\n .required(\"Organization's email is required\"),\r\n acceptTerms: Yup.boolean().oneOf([true], \"You must accept the terms and conditions\")\r\n});\r\n\r\nfunction RegistrationOfNationalOrganization() {\r\n const [sectorList, setSectorList] = useState([]);\r\n const [orgSizeList, setOrgSizeList] = useState([]);\r\n const [countryList, setCountryList] = useState([]);\r\n const [cityList, setCityList] = useState([]);\r\n const [type, setType] = useState(\"password\");\r\n const [icon, setIcon] = useState(eyeOff);\r\n const [selectedCountry, setSelectedCountry] = useState(null);\r\n const [selectedCity, setSelectedCity] = useState(null);\r\n const [confirmType, setConfirmType] = useState(\"password\");\r\n const [confirmIcon, setConfirmIcon] = useState(eyeOff);\r\n const [modalVisible, setModalVisible] = useState(false);\r\n const loading = useSelector((state) => state.auth.isLoading);\r\n\r\n const onSubmit = async (values) => {\r\n if (cityList.length > 0 && selectedCity === \"\" && values.cityId === \"\") {\r\n formik.setFieldError(\"cityId\", \"City is required!\");\r\n }\r\n\r\n try {\r\n const orgSizeIdValue = values.organizationSizeId.value;\r\n const baseCountryIdValue = values.baseCountryId.value;\r\n const sectorValues = values.sectors.map((sector) => sector.value);\r\n\r\n const updatedValues = {\r\n ...values,\r\n baseCountryId: baseCountryIdValue,\r\n organizationSizeId: orgSizeIdValue,\r\n sectors: sectorValues,\r\n dateOfEstablishment: values?.dateOfEstablishment.format(\"YYYY-MM-DD\")\r\n };\r\n dispatch(\r\n registerUserOrg(updatedValues, (user) => {\r\n LocalStorageService.setItem(\"userId\", user.userId);\r\n navigate(\r\n `/auth/national-org-registration/verification?email=${encodeURIComponent(\r\n updatedValues.email\r\n )}`\r\n );\r\n })\r\n );\r\n } catch (error) {\r\n if (error.response || error.response.data || error.response.data.errors) {\r\n const errorMessage = error.response.data.errors.message;\r\n Toast.error(errorMessage);\r\n }\r\n }\r\n };\r\n\r\n const formik = useFormik({\r\n initialValues: initialValues,\r\n validationSchema: validationSchema\r\n });\r\n\r\n const dispatch = useDispatch();\r\n const navigate = useNavigate();\r\n\r\n const openTermsModal = () => {\r\n setModalVisible(!modalVisible);\r\n };\r\n\r\n const handleCountryChange = async (selectedOption) => {\r\n const countryId = selectedOption.value;\r\n\r\n await httpService.get(`/countries/${countryId}/cities`, (res) => {\r\n const cityData = res.data.map((city) => ({\r\n value: city.id,\r\n label: city.name\r\n }));\r\n\r\n setCityList(cityData);\r\n setSelectedCountry(selectedOption); // Update selected country\r\n setSelectedCity(null); // Reset selected city\r\n });\r\n };\r\n\r\n const handleTogglePassword = () => {\r\n if (type === \"password\") {\r\n setIcon(eye);\r\n setType(\"text\");\r\n } else {\r\n setIcon(eyeOff);\r\n setType(\"password\");\r\n }\r\n };\r\n\r\n const handleToggleConfirmPassword = () => {\r\n if (confirmType === \"password\") {\r\n setConfirmIcon(eye);\r\n setConfirmType(\"text\");\r\n } else {\r\n setConfirmIcon(eyeOff);\r\n setConfirmType(\"password\");\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n httpService.get(`/Organizations/sectors`, (data) => {\r\n const sectorData = data.data.map((sector) => {\r\n return {\r\n value: sector.id,\r\n label: sector.name\r\n };\r\n });\r\n setSectorList(sectorData);\r\n });\r\n httpService.get(`/Organizations/sizes`, (data) => {\r\n const orgSizeData = data.data.map((size) => {\r\n return {\r\n value: size.id,\r\n label: size.range\r\n };\r\n });\r\n setOrgSizeList(orgSizeData);\r\n });\r\n httpService.get(`/countries`, (data) => {\r\n const countryData = data.data.map((country) => {\r\n return {\r\n value: country.id,\r\n label: country.name\r\n };\r\n });\r\n setCountryList(countryData);\r\n });\r\n httpService.get(`/Countries/cities`, (res) => {\r\n const cityData = res.data.map((city) => {\r\n return {\r\n value: city.id,\r\n label: city.name\r\n };\r\n });\r\n setCityList(cityData);\r\n });\r\n }, []);\r\n\r\n // const onSubmit = (values) => {};\r\n\r\n return (\r\n <>\r\n \r\n
\r\n \r\n \r\n {/* , color: \"#003DAA\" */}\r\n Terms of service}\r\n key=\"1\"\r\n >\r\n Privacy policy} key=\"2\">\r\n \r\n Cookie policy} key=\"3\">\r\n \r\n \r\n
\r\n \r\n \r\n Got it!\r\n \r\n
\r\n \r\n \r\n \r\n Go back to profile selection\r\n \r\n \r\n {({ values, handleChange, setFieldValue, errors, touched }) => (\r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n Go back to profile selection\r\n \r\n \r\n {({ values, handleChange, setFieldValue, errors, touched }) => (\r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n Go back to profile selection\r\n \r\n \r\n {({ errors, touched }) => (\r\n
\r\n \r\n )}\r\n \r\n \r\n\r\n // \r\n // \r\n\r\n //
\r\n );\r\n}\r\nexport default RegistrationOfVendor;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./style.scss\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { LocalStorageService } from \"../../base/services/local-storage.service\";\r\nimport { Formik, Form, Field } from \"formik\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { registerExpertUser } from \"./authSlice\";\r\nimport * as Yup from \"yup\";\r\nimport { eye } from \"react-icons-kit/feather/eye\";\r\nimport { eyeOff } from \"react-icons-kit/feather/eyeOff\";\r\nimport { BackIcon, EyeInvisible } from \"../../assets/icons\";\r\nimport Toast from \"../../base/components/Toast\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { Spin } from \"antd\";\r\n\r\nconst initialValues = {\r\n email: \"\",\r\n password: \"\",\r\n confirmPassword: \"\"\r\n};\r\n\r\nfunction RegistrationOfExpert() {\r\n const [type, setType] = useState(\"password\");\r\n const [icon, setIcon] = useState(eyeOff);\r\n\r\n const [confirmType, setConfirmType] = useState(\"password\");\r\n const [confirmIcon, setConfirmIcon] = useState(eyeOff);\r\n\r\n const loading = useSelector((state) => state.auth.isLoading);\r\n\r\n const dispatch = useDispatch();\r\n const navigate = useNavigate();\r\n\r\n const validationSchema = Yup.object().shape({\r\n email: Yup.string()\r\n .email(\"Invalid email address\")\r\n .required(\"Email is required\"),\r\n password: Yup.string()\r\n .min(8, \"Password must be at least 8 characters\")\r\n .matches(\r\n /^(?=.*[A-Z])(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*\\d).*$/,\r\n \"Password must contain at least one uppercase letter, one number and one of the specified symbols !, @, #, $, %, ^, &, *\"\r\n )\r\n .required(\"Password is required\"),\r\n confirmPassword: Yup.string()\r\n .oneOf([Yup.ref(\"password\"), null], \"Passwords must match\")\r\n .required(\"Confirm Password is required\"),\r\n acceptTerms: Yup.boolean().oneOf([true], \"You must accept the terms and conditions\")\r\n });\r\n\r\n const onSubmit = async (values) => {\r\n try {\r\n dispatch(\r\n registerExpertUser(values, (user) => {\r\n navigate(`/auth/confirm-code?email=${encodeURIComponent(values.email)}`);\r\n })\r\n );\r\n } catch (error) {\r\n if (error.response || error.response.data || error.response.data.errors) {\r\n const errorMessage = error.response.data.errors.message;\r\n Toast.error(errorMessage);\r\n }\r\n }\r\n };\r\n\r\n const handleTogglePassword = () => {\r\n if (type === \"password\") {\r\n setIcon(eye);\r\n setType(\"text\");\r\n } else {\r\n setIcon(eyeOff);\r\n setType(\"password\");\r\n }\r\n };\r\n\r\n const handleToggleConfirmPassword = () => {\r\n if (confirmType === \"password\") {\r\n setConfirmIcon(eye);\r\n setConfirmType(\"text\");\r\n } else {\r\n setConfirmIcon(eyeOff);\r\n setConfirmType(\"password\");\r\n }\r\n };\r\n\r\n return (\r\n \r\n //
\r\n\r\n // \r\n //
\r\n // \r\n //
\r\n // Sign Up Information
\r\n\r\n //\r\n // To create your account, please fill in the following information.\r\n //
\r\n //\r\n //
\r\n // \r\n //
\r\n // \r\n //
\r\n\r\n // \r\n //
\r\n // \r\n //
\r\n // Login Credentials
\r\n //\r\n // \r\n //
\r\n // \r\n //
\r\n // \r\n //
\r\n\r\n // \r\n //
\r\n // \r\n // \r\n //
\r\n // \r\n //
\r\n\r\n // {/* \r\n //
\r\n // \r\n // \r\n //
\r\n // \r\n //
*/}\r\n // \r\n \r\n \r\n Go back to profile selection\r\n \r\n \r\n {({ values, handleChange, setFieldValue, errors, touched }) => (\r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n}\r\nexport default RegistrationOfExpert;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Link, Outlet, useLocation } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../../_metronic/_helpers\";\r\nimport \"../../../assets/styles/login-1.css\";\r\nimport \"../custom.css\";\r\n// import { KaporgIcon } from \"../../../assets/icons\";\r\nimport { KapOrgIcon2 } from \"../../../assets/icons\";\r\nimport Lottie from \"react-lottie\";\r\nimport animationData from \"../../../assets/animations/kaporg.json\";\r\n\r\nfunction LayoutBackgroundBox({ children }) {\r\n const location = useLocation();\r\n const [step, setStep] = useState(1);\r\n const [title, setTitle] = useState(\"\");\r\n const [description, setDescription] = useState(\"\");\r\n\r\n useEffect(() => {\r\n if (location.pathname.includes(\"auth/login\")) {\r\n setTitle(\"Transforming capacity building\");\r\n setDescription(\"For the digital age\");\r\n } else if (location.pathname.includes(\"auth/confirm-request\")) {\r\n setTitle(\"Elevate your organization\");\r\n setDescription(\"with purposeful evaluation!\");\r\n } else if (location.pathname.includes(\"auth/confirm-code\")) {\r\n setTitle(\"Elevate your organization\");\r\n setDescription(\"with purposeful evaluation!\");\r\n } else if (location.pathname.includes(\"auth/forgot-password\")) {\r\n setTitle(\"Connect with the changemakers\");\r\n setDescription(\"who need you most.\");\r\n } else if (location.pathname.includes(\"auth/password-confirm\")) {\r\n setTitle(\"Connect with the changemakers\");\r\n setDescription(\"who need you most.\");\r\n } else if (location.pathname.includes(\"auth/generate-password\")) {\r\n setTitle(\"Connect with the changemakers\");\r\n setDescription(\"who need you most.\");\r\n } else if (location.pathname.includes(\"auth/reset-password\")) {\r\n setTitle(\"Connect with the changemakers\");\r\n setDescription(\"who need you most.\");\r\n } else if (location.pathname.includes(\"/auth/reset-password-recovered\")) {\r\n setTitle(\"Connect with the changemakers\");\r\n setDescription(\"who need you most.\");\r\n } else if (location.pathname.includes(\"/auth/national-org-registration/verification\")) {\r\n setTitle(\"Elevate your organization\");\r\n setDescription(\"with purposeful evaluation!\");\r\n } else if (location.pathname.includes(\"/auth/national-org-registration/step-three\")) {\r\n setTitle(\"Elevate your organization\");\r\n setDescription(\"with purposeful evaluation!\");\r\n } else if (location.pathname.includes(\"auth/account\")) {\r\n setTitle(\"We'll miss you,\");\r\n setDescription(\"We hope to welcome you back soon.\");\r\n } else {\r\n setTitle(\"Transforming capacity building\");\r\n setDescription(\"For the digital age\");\r\n }\r\n }, [location]);\r\n\r\n const lottieOptions = {\r\n loop: true,\r\n autoplay: true,\r\n animationData: animationData,\r\n rendererSettings: {\r\n preserveAspectRatio: \"xMidYMid slice\"\r\n }\r\n };\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {title}
\r\n\r\n {description}\r\n
\r\n\r\n\r\n
\r\n \r\n handleContinue(values)}\r\n validationSchema={validationSchema}\r\n >\r\n {({ values, handleChange, setFieldValue, errors, touched }) => (\r\n
\r\n \r\n \r\n )}\r\n \r\n \r\n );\r\n}\r\nexport default RegistrationOfExpertStepThree;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport \"./style.scss\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { httpService } from \"../../base/services/httpService.service\";\r\nimport Select from \"react-select\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { LocalStorageService } from \"../../base/services/local-storage.service\";\r\nimport { Formik, Form, Field } from \"formik\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport * as Yup from \"yup\";\r\nimport { BackIcon, FileImport, MinusButtonWithColor, PlusIconBlue } from \"../../assets/icons\";\r\nimport { Upload, Card, Button, Spin } from \"antd\";\r\nimport { completeConsultantProfile } from \"./authSlice\";\r\n\r\nconst initialValues = {\r\n ProfilePicture: null,\r\n HigestDegree: null,\r\n StudyFields: \"\",\r\n EducationalInstitution: \"\",\r\n Expertises: [{ areaName: \"\", areaExperienceYears: \"\" }],\r\n Languages: [{ languageId: \"\", level: \"\" }],\r\n CV: null,\r\n Certificate: null\r\n};\r\n\r\nfunction RegistrationExpertStepFour() {\r\n const [degreeOptions, setDegreeOptions] = useState([]);\r\n const [languageOptions, setLanguageOptions] = useState([]);\r\n const [languageLevelOptions, setLanguageLevelOptions] = useState([]);\r\n const [languages, setLanguages] = useState([{ languageId: \"\", level: \"\" }]);\r\n const [expertise, setExpertise] = useState([{ areaName: \"\", areaExperienceYears: \"\" }]);\r\n const [loading, setLoading] = useState(false);\r\n const dispatch = useDispatch();\r\n const navigate = useNavigate();\r\n\r\n const handleAddExpertise = () => {\r\n setExpertise([...expertise, { areaName: \"\", areaExperienceYears: \"\" }]);\r\n };\r\n\r\n const handleRemoveExpertise = (index) => {\r\n const updatedExpertise = expertise.filter((_, i) => i !== index);\r\n setExpertise(updatedExpertise);\r\n };\r\n\r\n const handleExpertiseChange = (index, field, value, setFieldValue) => {\r\n setFieldValue(`Expertises.${index}.${field}`, value);\r\n const updatedExpertise = [...expertise];\r\n updatedExpertise[index][field] = value;\r\n setExpertise(updatedExpertise);\r\n };\r\n\r\n const handleAddLanguage = () => {\r\n setLanguages([...languages, { languageId: \"\", level: \"\" }]);\r\n };\r\n\r\n const handleRemoveLanguage = (index) => {\r\n const updatedLanguages = [...languages];\r\n updatedLanguages.splice(index, 1);\r\n setLanguages(updatedLanguages);\r\n };\r\n\r\n const handleLanguageChange = (index, field, value, setFieldValue) => {\r\n setFieldValue(`Languages.${index}.${field}`, value);\r\n const updatedLanguages = [...languages];\r\n updatedLanguages[index][field] = value;\r\n setLanguages(updatedLanguages);\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n HigestDegree: Yup.string()\r\n .nullable()\r\n .required(\"Highest degree is required\"),\r\n Expertises: Yup.array().of(\r\n Yup.object().shape({\r\n areaName: Yup.string().required(\"Area is required\"),\r\n areaExperienceYears: Yup.number()\r\n .required(\"Years of experience is required\")\r\n .typeError(\"Years of experience must be a number\")\r\n })\r\n ),\r\n ProfilePicture: Yup.mixed()\r\n .required(\"Profile picture is required\")\r\n .test(\r\n \"fileType\",\r\n \"Invalid file type. Only PNG or JPEG are allowed.\",\r\n (value) =>\r\n !value || (value && (value.type === \"image/png\" || value.type === \"image/jpeg\"))\r\n )\r\n .test(\r\n \"fileSize\",\r\n \"File size is too large. Max size is 20MB\",\r\n (value) => !value || (value && value.size <= 20971520)\r\n ),\r\n CV: Yup.mixed()\r\n .test(\r\n \"fileType\",\r\n \"Invalid file type. Only PDF is allowed.\",\r\n (value) => !value || (value && value.type === \"application/pdf\")\r\n )\r\n .test(\r\n \"fileSize\",\r\n \"File size is too large. Max size is 20MB.\",\r\n (value) => !value || (value && value.size <= 20971520)\r\n ),\r\n Certificate: Yup.mixed()\r\n .test(\r\n \"fileType\",\r\n \"Invalid file type. Only PDF is allowed.\",\r\n (value) => !value || (value && value.type === \"application/pdf\")\r\n )\r\n .test(\r\n \"fileSize\",\r\n \"File size is too large. Max size is 20MB.\",\r\n (value) => !value || (value && value.size <= 20971520)\r\n ),\r\n Languages: Yup.array().of(\r\n Yup.object({\r\n languageId: Yup.string().required(\"Language is required\"),\r\n level: Yup.number()\r\n .required(\"Level is required\")\r\n .typeError(\"Level must be a number\")\r\n })\r\n )\r\n });\r\n useEffect(() => {\r\n httpService.get(`Accounts/highest-degree`, (data) => {\r\n const degreeData = Object.entries(data.data).map(([value, label]) => ({\r\n value,\r\n label\r\n }));\r\n setDegreeOptions(degreeData);\r\n });\r\n httpService.get(`/Countries/languages`, (data) => {\r\n const languageData = data.data.map((language) => ({\r\n value: language.id,\r\n label: language.name\r\n }));\r\n setLanguageOptions(languageData);\r\n });\r\n\r\n httpService.get(`/Accounts/language-level`, (data) => {\r\n const languageLevelData = Object.entries(data.data).map(([value, label]) => ({\r\n value,\r\n label\r\n }));\r\n setLanguageLevelOptions(languageLevelData);\r\n });\r\n }, []);\r\n\r\n const successCallback = () => {\r\n navigate(\"/auth/login\");\r\n };\r\n\r\n const onSubmit = async (values) => {\r\n setLoading(true);\r\n try {\r\n const userId = LocalStorageService.getItem(\"userId\");\r\n const consultantProfileData = LocalStorageService.getItem(\"consultantProfileData\");\r\n\r\n await dispatch(\r\n completeConsultantProfile(\r\n userId,\r\n {\r\n id: userId,\r\n FullName: consultantProfileData.FullName,\r\n PersonalStatement: consultantProfileData.PersonalStatement,\r\n NationalityId: consultantProfileData.NationalityId,\r\n ResidenceCountryId: consultantProfileData.ResidenceCountryId,\r\n OperatingCountriesIds: consultantProfileData.OperatingCountriesIds,\r\n LinkedInProfile: consultantProfileData.LinkedInProfile,\r\n PhoneNumber: consultantProfileData.PhoneNumber,\r\n ProfilePicture: values.ProfilePicture,\r\n HigestDegree: Number(values.HigestDegree),\r\n StudyFields: values.StudyFields,\r\n EducationalInstitution: values.EducationalInstitution,\r\n Expertises: expertise.map((expertise) => ({\r\n areaName: expertise.areaName.trim(),\r\n areaExperienceYears: parseInt(expertise.areaExperienceYears, 10)\r\n })),\r\n Languages: languages.map((language) => ({\r\n languageId: language.languageId.trim(),\r\n level: parseInt(language.level, 10)\r\n })),\r\n CV: values.CV ? values.CV : \"\",\r\n Certificate: values.Certificate ? values.Certificate : \"\"\r\n },\r\n successCallback\r\n )\r\n );\r\n } catch (error) {\r\n setLoading(false);\r\n console.error(\"Other error:\", error);\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n Go back to profile details\r\n \r\n \r\n {({ values, setFieldValue, errors, touched }) => (\r\n
\r\n \r\n \r\n * \r\n Languages\r\n
\r\n\r\n {languages.map((language, index) => (\r\n \r\n \r\n \r\n Language\r\n \r\n \r\n handleLanguageChange(\r\n index,\r\n \"languageId\",\r\n selectedOption.value,\r\n setFieldValue\r\n )\r\n }\r\n value={languageOptions.find(\r\n (option) => option.value === language.languageId\r\n )}\r\n />\r\n {errors.Languages?.[index]?.languageId &&\r\n touched.Languages?.[index]?.languageId && (\r\n
\r\n \r\n {errors.Languages[index].languageId}\r\n
\r\n )}\r\n \r\n {errors.Languages[index].level}\r\n
\r\n )}\r\n \r\n \r\n handleRemoveLanguage(index)}\r\n src={MinusButtonWithColor}\r\n alt=\"MinusButtonWithColor\"\r\n />\r\n
\r\n \r\n ))}\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n
\r\n \r\n Add another language
\r\n \r\n \r\n Upload your CV\r\n \r\n
\r\n \r\n {\r\n setFieldValue(\"CV\", file);\r\n return false;\r\n }}\r\n listType=\"picture-card\"\r\n className=\"avatar-uploader-profile\"\r\n showUploadList={false}\r\n >\r\n {values.CV ? (\r\n
\r\n {errors.CV && touched.CV && (\r\n \r\n
\r\n ) : (\r\n {values.CV.name}
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n Drag and drop file here, or{\" \"}\r\n click to select file it\r\n
\r\n PDF
\r\n \r\n Max file size: 20MB\r\n
\r\n {errors.CV}
\r\n )}\r\n {values.CV && (\r\n \r\n setFieldValue(\"CV\", null)}\r\n >\r\n Remove\r\n \r\n
\r\n )}\r\n \r\n {values.CV.name}\r\n
\r\n \r\n \r\n Upload a certification or a special training\r\n \r\n
\r\n \r\n \r\n\r\n \r\n {\r\n setFieldValue(\"Certificate\", file);\r\n return false;\r\n }}\r\n listType=\"picture-card\"\r\n className=\"avatar-uploader-profile\"\r\n showUploadList={false}\r\n >\r\n {values?.Certificate ? (\r\n
\r\n {errors.Certificate && touched.Certificate && (\r\n \r\n
\r\n ) : (\r\n {values.Certificate.name}
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n Drag and drop file here, or{\" \"}\r\n click to select file it\r\n
\r\n PDF
\r\n \r\n Max file size: 20MB\r\n
\r\n {errors.Certificate}
\r\n )}\r\n {values.Certificate && (\r\n \r\n setFieldValue(\"Certificate\", null)}\r\n >\r\n Remove\r\n \r\n
\r\n )}\r\n \r\n {values.Certificate.name}\r\n
\r\n \r\n
\r\n\r\n \r\n 
\r\n
\r\n \r\n \r\n We've got your application!\r\n \r\n \r\n
\r\n \r\n You will receive a confirmation email shortly. In the meantime, check out{\" \"}\r\n www.kaporg.com \r\n for more info.\r\n
\r\n\r\n Thank you for your interest in KAPorg!\r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default FinalStepOrg;\r\n","import React, { useEffect, useState } from \"react\";\r\n// import { useDispatch } from \"react-redux\";\r\nimport { Link, useLocation, useNavigate } from \"react-router-dom\";\r\n// import { httpService } from \"../../../base/services/httpService.service\";\r\n// import { LocalStorageService } from \"../../../base/services/local-storage.service\";\r\nimport * as Yup from \"yup\";\r\nimport { Field, Form, Formik } from \"formik\";\r\nimport { LocalStorageService } from \"../../../base/services/local-storage.service\";\r\nimport { httpService } from \"../../../base/services/httpService.service\";\r\n// import { EmailConfirmationIcon } from \"../../../assets/icons\";\r\nimport { eyeOff } from \"react-icons-kit/feather/eyeOff\";\r\nimport { EyeInvisible } from \"../../../assets/icons\";\r\nimport { eye } from \"react-icons-kit/feather/eye\";\r\nimport { Checkbox, Spin } from \"antd\";\r\nimport Toast from \"../../../base/components/Toast\";\r\n\r\nconst initialValues = {\r\n newPassword: \"\",\r\n confirmNewPassword: \"\"\r\n};\r\n\r\nfunction ResetPassword() {\r\n const navigate = useNavigate();\r\n const location = useLocation();\r\n const userID = localStorage.getItem(\"recoveryData\");\r\n const resetToken = localStorage.getItem('resetToken');\r\n\r\n const tempUserId = localStorage.getItem('userId');\r\n const temporaryToken = localStorage.getItem('temporaryToken');\r\n \r\n const searchParam = new URLSearchParams(location.search);\r\n const [confirmType, setConfirmType] = useState(\"password\");\r\n const [confirmIcon, setConfirmIcon] = useState(eyeOff);\r\n const [type, setType] = useState(\"password\");\r\n const [icon, setIcon] = useState(eyeOff);\r\n const [error, setError] = useState(null);\r\n const [checked, setChecked] = useState(false);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const onChange = (e) => {\r\n setChecked(e.target.checked);\r\n };\r\n\r\n const validationSchema = Yup.object().shape({\r\n newPassword: Yup.string()\r\n .min(8, \"Password must be at least 8 characters\")\r\n .matches(\r\n /^(?=.*[A-Z])(?=.*[!@#$%^&*])(?=.*[a-z])(?=.*\\d).*$/,\r\n \"Password must contain at least one uppercase letter, one number and one of the specified symbols !, @, #, $, %, ^, &, *\"\r\n )\r\n .required(\"New password is required\"),\r\n confirmNewPassword: Yup.string()\r\n .oneOf([Yup.ref(\"newPassword\"), null], \"Passwords must match\")\r\n .required(\"Confirm new password is required\")\r\n });\r\n\r\n const resetPassword = async (values) => {\r\n // let formattedUserId = userID.replace(/\"/g, \"\");\r\n try {\r\n setLoading(true);\r\n await httpService.post(\"/Accounts/password/reset\", {\r\n // userId: JSON.parse(userId),\r\n userId: tempUserId,\r\n newPassword: values?.newPassword,\r\n confirmNewPassword: values?.confirmNewPassword,\r\n // token: JSON.parse(resetToken)\r\n token: temporaryToken\r\n });\r\n navigate(`/auth/reset-password-recovered`);\r\n } catch (error) {\r\n if (error.response && error.response.data && error.response.data.errors) {\r\n const errorMessages = error.response.data.errors.map((error) => error.message);\r\n if (errorMessages.length > 0) {\r\n errorMessages.forEach((errorMessage) => {\r\n Toast.error(errorMessage);\r\n });\r\n }\r\n } else {\r\n Toast.error(\"An unexpected error occurred. Please try again.\");\r\n }\r\n } finally {\r\n setLoading(false);\r\n }\r\n };\r\n\r\n const handleTogglePassword = () => {\r\n if (type === \"password\") {\r\n setIcon(eye);\r\n setType(\"text\");\r\n } else {\r\n setIcon(eyeOff);\r\n setType(\"password\");\r\n }\r\n };\r\n const handleToggleConfirmPassword = () => {\r\n if (confirmType === \"password\") {\r\n setConfirmIcon(eye);\r\n setConfirmType(\"text\");\r\n } else {\r\n setConfirmIcon(eyeOff);\r\n setConfirmType(\"password\");\r\n }\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n Well done!\r\n \r\n \r\n
\r\n \r\n You have successfully changed your password.
\r\n Please use it when logging in.\r\n
\r\n \r\n \r\n Log in to continue\r\n \r\n \r\n
\r\n \r\n \r\n );\r\n}\r\n\r\nexport default RecoveredPassword;\r\n","import React from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { DeactivatedIcon } from \"../../../assets/icons\";\r\nimport { AccountDeleted } from \"../../../assets/icons\";\r\nimport \"../style.scss\";\r\n\r\nconst AccountDeletedORDeactivated = () => {\r\n const location = useLocation();\r\n const params = new URLSearchParams(location.search);\r\n const action = params.get(\"action\");\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AccountDeletedORDeactivated;\r\n","import Header from \"./components/Header\";\r\nimport FirstSection from \"./components/FirstSection\";\r\nimport SecuringFunds from \"./components/SecuringFunds\";\r\nimport React from \"react\";\r\nimport SocialChange from \"./components/SocialChange\";\r\nimport Development from \"./components/Development\";\r\nimport Resources from \"./components/Resources\";\r\nimport Footer from \"./components/Footer\";\r\nfunction LoginKosovo() {\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 We trust you've had a positive experience with us, and we want you to know that\r\n you'll always be welcomed back whenever you choose to return.\r\n
\r\nBest regards, KAPorg team.
\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default LoginKosovo;\r\n","import React from \"react\";\r\nimport \"./styles.scss\";\r\nimport ceoIcon from \"./assets/ceo.svg\";\r\nimport accountsDepartmentIcon from \"./assets/accountsDepartment.svg\";\r\nimport economicStatisticsIcon from \"./assets/economicStatistics.svg\";\r\nimport socialStatisticsIcon from \"./assets/socialStatistics.svg\";\r\nimport agricultureIcon from \"./assets/agriculture.svg\";\r\nimport registrationSurveyIcon from \"./assets/registrationSurvey.svg\";\r\nimport methodologyIcon from \"./assets/methodology.svg\";\r\nimport administrationSupportIcon from \"./assets/administrationSupport.svg\";\r\n\r\nconst departments = [\r\n { icon: ceoIcon, title: \"Chief Executive Officer\" },\r\n { icon: accountsDepartmentIcon, title: \"National Accounts Department\" },\r\n { icon: economicStatisticsIcon, title: \"Department of Economic Statistics\" },\r\n { icon: socialStatisticsIcon, title: \"Department of Social Statistics\" },\r\n {\r\n icon: agricultureIcon,\r\n title: \"Department of Agriculture and Environment Statistics\",\r\n },\r\n {\r\n icon: registrationSurveyIcon,\r\n title: \"Department of Registration and Survey\",\r\n },\r\n {\r\n icon: methodologyIcon,\r\n title: \"Department of Methodology and Information Technology\",\r\n },\r\n {\r\n icon: administrationSupportIcon,\r\n title: \"Department of Administration and Support\",\r\n },\r\n];\r\n\r\nconst IconGrid = () => {\r\n return (\r\n \r\n {departments.map((dept, index) => (\r\n
\r\n );\r\n};\r\n\r\nexport default IconGrid;\r\n","/* eslint-disable jsx-a11y/anchor-is-valid */\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Navigate, Route, Routes, useLocation } from \"react-router-dom\";\r\nimport AuthService from \"../../base/services/authentication.service\";\r\nimport \"./custom.css\";\r\nimport ForgotPassword from \"./ForgotPassword/ForgotPassword\";\r\nimport LastPage from \"./messagePages/LastPage\";\r\nimport RequestPage from \"./messagePages/RequestPage\";\r\nimport AuthLayout from \"./layout/AuthLayout\";\r\nimport Login from \"./Login\";\r\nimport Registration from \"./Registration\";\r\nimport RegistrationStep2 from \"./RegistrationStep2\";\r\nimport RegistrationStep3 from \"./RegistrationStep3\";\r\nimport ConfirmCode from \"./ConfirmCode\";\r\nimport VerificationCodeAndSignIn from \"./VerificationCodeAndSignIn\";\r\nimport ForgotPasswordConfirm from \"./ForgotPassword/ForgotPasswordConfirm\";\r\nimport \"../../assets/styles/login-1.css\";\r\nimport RegistrationOfNationalOrganization from \"./NgoRegistration/RegistrationOfNationalOrganization\";\r\nimport RegistrationOfInternationalDonor from \"./RegistrationOfInternationalDonor\";\r\nimport RegistrationOfVendor from \"./RegistrationOfVendor\";\r\nimport RegistrationOfExpert from \"./RegistrationOfHumanitarian\";\r\nimport LayoutBackgroundBox from \"./layout/LayoutBackgroundBox\";\r\nimport RegisterOfExpertStepThree from \"./RegisterOfHumanitarianStepThree\";\r\nimport RegisterOfExpertStepFour from \"./RegistrationHumanitarianStepFour\";\r\nimport NgoVerification from \"./NgoRegistration/NgoVerification\";\r\nimport FinalStepNgo from \"./NgoRegistration/FinalStepNgo\";\r\nimport ResetPassword from \"./ForgotPassword/ResetPassword\";\r\nimport RecoveredPassword from \"./ForgotPassword/RecoveredPassword\";\r\nimport AccountDeletedORDeactivated from \"../account/components/AccountDeletedORDeactivated\";\r\n/* route protection will be applied after regist / auth apis are connected */\r\n\r\nimport LoginForAfrika from \"./forAfricaLogin/LoginForAfrica\";\r\nimport LoginKosovo from \"./kosovoLogin/LoginKosovo\";\r\nimport LoginKAS from \"./KAS/LoginKAS\";\r\nimport LoginSudan from \"./sudanLogin/loginSudan\";\r\nimport LoginTurkey from \"./Turkey/LoginTurkey\";\r\nimport LoginAfghanistan from \"./Afghanistan/LoginAfghanistan\";\r\nimport Syria from \"./Syria/LoginSyria\";\r\nexport function AuthPage() {\r\n const [isAuthorized, setisAuth] = useState(false);\r\n\r\n const location = useLocation();\r\n\r\n useEffect(() => {\r\n setisAuth(AuthService.isAuthenticated());\r\n }, [location, setisAuth]);\r\n\r\n return (\r\n <>\r\n \r\n 
\r\n
\r\n ))}\r\n {dept.title}
\r\n \r\n 
\r\n navigate(\"/admin/payment-information\")}\r\n >\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default SuccessPaymentInfo;\r\n","import React from \"react\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport { toAbsoluteUrl } from \"../../../_metronic/_helpers\";\r\nimport { KapOrgIcon2, FailedPayment, BackIconWhiteColor } from \"../../assets/icons\";\r\nimport { Button } from \"antd\";\r\nimport \"./style.scss\";\r\n\r\nconst FailedPaymentInfo = () => {\r\n const navigate = useNavigate();\r\n\r\n return (\r\n Purchase successful!
\r\nYour payment has been successfully processed.
\r\n Thank you for your purchase!\r\n\r\n 
\r\n
\r\n \r\n Go back to payment information
\r\n \r\n 
\r\n navigate(\"/admin/payment-information\")}\r\n >\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default FailedPaymentInfo;\r\n","import React, { lazy, Suspense, useEffect, useState } from \"react\";\r\nimport { Navigate, Route, Routes, useLocation } from \"react-router-dom\";\r\nimport { Layout, LayoutSplashScreen } from \"../_metronic/layout\";\r\nimport { AdminLayout } from \"../_metronic/layout/components/AdminLayout\";\r\nimport ProtectedRoute from \"./base/components/ProtectedRoute\";\r\nimport AuthService from \"./base/services/authentication.service\";\r\nimport { AuthPage } from \"./pages/auth/routes\";\r\nimport { UserRolesEnum } from \"./pages/auth/userRoles.enum\";\r\nimport { Error } from \"./pages/error/Error.js\";\r\nimport LoginForAfrica from \"./pages/auth/forAfricaLogin/LoginForAfrica.jsx\";\r\nimport SuccessPaymentInfo from \"./pages/account/SuccessPaymentInfo.js\";\r\nimport FailedPaymentInfo from \"./pages/account/FailedPaymentInfo.js\";\r\nimport ProfileInfo from \"./pages/account/ProfileInfo.js\";\r\nimport AccountSummary from \"./pages/account/AccountSummary.js\";\r\nimport LoginInfo from \"./pages/account/LoginInfo.js\";\r\n\r\nconst AdminPages = lazy(() => import(\"./pages/admin/routes\"));\r\nconst WorkspacePages = lazy(() => import(\"./pages/workspace/routes\"));\r\n\r\nexport function Routess() {\r\n const [isAuthenticated, setisAuth] = useState(() => AuthService.isAuthenticated());\r\n\r\n const location = useLocation();\r\n\r\n useEffect(() => {\r\n setisAuth(AuthService.isAuthenticated());\r\n }, [location, setisAuth]);\r\n\r\n return (\r\n Purchase failed
\r\n\r\n Unfortunately, your recent purchase attempt was not successful. There may have been\r\n an issue with payment processing or a problem with the information provided. Please\r\n check your payment details and try again.\r\n
\r\n We apologize for the inconvenience and appreciate your patience.\r\n\r\n \r\n
\r\n \r\n Go back to payment information
\r\n