= [\n {\n question:\n \"Why can't I see all my teammates in while requesting or sharing feedback?\",\n answer:\n \"Grow-Wize shows the users who have already joined or were invited during setup. You can ask your teammates to login using corporate mail ID (@domian.com) and then you will be able to exchange feedback with them.\",\n to: \"user\",\n },\n {\n question: \"How can I invite more team mates?\",\n answer:\n \"To make things simple, you dont need to invite all of your team mates. You can ask your teammates to login using corporate mail ID (@domian.com) and then you will be able to exchange feedback with them.\",\n to: \"user\",\n },\n {\n question:\n \"I have a very large team. Is there a way that all users can be onboarded quickly?\",\n answer:\n 'You can share official email ID of your team with us on support@grow-wize.com . We will take it for ward and import all your teammates.
',\n to: \"user\",\n },\n {\n question:\n \"Is there a way to change the attributes like leadership, Org involvement, etc?\",\n answer:\n 'Yes, we can help you configure the feedback form based on your organization needs. You can share the attributes, questions and even the response scale that fits best for you and your organization with us on support@grow-wize.com . Share with us a spreadsheet with following details and we will make the required changes:
Attribute name Questions Response Scale Yes, we can help you configure the feedback form based on your organization needs. You can share the attributes, questions and even the response scale that fits best for you and your organization with us on support@grow-wize.com ',\n to: \"admin\",\n },\n {\n question: \"Is there a way for me to edit or delete the feedback shared? \",\n answer:\n \"Currently, we are not allowing anyone (sender, receiver or even HR) to remove or edit the feedback shared. \",\n to: \"user\",\n },\n {\n question: \"Who all can see my feedback?\",\n answer:\n \"The feedback and nuggets shared in the system is accessible only by sender, receiver of feedback and the HR Admins of your workspace?\",\n to: \"user\",\n },\n ];","import React from \"react\";\nimport { RenderAttributesDetails } from \"../components/list/detail/DetailComponent\";\nimport jwt_decode from \"jwt-decode\";\nimport { TokenDataProps } from \"../home/Drawer\";\nimport { useSelector } from \"react-redux\";\nimport { State } from \"../../type\";\nimport { FAQ_DATA } from \"../constants/FAQQuestionsData\";\nimport { Grid, IconButton, makeStyles, Typography } from \"@material-ui/core\";\nimport CloseIcon from \"@material-ui/icons/Close\";\nimport { FAQComponentProps } from \"./type\";\n\nconst useStyle = makeStyles((theme) => ({\n container: {\n border: \"1px solid #DCDCDC\",\n borderRadius: \"4px\",\n backgroundColor: \"#FFFFFF\",\n boxShadow: \"0 2px 4px 4px rgba(191,191,191,0.3)\",\n padding: theme.spacing(5, 7.5),\n margin:theme.spacing(0),\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(2),\n marginBottom: theme.spacing(2),\n },\n },\n text: {\n fontSize: theme.spacing(5),\n color: \"#272727\",\n fontWeight: 800,\n fontFamily: \"Montserrat\",\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: theme.spacing(3),\n },\n },\n text_container: {\n margin: theme.spacing(0, 0, 3, 0),\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(2, 0),\n },\n },\n extra_style: {\n padding: theme.spacing(3, 5),\n },\n}));\n\nexport const FAQComponent: React.FC = ({ setOpen }) => {\n const classes = useStyle();\n const token = useSelector((state: State) => state.auth.token);\n\n let tokenData: TokenDataProps = {\n role: \"Regular\",\n exp: 0,\n iat: 0,\n sub: 0,\n status: \"ACTIVE\",\n };\n try {\n tokenData = jwt_decode(token);\n } catch (err) {\n console.error((err as Error).message);\n }\n\n const faqs = FAQ_DATA;\n\n const renderFAQHeader = () => (\n \n\n\n \n setOpen(false)}\n aria-label=\"close\"\n >\n \n \n \n \n FAQs \n \n \n \n );\n\n const renderFAQAccordions = () => (\n \n q.to === \"user\")\n }\n >\n \n );\n\n return (\n \n {renderFAQHeader()}\n {renderFAQAccordions()}\n \n );\n};\n","import {\n Dialog,\n Slide,\n SlideProps,\n} from \"@material-ui/core\";\nimport * as React from \"react\";\nimport { FAQComponent } from \"./Component\";\nimport { Props } from \"./type\";\nimport \"./style.css\";\n\nconst Transition = React.forwardRef((props, ref) => (\n = ({ open, setOpen }) => {\n const handleClickOpen = () => {\n setOpen(true);\n };\n\n const handleClose = () => {\n setOpen(false);\n };\n\n return (\n \n \n
\n );\n};\n","import {\n Avatar,\n Button,\n ClickAwayListener,\n Divider,\n Grid,\n IconButton,\n List,\n ListItem,\n Tooltip,\n Typography,\n} from \"@material-ui/core\";\nimport Hidden from \"@material-ui/core/Hidden\";\nimport { createStyles, makeStyles, Theme } from \"@material-ui/core/styles\";\nimport Toolbar from \"@material-ui/core/Toolbar\";\nimport ArrowBackIosIcon from \"@material-ui/icons/ArrowBackIos\";\nimport MenuIcon from \"@material-ui/icons/Menu\";\nimport React, { useState } from \"react\";\nimport { useSelector, useDispatch } from \"react-redux\";\nimport { Redirect } from \"react-router\";\nimport theme from \"../../theme\";\nimport { State, ToolbarProp } from \"../../type\";\nimport { FullScreenDialog } from \"../faqs/FullScreenDialog\";\nimport { HeaderDisplayText, StatusText } from \"./HomeText\";\nimport { setUnsavedTeamChanges } from \"../../redux/slices/CreateTeamSlice\";\nimport { CreateTeamCancelModal } from \"../admin/teams/createTeams/createTeamCancelModal/createTeamCancelModal\";\nimport { useLocation } from \"react-router-dom\";\n\nconst useStyles = makeStyles((theme: Theme) =>\n createStyles({\n menuButton: {\n margin: theme.spacing(0, 0, 0, -2),\n [theme.breakpoints.up(\"sm\")]: {\n display: \"none\",\n },\n },\n detailBtn: {\n margin: theme.spacing(4.25, -5, 0, 0),\n [theme.breakpoints.down(\"md\")]: {\n margin: theme.spacing(4.25, -8.5, 0, 0),\n },\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(4.25, 0, 0, 0),\n },\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(0),\n },\n },\n detailBtnWithProfile: {\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(-9.25, 0, 0, 0),\n },\n },\n list: {\n width: theme.spacing(38.75),\n height: theme.spacing(15.25),\n backgroundColor: \"#FFFFFF\",\n boxShadow: \"-5px 9px 19px 0 rgba(90,90,90,0.4)\",\n \"&:hover\": {\n backgroundColor: \"#FFFFFF\",\n },\n [theme.breakpoints.down(\"sm\")]: {\n boxShadow: \"-5px 19px 16px 15px rgb(90 90 90 / 40%)\",\n width: theme.spacing(26.75),\n height: theme.spacing(10.25),\n },\n },\n listTopGrid: {\n margin: theme.spacing(11, 0, 0, -0.5),\n [theme.breakpoints.down(\"md\")]: {\n margin: theme.spacing(11, 0, 0, 0.5),\n },\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(6, 0, 0, -1),\n },\n },\n topGrid: {\n margin: theme.spacing(0, 0, 0, -0.5),\n [theme.breakpoints.down(\"md\")]: {\n margin: theme.spacing(0, 0, 0, 1),\n },\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(0, 0, 0, -1),\n },\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(-2, 0, 0, -1),\n },\n },\n listTopGrid2: {\n margin: theme.spacing(17, 0, 0, 0),\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(0, 0, 0, 0),\n },\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(-3, 0, 0, 0),\n },\n },\n topGrid2: {\n margin: theme.spacing(2, 0, 0, 0),\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(2, 0, 0, 0),\n },\n },\n profileBtn: {\n minWidth: \"1px\",\n backgroundColor: \"#FFFFFF\",\n \"&:hover\": {\n backgroundColor: \"#FFFFFF\",\n },\n },\n profileBtnItem: {\n color: \"#A0A0A0\",\n backgroundColor: \"#FFFFFF\",\n fontSize: theme.spacing(1.75),\n fontWeight: 500,\n margin: theme.spacing(2, 0, 1, 0),\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: theme.spacing(1.25),\n },\n },\n profileBtnItem2: {\n color: \"#272727\",\n backgroundColor: \"#FFFFFF\",\n fontSize: theme.spacing(1.75),\n fontWeight: 500,\n margin: theme.spacing(1.5, 0, 1.5, 0),\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: theme.spacing(1.25),\n },\n },\n headerName: {\n [theme.breakpoints.down(\"xl\")]: {\n padding: theme.spacing(0, 0, 0, 0.5),\n },\n [theme.breakpoints.down(\"lg\")]: {\n padding: theme.spacing(0, 0, 0, 0.5),\n },\n [theme.breakpoints.down(\"md\")]: {\n padding: theme.spacing(0, 0, 0, 0),\n },\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(0, 0, 0, 0.5),\n textAlign: \"start\",\n },\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(0, 0, 0, 0),\n textAlign: \"start\",\n },\n },\n headerName2: {\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(-9, 0, 0, 0),\n textAlign: \"start\",\n },\n },\n headerGrid: {\n marginTop: theme.spacing(-11.25),\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(-6.25, 0, 0, 0),\n },\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(9.75, 0, 0, 0),\n },\n },\n headerDetail: {\n [theme.breakpoints.down(\"md\")]: {\n margin: theme.spacing(0, 0, 0, 5),\n },\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(0, 0, 0, 0),\n textAlign: \"start\",\n },\n },\n headerDetail2: {\n marginTop: theme.spacing(-11.25),\n [theme.breakpoints.down(\"md\")]: {\n margin: theme.spacing(-11.25, 0, 0, 7),\n },\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(-6.25, 0, 0, 0),\n },\n },\n gridWithDetail: {\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(-2.5, 0, 0, 0),\n },\n },\n backCta: {\n margin: theme.spacing(-0.95, 0, 0, 0),\n color: \"black\",\n },\n toolTip: {\n height: theme.spacing(4),\n width: theme.spacing(8),\n fontSize: theme.spacing(1.75),\n fontWeight: 500,\n fontColor: \"#FFFFFF\",\n backgroundColor: \"#272727\",\n textAlign: \"center\",\n padding: theme.spacing(1, 1.25),\n [theme.breakpoints.down(\"xs\")]: {\n fontSize: theme.spacing(0.875),\n height: theme.spacing(2),\n width: theme.spacing(4),\n padding: theme.spacing(0.5, .75),\n },\n },\n arrow: {\n color: \"#272727\",\n },\n })\n);\n\nexport const ToolBar: React.FC = ({\n headerName,\n setLogout,\n isDetailView,\n setIsDetailView,\n handleDrawerToggle,\n value,\n setValue,\n tabValue,\n validLength,\n isDataChange,\n savedDraftDate,\n onAnyChange,\n}) => {\n const classes = useStyles();\n const [detailView, setDetailView] = React.useState(isDetailView);\n const [open, setOpen] = React.useState(false);\n const [toolTip, setToolTip] = React.useState(false);\n const { name, imageUrl } = useSelector((state: State) => state.auth);\n const [showFAQ, setShowFAQ] = React.useState(false);\n\n const dispatch = useDispatch();\n\n const handleClickAway = () => {\n setOpen(false);\n };\n\n const handleLogout = (e) => {\n e.preventDefault();\n setOpen(false);\n setLogout(true);\n };\n\n const location = useLocation();\n const currentPath = location.pathname;\n const [openModal, setOpenModal] = useState(false);\n const [submitted, setSubmitted] = useState(false);\n\n const unsavedTeamChanges = useSelector(\n (state: State) => state.createTeamDetails.unsavedTeamChanges\n );\n\n const handleCancelModal = () => {\n setOpenModal(false);\n };\n\n const handleConfirmTeamTabModal = () => {\n setSubmitted(true);\n setOpenModal(false);\n dispatch(setUnsavedTeamChanges(false));\n setDetailView(false);\n setIsDetailView(false);\n };\n\n const renderSwitchViewTeamModal = () => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n setToolTip(true)}\n onClose={() => setToolTip(false)}\n title=\"FAQs\"\n placement=\"bottom\"\n arrow\n classes={{arrow: classes.arrow , tooltip: classes.toolTip }}\n >\n setShowFAQ(true)}>\n \n \n \n setOpen(true)}\n className={classes.profileBtn}\n >\n \n \n \n \n \n {open ? (\n \n \n \n {\"Welcome,\"}{\" \"}\n {`${name}`}\n \n \n \n \n Logout\n \n \n
\n ) : null}\n \n \n \n \n \n {detailView ? (\n \n {\n if (currentPath === \"/admin/teams/create\" && unsavedTeamChanges) {\n setOpenModal(true); \n } else {\n setDetailView(false);\n setIsDetailView(false);\n }\n }}\n style={{ padding: \"0px\" }}\n >\n \n ) : null}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {detailView ? (\n \n \n {\n if (currentPath === \"/admin/teams/create\" && unsavedTeamChanges) {\n setOpenModal(true); \n } else {\n setDetailView(false);\n setIsDetailView(false);\n }\n }}\n className={classes.backCta}\n >\n \n \n ) : null}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n setToolTip(true)}\n onClose={() => setToolTip(false)}\n title=\"FAQs\"\n placement=\"bottom\"\n arrow\n classes={{ arrow: classes.arrow ,tooltip: classes.toolTip }}\n >\n setShowFAQ(true)}>\n \n \n \n setOpen(true)}\n className={classes.profileBtn}\n >\n \n \n \n {open ? (\n \n \n \n {\"Welcome,\"}{\" \"}\n {`${name}`}\n \n \n \n \n Logout\n \n \n
\n ) : null}\n \n \n \n \n \n \n \n \n \n );\n};\n","import {\n createStyles,\n InputBase,\n MenuItem,\n Select,\n Theme,\n withStyles,\n} from \"@material-ui/core\";\nimport React from \"react\";\nimport theme from \"../../theme\";\nimport { CustomSelectProp } from \"./type\";\n\nenum TEXT_ALIGN_PROPERTY {\n left = \"left\",\n right = \"right\",\n}\n\nconst BootstrapInputEmployee = withStyles((theme: Theme) =>\n createStyles({\n root: {\n \"label + &\": {\n marginTop: theme.spacing(3),\n },\n },\n input: {\n position: \"relative\",\n backgroundColor: theme.palette.background.paper,\n border: \"1px solid #a0a0a0\",\n fontSize: 14,\n padding: theme.spacing(1, 0, 0.75, 1.5),\n transition: theme.transitions.create([\"border-color\", \"box-shadow\"]),\n fontFamily: \"Montserrat\",\n },\n })\n)(InputBase);\n\nconst BootstrapInputAdmin = withStyles((theme: Theme) =>\n createStyles({\n root: {\n \"label + &\": {\n marginTop: theme.spacing(3),\n },\n },\n input: {\n position: \"relative\",\n backgroundColor: theme.palette.background.paper,\n fontSize: 10,\n transition: theme.transitions.create([\"border-color\", \"box-shadow\"]),\n fontFamily: \"Montserrat\",\n },\n })\n)(InputBase);\n\nexport const LIST_ITEMS = {\n RECEIVED_FEEDBACK: [\"All\", \"Employees\", \"Clients\"],\n SENT_REQUEST: [\"All\", \"Employees\", \"Clients\"],\n ACTIVITY_LIST: [\"All\", \"Shared\", \"Requested\", \"On boarded\", \"Self assessment\"],\n FEEDBACK_TYPE_LIST: [\"Shared\", \"Received\"],\n TIME_UNIT: [\"Day\", \"Month\"],\n MONTH_DURATION_LIST: [\"30 days\", \"60 days\", \"90 days\"],\n};\n\nconst EMPLOYEE_STYLE_ARRAY = [\"RECEIVED_FEEDBACK\", \"SENT_REQUEST\"];\n\nconst EMPLOYEE_STYLE_OBJ = {\n width: theme.spacing(18),\n textAlign: TEXT_ALIGN_PROPERTY.left,\n margin: theme.spacing(0),\n fontWeight: 500,\n fontFamily: \"Montserrat\",\n color: \"#272727\",\n};\n\nconst ADMIN_STYLE_OBJ = {\n width: theme.spacing(14),\n textAlign: TEXT_ALIGN_PROPERTY.right,\n margin: theme.spacing(0),\n fontWeight: 500,\n fontFamily: \"Montserrat\",\n color: \"#272727\",\n};\n\nexport const CustomSelect: React.FC = ({\n tabValue,\n setTabValue,\n setPageNumber,\n name,\n}) => {\n const items = LIST_ITEMS[name];\n\n const handleChange = (event: React.ChangeEvent<{ value: unknown }>) => {\n if (EMPLOYEE_STYLE_ARRAY.includes(name)) setPageNumber(1);\n if (name === \"MONTH_DURATION_LIST\")\n setTabValue(((event.target.value as number) + 1) * 30);\n else setTabValue(event.target.value as number);\n };\n return (\n \n {item}\n \n ))}\n \n );\n};\n","import { Grid, makeStyles } from \"@material-ui/core\";\nimport React from \"react\";\nimport { HomeLayout } from \"../../home/Layout\";\nimport { ToolBar } from \"../../../modules/home/ToolBar\";\nimport { useSelector } from \"react-redux\";\nimport { State } from \"../../../type\";\nimport ToastMessage from \"../../../modules/components/ToastMessage\";\n\nconst useStyle = makeStyles((theme) => ({\n root: {\n alignItems: \"left\",\n width: `${window.innerWidth - 224}px`,\n padding: theme.spacing(6, 5, 2, 4),\n marginTop: theme.spacing(6.5),\n background: \"#F5F6FA\",\n height: \"-webkit-fill-available\",\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(6, 4, 6, 4),\n },\n [theme.breakpoints.down(\"xs\")]: {\n marginTop: theme.spacing(11.25),\n padding: theme.spacing(5, 3, 3, 3),\n },\n },\n}));\n\nexport const AdminDashboardLayout = ({\n props,\n loading,\n setLogout,\n isDetailView,\n setIsDetailView,\n renderErrorModal,\n renderRecentActivities,\n renderNudgeBoard,\n renderLeaderboard,\n renderFeedbackTrend,\n showSuccess,\n handleClose,\n nudgeSuccessMsg\n}) => {\n document.title = \"Grow-Wize | Admin-Dashboard\";\n const classes = useStyle();\n\n const [mobileOpen, setMobileOpen] = React.useState(false);\n const loggedInUserMail = useSelector(\n (state: State) => state.auth.email ?? \"test@technogise.com\"\n );\n const handleDrawerToggle = () => {\n setMobileOpen(!mobileOpen);\n };\n\n const tempFunction = () => {\n return 0;\n };\n\n const renderToolBar = () => (\n \n );\n\n const renderDashboardLayout = () => (\n <>\n {renderErrorModal()}\n \n \n {renderFeedbackTrend()}\n \n \n {renderLeaderboard()}\n \n <>\n \n {renderNudgeBoard()} \n \n \n {renderRecentActivities()}\n \n \n \n \n );\n\n return (\n \n );\n};\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { RecentActivitiesDataProps, RecentActivitySliceProp } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getRecentActivities = createAsyncThunk(\n \"admin/activities/recent\",\n async (params: RecentActivitySliceProp, storeActions) => {\n const url = `api/v1/admin/recent-activities?activity=${params.activity}` + params.requestingParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst recentActivitiesSlice = createSlice({\n name: \"recentActivities\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: [] as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getRecentActivities.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getRecentActivities.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getRecentActivities.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = recentActivitiesSlice.actions;\n\nexport default recentActivitiesSlice;\n","export type NudgeTitleProps = {\n name: string;\n size: | 1\n | 2\n | 3\n | 4\n | 5\n | 6\n | 7\n | 8\n | 9\n | 10\n | 11\n | 12\n | \"auto\"\n | boolean\n | undefined;\n}\n\nexport const NUDGE_TITLE: Array = [\n {\n name: \"Name\",\n size: 6,\n },\n {\n name: \"Shared\",\n size: 2,\n },\n {\n name: \"Received\",\n size: 2,\n },\n {\n name: \"Action\",\n size: 2,\n },\n];\n\nexport enum MESSAGES {\n NUDGE_SUCCESS = \"Nudge Notification Sent Successfully\",\n NUDGE_FAIL = \"Nudge Notification Failed\",\n}\nexport const COUNT = 200;\n","import { Grid } from \"@material-ui/core\"\nimport React from \"react\"\nimport theme from \"../../../theme\"\n\nexport const CustomDivider = () => {\n return (\n \n )\n}\n","import React from \"react\";\nimport { RecentActivityDetailProp } from \"../../../type\";\nimport { Avatar, Grid, Typography } from \"@material-ui/core\";\nimport { getDateInActivityFormat } from \"../../../util/GetDateInActitivityFormat\";\n\nexport const RequestFeedbackActivityCard: React.FC =\n ({ activityDate, activityUser, others }) => {\n return (\n \n \n \n \n \n \n \n {\n \n {activityUser?.firstName + \" \" + activityUser?.lastName}\n \n }{\" \"}\n requested feedback from{\" \"}\n {{others?.join(\", \")} }\n \n \n \n \n {activityDate &&\n getDateInActivityFormat(new Date(activityDate))}\n \n \n \n \n = ({\n activityId,\n activityDate,\n activityUser,\n others,\n setFeedbackId,\n setMember\n}) => {\n const classes = useStyles();\n return (\n \n \n \n \n \n \n \n {\n \n {activityUser?.firstName + \" \" + activityUser?.lastName}\n \n }{\" \"}\n shared feedback with{\" \"}\n {{others && others[0]} }\n \n \n \n \n {activityDate && getDateInActivityFormat(new Date(activityDate))}\n \n \n \n \n \n {\n setFeedbackId(activityId);\n setMember(activityUser);\n }}>\n View \n \n \n \n );\n};\n","import React from \"react\";\nimport { RecentActivityDetailProp } from \"../../../type\";\nimport { Avatar, Grid, Typography } from \"@material-ui/core\";\nimport { getDateInActivityFormat } from \"../../../util/GetDateInActitivityFormat\";\n\nexport const UserOnBoardedActivityCard: React.FC = ({\n activityUser,\n activityDate,\n}) => {\n return (\n \n \n \n \n \n \n \n {\n \n {activityUser?.firstName + \" \" + activityUser?.lastName}\n \n }{\" \"}\n joined Grow-Wize{\" \"}\n \n \n \n \n {activityDate && getDateInActivityFormat(new Date(activityDate))}\n \n \n \n \n = ({\n activityId,\n activityDate,\n activityUser,\n setAssessmentId,\n setMember,\n}) => {\n const classes = useStyles();\n return (\n \n \n \n \n \n \n \n {\n \n {activityUser?.firstName + \" \" + activityUser?.lastName}\n \n }{\" \"}\n has updated their Self Assessment{\" \"}\n \n \n \n \n {activityDate && getDateInActivityFormat(new Date(activityDate))}\n \n \n \n \n \n {\n setMember(activityUser);\n setAssessmentId(activityId);\n }}\n >\n View \n \n \n \n );\n};\n","import {\n CircularProgress,\n Grid,\n makeStyles,\n Typography,\n ClickAwayListener,\n IconButton\n} from \"@material-ui/core\";\nimport React from \"react\";\nimport { CustomSelect } from \"../../components/CustomSelect\";\nimport { appColor } from \"../../constants/customThemeColor\";\nimport { useCustomStyle } from \"../../../styles\";\nimport theme from \"../../../theme\";\nimport { DateRangePicker } from \"react-date-range\";\nimport { CustomDivider } from \"./CustomDivider\";\nimport { RequestFeedbackActivityCard } from \"./FeedbackRequestActivityCard\";\nimport { SharedFeedbackActivityCard } from \"./FeedbackSharedActivityCard\";\nimport { RecentActivityComponentProp } from \"./type\";\nimport { UserOnBoardedActivityCard } from \"./UserOnBoardedActivityCard\";\nimport { SelfAssessmentActivityCard } from \"./SelfAssessmentActivityCard\";\n\nconst useStyles = makeStyles((theme) => ({\n recentActivitySection: {\n backgroundColor: `${appColor.pureWhite}`,\n borderRadius: theme.spacing(0.5),\n boxShadow: \"0 2px 4px 0 rgba(175,175,175,0.5)\",\n border: \"1px solid rgba(175,175,175,0.3)\",\n boxSizing: \"border-box\",\n margin: theme.spacing(0, 1),\n },\n dates: {\n position: \"absolute\",\n zIndex: 100,\n right: theme.spacing(6),\n boxShadow: \"0 2px 4px 0 rgba(175,175,175,0.5)\",\n border: \"1px solid rgba(175,175,175,0.3)\",\n fontFamily: \"Montserrat\",\n marginTop: \"16px\",\n },\n}));\n\nexport const RecentActivityComponent: React.FC = ({\n data,\n recentActivityTab,\n setRecentActivityTab,\n loading,\n setFeedbackId,\n setAssessmentId,\n setMember,\n activityDateRangeState,\n setActivityDateRangeState,\n}) => {\n const classes = useStyles();\n const customClasses = useCustomStyle();\n const [show, setShow] = React.useState(false);\n\n const handleDateChange = (range) => {\n const nextRange = {\n startDate: range?.range1?.startDate,\n endDate: range?.range1?.endDate,\n };\n setActivityDateRangeState(nextRange);\n };\n\n\n return (\n \n \n \n \n Activities\n \n \n \n \n setShow(true)}\n style={{\n padding: \"0px 4px\",\n margin: \"0px\",\n position: \"relative\",\n height: \"20px\",\n width: \"20px\",\n }}\n >\n setShow(false)}\n >\n \n handleDateChange(e)}\n maxDate={new Date()}\n dateDisplayFormat={\"d MMM yyyy\"}\n />\n
\n )}\n \n \n \n \n \n \n \n \n {data?.length > 0 &&\n data.map((d, id) => (\n \n {d.activityName === \"FEEDBACK_SHARED\" && (\n \n \n
\n ))}\n {loading && (\n \n \n )}\n {!loading && data?.length === 0 && (\n \n \n No recent activities...\n \n \n )}\n \n \n );\n};\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { post } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\nimport { NudgeSendNotificationProps } from \"../../type\";\n\nexport const nudgeSendNotification = createAsyncThunk(\n \"admin/nudge/sendNotification\",\n async (requestParams: NudgeSendNotificationProps, storeActions) => {\n const url = `api/v1/admin/send/nudge`;\n const response: any = await post(url, requestParams, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: response.status,\n data: await response.json(),\n };\n } else {\n\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst adminNudgeSendNotificationSlice = createSlice({\n name: \"adminNudgeSendNotification\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as number | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(nudgeSendNotification.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(nudgeSendNotification.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(nudgeSendNotification.rejected, (state) => {\n state.status = HttpStatus.SERVICE_UNAVAILABLE;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = adminNudgeSendNotificationSlice.actions;\n\nexport default adminNudgeSendNotificationSlice;\n","import {\n Avatar,\n Button,\n Grid,\n makeStyles,\n Typography,\n} from \"@material-ui/core\";\nimport { appColor } from \"../../constants/customThemeColor\";\nimport { NudgeSendNotificationProps, User } from \"../../../type\";\nimport { useDispatch } from \"react-redux\";\nimport { nudgeSendNotification } from \"../../../redux/slices/NudgeSendNotificationSlice\";\nimport { getDateInActivityFormat } from \"../../../util/GetDateInActitivityFormat\";\n\nconst useStyles = makeStyles((theme) => ({\n btn: {\n height: theme.spacing(4.75),\n width: theme.spacing(13.5),\n textTransform: \"none\",\n backgroundColor: `${appColor.pureWhite}`,\n borderRadius: theme.spacing(0.5),\n color: `${appColor.darkGray}`,\n padding: theme.spacing(1.25, 0.75),\n border: \"1px solid rgba(175,175,175,0.5)\",\n \"&:hover\": {\n backgroundColor: `${appColor.adminThemeColor}`,\n color: `${appColor.pureWhite}`,\n border: \"none\",\n },\n },\n btn2: {\n height: theme.spacing(4.75),\n width: theme.spacing(13.5),\n textTransform: \"none\",\n backgroundColor: `${appColor.pureWhite}`,\n borderRadius: theme.spacing(0.5),\n border: \"1px solid #7C69EC\",\n color: `#7C69EC`,\n padding: theme.spacing(1.25, 0.75),\n \"&:hover\": {\n backgroundColor: `${appColor.adminThemeColor}`,\n color: `${appColor.pureWhite}`,\n border: \"none\",\n },\n },\n}));\n\nexport const NudgeCard = ({\n user,\n sharedFeedbackCount,\n receivedFeedbackCount,\n nudgeSenderData,\n titles,\n setNudgeCtaSubmitted,\n}) => {\n const classes = useStyles();\n const dispatch = useDispatch();\n let diff = -1;\n const handleNudgeCta = (user: User) => {\n if (user.id) {\n setNudgeCtaSubmitted(true);\n const params: NudgeSendNotificationProps = {\n userId: user.id,\n };\n dispatch(nudgeSendNotification(params));\n }\n };\n\n return (\n \n \n \n \n \n \n \n \n \n {user &&\n user.firstName &&\n user.firstName.charAt(0).toUpperCase() +\n user.firstName.slice(1) +\n \" \" +\n (user.lastName.charAt(0).toUpperCase() +\n user.lastName.slice(1))}\n \n \n \n \n \n {!nudgeSenderData?.sender?.firstName ? (\n <>Not yet nudged\n ) : (\n <>\n {\" \"}\n Nudged By:{\" \"}\n {nudgeSenderData?.sender?.firstName\n .charAt(0)\n .toUpperCase() +\n nudgeSenderData?.sender?.firstName.slice(1)}{\" \"}\n |{\" \"}\n {nudgeSenderData?.nudgeDate &&\n getDateInActivityFormat(\n new Date(nudgeSenderData?.nudgeDate)\n )}\n \n )}\n \n \n \n \n\n \n \n {sharedFeedbackCount}\n \n \n\n \n \n {receivedFeedbackCount}\n \n \n\n \n handleNudgeCta(user)}>\n \n Nudge\n \n \n \n \n \n );\n};\n","export enum Messages {\n ADD_ATTRIBUTE = \"New attribute created successfully!\",\n UPDATE_ATTRIBUTE_NAME = \"Attribute name updated successfully!\",\n DISABLE_ATTRIBUTE = \"Attribute disabled successfully\",\n ENABLE_ATTRIBUTE = \"Attribute enabled successfully\",\n UPDATE_QUESTION = \"Question updated Successfully!\",\n DISABLE_QUESTION = \"Question disabled successfully\",\n ENABLE_QUESTION = \"Question enabled successfully\",\n ADD_QUESTION = \"Question added successfully\",\n}\n\nexport enum ValidationErrors {\n QUESTION_TEXT = \"Please write a question here\",\n RESPONSE_TYPE = \"Please select response type\",\n ATTRIBUTE_NAME = \"Please enter attribute name\",\n ATTRIBUTE_NAME_LENGTH = \"Character length limit has been reached - 50 characters\"\n}\n\nexport enum AttributeStatus {\n ACTIVE = \"ACTIVE\",\n INACTIVE = \"INACTIVE\"\n}","import { Button, ClickAwayListener, makeStyles } from \"@material-ui/core\"\nimport { useState } from \"react\";\nimport { DateRangePicker } from \"react-date-range\";\nimport { getDateInDesiredFormat } from \"../../util/GetDateInDesiredFormat\";\nimport { useLocation } from \"react-router-dom\";\nimport theme from \"../../theme\";\n\nconst useStyle = makeStyles((theme) => ({\n calenderCTA: {\n padding: theme.spacing(1.25, 1.5, 1.25, 1.5),\n textTransform: \"none\",\n fontSize: theme.spacing(1.75),\n fontWeight: 600,\n color: \"#7C69EC\",\n fontFamily: \"Montserrat\",\n height: theme.spacing(6),\n },\n dateRangeWrapper: {\n position: \"absolute\",\n zIndex: 100,\n right: theme.spacing(78),\n boxShadow: \"0 2px 4px 0 rgba(175,175,175,0.5)\",\n border: \"1px solid rgba(175,175,175,0.3)\",\n fontFamily: \"Montserrat\",\n marginTop: \"399px\",\n \"& > .rdrDateRangePickerWrapper > .rdrDefinedRangesWrapper\": {\n display: \"none\",\n }\n },\n}));\n\nexport const NudgeCalendarCTA = ({\n setDateRange,\n dateRange,\n selectedDateCount,\n setSelectedDateCount,\n}) => {\n const classes = useStyle();\n const [showDateRange, setShowDateRange] = useState(false);\n\n const location = useLocation();\n const currentPath = location.pathname;\n\n // Conditionally set marginTop based on the current route\n const marginTop = currentPath === \"/admin/nudge\" ? \"0px\" : \"399px\";\n\n // Conditionally set right based on the current route\n const right = currentPath === \"/admin/nudge\" ? theme.spacing(6) : theme.spacing(78);\n\n const handleDateChange = (range) => {\n const nextRange = {\n startDate: range?.range1?.startDate,\n endDate: range?.range1?.endDate,\n };\n setDateRange(nextRange);\n if (selectedDateCount === 1) {\n setShowDateRange(false);\n setSelectedDateCount(2);\n } else if (selectedDateCount === 0) {\n setSelectedDateCount(1);\n }\n };\n\n return (<>\n }\n variant=\"text\"\n data-testid=\"export-button\"\n className={classes.calenderCTA}\n onClick={() => setShowDateRange(true)}\n >\n {/* Sep 2023 - Sep 2024 */}\n {getDateInDesiredFormat(dateRange.startDate)} - {getDateInDesiredFormat(dateRange.endDate)}\n \n {showDateRange && (\n setShowDateRange(false)}\n >\n \n handleDateChange(e)}\n maxDate={new Date()}\n staticRanges={[]}\n inputRanges={[]}\n dateDisplayFormat={\"d MMM yyyy\"}\n />\n
\n \n )}\n \n );\n}\n\nexport {};","import { Button, CircularProgress, Grid, makeStyles } from \"@material-ui/core\";\nimport React from \"react\";\nimport { HomeLayout } from \"../../home/Layout\";\nimport { ToolBar } from \"../../../modules/home/ToolBar\";\nimport { AttributeStatus } from \"../../../modules/admin/customAttributeAndQuestions/helper\";\n\nconst useStyle = makeStyles((theme) => ({\n root: {\n display: \"flex\",\n justifyContent: \"flex-start\",\n flexDirection: \"column\",\n alignItems: \"flex-start\",\n padding: theme.spacing(11, 6, 2, 5),\n marginTop: theme.spacing(6.5),\n background: \"#F5F6FA\",\n height: \"-webkit-fill-available\",\n minHeight: \"100vh\",\n position: \"relative\",\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(6, 4, 6, 4),\n },\n [theme.breakpoints.down(\"xs\")]: {\n marginTop: theme.spacing(11.25),\n padding: theme.spacing(5, 3, 3, 3),\n },\n },\n loaderBackground: {\n height: \"100%\",\n padding: 0,\n background: \"none\",\n overflow: \"hidden\"\n },\n disabledContainer: {\n pointerEvents: \"none\",\n opacity: 0.3\n },\n}));\n\nexport const Loader = () => {\n const classes = useStyle();\n return (\n \n \n \n \n );\n};\n\nexport const AttributeDetailLayout = ({\n props,\n loading,\n setLogout,\n isDetailView,\n setIsDetailView,\n renderErrorModal,\n renderAddQuestionButton,\n renderAddQuestionModal,\n renderQuestionsList,\n renderInfoBanner,\n renderAttributeName,\n attributeStatus\n}) => {\n document.title = \"Grow-Wize | Admin - Attributes\";\n const classes = useStyle();\n\n const [mobileOpen, setMobileOpen] = React.useState(false);\n const handleDrawerToggle = () => {\n setMobileOpen(!mobileOpen);\n };\n\n const tempFunction = () => {\n return 0;\n };\n\n const renderToolBar = () => (\n \n );\n\n const isDisabled = attributeStatus === AttributeStatus.INACTIVE;\n\n const renderAttributeDetail = () => (\n <>\n {renderErrorModal()}\n {renderAddQuestionModal()}\n \n {loading && \n }\n {isDisabled && renderInfoBanner()}\n \n \n {renderAttributeName()}\n {renderAddQuestionButton()}\n \n {renderQuestionsList()}\n \n \n \n );\n\n return (\n \n );\n};\n","import React from \"react\";\nimport Chart from \"react-apexcharts\";\nimport { TrendChartProp } from \"./type\";\nimport \"./style.css\";\nimport {\n getDateInDesiredFormat,\n getMonthAndYearFormat,\n} from \"../../../util/GetDateInDesiredFormat\";\nexport enum ChartCurve {\n smooth = \"smooth\",\n straight = \"straight\",\n stepline = \"stepline\",\n}\n\nexport enum GridPosition {\n back = \"back\",\n front = \"front\",\n}\n\nexport enum ChartType {\n line = \"line\",\n}\n\nexport enum ChartLineCap {\n butt = \"butt\",\n round = \"round\",\n square = \"square\",\n}\n\nexport enum ChartFill {\n gradient = \"gradient\",\n}\n\nexport enum ChartXAxis {\n datetime = \"datetime\",\n}\n\nexport interface DataValueProp {\n x: string;\n y: number;\n}\n\nexport const TrendChart: React.FC = ({ data }) => {\n let arr: Array = [];\n if (data.length > 0 && data[0].date !== null) {\n data.map((d) => {\n arr.push({\n x: getDateInDesiredFormat(new Date(d.date)),\n y: d.numberOfFeedbackExchanged,\n });\n });\n } else if (data.length > 0 && data[0].monthYear !== null) {\n data.map((d) => {\n arr.push({\n x: getMonthAndYearFormat(d.monthYear),\n y: d.numberOfFeedbackExchanged,\n });\n });\n }\n const options = {\n noData: {\n text: \"No data in this range\",\n },\n grid: {\n show: true,\n position: GridPosition.back,\n },\n series: [\n {\n type: \"column\",\n data: arr,\n },\n ],\n stroke: {\n curve: ChartCurve.smooth,\n show: true,\n width: 5,\n dashArray: 0,\n lineCap: ChartLineCap.butt,\n },\n markers: {\n size: 1,\n },\n fill: {\n type: ChartFill.gradient,\n },\n colors: [\"#7C69EC\"],\n chart: {\n type: ChartType.line,\n toolbar: {\n show: true,\n tools: {\n download: false,\n selection: true,\n zoom: false,\n zoomin: false,\n zoomout: false,\n pan: false,\n reset: false,\n },\n },\n },\n legend: {\n show: false,\n },\n };\n return (\n = ({\n dateRangeState,\n setDateRangeState,\n pageNumber,\n setPageNumber,\n totalCount,\n setNudgeCtaSubmitted,\n loading,\n}) => {\n const classes = useStyles();\n const history = useHistory();\n const customClasses = useCustomStyle();\n const [showListToolTip, setShowListToolTip] = React.useState(false);\n const [showActionToolTip, setShowActionToolTip] = React.useState(false);\n const [selectedDateCount, setSelectedDateCount] = useState(0);\n const nudges = useSelector((state: State) => state.adminNudgeData.nudges);\n const renderTitles = () => {\n return (\n \n {NUDGE_TITLE.map((title) => (\n \n \n {title.name}\n {title.name === \"Shared\"}\n {title.name === \"Received\"}\n {title.name === \"Action\" && (\n setShowActionToolTip(true)}\n onClose={() => setShowActionToolTip(false)}\n title=\"Nudge them via email\"\n placement=\"bottom\"\n arrow\n classes={{ arrow: classes.arrow_right_align, tooltip: classes.toolTip_action }}\n >\n setShowActionToolTip(true)}\n style={{ padding: 6 }}\n >\n \n \n \n )}\n \n \n ))}\n \n );\n };\n useEffect(() => {\n if (pageNumber != 1) {\n setPageNumber(1);\n }\n }, [dateRangeState]);\n\n const handleClick = () => {\n history.push({\n pathname: `/admin/nudge`});\n }\n\n return (\n \n \n \n \n Nudge Board\n \n\n setShowListToolTip(true)}\n onClose={() => setShowListToolTip(false)}\n title=\"See who hasn’t shared or received feedback recently\"\n placement=\"bottom\"\n arrow\n classes={{ arrow: classes.arrow_default, tooltip: classes.toolTip_list }}\n >\n setShowListToolTip(true)}\n style={{ padding: 6 }}\n >\n \n \n \n \n \n \n \n\n \n \n\n \n {totalCount > 0 && (\n \n {renderTitles()}\n \n )}\n \n\n \n \n\n \n {loading ? (\n \n \n \n \n
\n ))}\n \n )}\n {!loading && totalCount === 0 && (\n \n \n No nudges...\n \n \n )}\n \n \n \n Show More\n \n \n \n );\n};","import React from \"react\";\nimport { Grid, makeStyles, Typography } from \"@material-ui/core\";\nimport { LeaderCardProps } from \"./type\";\nimport theme from \"../../../theme\";\n\nconst useStyles = makeStyles((theme) => ({\n cardGrid: {\n height: theme.spacing(7.5),\n backgroundColor: `#F5F6FA`,\n borderRadius: theme.spacing(1.5),\n margin: theme.spacing(0, 1.75, 1.5, 1.75),\n padding: theme.spacing(0.75, 2, 1.5, 1.75),\n },\n}));\n\nexport const LeaderboardMemberCardComponent: React.FC = ({\n users,\n position,\n feedbackCount,\n}) => {\n const classes = useStyles();\n let names: Array = [];\n if (users) {\n names = users?.map((u) => u?.firstName + \" \" + u?.lastName);\n names = names.reverse();\n }\n return (\n \n \n \n \n {position}\n \n \n \n \n \n {users?.map((u, idx) => (\n
\n \n ))}\n
\n \n \n {names.length > 0 && names?.join(\", \")}\n \n \n \n \n \n {feedbackCount}\n \n \n \n \n );\n};\n","import React from \"react\";\nimport { Avatar, Grid, makeStyles, Typography } from \"@material-ui/core\";\nimport { LeaderCardProps } from \"./type\";\nimport theme from \"../../../theme\";\nimport \"./style.css\";\n\nconst useStyles = makeStyles((theme) => ({\n cardGrid: {\n minHeight: theme.spacing(23.25),\n width: theme.spacing(22.5),\n maxWidth: theme.spacing(28),\n backgroundColor: `#F5F6FA`,\n borderRadius: theme.spacing(1.5),\n margin: theme.spacing(1.25, 1.75),\n padding: theme.spacing(1.5),\n },\n}));\n\nexport const TopLeaderCardComponent: React.FC = ({\n users,\n feedbackCount,\n}) => {\n const classes = useStyles();\n let names: Array = [];\n if (users) {\n names = users?.map((u) => u?.firstName + \" \" + u?.lastName);\n names = names.reverse();\n }\n return (\n \n \n \n \n {users?.map((u, idx) => (\n
\n \n ))}\n
\n \n \n \n\n \n \n {names.length > 0 && names.join(\", \")}\n \n \n\n \n \n {feedbackCount}\n \n \n \n \n );\n};\n","import {\n CircularProgress,\n ClickAwayListener,\n Grid,\n IconButton,\n makeStyles,\n Typography,\n} from \"@material-ui/core\";\nimport React from \"react\";\nimport \"react-date-range/dist/styles.css\";\nimport \"react-date-range/dist/theme/default.css\";\nimport { DateRangePicker } from \"react-date-range\";\nimport { appColor } from \"../../constants/customThemeColor\";\nimport { useCustomStyle } from \"../../../styles\";\nimport theme from \"../../../theme\";\nimport { User } from \"../../../type\";\nimport { CustomDivider } from \"./CustomDivider\";\nimport { LeaderboardMemberCardComponent } from \"./LeaderboardMemberCard\";\nimport { TopLeaderCardComponent } from \"./TopLeaderCard\";\nimport { LeaderBaordProps } from \"./type\";\nimport \"./style.css\";\nimport { CustomSelect } from \"../../components/CustomSelect\";\n\nconst useStyles = makeStyles((theme) => ({\n appraisalSection: {\n backgroundColor: `${appColor.pureWhite}`,\n borderRadius: theme.spacing(0.5),\n boxShadow: \"0 2px 4px 0 rgba(175,175,175,0.5)\",\n border: \"1px solid rgba(175,175,175,0.3)\",\n boxSizing: \"border-box\",\n margin: theme.spacing(1, 1, 2, 1),\n },\n dates: {\n position: \"absolute\",\n right: \"47px\",\n zIndex: 100,\n boxShadow: \"0 2px 4px 0 rgba(175,175,175,0.5)\",\n border: \"1px solid rgba(175,175,175,0.3)\",\n fontFamily: \"Montserrat\",\n marginTop: \"10px\",\n },\n}));\n\ninterface DataProps {\n count: number;\n members: Array;\n}\n\nexport const LeaderBoardComponent: React.FC = ({\n data,\n feedbackTag,\n setFeedbackTag,\n loading,\n dateRangeState,\n setDateRangeState,\n}) => {\n const classes = useStyles();\n const customClasses = useCustomStyle();\n const [show, setShow] = React.useState(false);\n const handleDateChange = (range) => {\n const nextRange = {\n startDate: range?.range1?.startDate,\n endDate: range?.range1?.endDate,\n };\n setDateRangeState(nextRange);\n };\n\n const leaderMap = new Map();\n\n data?.map((u) => {\n if (leaderMap.get(u.feedbackCount) === undefined) {\n let arr = [u.member];\n leaderMap.set(u.feedbackCount, arr);\n } else {\n let arr = [u.member];\n let ar = [...leaderMap.get(u.feedbackCount), ...arr];\n leaderMap.delete(u.feedbackCount);\n leaderMap.set(u.feedbackCount, ar);\n }\n });\n\n const finalLeaders: Array = [];\n leaderMap.forEach((value, key) => {\n finalLeaders.push({\n count: key,\n members: value,\n });\n });\n\n return (\n \n \n \n \n Leaderboard\n \n \n \n \n setShow(true)}\n style={{\n padding: \"0px 4px\",\n margin: \"0px\",\n position: \"relative\",\n height: \"20px\",\n width: \"20px\",\n }}\n >\n setShow(false)}\n >\n \n handleDateChange(e)}\n maxDate={new Date()}\n dateDisplayFormat={\"d MMM yyyy\"}\n />\n
\n \n )}\n \n \n \n \n \n \n \n \n {finalLeaders[0]?.members && (\n \n \n )}\n {!loading && data?.length === 0 && (\n \n \n Not able to fetch leader\n \n \n )}\n \n \n );\n};\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { LeaderBoardDataProps } from \"../../modules/admin/dashboard/type\";\nimport { SharedFeedbacksParams } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getLeaderWithFeedbackCount = createAsyncThunk(\n \"admin/member/leaders\",\n async (requestParams: SharedFeedbacksParams, storeActions) => {\n const url = `api/v1/admin/feedback/leader` + requestParams.requestingParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst leadersWithFeedbackCountSlice = createSlice({\n name: \"leadersWithFeedbackCount\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: [] as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getLeaderWithFeedbackCount.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getLeaderWithFeedbackCount.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getLeaderWithFeedbackCount.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = leadersWithFeedbackCountSlice.actions;\n\nexport default leadersWithFeedbackCountSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { FeedbackTrendDataProps } from \"../../modules/admin/dashboard/type\";\nimport { SharedFeedbacksParams } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getFeedbackTrendData = createAsyncThunk(\n \"admin/feedback/trend\",\n async (requestParams: SharedFeedbacksParams, storeActions) => {\n const url = `api/v1/admin/feedback/trend` + requestParams.requestingParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst feedbackTrendSlice = createSlice({\n name: \"feedbackTrend\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: [] as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getFeedbackTrendData.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getFeedbackTrendData.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getFeedbackTrendData.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = feedbackTrendSlice.actions;\n\nexport default feedbackTrendSlice;\n","import {\n CircularProgress,\n ClickAwayListener,\n Grid,\n IconButton,\n makeStyles,\n Typography,\n} from \"@material-ui/core\";\nimport React from \"react\";\nimport \"react-date-range/dist/styles.css\";\nimport \"react-date-range/dist/theme/default.css\";\nimport { DateRangePicker } from \"react-date-range\";\nimport { appColor } from \"../../constants/customThemeColor\";\nimport { useCustomStyle } from \"../../../styles\";\nimport theme from \"../../../theme\";\nimport { CustomDivider } from \"./CustomDivider\";\nimport { TrendChart } from \"./TrendChart\";\nimport { FeedbackTrendProps } from \"./type\";\nimport { CustomSelect } from \"../../components/CustomSelect\";\n\nconst useStyles = makeStyles((theme) => ({\n trendSection: {\n backgroundColor: `${appColor.pureWhite}`,\n borderRadius: theme.spacing(0.5),\n boxShadow: \"0 2px 4px 0 rgba(175,175,175,0.5)\",\n border: \"1px solid rgba(175,175,175,0.3)\",\n boxSizing: \"border-box\",\n margin: theme.spacing(1, 1, 2, 1),\n },\n\n dates: {\n position: \"absolute\",\n zIndex: 100,\n right: theme.spacing(65.8),\n boxShadow: \"0 2px 4px 0 rgba(175,175,175,0.5)\",\n border: \"1px solid rgba(175,175,175,0.3)\",\n fontFamily: \"Montserrat\",\n marginTop: \"16px\",\n },\n}));\n\nexport const FeedbackTrendComponent: React.FC = ({\n data,\n loading,\n dateRangeState,\n setDateRangeState,\n filter,\n setFilter,\n}) => {\n const classes = useStyles();\n const customClasses = useCustomStyle();\n const [show, setShow] = React.useState(false);\n\n const handleDateChange = (range) => {\n const nextRange = {\n startDate: range?.range1?.startDate,\n endDate: range?.range1?.endDate,\n };\n setDateRangeState(nextRange);\n };\n return (\n \n \n \n \n Feedback Trend\n \n \n \n \n setShow(true)}\n style={{\n padding: \"0px 4px\",\n margin: \"0px\",\n position: \"relative\",\n height: \"20px\",\n width: \"20px\",\n }}\n >\n setShow(false)}\n >\n \n handleDateChange(e)}\n maxDate={new Date()}\n dateDisplayFormat={\"d MMM yyyy\"}\n />\n
\n \n )}\n \n \n \n \n \n \n \n \n {data?.length > 0 && (\n \n \n )}\n {loading && (\n \n \n )}\n {!loading && data?.length === 0 && (\n \n \n No feedback...\n \n \n )}\n \n \n );\n};\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { RequestingParams } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const countReceivedFeedback = createAsyncThunk(\n \"receivedFeedback/count\",\n async (requestParams: RequestingParams, storeActions) => {\n const url = `api/v1/user/feedbacks/received/count` + requestParams.requestParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst countReceivedSlice = createSlice({\n name: \"countReceived\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: -1 as Number | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(countReceivedFeedback.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(countReceivedFeedback.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(countReceivedFeedback.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = countReceivedSlice.actions;\n\nexport default countReceivedSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { Counts, SharedFeedbacksParams } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const countRequestReceivedFeedback = createAsyncThunk(\n \"requestFeedback/countRequests/received\",\n async (requestParams: SharedFeedbacksParams, storeActions) => {\n const url = `api/v1/user/feedback-requests/received/counts` + requestParams.requestingParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst countRequestReceivedSlice = createSlice({\n name: \"countRequestReceived\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: {\n allRequestCount: -1,\n pendingRequestCount: -1,\n closedRequestCount: -1,\n } as Counts | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(countRequestReceivedFeedback.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(countRequestReceivedFeedback.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(countRequestReceivedFeedback.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = countRequestReceivedSlice.actions;\n\nexport default countRequestReceivedSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { RequestingParams } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const countRequestSendFeedback = createAsyncThunk(\n \"requestFeedback/countRequests/send\",\n async (requestParams: RequestingParams, storeActions) => {\n const url = `api/v1/user/feedback-requests/send/counts` + requestParams.requestParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst countRequestSendSlice = createSlice({\n name: \"countRequestSend\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: -1 as number | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(countRequestSendFeedback.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(countRequestSendFeedback.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(countRequestSendFeedback.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = countRequestSendSlice.actions;\n\nexport default countRequestSendSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { RequestingParams } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const countSharedFeedback = createAsyncThunk(\n \"sharedFeedback/count\",\n async (requestParams: RequestingParams, storeActions) => {\n const url = `api/v1/user/feedbacks/shared/count` + requestParams.requestParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst countSharedSlice = createSlice({\n name: \"countShared\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as Number | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(countSharedFeedback.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(countSharedFeedback.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(countSharedFeedback.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = countSharedSlice.actions;\n\nexport default countSharedSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { ReceivedRequest, RequestingParams } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getAllReceivedRequests = createAsyncThunk(\n \"feedback/requests/received\",\n async (requestingData: RequestingParams, storeActions) => {\n const url = `api/v1/user/feedback-requests/received` + requestingData.requestParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst allReceivedRequestsSlice = createSlice({\n name: \"allRequestsReceived\",\n initialState: {\n status: null as number | null,\n text: null as string | null,\n data: null as Array | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getAllReceivedRequests.fulfilled, (state, action) => {\n state.status = action.payload.status;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n state.loading = false;\n });\n builder.addCase(getAllReceivedRequests.pending, (state) => {\n state.loading = true;\n state.status = null;\n state.text = null;\n state.data = null;\n });\n builder.addCase(getAllReceivedRequests.rejected, (state) => {\n state.status = 503;\n state.text = null;\n state.data = null;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = allReceivedRequestsSlice.actions;\n\nexport default allReceivedRequestsSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { RequestingParams, SendRequest } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getAllSendRequests = createAsyncThunk(\n \"feedback/requests/send\",\n async (requestParams: RequestingParams, storeActions) => {\n const url = `api/v1/user/feedback-requests/send` + requestParams.requestParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst allSendRequestsSlice = createSlice({\n name: \"allRequestsSend\",\n initialState: {\n status: null as number | null,\n text: null as string | null,\n data: null as Array | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getAllSendRequests.fulfilled, (state, action) => {\n state.status = action.payload.status;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n state.loading = false;\n });\n builder.addCase(getAllSendRequests.pending, (state) => {\n state.loading = true;\n state.status = null;\n state.text = null;\n state.data = null;\n });\n builder.addCase(getAllSendRequests.rejected, (state) => {\n state.status = 503;\n state.text = null;\n state.data = null;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = allSendRequestsSlice.actions;\n\nexport default allSendRequestsSlice;\n","import { createAsyncThunk, createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport { FeedbackDetailAPICallProps, ReceivedFeedbackDetailData } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const receivedFeedbackDetail = createAsyncThunk(\n \"feedback/received/detail\",\n async (params: FeedbackDetailAPICallProps, storeActions) => {\n const url = `api/v1/user/feedbacks/received/detail?feedbackId=${params.feedbackId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n feedback: await response.json(),\n };\n }\n return {\n status: response.status,\n feedback: null,\n };\n }\n);\n\nconst receivedFeedbackDetailSlice = createSlice({\n name: \"receivedFeedbacks\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n feedback: null as ReceivedFeedbackDetailData | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.feedback = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n receivedFeedbackDetail.fulfilled,\n (\n state,\n {\n payload,\n }: PayloadAction<{\n status: number | null ;\n feedback: ReceivedFeedbackDetailData | null;\n }>\n ) => {\n state.status = payload.status;\n state.loading = false;\n state.feedback = payload.feedback;\n }\n );\n builder.addCase(receivedFeedbackDetail.pending, (state) => {\n state.loading = true;\n state.status = null;\n });\n builder.addCase(receivedFeedbackDetail.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = receivedFeedbackDetailSlice.actions;\n\nexport default receivedFeedbackDetailSlice;\n","import { createAsyncThunk, createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport {\n ReceivedFeedbacksSliceProp,\n RequestingParams,\n} from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const receivedFeedback = createAsyncThunk(\n \"feedback/received\",\n async (requestParams: RequestingParams, storeActions) => {\n const url = `api/v1/user/feedbacks/received` + requestParams.requestParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n feedbacks: await response.json(),\n };\n }\n return {\n status: response.status,\n feedbacks: null,\n };\n }\n);\n\nconst receivedFeedbacksSlice = createSlice({\n name: \"receivedFeedbacks\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n feedbacks: null as null | ReceivedFeedbacksSliceProp,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.feedbacks = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n receivedFeedback.fulfilled,\n (\n state,\n {\n payload,\n }: PayloadAction<{\n status: number;\n feedbacks: ReceivedFeedbacksSliceProp | null;\n }>\n ) => {\n state.status = payload.status;\n state.loading = false;\n state.feedbacks = payload.feedbacks;\n }\n );\n builder.addCase(receivedFeedback.pending, (state) => {\n state.loading = true;\n state.status = null;\n state.feedbacks = null;\n });\n builder.addCase(receivedFeedback.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.feedbacks = null;\n });\n },\n});\n\nexport const { clearData } = receivedFeedbacksSlice.actions;\n\nexport default receivedFeedbacksSlice;\n","import { createAsyncThunk, createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport { Props } from \"../../../src/type\";\nimport { post } from \"../../util/APIService\";\n\nexport const requestFeedback = createAsyncThunk(\n \"requestFeedback/sendRequest\",\n async (requestData: Props, storeActions) => {\n const url = `api/v1/user/requests`;\n const response: any = await post(url, requestData, storeActions);\n\n return {\n status: response.status,\n };\n }\n);\n\nconst requestSlice = createSlice({\n name: \"request\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n requestFeedback.fulfilled,\n (state, { payload }: PayloadAction<{ status: number }>) => {\n state.status = payload.status;\n state.loading = false;\n }\n );\n builder.addCase(requestFeedback.pending, (state) => {\n state.loading = true;\n state.status = null;\n });\n builder.addCase(requestFeedback.rejected, (state) => {\n state.status = 503;\n state.loading = true;\n });\n },\n});\n\nexport const { clearData } = requestSlice.actions;\n\nexport default requestSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { SharedFeedbackDetailData } from \"../../modules/user/shared_feedback/typeSharedFeedbacks\";\nimport { FeedbackDetailAPICallProps } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const sharedFeedbackDetail = createAsyncThunk(\n \"feedback/shared/detail\",\n async (params: FeedbackDetailAPICallProps, storeActions) => {\n const url = `api/v1/user/feedbacks/shared/detail?feedbackId=${params.feedbackId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst sharedFeedbackDetailSlice = createSlice({\n name: \"sharedFeedbackDetails\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as SharedFeedbackDetailData | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(sharedFeedbackDetail.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(sharedFeedbackDetail.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(sharedFeedbackDetail.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sharedFeedbackDetailSlice.actions;\n\nexport default sharedFeedbackDetailSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { SharedAssessmentDetailProps, SharedAssessmentDetailSliceProps } from \"../../modules/user/self_assessment/type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const sharedAssessmentDetail = createAsyncThunk(\n \"assessment/shared/detail\",\n async (params: SharedAssessmentDetailSliceProps, storeActions) => {\n const url = `api/v1/user/assessment/detail?assessmentId=${params.assessmentId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst sharedAssessmentDetailSlice = createSlice({\n name: \"sharedAssessmentDetail\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as SharedAssessmentDetailProps | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(sharedAssessmentDetail.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(sharedAssessmentDetail.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(sharedAssessmentDetail.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sharedAssessmentDetailSlice.actions;\n\nexport default sharedAssessmentDetailSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { SharedFeedbackDetailData } from \"../../modules/user/shared_feedback/typeSharedFeedbacks\";\nimport { FeedbackDetailAPICallProps } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const sharedDraftDetail = createAsyncThunk(\n \"feedback/shared/draft/detail\",\n async (params: FeedbackDetailAPICallProps, storeActions) => {\n const url = `api/v1/user/feedbacks/shared/draft/detail?feedbackId=${params.feedbackId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst sharedDraftDetailSlice = createSlice({\n name: \"sharedDraftDetails\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as SharedFeedbackDetailData | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(sharedDraftDetail.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(sharedDraftDetail.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(sharedDraftDetail.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sharedDraftDetailSlice.actions;\n\nexport default sharedDraftDetailSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { SharedFeedback } from \"../../modules/user/shared_feedback/typeSharedFeedbacks\";\nimport { SharedFeedbacksParams } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getSharedFeedbacks = createAsyncThunk(\n \"feedback/shared\",\n async (requestParams: SharedFeedbacksParams, storeActions) => {\n const url = `api/v1/user/feedbacks/shared` + requestParams.requestingParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst sharedFeedbacksSlice = createSlice({\n name: \"sharedFeedbacks\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getSharedFeedbacks.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getSharedFeedbacks.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getSharedFeedbacks.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sharedFeedbacksSlice.actions;\n\nexport default sharedFeedbacksSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { SharedFeedback } from \"../../modules/user/shared_feedback/typeSharedFeedbacks\";\nimport { SharedFeedbacksParams } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getSavedDrafts = createAsyncThunk(\n \"feedback/drafted\",\n async (requestParams: SharedFeedbacksParams, storeActions) => {\n const url = `api/v1/user/feedbacks/drafted` + requestParams.requestingParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst savedDraftsSlice = createSlice({\n name: \"savedDrafts\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getSavedDrafts.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getSavedDrafts.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getSavedDrafts.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = savedDraftsSlice.actions;\n\nexport default savedDraftsSlice;\n","import { createAsyncThunk, createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport { ShareAssessmentProps } from \"../../modules/user/self_assessment/type\";\nimport { post } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const shareAssessment = createAsyncThunk(\n \"shareAssessment/sent\",\n async (requestData: ShareAssessmentProps, storeActions) => {\n const url = `api/v1/user/assessments`;\n const response: any = await post(url, requestData, storeActions);\n\n if (response.status === HttpStatus.CREATED) {\n return {\n status: HttpStatus.CREATED,\n };\n }\n return {\n status: response.status,\n };\n }\n);\n\nconst shareAssessmentSlice = createSlice({\n name: \"shareAssessment\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n shareAssessment.fulfilled,\n (state, { payload }: PayloadAction<{ status: number }>) => {\n state.status = payload.status;\n state.loading = false;\n }\n );\n builder.addCase(shareAssessment.pending, (state) => {\n state.loading = true;\n state.status = null;\n });\n builder.addCase(shareAssessment.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = shareAssessmentSlice.actions;\n\nexport default shareAssessmentSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { RequestData, UserAndAttributeSliceProps } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const requestData = createAsyncThunk(\n \"requestData/sendRequest\",\n async (params: UserAndAttributeSliceProps, storeActions) => {\n const url = `api/v1/user/users-and-attributes?isUsers=${params.isUsers}&isAttributes=${params.isAttributes}&isRequests=${params.isRequests}&isDrafts=${params.isDrafts}&isScale=${params.isScale}&isClients=${params.isClients}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst dataSlice = createSlice({\n name: \"data\",\n initialState: {\n status: null as number | null,\n text: null as string | null,\n data: {\n users: [],\n attributes: [],\n requests: [],\n drafts: [],\n scaleResponseEntityList: [],\n clients: [],\n } as RequestData | null,\n loaded: false as boolean,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.loaded = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(requestData.fulfilled, (state, action) => {\n state.status = action.payload.status;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n state.loaded = true;\n state.loading = false;\n });\n builder.addCase(requestData.pending, (state) => {\n state.loading = true;\n state.status = null;\n state.text = null;\n state.data = {\n users: [],\n attributes: [],\n requests: [],\n drafts: [],\n scaleResponseEntityList: [],\n clients: [],\n };\n state.loaded = false;\n });\n builder.addCase(requestData.rejected, (state, action) => {\n state.status = 503;\n state.text = null;\n state.data = {\n users: [],\n attributes: [],\n requests: [],\n drafts: [],\n scaleResponseEntityList: [],\n clients: [],\n };\n state.loaded = false;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = dataSlice.actions;\n\nexport default dataSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { GetAllMemberListSliceProps, User } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getAllMemberList = createAsyncThunk(\n \"members\",\n async (params: GetAllMemberListSliceProps, storeActions) => {\n const url = params.isActiveUser ? `api/v1/admin/members?isActiveUsers=true` : `api/v1/admin/members`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst allMemberListSlice = createSlice({\n name: \"membersList\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getAllMemberList.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getAllMemberList.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getAllMemberList.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = allMemberListSlice.actions;\n\nexport default allMemberListSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { DeactivateMemberProp, ReceivedFeedbackDataProps } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getReceivedFeedbackReport = createAsyncThunk(\n \"report/feedback/received\",\n async (params: DeactivateMemberProp, storeActions) => {\n const url = `api/v1/admin/feedback/received/consolidate/detail?memberId=${params.memberId}`+(params.requestingParam ? '&'+params.requestingParam : '');\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst receivedFeedbackReportSlice = createSlice({\n name: \"receivedFeedbackReport\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getReceivedFeedbackReport.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getReceivedFeedbackReport.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getReceivedFeedbackReport.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = receivedFeedbackReportSlice.actions;\n\nexport default receivedFeedbackReportSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { DeactivateMemberProp } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const deactivateMember = createAsyncThunk(\n \"deactivate/member\",\n async (params: DeactivateMemberProp, storeActions) => {\n const url = `api/v1/admin/deactivate/member?memberId=${params.memberId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst deactivateMemberSlice = createSlice({\n name: \"deactivateMember\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as number | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(deactivateMember.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(deactivateMember.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(deactivateMember.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = deactivateMemberSlice.actions;\n\nexport default deactivateMemberSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { FeedbackDetailAPICallProps } from \"../../type\";\nimport { deleteApi } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const deleteDraftData = createAsyncThunk(\n \"feedback/shared/draft/delete\",\n async (params: FeedbackDetailAPICallProps, storeActions) => {\n const url = `api/v1/user/feedbacks/draft/delete?feedbackId=${params.feedbackId}`;\n const response: any = await deleteApi(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst sharedDraftDeleteDataSlice = createSlice({\n name: \"sharedDraftDeleteData\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as number | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(deleteDraftData.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(deleteDraftData.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(deleteDraftData.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sharedDraftDeleteDataSlice.actions;\n\nexport default sharedDraftDeleteDataSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { DetailPageSliceProps } from \"../../modules/admin/members/details/detail/type\";\nimport { SharedAssessmentDetailProps } from \"../../modules/user/self_assessment/type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const sharedAssessmentDetailByMember = createAsyncThunk(\n \"admin/assessment/shared/detail\",\n async (params: DetailPageSliceProps, storeActions) => {\n const url = `api/v1/admin/member/detail/self/assessment/detail?assessmentId=${params.feedbackOrAssessmentId}&memberId=${params.memberId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst sharedAssessmentDetailByMemberSlice = createSlice({\n name: \"sharedAssessmentDetailByMember\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as SharedAssessmentDetailProps | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(sharedAssessmentDetailByMember.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(sharedAssessmentDetailByMember.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(sharedAssessmentDetailByMember.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sharedAssessmentDetailByMemberSlice.actions;\n\nexport default sharedAssessmentDetailByMemberSlice;\n","import { createAsyncThunk, createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport { DetailPageSliceProps } from \"../../modules/admin/members/details/detail/type\";\nimport { ReceivedFeedbackDetailData } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const receivedFeedbackDetailByMember = createAsyncThunk(\n \"admin/feedback/received/detail\",\n async (params: DetailPageSliceProps, storeActions) => {\n const url = `api/v1/admin/feedbacks/received/detail?feedbackId=${params.feedbackOrAssessmentId}&memberId=${params.memberId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n feedback: await response.json(),\n };\n }\n return {\n status: response.status,\n feedback: null,\n };\n }\n);\n\nconst receivedFeedbackDetailByMemberSlice = createSlice({\n name: \"receivedFeedbackDetailByMember\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n feedback: null as ReceivedFeedbackDetailData | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.feedback = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n receivedFeedbackDetailByMember.fulfilled,\n (\n state,\n {\n payload,\n }: PayloadAction<{\n status: number | null;\n feedback: ReceivedFeedbackDetailData | null;\n }>\n ) => {\n state.status = payload.status;\n state.loading = false;\n state.feedback = payload.feedback;\n }\n );\n builder.addCase(receivedFeedbackDetailByMember.pending, (state) => {\n state.loading = true;\n state.status = null;\n });\n builder.addCase(receivedFeedbackDetailByMember.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = receivedFeedbackDetailByMemberSlice.actions;\n\nexport default receivedFeedbackDetailByMemberSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { DetailPageSliceProps } from \"../../modules/admin/members/details/detail/type\";\nimport { SharedFeedbackDetailData } from \"../../modules/user/shared_feedback/typeSharedFeedbacks\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const sharedFeedbackDetailByMember = createAsyncThunk(\n \"admin/feedback/shared/detail\",\n async (params: DetailPageSliceProps, storeActions) => {\n const url = `api/v1/admin/feedbacks/shared/detail?feedbackId=${params.feedbackOrAssessmentId}&memberId=${params.memberId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst sharedFeedbackDetailByMemberSlice = createSlice({\n name: \"sharedFeedbackDetailByMember\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as SharedFeedbackDetailData | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(sharedFeedbackDetailByMember.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(sharedFeedbackDetailByMember.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(sharedFeedbackDetailByMember.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sharedFeedbackDetailByMemberSlice.actions;\n\nexport default sharedFeedbackDetailByMemberSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { SharedAssessmentListData } from \"../../modules/user/self_assessment/type\";\nimport { FeedbackListSliceProps } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getSharedAssessmentListByMember = createAsyncThunk(\n \"admin/assessment/shared\",\n async (requestParams: FeedbackListSliceProps, storeActions) => {\n const url = `api/v1/admin/member/detail/self/assessment?memberId=${requestParams.memberId}&offSet=${requestParams.offSet}&count=${requestParams.count}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst sharedAssessmentListByMemberSlice = createSlice({\n name: \"sharedAssessmentListByMember\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getSharedAssessmentListByMember.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getSharedAssessmentListByMember.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getSharedAssessmentListByMember.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sharedAssessmentListByMemberSlice.actions;\n\nexport default sharedAssessmentListByMemberSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { SharedAssessmentListData } from \"../../modules/user/self_assessment/type\";\nimport { SharedFeedbacksParams } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getSharedAssessmentList = createAsyncThunk(\n \"assessment/shared\",\n async (params: SharedFeedbacksParams, storeActions) => {\n const url = `api/v1/user/assessment/shared${params.requestingParams}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst sharedAssessmentListSlice = createSlice({\n name: \"sharedAssessmentList\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getSharedAssessmentList.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getSharedAssessmentList.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getSharedAssessmentList.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sharedAssessmentListSlice.actions;\n\nexport default sharedAssessmentListSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const countSharedAssessment = createAsyncThunk(\n \"assessments/shared/count\",\n async (_, storeActions) => {\n const url = `api/v1/user/assessment/shared/count`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst countSharedAssessmentsSlice = createSlice({\n name: \"countSharedAssessments\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as Number | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(countSharedAssessment.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(countSharedAssessment.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(countSharedAssessment.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = countSharedAssessmentsSlice.actions;\n\nexport default countSharedAssessmentsSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { DeactivateMemberProp } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const countAssessmentSharedByMember = createAsyncThunk(\n \"admin/assessments/count/send\",\n async (requestParams: DeactivateMemberProp, storeActions) => {\n const url = `api/v1/admin/member/detail/self/assessment/count?memberId=${requestParams.memberId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst countAssessmentSharedByMemberSlice = createSlice({\n name: \"countAssessmentSharedByMember\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: -1 as number | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(countAssessmentSharedByMember.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(countAssessmentSharedByMember.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(countAssessmentSharedByMember.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = countAssessmentSharedByMemberSlice.actions;\n\nexport default countAssessmentSharedByMemberSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { Counts, DeactivateMemberProp } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const countFeedbackRequestReceivedByMember = createAsyncThunk(\n \"admin/requestFeedback/countRequests/received\",\n async (requestParams: DeactivateMemberProp, storeActions) => {\n const url = `api/v1/admin/member/requests/received/count?memberId=${requestParams.memberId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst countRequestReceivedByMemberSlice = createSlice({\n name: \"countRequestReceivedByMember\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: {\n allRequestCount: -1,\n pendingRequestCount: -1,\n closedRequestCount: -1,\n } as Counts | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(countFeedbackRequestReceivedByMember.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(countFeedbackRequestReceivedByMember.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(countFeedbackRequestReceivedByMember.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = countRequestReceivedByMemberSlice.actions;\n\nexport default countRequestReceivedByMemberSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { DeactivateMemberProp } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const countRequestSendByMember = createAsyncThunk(\n \"admin/requestFeedback/countRequests/send\",\n async (requestParams: DeactivateMemberProp, storeActions) => {\n const url = `api/v1/admin/member/requests/sent/count?memberId=${requestParams.memberId}&requestTag=${requestParams.tag}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst countRequestSendByMemberSlice = createSlice({\n name: \"countRequestSendByMember\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: -1 as number | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(countRequestSendByMember.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(countRequestSendByMember.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(countRequestSendByMember.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = countRequestSendByMemberSlice.actions;\n\nexport default countRequestSendByMemberSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { FeedbackRequestListSliceProps, ReceivedRequest } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getAllReceivedRequestsByMember = createAsyncThunk(\n \"admin/feedback/requests/received\",\n async (params: FeedbackRequestListSliceProps, storeActions) => {\n const url = `api/v1/admin/member/requests/received?memberId=${params.memberId}&offSet=${params.offSet}&count=${params.count}&status=${params.status}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst allReceivedRequestsByMemberSlice = createSlice({\n name: \"allReceivedRequestsByMember\",\n initialState: {\n status: null as number | null,\n text: null as string | null,\n data: null as Array | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getAllReceivedRequestsByMember.fulfilled, (state, action) => {\n state.status = action.payload.status;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n state.loading = false;\n });\n builder.addCase(getAllReceivedRequestsByMember.pending, (state) => {\n state.loading = true;\n state.status = null;\n state.text = null;\n state.data = null;\n });\n builder.addCase(getAllReceivedRequestsByMember.rejected, (state) => {\n state.status = 503;\n state.text = null;\n state.data = null;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = allReceivedRequestsByMemberSlice.actions;\n\nexport default allReceivedRequestsByMemberSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { FeedbackRequestListSliceProps, SendRequest } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getAllSendRequestsByMember = createAsyncThunk(\n \"admin/feedback/requests/send\",\n async (params: FeedbackRequestListSliceProps, storeActions) => {\n const url = `api/v1/admin/member/requests/sent?memberId=${params.memberId}&offSet=${params.offSet}&count=${params.count}&status=${params.status}&requestTag=${params.tag}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst allSendRequestsByMemberSlice = createSlice({\n name: \"allSendRequestsByMember\",\n initialState: {\n status: null as number | null,\n text: null as string | null,\n data: null as Array | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getAllSendRequestsByMember.fulfilled, (state, action) => {\n state.status = action.payload.status;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n state.loading = false;\n });\n builder.addCase(getAllSendRequestsByMember.pending, (state) => {\n state.loading = true;\n state.status = null;\n state.text = null;\n state.data = null;\n });\n builder.addCase(getAllSendRequestsByMember.rejected, (state) => {\n state.status = 503;\n state.text = null;\n state.data = null;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = allSendRequestsByMemberSlice.actions;\n\nexport default allSendRequestsByMemberSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { CountProps, DeactivateMemberProp } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getCountSharedAndReceivedFeedback = createAsyncThunk(\n \"admin/count/feedback/received-and-shared\",\n async (requestParams: DeactivateMemberProp, storeActions) => {\n const url = `api/v1/admin/feedback/count?memberId=${requestParams.memberId}&requestTag=${requestParams.tag}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst countSharedAndReceivedSlice = createSlice({\n name: \"countSharedAndReceivedFeedback\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: { receivedCount: 0, sharedCount: 0 } as CountProps | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n getCountSharedAndReceivedFeedback.fulfilled,\n (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n }\n );\n builder.addCase(getCountSharedAndReceivedFeedback.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = { receivedCount: 0, sharedCount: 0 };\n state.text = null;\n });\n builder.addCase(getCountSharedAndReceivedFeedback.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = countSharedAndReceivedSlice.actions;\n\nexport default countSharedAndReceivedSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { CountProps, DeactivateMemberProp } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getAllCountSharedAndReceivedFeedback = createAsyncThunk(\n \"admin/count/feedback/all/received-and-shared\",\n async (requestParams: DeactivateMemberProp, storeActions) => {\n const url = `api/v1/admin/feedback/count?memberId=${requestParams.memberId}&requestTag=${requestParams.tag}` + (requestParams.requestingParam ? requestParams.requestingParam : '');\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst countAllSharedAndReceivedSlice = createSlice({\n name: \"countAllSharedAndReceived\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: {receivedCount: 0, sharedCount: 0} as CountProps | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n getAllCountSharedAndReceivedFeedback.fulfilled,\n (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n }\n );\n builder.addCase(getAllCountSharedAndReceivedFeedback.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = {receivedCount: 0, sharedCount: 0};\n state.text = null;\n });\n builder.addCase(getAllCountSharedAndReceivedFeedback.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = countAllSharedAndReceivedSlice.actions;\n\nexport default countAllSharedAndReceivedSlice;\n","import { createAsyncThunk, createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport { FeedbackListSliceProps, ReceivedFeedbacksSliceProp } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const receivedFeedbackListByMember = createAsyncThunk(\n \"admin/feedback/received\",\n async (requestParams: FeedbackListSliceProps, storeActions) => {\n const url = `api/v1/admin/member/detail/feedback/received?memberId=${requestParams.memberId}&offSet=${requestParams.offSet}&count=${requestParams.count}&requestTag=${requestParams.tag}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n feedbacks: await response.json(),\n };\n }\n return {\n status: response.status,\n feedbacks: null,\n };\n }\n);\n\nconst receivedFeedbackListByMemberSlice = createSlice({\n name: \"receivedFeedbackListByMember\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n feedbacks: null as null | ReceivedFeedbacksSliceProp,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.feedbacks = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n receivedFeedbackListByMember.fulfilled,\n (\n state,\n {\n payload,\n }: PayloadAction<{\n status: number;\n feedbacks: ReceivedFeedbacksSliceProp | null;\n }>\n ) => {\n state.status = payload.status;\n state.loading = false;\n state.feedbacks = payload.feedbacks;\n }\n );\n builder.addCase(receivedFeedbackListByMember.pending, (state) => {\n state.loading = true;\n state.status = null;\n state.feedbacks = null;\n });\n builder.addCase(receivedFeedbackListByMember.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.feedbacks = null;\n });\n },\n});\n\nexport const { clearData } = receivedFeedbackListByMemberSlice.actions;\n\nexport default receivedFeedbackListByMemberSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { SharedFeedback } from \"../../modules/user/shared_feedback/typeSharedFeedbacks\";\nimport { FeedbackListSliceProps } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getSharedFeedbackListByMember = createAsyncThunk(\n \"admin/feedback/shared\",\n async (requestParams: FeedbackListSliceProps, storeActions) => {\n const url = `api/v1/admin/member/detail/feedback/shared?memberId=${requestParams.memberId}&offSet=${requestParams.offSet}&count=${requestParams.count}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst sharedFeedbackListByMemberSlice = createSlice({\n name: \"sharedFeedbackListByMember\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getSharedFeedbackListByMember.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getSharedFeedbackListByMember.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getSharedFeedbackListByMember.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sharedFeedbackListByMemberSlice.actions;\n\nexport default sharedFeedbackListByMemberSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { AppraisalSliceProps, User } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getAppraisalList = createAsyncThunk(\n \"admin/appraisal/member\",\n async (params: AppraisalSliceProps, storeActions) => {\n const url = `api/v1/admin/appraisal/members?days=${params.days}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst appraisalsSlice = createSlice({\n name: \"appraisals\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: [] as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getAppraisalList.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getAppraisalList.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getAppraisalList.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = appraisalsSlice.actions;\n\nexport default appraisalsSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { AttributesDataForClient } from \"../../type\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const attributesDataForClients = createAsyncThunk(\n \"client/feedback/request/attributes\",\n async (attributeId: string) => {\n try {\n const options = {\n method: \"get\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n };\n const response = await fetch(\n `${process.env.REACT_APP_API_URL}/api/v1/external/request/attributes?requestId=${attributeId}`,\n options\n );\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n } catch (error) {\n throw error;\n }\n }\n);\n\nconst attributesDataForClientSlice = createSlice({\n name: \"attributesDataForClient\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: {\n employee: undefined,\n attributes: [],\n request: [],\n drafts: [],\n scaleResponseEntityList: [],\n clientId: -1,\n requestId: -1,\n } as AttributesDataForClient | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(attributesDataForClients.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(attributesDataForClients.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(attributesDataForClients.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = attributesDataForClientSlice.actions;\n\nexport default attributesDataForClientSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { FeedbackRequestDetailData } from \"../../modules/user/feedback_requests/typeFeedbackrequest\";\nimport { ReceivedFeedbackRequestDetailAPICallProps } from \"../../type\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\nimport { get } from \"../../util/APIService\";\n\nexport const receivedFeedbackRequestDetails = createAsyncThunk(\n \"feedback/requests/received/detail\",\n async (params: ReceivedFeedbackRequestDetailAPICallProps, storeActions) => {\n const url = `api/v1/user/feedback-requests/received/detail?feedbackRequestId=${params.feedbackRequestId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst receivedFeedbackRequestDetailsSlice = createSlice({\n name: \"receivedFeedbackRequestDetails\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as FeedbackRequestDetailData | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n receivedFeedbackRequestDetails.fulfilled,\n (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n }\n );\n builder.addCase(receivedFeedbackRequestDetails.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(receivedFeedbackRequestDetails.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = receivedFeedbackRequestDetailsSlice.actions;\n\nexport default receivedFeedbackRequestDetailsSlice;\n","import { createAsyncThunk, createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport { ExtProps } from \"../../../src/type\";\n\nexport const requestFeedbackFromExtClient = createAsyncThunk(\n \"requestFeedback/client/sendRequest\",\n async (requestData: ExtProps) => {\n try {\n const authToken: string = JSON.parse(\n JSON.parse(localStorage.getItem(\"persist:root\") ?? \" \").auth\n ).token;\n const options = {\n method: \"post\",\n headers: {\n Accept: \"application/text\",\n \"Content-Type\": \"application/json\",\n authToken: authToken,\n },\n body: JSON.stringify(requestData),\n };\n const response = await fetch(\n `${process.env.REACT_APP_API_URL}/api/v1/user/ext_requests`,\n options\n );\n return {\n status: response.status,\n };\n } catch (error) {\n throw error;\n }\n }\n);\n\nconst requestFeedbackFromExtClientSlice = createSlice({\n name: \"requestFeedbackFromExtClient\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n requestFeedbackFromExtClient.fulfilled,\n (state, { payload }: PayloadAction<{ status: number }>) => {\n state.status = payload.status;\n state.loading = false;\n }\n );\n builder.addCase(requestFeedbackFromExtClient.pending, (state) => {\n state.loading = true;\n state.status = null;\n });\n builder.addCase(requestFeedbackFromExtClient.rejected, (state) => {\n state.status = 503;\n state.loading = true;\n });\n },\n});\n\nexport const { clearData } = requestFeedbackFromExtClientSlice.actions;\n\nexport default requestFeedbackFromExtClientSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { FeedbackRequestDetailData } from \"../../modules/user/feedback_requests/typeFeedbackrequest\";\nimport { SentFeedbackRequestDetailAPICallProps } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const sentFeedbackRequestDetails = createAsyncThunk(\n \"feedback/requests/sent/detail\",\n async (params: SentFeedbackRequestDetailAPICallProps, storeActions) => {\n const url = `api/v1/user/feedback-requests/send/detail?feedbackRequestId=${params.feedbackRequestId}&responderId=${params.responderId}`;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst sentFeedbackRequestDetailsSlice = createSlice({\n name: \"sentFeedbackRequestDetails\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as FeedbackRequestDetailData | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(sentFeedbackRequestDetails.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(sentFeedbackRequestDetails.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(sentFeedbackRequestDetails.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sentFeedbackRequestDetailsSlice.actions;\n\nexport default sentFeedbackRequestDetailsSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { SharedFeedbackDetailData } from \"../../modules/user/shared_feedback/typeSharedFeedbacks\";\nimport { SharedDraftDetailByClientSliceProps } from \"../../type\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const sharedDraftDetailByClient = createAsyncThunk(\n \"client/feedback/shared/draft/detail\",\n async (params: SharedDraftDetailByClientSliceProps) => {\n try {\n const options = {\n method: \"get\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n };\n const response = await fetch(\n `${process.env.REACT_APP_API_URL}/api/v1/external/client/feedbacks/shared/draft/detail?feedbackId=${params.feedbackId}&senderId=${params.senderId}`,\n options\n );\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n } catch (error) {\n throw error;\n }\n }\n);\n\nconst sharedDraftDetailByClientSlice = createSlice({\n name: \"sharedDraftDetailByClient\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as SharedFeedbackDetailData | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(sharedDraftDetailByClient.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(sharedDraftDetailByClient.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(sharedDraftDetailByClient.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = sharedDraftDetailByClientSlice.actions;\n\nexport default sharedDraftDetailByClientSlice;\n","import { createAsyncThunk, createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport { ShareFeedbackByClientSliceProps } from \"../../type\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const shareFeedbackByClient = createAsyncThunk(\n \"client/feedback/share\",\n async (params: ShareFeedbackByClientSliceProps) => {\n try {\n const authToken: string = JSON.parse(\n JSON.parse(localStorage.getItem(\"persist:root\") ?? \" \").auth\n ).token;\n const options = {\n method: \"post\",\n headers: {\n Accept: \"application/text\",\n \"Content-Type\": \"application/json\",\n authToken: authToken,\n },\n body: JSON.stringify(params.requestData),\n };\n const response = await fetch(\n `${process.env.REACT_APP_API_URL}/api/v1/external/feedback?senderId=${params.senderId}`,\n options\n );\n if (response.status === HttpStatus.CREATED) {\n return {\n status: HttpStatus.CREATED,\n };\n }\n return {\n status: response.status,\n };\n } catch (error) {\n throw error;\n }\n }\n);\n\nconst shareFeedbackByClientSlice = createSlice({\n name: \"shareFeedbackByClient\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n shareFeedbackByClient.fulfilled,\n (state, { payload }: PayloadAction<{ status: number }>) => {\n state.status = payload.status;\n state.loading = false;\n }\n );\n builder.addCase(shareFeedbackByClient.pending, (state) => {\n state.loading = true;\n state.status = null;\n });\n builder.addCase(shareFeedbackByClient.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = shareFeedbackByClientSlice.actions;\n\nexport default shareFeedbackByClientSlice;\n","import { createAsyncThunk, createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport { ShareFeedbackByClientSliceProps } from \"../../type\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const submitFeedbackByClient = createAsyncThunk(\n \"client/feedback/submit\",\n async (params: ShareFeedbackByClientSliceProps) => {\n try {\n const authToken: string = JSON.parse(\n JSON.parse(localStorage.getItem(\"persist:root\") ?? \" \").auth\n ).token;\n const options = {\n method: \"post\",\n headers: {\n Accept: \"application/text\",\n \"Content-Type\": \"application/json\",\n authToken: authToken,\n },\n body: JSON.stringify(params.requestData),\n };\n const response = await fetch(\n `${process.env.REACT_APP_API_URL}/api/v1/external/feedback?senderId=${params.senderId}`,\n options\n );\n if (response.status === HttpStatus.CREATED) {\n return {\n status: HttpStatus.CREATED,\n };\n }\n return {\n status: response.status,\n };\n } catch (error) {\n throw error;\n }\n }\n);\n\nconst submitFeedbackByClientSlice = createSlice({\n name: \"submitFeedbackByClient\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n submitFeedbackByClient.fulfilled,\n (state, { payload }: PayloadAction<{ status: number }>) => {\n state.status = payload.status;\n state.loading = false;\n }\n );\n builder.addCase(submitFeedbackByClient.pending, (state) => {\n state.loading = true;\n state.status = null;\n });\n builder.addCase(submitFeedbackByClient.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = submitFeedbackByClientSlice.actions;\n\nexport default submitFeedbackByClientSlice;\n","import { createAsyncThunk, createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport { ShareFeedbackProps } from \"../../../src/type\";\nimport { post } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const submitFeedback = createAsyncThunk(\n \"submitFeedback/sendFeedback\",\n async (requestData: ShareFeedbackProps, storeActions) => {\n const url = `api/v1/user/feedbacks`;\n const response: any = await post(url, requestData, storeActions);\n\n if (response.status === HttpStatus.CREATED) {\n return {\n status: HttpStatus.CREATED,\n };\n }\n return {\n status: response.status,\n };\n }\n);\n\nconst submitFeedbackSlice = createSlice({\n name: \"submitFeedback\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n submitFeedback.fulfilled,\n (state, { payload }: PayloadAction<{ status: number }>) => {\n state.status = payload.status;\n state.loading = false;\n }\n );\n builder.addCase(submitFeedback.pending, (state) => {\n state.loading = true;\n state.status = null;\n });\n builder.addCase(submitFeedback.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = submitFeedbackSlice.actions;\n\nexport default submitFeedbackSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { DeactivateMemberProp, ReceivedFeedbackDataProps } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getSelfReport = createAsyncThunk(\n \"feedback/received/report\",\n async (params: DeactivateMemberProp, storeActions) => {\n const url = `api/v1/user/feedback/received/report` + (params.requestingParam ? '?' + params.requestingParam : '');\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst selfReportSlice = createSlice({\n name: \"selfReport\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as Array | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getSelfReport.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(getSelfReport.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(getSelfReport.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = selfReportSlice.actions;\n\nexport default selfReportSlice;\n","import { createAsyncThunk, createSlice, PayloadAction } from \"@reduxjs/toolkit\";\nimport { ShareNuggetProps } from \"../../../src/type\";\nimport { post } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const nuggetShare = createAsyncThunk(\n \"share/feedback/nugget\",\n async (requestData: ShareNuggetProps, storeActions) => {\n const url = `api/v1/user/feedback/nugget`;\n const response: any = await post(url, requestData, storeActions);\n\n if (response.status === HttpStatus.CREATED) {\n return {\n status: HttpStatus.CREATED,\n };\n }\n return {\n status: response.status,\n };\n }\n);\n\nconst nuggetFeedbackSlice = createSlice({\n name: \"nuggetFeedback\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(\n nuggetShare.fulfilled,\n (state, { payload }: PayloadAction<{ status: number | null }>) => {\n state.status = payload.status;\n state.loading = false;\n }\n );\n builder.addCase(nuggetShare.pending, (state) => {\n state.loading = true;\n state.status = null;\n });\n builder.addCase(nuggetShare.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = nuggetFeedbackSlice.actions;\n\nexport default nuggetFeedbackSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { put } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport interface UpdateOrgDataSliceProp {\n orgName: string,\n}\n\nexport const updateOrgData = createAsyncThunk(\n \"update/organization\",\n async (params: UpdateOrgDataSliceProp, storeActions) => {\n const orgStatus = \"ACTIVE\";\n const url = `api/v1/user/update/organization?orgName=${params.orgName}&status=${orgStatus}`;\n const response: any = await put(url, params, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst updateOrgDataSlice = createSlice({\n name: \"updateOrgData\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as number | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(updateOrgData.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(updateOrgData.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(updateOrgData.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = updateOrgDataSlice.actions;\n\nexport default updateOrgDataSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { post } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport interface AddTeamMembersSliceProp {\n orgName: string,\n memberEmails: string[],\n}\n\nexport const addTeamMembers = createAsyncThunk(\n \"add/team/members\",\n async (params: AddTeamMembersSliceProp, storeActions) => {\n const url = `api/v1/user/add/team/members`;\n const response: any = await post(url, params, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst addTeamMembersSlice = createSlice({\n name: \"addTeamMembers\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as number | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(addTeamMembers.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(addTeamMembers.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(addTeamMembers.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = addTeamMembersSlice.actions;\n\nexport default addTeamMembersSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { put } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport interface ChangeAccessSliceProps{\n memberId: number;\n userType: string;\n}\n\nexport const changeMemberAccessRole = createAsyncThunk(\n \"admin/update/member/role\",\n async (params: ChangeAccessSliceProps, storeActions) => {\n const url = `api/v1/admin/update/role?userType=${params.userType}&memberId=${params.memberId}`;\n const response: any = await put(url, params, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.text(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst changeMemberAccessRoleSlice = createSlice({\n name: \"changeMemberAccessRole\",\n initialState: {\n status: null as number | null,\n loading: false as boolean,\n text: null as string | null,\n data: null as string | null,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.data = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(changeMemberAccessRole.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.data = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.data = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(changeMemberAccessRole.pending, (state) => {\n state.status = null;\n state.loading = true;\n state.data = null;\n state.text = null;\n });\n builder.addCase(changeMemberAccessRole.rejected, (state) => {\n state.status = 503;\n state.loading = false;\n state.data = null;\n state.text = null;\n });\n },\n});\n\nexport const { clearData } = changeMemberAccessRoleSlice.actions;\n\nexport default changeMemberAccessRoleSlice;\n","import { useDispatch } from \"react-redux\";\nimport { clearData as clearAuthData } from \"../../redux/slices/AuthSlice\";\nimport { clearData as clearCountReceived } from \"../../redux/slices/CountReceivedFeedbacksSlice\";\nimport { clearData as clearCountRequestReceived } from \"../../redux/slices/CountRequestsReceivedSlice\";\nimport { clearData as clearCountRequestSend } from \"../../redux/slices/CountRequestsSendSlice\";\nimport { clearData as clearCountShared } from \"../../redux/slices/CountSharedFeedbackSlice\";\nimport { clearData as clearAllReceivedRequests } from \"../../redux/slices/FeedbackRequestsReceivedSlice\";\nimport { clearData as clearAllSendRequests } from \"../../redux/slices/FeedbackRequestsSendSlice\";\nimport { clearData as clearReceivedFeedbackDetail } from \"../../redux/slices/ReceivedFeedbackDetailSlice\";\nimport { clearData as clearReceivedFeedbacks } from \"../../redux/slices/ReceivedFeedbacksSlice\";\nimport { clearData as clearRequest } from \"../../redux/slices/RequestFeebackSlice\";\nimport { clearData as clearSharedFeedbackDetail } from \"../../redux/slices/SharedFeedbackDetailSlice\";\nimport { clearData as clearSharedAssessmentDetail } from \"../../redux/slices/SharedAssessmentDetailSlice\";\nimport { clearData as clearSharedDraftDetail } from \"../../redux/slices/SharedDraftDetailSlice\";\nimport { clearData as clearSharedFeedbacks } from \"../../redux/slices/SharedFeedbacksSlice\";\nimport { clearData as clearSavedDrafts } from \"../../redux/slices/SavedDraftsSlice\";\nimport { clearData as clearShareFeedback } from \"../../redux/slices/ShareFeedbackSlice\";\nimport { clearData as clearShareAssessment } from \"../../redux/slices/ShareAssessmentSlice\";\nimport { clearData as clearUsersAndAttributes } from \"../../redux/slices/UsersAndAttributesSlice\";\nimport { clearData as clearAllMemberList } from \"../../redux/slices/AllMemberList\";\nimport { clearData as clearReceivedFeedbackReport } from \"../../redux/slices/ConsolidateReportOfReceivedFeedbackSlice\";\nimport { clearData as clearDeactiveMember } from \"../../redux/slices/DeactivateMemberSlice\";\nimport { clearData as clearDeleteDraft } from \"../../redux/slices/DeleteDraftSlice\";\nimport { clearData as clearSharedAssessmentDetailByMember } from \"../../redux/slices/SharedAssessmentDetailByMemberSlice\";\nimport { clearData as clearReceivedFeedbackDetailByMember } from \"../../redux/slices/ReceivedFeedbackDetailByMemberSlice\";\nimport { clearData as clearSharedFeedbackDetailByMember } from \"../../redux/slices/SharedFeedbackDetailByMemberSlice\";\nimport { clearData as clearSharedAssessmentListByMember } from \"../../redux/slices/SharedAssessmentListByMemberSlice\";\nimport { clearData as clearSharedAssessmentList } from \"../../redux/slices/SharedAssessmentListSlice\";\nimport { clearData as clearCountSharedAssessment } from \"../../redux/slices/CountSharedAssessmentsSlice\";\nimport { clearData as clearCountSharedAssessmentByMember } from \"../../redux/slices/CountAssessmentSharedByMemberSlice\";\nimport { clearData as clearCountRequestReceivedByMember } from \"../../redux/slices/CountRequestReceivedByMemberSlice\";\nimport { clearData as clearCountRequestSentByMember } from \"../../redux/slices/CountRequestSentByMemberSlice\";\nimport { clearData as clearFeedbackRequestReceivedByMember } from \"../../redux/slices/FeedbackRequestReceivedByMemberSlice\";\nimport { clearData as clearFeedbackRequestsSentByMember } from \"../../redux/slices/FeedbackRequestsSentByMemberSlice\";\nimport { clearData as clearReceivedAndSharedCount } from \"../../redux/slices/ReceivedAndSharedCountSlice\";\nimport { clearData as clearReceivedAndSharedAllCount } from \"../../redux/slices/ReceivedAndSharedAllCountSlice\";\nimport { clearData as clearReceivedFeedbackListByMember } from \"../../redux/slices/ReceivedFeedbackListByMemberSlice\";\nimport { clearData as clearSharedFedbackListByMember } from \"../../redux/slices/SharedFeedbackListByMemberSlice\";\nimport { clearData as clearAppraisalListData } from \"../../redux/slices/AppraisalSlice\";\nimport { clearData as clearAttributesWithDetailData } from \"../../redux/slices/AttributesWithDetailData\";\nimport { clearData as clearLeaderFeedbackListData } from \"../../redux/slices/LeaderFeedbackSlice\";\nimport { clearData as clearReceivedFeedbackRequestDetailsData } from \"../../redux/slices/ReceivedFeedbackRequestDetailsSlice\";\nimport { clearData as clearRecentActivityData } from \"../../redux/slices/RecentActivitiesSlice\";\nimport { clearData as clearRequestFeedbackFromExtClientData } from \"../../redux/slices/RequestFeedbackFromExtClientSlice\";\nimport { clearData as clearSendFeedbackRequestDetailsData } from \"../../redux/slices/SentFeedbackRequestDetailsSlice\";\nimport { clearData as clearShareAssessmentData } from \"../../redux/slices/ShareAssessmentSlice\";\nimport { clearData as clearSharedDraftDetailForClientData } from \"../../redux/slices/SharedDraftDetailForClient\";\nimport { clearData as clearShareFeedbackByClientData } from \"../../redux/slices/ShareFeedbackByClient\";\nimport { clearData as clearSubmitFeedbackByClientData } from \"../../redux/slices/SubmitFeedbackByExternalClient\";\nimport { clearData as clearSubmitFeedback } from \"../../redux/slices/SubmitFeedbackSlice\";\nimport { clearData as clearSelfReportData } from \"../../redux/slices/SelfReportSlice\";\nimport { clearData as clearShareNugget } from \"../../redux/slices/NuggetShareSlice\";\nimport { clearData as clearUpdateOrganizationData } from \"../../redux/slices/UpdateOrganizationSlice\";\nimport { clearData as clearAddTeamMember } from \"../../redux/slices/AddTeamMembersSlice\";\nimport { clearData as clearAccessRole } from \"../../redux/slices/UpdateMemberAccessRole\";\n\nexport const ClearAllData = (setDataCleared) => {\n const dispatch = useDispatch();\n dispatch(clearAuthData());\n dispatch(clearReceivedAndSharedAllCount());\n dispatch(clearSubmitFeedback());\n dispatch(clearAppraisalListData());\n dispatch(clearAttributesWithDetailData());\n dispatch(clearLeaderFeedbackListData());\n dispatch(clearReceivedFeedbackRequestDetailsData());\n dispatch(clearRecentActivityData());\n dispatch(clearRequestFeedbackFromExtClientData());\n dispatch(clearSendFeedbackRequestDetailsData());\n dispatch(clearShareAssessmentData());\n dispatch(clearSharedDraftDetailForClientData());\n dispatch(clearShareFeedbackByClientData());\n dispatch(clearSubmitFeedbackByClientData());\n dispatch(clearCountReceived());\n dispatch(clearCountRequestReceived());\n dispatch(clearCountRequestSend());\n dispatch(clearCountShared());\n dispatch(clearAllReceivedRequests());\n dispatch(clearAllSendRequests());\n dispatch(clearReceivedFeedbackDetail());\n dispatch(clearReceivedFeedbacks());\n dispatch(clearRequest());\n dispatch(clearSharedFeedbackDetail());\n dispatch(clearSharedDraftDetail());\n dispatch(clearSharedFeedbacks());\n dispatch(clearShareFeedback());\n dispatch(clearShareAssessment());\n dispatch(clearUsersAndAttributes());\n dispatch(clearSharedAssessmentDetail());\n dispatch(clearSavedDrafts());\n dispatch(clearAllMemberList());\n dispatch(clearReceivedFeedbackReport());\n dispatch(clearDeactiveMember());\n dispatch(clearDeleteDraft());\n dispatch(clearSharedAssessmentDetailByMember());\n dispatch(clearReceivedFeedbackDetailByMember());\n dispatch(clearSharedFeedbackDetailByMember());\n dispatch(clearSharedAssessmentListByMember());\n dispatch(clearSharedAssessmentList());\n dispatch(clearCountSharedAssessment());\n dispatch(clearCountSharedAssessmentByMember());\n dispatch(clearCountRequestReceivedByMember());\n dispatch(clearCountRequestSentByMember());\n dispatch(clearFeedbackRequestReceivedByMember());\n dispatch(clearFeedbackRequestsSentByMember());\n dispatch(clearReceivedAndSharedCount());\n dispatch(clearReceivedFeedbackListByMember());\n dispatch(clearSharedFedbackListByMember());\n dispatch(clearSelfReportData());\n dispatch(clearShareNugget());\n dispatch(clearUpdateOrganizationData());\n dispatch(clearAddTeamMember());\n dispatch(clearAccessRole());\n setDataCleared(true);\n};\n","import { Button, Grid, Modal } from \"@material-ui/core\";\nimport { createStyles, makeStyles, Theme } from \"@material-ui/core/styles\";\nimport React from \"react\";\nimport {\n ErrorButtonText,\n ErrorMessage,\n SecondaryErrorMessage,\n} from \"./TextFile\";\nimport { ErrorPopUpProps } from \"./typeErrorPages\";\n\nconst useStyles = makeStyles((theme: Theme) =>\n createStyles({\n modal: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n boxSadow: \"0 2px 4px 0 #5A5A5A\",\n [theme.breakpoints.down(\"sm\")]: {\n boxShadow: \"0 2px 4px 0 #5A5A5A\",\n },\n },\n root: {\n height: theme.spacing(35),\n width: theme.spacing(100),\n borderRadius: theme.spacing(0.5),\n backgroundColor: \"#FFFFFF\",\n marginInline: \"auto\",\n [theme.breakpoints.down(\"sm\")]: {\n height: theme.spacing(26),\n width: theme.spacing(36),\n borderRadius: theme.spacing(0.5),\n backgroundColor: \"#FFFFFF\",\n },\n },\n button: {\n backgroundColor: \"#576BEA\",\n \"&:hover\": {\n backgroundColor: \"#576BEA\",\n },\n margin: theme.spacing(5, 0, 5.5, 0),\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(3.5, 0, 3, 0),\n },\n },\n })\n);\n\nexport const ErrorPopUp: React.FC = ({\n showModal,\n setShowModal,\n statusCode,\n handleNoAuthorization,\n handleAccessDenied,\n client,\n customErrorMessage,\n}) => {\n const classes = useStyles();\n\n function handleClose(e) {\n e.preventDefault();\n setShowModal(false);\n }\n\n if (statusCode)\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n );\n return null;\n};\n","import React, { useEffect } from \"react\";\nimport { useHistory } from \"react-router-dom\";\nimport { ClearAllData } from \"../constants/clearData\";\nimport { ErrorPopUp } from \"./ErrorPages/errorModal\";\nimport { CommonFunctionalityComponentProp } from \"./type\";\nimport { useSelector } from \"react-redux\";\nimport { State } from \"../../type\";\n\nexport const CommonFunctionalityComponent: React.FC<\n CommonFunctionalityComponentProp\n> = ({\n props,\n logout,\n setLogout,\n statusCode,\n}) => {\n const history = useHistory();\n const [dataCleared, setDataCleared] = React.useState(false);\n const [showErrorModal, setShowErrorModal] = React.useState(false);\n const goToPreviousPath = () => {\n if (history.length > 10) {\n history.goBack();\n } else {\n history.push(\"/\");\n }\n };\n const logoutUser = () => {\n setLogout(true);\n };\n\n const sessionExpired = useSelector((state: State) => state.auth.isExpired);\n\n useEffect(() => {\n if(sessionExpired) {\n logoutUser();\n }\n }, [sessionExpired])\n\n const renderErrorModal = () => (\n \n );\n\n useEffect(() => {\n if (statusCode && statusCode !== 200 && statusCode !== 201) {\n setShowErrorModal(true);\n }\n }, [statusCode]);\n\n if (logout && !dataCleared) {\n ClearAllData(setDataCleared);\n }\n\n if (logout && dataCleared) {\n history?.push({\n pathname: \"/\",\n state: { path: sessionExpired ? props.location.pathname : null },\n search:\n new URLSearchParams(props.location?.search).get(\"uid\") === null\n ? \"\"\n : `?uid=${new URLSearchParams(props.location?.search).get(\"uid\")}`,\n });\n }\n return <>{renderErrorModal()};\n};\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { NudgeSliceProps, ResponseNudge, ResponseTeam } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const getNudgeList = createAsyncThunk(\n \"nudgesData/getNudgeList\",\n async (requestParams: NudgeSliceProps, storeActions) => {\n const url = `api/v1/admin/feedback/nudgeBoardUserList?${requestParams.requestingParams}&offSet=${requestParams.offSet}&count=${requestParams.count}` //\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst adminNudgeDataSlice = createSlice({\n name: \"adminNudgeData\",\n initialState: {\n status: null as number | null,\n text: null as string | null,\n nudges: [] as ResponseNudge[] | [],\n nudgeDateRange: { startDate: new Date(new Date().getTime() - 90 * 24 * 60 * 60 * 1000) as Date | null,\n endDate: new Date() as Date | null},\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.nudges = [];\n state.nudgeDateRange= { startDate: null,\n endDate: null};\n },\n setNudgeDateRange : (state, dateRange) => {\n state.nudgeDateRange = dateRange.payload\n },\n },\n extraReducers: (builder) => {\n builder.addCase(getNudgeList.fulfilled, (state, action) => {\n state.status = action.payload.status;\n if (action.payload.data !== undefined) {\n state.nudges = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.nudges = [];\n state.text = action.payload.text;\n }\n state.loading = false;\n });\n builder.addCase(getNudgeList.pending, (state) => {\n state.loading = true;\n state.status = null;\n state.text = null;\n state.nudges = state.nudges?.length > 0 ? state.nudges : [];\n });\n builder.addCase(getNudgeList.rejected, (state, action) => {\n state.status = 503;\n state.text = null;\n state.nudges = [];\n state.loading = false;\n });\n },\n});\n\nexport const { clearData, setNudgeDateRange } = adminNudgeDataSlice.actions;\n\nexport default adminNudgeDataSlice;\n","import { createAsyncThunk, createSlice } from \"@reduxjs/toolkit\";\nimport { NudgeCountSliceProps } from \"../../type\";\nimport { get } from \"../../util/APIService\";\nimport { HttpStatus } from \"../../enums/httpStatus\";\n\nexport const countNudge = createAsyncThunk(\n \"Nudge/count\",\n async (requestParams: NudgeCountSliceProps, storeActions) => {\n const url = `api/v1/admin/feedback/nudgeBoardUserListCount?` + requestParams.requestingParams;\n const response: any = await get(url, storeActions);\n\n if (response.status === HttpStatus.OK) {\n return {\n status: HttpStatus.OK,\n data: await response.json(),\n };\n } else {\n return {\n status: response.status,\n text: await response.text(),\n };\n }\n }\n);\n\nconst adminNudgeCountDataSlice = createSlice({\n name: \"adminNudgeCountData\",\n initialState: {\n status: null as number | null,\n text: null as string | null,\n count: null as number | null,\n loading: false as boolean,\n },\n reducers: {\n clearData: (state) => {\n state.status = null;\n state.loading = false;\n state.text = null;\n state.count = null;\n },\n },\n extraReducers: (builder) => {\n builder.addCase(countNudge.fulfilled, (state, action) => {\n state.status = action.payload.status;\n state.loading = false;\n if (action.payload.data !== undefined) {\n state.count = action.payload.data;\n state.text = null;\n } else if (action.payload.text !== undefined) {\n state.count = null;\n state.text = action.payload.text;\n }\n });\n builder.addCase(countNudge.pending, (state) => {\n state.loading = true;\n state.status = null;\n state.text = null;\n state.count = null;\n });\n builder.addCase(countNudge.rejected, (state) => {\n state.status = 503;\n state.text = null;\n state.count = null;\n state.loading = false;\n });\n },\n});\n\nexport const { clearData } = adminNudgeCountDataSlice.actions;\n\nexport default adminNudgeCountDataSlice;\n","import React, { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useHistory } from \"react-router-dom\";\nimport { AdminDashboardLayout } from \"../../../layouts/admin/dashboard/Layout\";\nimport { getRecentActivities } from \"../../../redux/slices/RecentActivitiesSlice\";\nimport {\n NudgeCountSliceProps,\n NudgeSliceProps,\n RecentActivitiesFetchedData,\n RecentActivitySliceProp,\n SharedFeedbacksParams,\n State,\n User,\n} from \"../../../type\";\nimport { RecentActivityComponent } from \"./RecentActivities\";\nimport { NudgeBoard } from \"./NudgeBoard\";\nimport { LeaderBoardComponent } from \"./LeaderBoard\";\nimport { getLeaderWithFeedbackCount } from \"../../../redux/slices/LeaderFeedbackSlice\";\nimport {\n DateProps,\n FeedbackTrendDataProps,\n LeaderBoardDataProps,\n} from \"./type\";\nimport { getDateInLeaderBoardFormat } from \"../../../util/GetDateInDesiredFormat\";\nimport { getFeedbackTrendData } from \"../../../redux/slices/FeedbackTrendDataSlice\";\nimport { FeedbackTrendComponent } from \"./FeedbackTrend\";\nimport { CommonFunctionalityComponent } from \"../../components/CommonFunctionalityComponent\";\nimport { getNudgeList } from \"../../../redux/slices/NudgeListSlice\";\nimport { MESSAGES } from \"./Helper\";\nimport { MESSAGE_TYPE, MessageObject } from \"../../components/ToastMessage\";\nimport { HttpStatus } from \"../../../enums/httpStatus\";\nimport { countNudge } from \"../../../redux/slices/NudgeCountSLice\";\nimport { COUNT } from \"./Helper\";\n\nexport const AdminDashboard = (props) => {\n const dispatch = useDispatch();\n const token = useSelector((state: State) => state.auth.token);\n const [logout, setLogout] = React.useState(false);\n const [isDetailView, setIsDetailView] = React.useState(false);\n const [recentActivityTab, setRecentActivityTab] = React.useState(0);\n const [feedbackTag, setFeedbackTag] = React.useState(0);\n const [filter, setFilter] = React.useState(0);\n const [feedbackId, setFeedbackId] = React.useState(0);\n const [assessmentId, setAssessmentId] = React.useState(0);\n const [member, setMemeber] = React.useState();\n const [viewProfile, setViewProfile] = React.useState(false);\n const [showSuccess, setShowSuccess] = React.useState(false);\n const [nudgeSuccessMsg, setNudgeSuccessMsg] = React.useState();\n const [nudgeCtaSubmitted, setNudgeCtaSubmitted] =\n React.useState(false);\n\n const [dateRangeState, setDateRangeState] = React.useState({\n startDate: new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000),\n endDate: new Date(),\n });\n const [trendDateRangeState, setTrendDateRangeState] =\n React.useState({\n startDate: new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000),\n endDate: new Date(),\n });\n\n const [activityDateRangeState, setActivityDateRangeState] =\n React.useState({\n startDate: new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000),\n endDate: new Date(),\n });\n\n const [nudgeDateRangeState, setNudgeDateRangeState] =\n React.useState({\n startDate: new Date(new Date().getTime() - 90 * 24 * 60 * 60 * 1000),\n endDate: new Date(),\n });\n const totalNudgeCount = useSelector(\n (state: State) => state.adminNudgeCountData.count\n );\n const pageNo = props.location.state?.pageNumber;\n const [pageNumber, setPageNumber] = React.useState(\n pageNo ? pageNo : 1\n );\n\n const nudgeLoading: Boolean = useSelector(\n (state: State) => state.adminNudgeData.loading\n );\n\n useEffect(() => {\n let str = \"\";\n const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n let startDate = getDateInLeaderBoardFormat(nudgeDateRangeState.startDate);\n let endDate = getDateInLeaderBoardFormat(nudgeDateRangeState.endDate);\n str += `&startDate=${startDate}&endDate=${endDate}&timezone=${timezone}`;\n const param: NudgeCountSliceProps = {\n requestingParams: str,\n };\n dispatch(countNudge(param));\n }, [nudgeDateRangeState]);\n\n const history = useHistory();\n const statusCode: number | null = useSelector((state: State) =>\n state.recentActivities.status !== 200\n ? state.recentActivities.status\n : state.appraisals.status !== 200\n ? state.appraisals.status\n : state.leadersWithFeedbackCount.status !== 200\n ? state.leadersWithFeedbackCount.status\n : state.feedbackTrend.status !== 200\n ? state.feedbackTrend.status\n : null\n );\n\n const {\n status: nudgeSendNotificationStatus,\n loading: sendingNudgeNotification,\n } = useSelector((state: State) => state.adminNudgeSendNotification);\n\n useEffect(() => {\n let str = \"\";\n let startDate = getDateInLeaderBoardFormat(\n activityDateRangeState.startDate\n );\n let endDate = getDateInLeaderBoardFormat(activityDateRangeState.endDate);\n str += `&startDate=${startDate}&endDate=${endDate}`;\n const param: RecentActivitySliceProp = {\n activity:\n recentActivityTab === 0\n ? \"ALL\"\n : recentActivityTab === 1\n ? \"FEEDBACK_SHARED\"\n : recentActivityTab === 2\n ? \"FEEDBACK_REQUESTED\"\n : recentActivityTab === 3\n ? \"USER_ONBOARDED\"\n : \"SELF_ASSESSMENT_UPDATED\",\n requestingParams: str,\n };\n dispatch(getRecentActivities(param));\n }, [recentActivityTab, activityDateRangeState]);\n\n const fetchData = () => {\n let str = \"\";\n const timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;\n let startDate = getDateInLeaderBoardFormat(nudgeDateRangeState.startDate);\n let endDate = getDateInLeaderBoardFormat(nudgeDateRangeState.endDate);\n str += `&startDate=${startDate}&endDate=${endDate}&timezone=${timezone}`;\n const param: NudgeSliceProps = {\n requestingParams: str,\n offSet: (pageNumber - 1) * COUNT,\n count: COUNT,\n };\n dispatch(getNudgeList(param));\n };\n\n useEffect(() => {\n fetchData();\n }, [nudgeDateRangeState, pageNumber]);\n\n useEffect(() => {\n if (nudgeCtaSubmitted && !sendingNudgeNotification) {\n setShowSuccess(true);\n if (nudgeSendNotificationStatus === HttpStatus.OK) {\n setNudgeSuccessMsg({\n message: MESSAGES.NUDGE_SUCCESS,\n type: MESSAGE_TYPE.SUCCESS,\n });\n } else {\n setNudgeSuccessMsg({\n message: MESSAGES.NUDGE_FAIL,\n type: MESSAGE_TYPE.INFO,\n });\n }\n setNudgeCtaSubmitted(false);\n // refresh the nudge user list to get the latest nudge timestamps\n fetchData();\n }\n }, [sendingNudgeNotification]);\n\n useEffect(() => {\n let str = \"\";\n let startDate = getDateInLeaderBoardFormat(dateRangeState.startDate);\n let endDate = getDateInLeaderBoardFormat(dateRangeState.endDate);\n if (feedbackTag === 0) str += \"?tag=SHARED\";\n else str += \"?tag=RECEIVED\";\n str += `&startDate=${startDate}&endDate=${endDate}`;\n const param: SharedFeedbacksParams = {\n requestingParams: str,\n };\n dispatch(getLeaderWithFeedbackCount(param));\n }, [token, dispatch, feedbackTag, dateRangeState]);\n\n useEffect(() => {\n let str = \"\";\n let startDate = getDateInLeaderBoardFormat(trendDateRangeState.startDate);\n let endDate = getDateInLeaderBoardFormat(trendDateRangeState.endDate);\n if (filter === 0) str += \"?by=DAY\";\n else str += \"?by=MONTH\";\n str += `&startDate=${startDate}&endDate=${endDate}`;\n const param: SharedFeedbacksParams = {\n requestingParams: str,\n };\n dispatch(getFeedbackTrendData(param));\n }, [trendDateRangeState, filter]);\n\n const { loading, data }: RecentActivitiesFetchedData = useSelector(\n (state: State) => state.recentActivities\n );\n\n const leaderLoading: Boolean = useSelector(\n (state: State) => state.leadersWithFeedbackCount.loading\n );\n\n const leaderData: Array = useSelector(\n (state: State) => state.leadersWithFeedbackCount.data\n );\n\n const trendLoading: Boolean = useSelector(\n (state: State) => state.feedbackTrend.loading\n );\n\n const trendData: Array = useSelector(\n (state: State) => state.feedbackTrend.data\n );\n\n const renderErrorModal = () => (\n \n );\n\n const renderRecentActivities = () => (\n \n );\n\n const renderNudgeBoard = () => (\n \n );\n\n if (feedbackId > 0) {\n history.push({\n pathname: `/admin/detail/view`,\n state: {\n feedbackOrAssessmentId: feedbackId,\n memberId: member?.id,\n tabValue: 1,\n member: member,\n pageNumber: 1,\n itemValue: 1,\n from: \"dashboard\",\n },\n });\n }\n\n if (assessmentId > 0) {\n history.push({\n pathname: `/admin/detail/view`,\n state: {\n feedbackOrAssessmentId: assessmentId,\n memberId: member?.id,\n tabValue: 4,\n member: member,\n pageNumber: 1,\n itemValue: 1,\n from: \"dashboard\",\n },\n });\n }\n\n if (viewProfile) {\n history.push({\n pathname: `/admin/member/detail/${member?.id}`,\n state: {\n member: member,\n tabValue: 0,\n pageNumber: 1,\n itemValue: 1,\n from: \"dashboard\",\n },\n });\n }\n\n const handleCancel = (event, reason) => {\n if (reason === \"clickaway\") {\n return;\n }\n setShowSuccess(false);\n setNudgeSuccessMsg({ message: \"\" });\n };\n return (\n \n );\n};\n","import { Grid, Typography } from \"@material-ui/core\";\nimport React from \"react\";\nimport { HomeLayout } from \"../../../layouts/home/Layout\";\nimport { ToolBar } from \"../../home/ToolBar\";\n\nexport const AllFeedback = (props) => {\n document.title=\"Grow-Wize | Admin-Feedback\";\n window.scrollTo(0, 0);\n const [mobileOpen, setMobileOpen] = React.useState(false);\n const handleDrawerToggle = () => {\n setMobileOpen(!mobileOpen);\n };\n const tempFunction =()=> {\n return 0;\n }\n\n const renderToolBar = () => (\n \n );\n\n const renderDashboardLayout = () => (\n \n \n Coming soon...\n \n \n );\n\n return (\n \n );\n};\n","import { Grid, makeStyles } from \"@material-ui/core\";\nimport React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { HomeLayout } from \"../../../home/Layout\";\nimport { ToolBar } from \"../../../../modules/home/ToolBar\";\nimport { State } from \"../../../../type\";\n\nconst useStyle = makeStyles((theme) => ({\n root: {\n alignItems: \"left\",\n width: `${window.innerWidth - 224}px`,\n padding: theme.spacing(6, 6, 6, 5),\n marginTop: theme.spacing(6.5),\n background: \"#F5F6FA\",\n height: \"-webkit-fill-available\",\n minHeight: \"100vh\",\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(6, 4, 6, 4),\n },\n [theme.breakpoints.down(\"xs\")]: {\n marginTop: theme.spacing(11.25),\n padding: theme.spacing(5, 3, 3, 3),\n },\n },\n}));\n\nexport const FeedbackAssessmentDetailLayout = ({\n props,\n setLogout,\n isDetailView,\n setIsDetailView,\n headerName,\n renderErrorModal,\n renderDateComponent,\n renderName,\n renderContext,\n renderAllAttributes,\n renderAttributesDetail,\n renderDivider,\n tabValue,\n}) => {\n document.title = `Grow-Wize | ${headerName}`;\n window.scrollTo(0, 0);\n const classes = useStyle();\n\n const [mobileOpen, setMobileOpen] = React.useState(false);\n const handleDrawerToggle = () => {\n setMobileOpen(!mobileOpen);\n };\n\n const loading: Boolean = useSelector(\n (state: State) =>\n state.receivedFeedbackDetailByMember.loading ||\n state.sharedFeedbackDetailByMember.loading ||\n state.sharedAssessmentDetailByMember.loading\n );\n\n const tempFunction = () => {\n return 0;\n };\n\n const renderToolBar = () => (\n \n );\n\n const renderFeedbackAssessmentDetailLayout = () => (\n \n \n {renderErrorModal()}\n {renderDateComponent()}\n {renderName()}\n {renderDivider()}\n {renderContext()}\n {renderAllAttributes()}\n {renderAttributesDetail()}\n \n \n );\n\n return (\n \n );\n};\n","import { FeedbackAssessmentDetailLayout } from \"../../../../../layouts/admin/members/details/FeedbackAssessmentDetailLayout\";\nimport {\n ReceivedFeedbackDetailData,\n State,\n UserAndAttributeSliceProps,\n} from \"../../../../../type\";\nimport { Divider, makeStyles } from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useHistory, useLocation } from \"react-router-dom\";\nimport { requestData } from \"../../../../../redux/slices/UsersAndAttributesSlice\";\nimport { DetailPageSliceProps } from \"./type\";\nimport { receivedFeedbackDetailByMember } from \"../../../../../redux/slices/ReceivedFeedbackDetailByMemberSlice\";\nimport { sharedAssessmentDetailByMember } from \"../../../../../redux/slices/SharedAssessmentDetailByMemberSlice\";\nimport { sharedFeedbackDetailByMember } from \"../../../../../redux/slices/SharedFeedbackDetailByMemberSlice\";\nimport { SharedFeedbackDetailData } from \"../../../../user/shared_feedback/typeSharedFeedbacks\";\nimport { SharedAssessmentDetailProps } from \"../../../../user/self_assessment/type\";\nimport { CommonFunctionalityComponent } from \"../../../../components/CommonFunctionalityComponent\";\nimport {\n UserName,\n RenderDate,\n AttributeChipComponent,\n ContextText,\n RenderAttributeText,\n RenderAttributesDetails,\n} from \"../../../../components/list/detail/DetailComponent\";\n\nconst useStyle = makeStyles((theme) => ({\n divider: {\n backgroundColor: \"rgb(140 142 154 / 48%)\",\n height: theme.spacing(0.125),\n margin: theme.spacing(5, 0, 2, 0),\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(2.5, 0, 1, 0),\n },\n },\n}));\n\nexport const FeedbackAssessmentDetail = (props) => {\n const memberId = props.location.state?.memberId;\n const tabValue = props.location.state?.tabValue;\n const from = props.location.state?.from;\n const feedbackOrAssessmentId = props.location.state?.feedbackOrAssessmentId;\n const [logout, setLogout] = React.useState(false);\n const [isDetailView, setIsDetailView] = React.useState(true);\n const dispatch = useDispatch();\n const teamId = props.location.state?.teamId;\n\n const classes = useStyle();\n\n useEffect(() => {\n const param: UserAndAttributeSliceProps = {\n isUsers: false,\n isAttributes: false,\n isClients: false,\n isDrafts: false,\n isRequests: false,\n isScale: true,\n };\n dispatch(requestData(param));\n const params: DetailPageSliceProps = {\n memberId: memberId,\n feedbackOrAssessmentId: feedbackOrAssessmentId,\n };\n if (tabValue === 0) {\n dispatch(receivedFeedbackDetailByMember(params));\n } else if (tabValue === 1) {\n dispatch(sharedFeedbackDetailByMember(params));\n } else if (tabValue === 4) {\n dispatch(sharedAssessmentDetailByMember(params));\n }\n }, [feedbackOrAssessmentId, tabValue, memberId]);\n\n const receivedFeedbackDetaildata: ReceivedFeedbackDetailData = useSelector(\n (state: State) => state.receivedFeedbackDetailByMember.feedback\n );\n const sharedFeedbackDetaildata: SharedFeedbackDetailData =\n useSelector((state: State) => state.sharedFeedbackDetailByMember.data) ??\n null;\n\n const sharedAssessmentDetailData: SharedAssessmentDetailProps = useSelector(\n (state: State) => state.sharedAssessmentDetailByMember.data\n );\n\n const history = useHistory();\n const statusCode: number | null = useSelector((state: State) =>\n state.sharedFeedbackDetailByMember.status !== 200 &&\n state.sharedFeedbackDetailByMember.status !== null\n ? state.sharedFeedbackDetailByMember.status\n : state.sharedAssessmentDetailByMember.status !== 200 &&\n state.sharedAssessmentDetailByMember.status !== null\n ? state.sharedAssessmentDetailByMember.status\n : state.receivedFeedbackDetailByMember.status !== 200 &&\n state.receivedFeedbackDetailByMember.status !== null\n ? state.receivedFeedbackDetailByMember.status\n : state.data.status !== 200 && state.data.status !== null\n ? state.data.status\n : null\n );\n\n const renderErrorModal = () => (\n \n )}\n {tabValue === 1 && (\n \n )}\n \n );\n\n const renderDateComponent = () => (\n <>\n {tabValue === 0 && (\n \n )}\n {tabValue === 1 && (\n \n )}\n {tabValue === 4 && (\n \n )}\n \n );\n\n const renderAllAttributes = () => (\n <>\n {tabValue === 1 && (\n \n )}\n \n );\n\n const renderFeedbackContext = () => (\n <>\n {tabValue === 0 && (\n \n )}\n {tabValue === 1 && (\n \n )}\n \n );\n\n const renderAttributesDetails = () => (\n <>\n {tabValue === 0 && (\n <>\n \n \n )}\n {tabValue === 1 && (\n <>\n \n \n )}\n {tabValue === 4 && (\n <>\n \n \n )}\n \n );\n\n const location = useLocation();\n const currentPath = location.pathname;\n \n if (!isDetailView) {\n if (from === \"dashboard\") {\n history.push({\n pathname: `/admin/dashboard`,\n });\n } else if (currentPath === '/admin/detail/view') {\n history.push({\n pathname: `/admin/member/detail/${memberId}`,\n state: {\n member: props.location.state?.member,\n tabValue: tabValue,\n pageNumber: props.location.state?.pageNumber,\n itemValue: props.location.state?.itemValue,\n teamId: teamId \n },\n });\n }else{\n history.push({\n pathname: `/member/detail/${memberId}`,\n state: {\n member: props.location.state?.member,\n tabValue: tabValue,\n pageNumber: props.location.state?.pageNumber,\n itemValue: props.location.state?.itemValue,\n teamId: teamId \n },\n });\n }\n }\n\n return (\n \n );\n};\n","import { Button, Typography } from \"@material-ui/core\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { Pagination } from \"@material-ui/lab\";\nimport React from \"react\";\nimport { PageButtonsProps } from \"./type\";\n\nconst useStyle = makeStyles((theme) => ({\n typography_body_3: {\n padding: theme.spacing(0, 0, 0, 0),\n textTransform: \"none\",\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: \"10px\",\n },\n },\n pagination: {\n margin: theme.spacing(4, 0, 4, 0),\n \n ...(window.location.pathname === \"/admin/dashboard\" && {\n margin: theme.spacing(1, 0, 1, 0),\n }),\n\n [theme.breakpoints.down(\"sm\")]: {\n margin: theme.spacing(3.75, 0, 3.75, 0),\n },\n },\n disabledButton: {\n color: \"darkgrey\",\n },\n ul: {\n \"& .Mui-selected\": {\n color: \"#FFFFFF\",\n backgroundColor: \"#7C69EC\",\n \"&:hover\": {\n backgroundColor: \"#5c49cc\",\n }, \n fontWeight: 600,\n },\n },\n}));\n\nexport const ChangePageButtonComponent: React.FC = ({\n pageCount,\n pageNumber,\n setPageNumber,\n userRole,\n}) => {\n const classes = useStyle();\n\n const handleChange = (event: React.ChangeEvent, value: number) => {\n setPageNumber(value);\n };\n\n return (\n <>\n setPageNumber(pageNumber - 1)}\n classes={{ disabled: classes.disabledButton }}\n >\n \n Previous\n \n \n setPageNumber(pageNumber + 1)}\n classes={{ disabled: classes.disabledButton }}\n >\n \n Next\n \n \n \n );\n};\n","import { Grid, makeStyles } from \"@material-ui/core\";\nimport React from \"react\";\nimport { HomeLayout } from \"../../../home/Layout\";\nimport { ToolBar } from \"../../../../modules/home/ToolBar\";\n\nconst useStyle = makeStyles((theme) => ({\n root: {\n alignItems: \"left\",\n width: `${window.innerWidth - 224}px`,\n padding: theme.spacing(6, 6, 6, 5),\n marginTop: theme.spacing(6),\n background: \"#F5F6FA\",\n height: \"-webkit-fill-available\",\n minHeight: \"100vh\",\n [theme.breakpoints.down(\"sm\")]: {\n padding: theme.spacing(6, 4, 6, 4),\n },\n [theme.breakpoints.down(\"xs\")]: {\n marginTop: theme.spacing(11.25),\n padding: theme.spacing(5, 3, 3, 3),\n },\n },\n}));\n\nexport const MemberDetailsLayout = ({\n props,\n loading,\n setLogout,\n isDetailView,\n setIsDetailView,\n memberName,\n renderErrorModal,\n renderDetailSection,\n renderTabsWithReport,\n renderList,\n renderChangePageComponent,\n}) => {\n document.title = \"Grow-Wize | Member Details\";\n window.scrollTo(0, 0);\n const classes = useStyle();\n\n const [mobileOpen, setMobileOpen] = React.useState(false);\n const handleDrawerToggle = () => {\n setMobileOpen(!mobileOpen);\n };\n\n const tempFunction = () => {\n return 0;\n };\n\n const renderToolBar = () => (\n \n );\n\n const renderReceivedFeedbackReportLayout = () => (\n \n \n {renderErrorModal()}\n \n {renderDetailSection()}\n \n \n {renderTabsWithReport()}\n \n \n {renderList()}\n \n \n {renderChangePageComponent()}\n \n \n \n );\n\n return (\n \n );\n};\n","import { Grid, makeStyles, Typography } from \"@material-ui/core\";\nimport React from \"react\";\nimport { CountCardProps } from \"../type\";\n\nconst useStyle = makeStyles((theme) => ({\n commonStyle: {\n color: \"#FFFFFF\",\n fontFamily: \"Montserrat\",\n fontWeight: 600,\n },\n cardName: {\n marginLeft: theme.spacing(2),\n textAlign: \"start\",\n fontSize: theme.spacing(1.75),\n },\n cardCount: {\n marginRight: theme.spacing(2),\n textAlign: \"end\",\n fontSize: theme.spacing(3.5),\n },\n}));\n\nexport const CountCard: React.FC = ({\n cardName,\n cardCount,\n}) => {\n const classes = useStyle();\n\n return (\n \n \n \n \n {cardName}\n \n \n \n \n \n \n {cardCount < 10 && cardCount>0 ? `0${cardCount}` : `${cardCount}`}\n \n \n \n \n );\n};\n","import {\n Button,\n Grid,\n Fade,\n makeStyles,\n Typography,\n } from \"@material-ui/core\";\n import React from \"react\";\n import Backdrop from \"@material-ui/core/Backdrop\";\n import Modal from \"@material-ui/core/Modal\";\nimport { DeactivateUserModalComponentProp } from \"./type\";\n\n const useStyle = makeStyles((theme) => ({\n modal: { display: \"flex\", alignItems: \"center\", justifyContent: \"center\" },\n modalGrid: {\n width: theme.spacing(83),\n height: theme.spacing(28),\n justifyContent: \"center\",\n alignItems: \"center\",\n backgroundColor: \"#FFFFFF\",\n padding: theme.spacing(0, 0, 4, 0),\n border: \"4px solid rgba(175,175,175,0.3)\",\n borderRadius: theme.spacing(0.5),\n [theme.breakpoints.down(\"xs\")]: {\n width: theme.spacing(40),\n height: theme.spacing(25),\n padding: theme.spacing(0, 0, 6, 0),\n },\n },\n deactivateText: {\n fontWeight: 600,\n fontSize: theme.spacing(3),\n color: \"#272727\",\n fontFamily: \"Montserrat\",\n [theme.breakpoints.down(\"xs\")]: {\n fontSize: theme.spacing(1.75),\n },\n },\n btn1: {\n margin: theme.spacing(2, 0, 0, 0),\n padding: theme.spacing(1.375, 4.95, 1.375, 4.95),\n backgroundColor: \"#7C69EC\",\n \"&:hover\": {\n backgroundColor: \"#5c49cc\",\n },\n borderRadius: theme.spacing(0.5),\n [theme.breakpoints.down(\"xs\")]: {\n padding: theme.spacing(1.125, 2.625, 1.125, 2.625),\n },\n },\n btn_: {\n margin: theme.spacing(2, 5, 0, 0),\n padding: theme.spacing(1.125, 4.95, 1.375, 4.95),\n borderRadius: theme.spacing(0.5),\n [theme.breakpoints.down(\"xs\")]: {\n margin: theme.spacing(3, 3.5, 0, 0),\n padding: theme.spacing(1.125, 2.625, 1.125, 2.625),\n },\n },\n typography_body_2_: {\n alignItems: \"center\",\n color: \"#868686\",\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: \"10px\",\n },\n },\n typography_body_4: {\n alignItems: \"center\",\n color: \"#FFFFFF\",\n [theme.breakpoints.down(\"sm\")]: {\n fontSize: \"10px\",\n },\n },\n }));\n\n export const DeactivateUserModalComponent: React.FC = ({\n id,\n open,\n firstName,\n lastName,\n handleCancel,\n handleDeactivateAccount\n }) => {\n const classes = useStyle();\n return \n \n \n \n {`Deactivate ${firstName} ${lastName}?`}\n \n \n \n {\n \n \n Cancel\n \n \n }\n \n \n {\n {\n handleDeactivateAccount(id);\n }}\n className={classes.btn1}\n color=\"primary\"\n variant=\"contained\"\n >\n \n Confirm\n \n \n }\n \n \n \n \n \n }\n","import {\n Avatar,\n Button,\n Grid,\n makeStyles,\n ClickAwayListener,\n Typography,\n List,\n ListItem,\n} from \"@material-ui/core\";\nimport React, { useEffect } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { CountProps, DeactivateMemberProp, State } from \"../../../../type\";\nimport { getDateInDesiredFormat } from \"../../../../util/GetDateInDesiredFormat\";\nimport { MemberDetailProps } from \"../type\";\nimport { CountCard } from \"./CountCard\";\nimport { deactivateMember } from \"../../../../redux/slices/DeactivateMemberSlice\";\nimport { DeactivateUserModalComponent } from \"../DeactivateMemberModal\";\nimport { changeMemberAccessRole } from \"../../../../redux/slices/UpdateMemberAccessRole\";\nimport { useLocation } from \"react-router-dom\";\n\nconst useStyle = makeStyles((theme) => ({\n img: {\n height: theme.spacing(12.5),\n width: theme.spacing(12.5),\n marginLeft: theme.spacing(1),\n },\n blackFont: {\n color: \"#272727\",\n fontFamily: \"Montserrat\",\n textAlign: \"start\",\n },\n memberName: {\n fontSize: theme.spacing(2.25),\n fontWeight: 600,\n marginBottom: theme.spacing(1),\n },\n memberMail: {\n fontSize: theme.spacing(1.75),\n fontWeight: 500,\n marginTop: theme.spacing(1),\n },\n commonCardStyle: {\n height: theme.spacing(7.5),\n width: theme.spacing(27.5),\n borderRadius: theme.spacing(0.625),\n },\n receivedCountBackground: {\n background: \"linear-gradient(47deg, #9768ED 0%, #576BEA 100%)\",\n marginRight: theme.spacing(1.125),\n },\n sharedCountBackground: {\n background: \"linear-gradient(44.05deg, #51A6FF 0%, #5328FF 100%)\",\n marginLeft: theme.spacing(1.125),\n },\n moreCTAGrid: {\n height: theme.spacing(7.5),\n borderRadius: theme.spacing(0.625),\n backgroundColor: \"#FFFFFF\",\n border: \"1px solid rgba(175,175,175,0.5)\",\n marginLeft: theme.spacing(2.25),\n },\n moreCTA: {\n height: theme.spacing(4.25),\n width: theme.spacing(4.25),\n },\n detailSectionGrid: {\n borderRadius: theme.spacing(0.625),\n backgroundColor: \"#FFFFFF\",\n boxShadow: \"0 2px 4px 0 rgba(175,175,175,0.5)\",\n height: theme.spacing(17.5),\n },\n moreViewItem: {\n fontSize: theme.spacing(1.5),\n textAlign: \"center\",\n fontWeight: 500,\n color: \"#272727\",\n fontFamily: \"Montserrat\",\n backgroundColor: \"#FFFFFF\",\n },\n navBar: {\n width: theme.spacing(20),\n height: theme.spacing(7),\n boxShadow: \"-5px 9px 19px 0 rgba(90,90,90,0.4)\",\n },\n moreBtn1: {\n width: \"-webkit-fill-available\",\n height: \"-webkit-fill-available\",\n minWidth: theme.spacing(0),\n },\n moreBtn2: {\n width: \"-moz-fill-available\",\n height: \"-moz-fill-available\",\n },\n}));\n\nconst SWITCH_ROLE_MAP = {\n REGULAR: \"ADMIN\",\n ADMIN: \"REGULAR\",\n};\n\nexport const DetailSectionView: React.FC = ({\n firstName,\n lastName,\n imageUrl,\n status,\n id,\n emailId,\n joiningDate,\n user_role,\n}) => {\n const classes = useStyle();\n const [moreOpt, setMoreOpt] = React.useState(false);\n const [lock, setLock] = React.useState(false);\n const [userRole, changeRole] = React.useState(user_role);\n const [open, setOpen] = React.useState(false);\n const counts: CountProps = useSelector(\n (state: State) => state.countAllSharedAndReceived?.data\n );\n const token = useSelector((state: State) => state.auth.token);\n const loggedInUserEmail = useSelector((state: State) => state.auth.email);\n const changeRoleStatus = useSelector(\n (state: State) => state.changeMemberAccessRole.status\n );\n const dispatch = useDispatch();\n const location = useLocation();\n\n async function handleCancel(e) {\n e.preventDefault();\n setOpen(false);\n }\n const handleClickAway = () => {\n setMoreOpt(false);\n };\n\n const handleDeactivateAccount = (id) => {\n const arg: DeactivateMemberProp = {\n memberId: id,\n tag: \"INTERNAL\",\n };\n dispatch(deactivateMember(arg));\n setOpen(false);\n };\n\n const renderDeactivateMemberModal = () => (\n \n \n {renderDeactivateMemberModal()}\n \n \n \n \n {`${firstName} ${lastName}`}\n \n \n \n {joiningDate &&\n `${emailId} | ${getDateInDesiredFormat(new Date(joiningDate))}`}\n \n \n {joiningDate === null && `${emailId}`}\n \n \n \n \n \n \n \n \n \n \n \n\n {location.pathname.startsWith(\"/admin/member/detail/\") && id && (\n \n setMoreOpt(true)}\n className={`${classes.moreBtn1} ${classes.moreBtn2} `}\n >\n \n \n {moreOpt && (\n \n \n {emailId !== loggedInUserEmail && (\n {\n dispatch(\n changeMemberAccessRole({\n userType: SWITCH_ROLE_MAP[userRole],\n memberId: id,\n })\n );\n setLock(true);\n }}\n disabled={status === \"INACTIVE\"}\n >\n \n {userRole === \"REGULAR\"\n ? \"Assign Admin Role\"\n : \"Revoke Admin Role\"}\n \n \n )}\n {\n setOpen(true);\n setMoreOpt(false);\n }}\n disabled={status === \"INACTIVE\"}\n >\n \n Deactivate\n \n \n \n \n )}\n \n )}\n \n \n );\n};\n","import {\n Avatar,\n Button,\n CircularProgress,\n Grid,\n makeStyles,\n Typography,\n} from \"@material-ui/core\";\nimport React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { avatarColor } from \"../../../constants/avatarBackgroundColor\";\nimport theme from \"../../../../theme\";\nimport {\n ReceivedFeedbackSlice,\n ReceivedRequest,\n SendRequest,\n State,\n} from \"../../../../type\";\nimport { getDateInDesiredFormat } from \"../../../../util/GetDateInDesiredFormat\";\nimport { TokenDataProps } from \"../../../home/Drawer\";\nimport { SharedAssessmentListData } from \"../../../user/self_assessment/type\";\nimport { SharedFeedback } from \"../../../user/shared_feedback/typeSharedFeedbacks\";\nimport { ListContentProps } from \"../type\";\nimport jwt_decode from \"jwt-decode\";\n\nconst useStyle = makeStyles((theme) => ({\n grid: {\n padding: theme.spacing(1.25, 0, 1.25, 0),\n alignItems: \"center\",\n borderTop: theme.spacing(0.005),\n borderColor: \"#97979724\",\n borderLeft: theme.spacing(0),\n borderRight: theme.spacing(0),\n borderBottom: theme.spacing(0),\n borderStyle: \"solid\",\n },\n basicStyle: {\n fontSize: theme.spacing(1.75),\n fontFamily: \"Montserrat\",\n wordBreak: \"break-word\",\n },\n dateNameStyle: {\n fontWeight: 500,\n color: \"#272727\",\n },\n action: {\n textTransform: \"none\",\n fontSize: theme.spacing(1.75),\n fontWeight: 600,\n color: \"#868686\",\n marginRight: theme.spacing(5.5),\n backgroundColor: \"#FFFFFF\",\n border: \"1px solid rgba(175,175,175,0.5)\",\n borderRadius: theme.spacing(0.625),\n padding: theme.spacing(1.25, 4, 1.25, 4),\n \"&:hover\": {\n backgroundColor: \"#7C69EC\",\n color: \"#FFFFFF\",\n },\n },\n avatar: {\n height: theme.spacing(3.75),\n width: theme.spacing(3.75),\n margin: theme.spacing(0, 0, 0, 5),\n },\n nameAlignMent: {\n textAlign: \"start\",\n marginLeft: theme.spacing(-1.25),\n },\n dateAlignMent: {\n textAlign: \"start\",\n },\n dateAlignMent2: {\n marginLeft: theme.spacing(5),\n },\n noRecordStyle: {\n fontWeight: 600,\n fontSize: theme.spacing(2),\n fontFamily: \"Montserrat\",\n color: \"#A0A0A0\",\n margin: theme.spacing(20, 0, 20, 0),\n },\n}));\n\nexport const ListContent: React.FC = ({\n tabValue,\n setFeedbackOrAssessmentId,\n}) => {\n const classes = useStyle();\n\n const receivedFeedbackData: Array = [];\n const feedbackData =\n useSelector(\n (state: State) => state.receivedFeedbackListByMember.feedbacks\n ) ?? receivedFeedbackData;\n const feedbacks: Array =\n useSelector((state: State) => state.sharedFeedbackListByMember.data) ?? [];\n\n const emptyRequestArrray: Array = [];\n const requests: Array =\n useSelector((state: State) => state.allReceivedRequestsByMember.data) ??\n emptyRequestArrray;\n\n const emptyRequestArrray1: Array = [];\n const sentRequests: Array =\n useSelector((state: State) => state.allSendRequestsByMember.data) ??\n emptyRequestArrray1;\n\n const emptyArray: Array = [];\n const assessments =\n useSelector((state: State) => state.sharedAssessmentListByMember.data) ??\n emptyArray;\n\n const loading: Boolean = useSelector(\n (state: State) =>\n state.receivedFeedbackListByMember.loading ||\n state.sharedFeedbackListByMember.loading ||\n state.sharedAssessmentListByMember.loading ||\n state.allReceivedRequestsByMember.loading ||\n state.allSendRequestsByMember.loading\n );\n const token: string = useSelector((state: State) => state.auth.token);\n let tokenData: TokenDataProps = {\n role: \"Regular\",\n exp: 0,\n iat: 0,\n sub: 0,\n org_id: 0,\n };\n try {\n tokenData = jwt_decode(token);\n } catch (e) {\n console.log(e);\n }\n\n return (\n <>\n {tabValue === 0 &&\n feedbackData.length > 0 &&\n feedbackData.map((data, id) => (\n \n \n \n \n \n \n \n \n {`${data.user.firstName} ${data.user.lastName}`}\n \n \n \n \n \n {getDateInDesiredFormat(new Date(data.createdAt))}\n \n \n \n \n setFeedbackOrAssessmentId(data.feedbackId)}\n className={classes.action}\n >\n View\n \n \n \n \n ))}\n {tabValue === 1 &&\n feedbacks.length > 0 &&\n feedbacks.map((data, id) => (\n \n \n \n \n \n \n {`${data.user.firstName} ${data.user.lastName}`}\n \n \n \n \n \n {getDateInDesiredFormat(new Date(data.createdAt))}\n \n \n \n \n setFeedbackOrAssessmentId(data.feedbackId)}\n className={classes.action}\n >\n View\n \n \n \n \n ))}\n {tabValue === 2 &&\n requests[0] &&\n requests.map((req, idx) => (\n \n \n \n \n \n \n {`${req.requestingUser.firstName} ${req.requestingUser.lastName}`}\n \n \n \n \n \n {getDateInDesiredFormat(new Date(req.timeOfRequest))}\n \n \n \n \n \n \n \n \n \n \n {`${req.respondingUser?.firstName} ${req.respondingUser?.lastName}`}\n \n \n \n \n \n {getDateInDesiredFormat(new Date(req.timeOfRequest))}\n \n \n \n \n \n {getDateInDesiredFormat(new Date(data.sharedDate))}\n \n \n \n \n setFeedbackOrAssessmentId(data.assessmentId)}\n className={classes.action}\n >\n View\n \n \n \n \n ))}\n {((tabValue === 0 && feedbackData.length === 0) ||\n (tabValue === 1 && feedbacks.length === 0) ||\n (tabValue === 2 && requests.length === 0) ||\n (tabValue === 3 && sentRequests.length === 0) ||\n (tabValue === 4 && assessments.length === 0)) && (\n \n {!loading && (\n \n No record!\n \n )}\n {loading && \n )}\n \n );\n};\n","import {\n ClickAwayListener,\n Grid,\n IconButton,\n List,\n ListItem,\n makeStyles,\n Typography,\n} from \"@material-ui/core\";\nimport React from \"react\";\nimport { ListHeaderProps } from \"../type\";\n\nconst useStyle = makeStyles((theme) => ({\n grid: {\n backgroundColor: \"rgba(124,105,236,0.05)\",\n padding: theme.spacing(1, 0, 1, 0),\n },\n text: {\n fontSize: theme.spacing(1.75),\n fontWeight: 500,\n color: \"#868686\",\n fontFamily: \"Montserrat\",\n },\n actionAlignMent: {\n textAlign: \"end\",\n marginRight: theme.spacing(11.625),\n },\n nameAlignMent: {\n textAlign: \"start\",\n marginLeft: theme.spacing(5),\n },\n dateAlignMent: {\n textAlign: \"start\",\n },\n}));\n\nexport const ListHeader: React.FC = ({\n headerName,\n headerAction,\n itemValue,\n setItemValue,\n tabValue,\n setPageNumber,\n}) => {\n const classes = useStyle();\n const [openFilter, setFilter] = React.useState(false);\n\n return (\n \n \n {(tabValue === 0 || tabValue === 3) && (\n \n setFilter(!openFilter)}>\n \n \n \n {openFilter && (\n setFilter(false)}\n >\n \n {\n setItemValue(1);\n setPageNumber(1);\n }}\n >\n All\n \n
![\"c\"](\"/CopyrightIcon.svg\")
\n ![\"dashboard_icon\"](\"/DashboardIcon.svg\")
\n )}\n ![\"members_icon\"](\"/AllMembersNIcon.svg\")
\n )}\n ![\"teams_icon\"](\"/TeamsIcon.svg\")
\n )}\n ![\"attributes_icon\"](\"/AttributesIcon.svg\")
\n )}\n ![\"settings_icon\"](\"/Settings.svg\")
\n )}\n ![\"close\"](\"/CancelGray.svg\")
\n \n \n )\n}","import React, { FunctionComponent } from 'react';\nimport MuiModal from \"@material-ui/core/Modal\";\nimport { Backdrop, CircularProgress, Fade, Grid, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n modal: {\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n modalGrid: {\n display: \"flex\",\n flexDirection: \"column\",\n width: theme.spacing(112),\n backgroundColor: \"#FFFFFF\",\n border: \"4px solid rgba(175,175,175,0.3)\",\n borderRadius: theme.spacing(0.5),\n [theme.breakpoints.down(\"xs\")]: {\n width: theme.spacing(40),\n padding: theme.spacing(0, 0, 6, 0),\n },\n position: \"relative\"\n },\n loaderBackground: {\n position: \"absolute\",\n height: \"100%\"\n },\n fadedWrapper: {\n opacity: 0.4,\n pointerEvents: \"none\"\n }\n}))\n\ntype ModalProps = {\n open: boolean,\n loading?: Boolean | undefined,\n onClose?: () => {},\n className?: string,\n}\n\nexport const Loader = () => {\n const classes = useStyles();\n return (\n ![\"toggle\"](\"/ToggleCTA.svg\")
\n ) : (\n ![\"toggle\"](\"/ToggleCTAPurple.svg\")
\n )\n }\n onClick={() => {\n setSwitchViewClicked(true);\n if (unsavedChanges) {\n setIsSwitchModalOpen(true);\n } else if (unsavedTeamChanges) {\n setOpenModal(true);\n } else {\n switchPageOnClick();\n }\n }}\n variant=\"outlined\"\n className={\n adminRole\n ? classes.toggleViewAdminCTA\n : classes.toggleViewUserCTA\n }\n onMouseEnter={() => setToggleCTAHovered(true)}\n onMouseLeave={() => setToggleCTAHovered(false)}\n >\n SWITCH VIEW\n \n ![\"trend-calendar\"](\"/CalendarIcon.svg\")
\n \n {show && (\n