{"version":3,"file":"static/js/main-804cc099.21be1510.js","mappings":"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","sources":["Components/Invite-User/InviteUserForm.js","Components/Invite-User/InviteUser.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport CustomModal from \"../../common-components/CustomModal\";\r\nimport {\r\n  Avatar,\r\n  Box,\r\n  Chip,\r\n  IconButton,\r\n  Stack,\r\n  styled,\r\n  Switch,\r\n  TextField,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport {\r\n  IcClose,\r\n  IcCloseThin,\r\n  IcInfoOutlined,\r\n  IcLinkOutlined,\r\n} from \"../../assets/icon-components\";\r\nimport BtnGradient from \"../../common-components/buttons/BtnGradient\";\r\nimport LimitModal from \"../../common-components/modals/LimitModal\";\r\nimport Loader from \"../../CommanUI/Loader/loader\";\r\nimport commanService from \"../../CommanFunctions/commanService\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { errorToast, successToast, warningToast } from \"../../Redux/toastSlice\";\r\nimport BtnColoredOutlined from \"../../common-components/buttons/BtnColoredOutlined\";\r\nimport ChoosePlan from \"../upgrade-plan/ChoosePlan\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport { s3AssetsUrl } from \"../DrawBoard/const\";\r\n\r\nconst style = {\r\n  position: \"absolute\",\r\n  top: \"50%\",\r\n  left: \"50%\",\r\n  transform: \"translate(-50%, -50%)\",\r\n  width: {\r\n    xs: \"90%\",\r\n    md: \"570px\",\r\n  },\r\n  bgcolor: \"#FFF\",\r\n  border: \"none\",\r\n  boxShadow: \"none\",\r\n  p: {\r\n    xs: \"20px\",\r\n    md: \"30px 24px 24px\",\r\n  },\r\n  borderRadius: \"12px\",\r\n  maxHeight: \"97%\",\r\n  \"&::-webkit-scrollbar\": {\r\n    width: \"0 !important\",\r\n    height: \"0 !important\",\r\n  },\r\n  \"&:focus-visible\": { outline: \"none !important\" },\r\n};\r\n\r\nconst InviteUserForm = ({\r\n  open,\r\n  handleCloseModal,\r\n  userRoles,\r\n  getInvitedUsersDataWithDefaultValue,\r\n}) => {\r\n  const dispatch = useDispatch();\r\n  const [email, setEmail] = useState(\"\");\r\n  const [emails, setEmails] = useState([]);\r\n  const [inputFocus, setInputFocus] = useState(false);\r\n  const [loading, setLoading] = useState(false);\r\n  const [showLimitModal, setShowLimitModal] = useState(false);\r\n  const [showPlans, setShowPlans] = useState(false);\r\n\r\n  useEffect(() => {\r\n    setEmail(\"\");\r\n    setEmails([]);\r\n    setInputFocus(false);\r\n  }, [open]);\r\n\r\n  const handleEnterEmail = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n      if (email.trim().length <= 0) {\r\n      } else if (!emailRegex.test(email)) {\r\n      } else {\r\n        const uniqueEmails = new Set([...emails, email]);\r\n        const newArrayOfEmail = Array.from(uniqueEmails);\r\n        setEmails(newArrayOfEmail);\r\n        setEmail(\"\");\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (email.trim().length > 0 && email.includes(\".com\")) {\r\n      handleEnterEmail({ key: \"Enter\" });\r\n    }\r\n  }, [email]);\r\n\r\n  const SwitchBox = styled((props) => (\r\n    <Switch\r\n      focusVisibleClassName=\".Mui-focusVisible\"\r\n      disableRipple\r\n      {...props}\r\n    />\r\n  ))(({ theme }) => ({\r\n    width: 44,\r\n    height: 24,\r\n    padding: 0,\r\n    \"& .MuiSwitch-switchBase\": {\r\n      padding: 0,\r\n      margin: 2,\r\n      transitionDuration: \"300ms\",\r\n      \"&.Mui-checked\": {\r\n        transform: \"translateX(20px)\",\r\n        color: \"#fff\",\r\n        \"& + .MuiSwitch-track\": {\r\n          backgroundColor: color.primaryColor,\r\n          opacity: 1,\r\n          border: 0,\r\n          ...theme.applyStyles(\"dark\", {\r\n            backgroundColor: \"#2ECA45\",\r\n          }),\r\n        },\r\n        \"&.Mui-disabled + .MuiSwitch-track\": {\r\n          opacity: 0.5,\r\n        },\r\n      },\r\n      \"&.Mui-focusVisible .MuiSwitch-thumb\": {\r\n        color: \"#33cf4d\",\r\n        border: \"6px solid #fff\",\r\n      },\r\n      \"&.Mui-disabled .MuiSwitch-thumb\": {\r\n        color: theme.palette.grey[100],\r\n        ...theme.applyStyles(\"dark\", {\r\n          color: theme.palette.grey[600],\r\n        }),\r\n      },\r\n      \"&.Mui-disabled + .MuiSwitch-track\": {\r\n        opacity: 0.7,\r\n        ...theme.applyStyles(\"dark\", {\r\n          opacity: 0.3,\r\n        }),\r\n      },\r\n    },\r\n    \"& .MuiSwitch-thumb\": {\r\n      boxSizing: \"border-box\",\r\n      width: 20,\r\n      height: 20,\r\n    },\r\n    \"& .MuiSwitch-track\": {\r\n      borderRadius: 24 / 2,\r\n      backgroundColor: \"#E9E9EA\",\r\n      opacity: 1,\r\n      transition: theme.transitions.create([\"background-color\"], {\r\n        duration: 500,\r\n      }),\r\n      ...theme.applyStyles(\"dark\", {\r\n        backgroundColor: \"#39393D\",\r\n      }),\r\n    },\r\n  }));\r\n\r\n  const handleRemoveEmail = (email) => {\r\n    setEmails((prev) => prev.filter((prevEmail) => prevEmail !== email));\r\n  };\r\n\r\n  const inviteUsers = async (email_ids) => {\r\n    setLoading(true);\r\n    commanService\r\n      .postApi(\"user\", \"invite-user\", {\r\n        email_ids,\r\n        role_id: userRoles.filter((role) => role?.role_name === \"Editor\")[0]\r\n          ?.role_id,\r\n      })\r\n      .then(({ data }) => {\r\n        if (data.status) {\r\n          getInvitedUsersDataWithDefaultValue();\r\n          dispatch(successToast({ message: data.message }));\r\n          handleCloseModal();\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        if (error?.response?.status === 403) {\r\n          handleCloseModal();\r\n          setShowLimitModal(true);\r\n        } else {\r\n          if (error.response.status !== 401) {\r\n            if (error.response.status < 500) {\r\n              dispatch(\r\n                warningToast({\r\n                  message:\r\n                    error.response?.data?.message ||\r\n                    error.response.data?.error[0] ||\r\n                    error.message,\r\n                })\r\n              );\r\n            } else {\r\n              dispatch(\r\n                errorToast({\r\n                  message: \"Oops! Something went wrong\",\r\n                })\r\n              );\r\n            }\r\n          }\r\n        }\r\n      })\r\n      .finally(() => {\r\n        setLoading(false);\r\n      });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <CustomModal\r\n        open={open}\r\n        handleClose={loading ? () => {} : handleCloseModal}\r\n      >\r\n        <Box sx={style}>\r\n          {loading && <Loader />}\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n          >\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"10px\"}\r\n            >\r\n              <Typography\r\n                fontSize={{\r\n                  xs: fontSizes.titleFont,\r\n                  md: fontSizes.modelTitle,\r\n                  xl: fontSizes.modelTitle1,\r\n                }}\r\n                fontWeight={fontWeight.weight800}\r\n                color={color.titleDark}\r\n                sx={{ letterSpacing: \"0px\" }}\r\n              >\r\n                Invite To Join ‘Designer Team’\r\n              </Typography>\r\n            </Stack>\r\n            <IconButton\r\n              sx={{\r\n                position: \"absolute\",\r\n                top: \"30px\",\r\n                right: \"24px\",\r\n                width: \"36px !important\",\r\n                height: \"36px !important\",\r\n                borderRadius: \"50%\",\r\n                bgcolor: \"#EFF0F3\",\r\n                transition: \"all 0.3s ease\",\r\n                \"&:hover\": { bgcolor: \"#EFF0F3\" },\r\n              }}\r\n              onClick={handleCloseModal}\r\n            >\r\n              <IcCloseThin fill=\"#18181B\" />\r\n            </IconButton>\r\n          </Stack>\r\n          <Stack\r\n            height={\"76px\"}\r\n            alignItems={\"center\"}\r\n            flexDirection={\"row\"}\r\n            gap={\"16px\"}\r\n            border={\"1px solid #E1E1E1\"}\r\n            bgcolor={\"#F9FAFB\"}\r\n            borderRadius={\"8px\"}\r\n            mt={\"24px\"}\r\n            px={\"16px\"}\r\n          >\r\n            <Stack width={\"20px\"} height={\"20px\"}>\r\n              <IcInfoOutlined fill=\"#848382\" width=\"20\" height=\"20\" />\r\n            </Stack>\r\n            <Typography fontSize={\"12.8px\"} color={\"#848382\"} fontWeight={400}>\r\n              Accounts on paid plans can also invite guests, who have access to\r\n              shared boards only.{\" \"}\r\n              <Typography\r\n                component={\"span\"}\r\n                fontSize={\"12.8px\"}\r\n                color={color.primaryColor}\r\n                fontWeight={600}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                }}\r\n                onClick={() => {\r\n                  setShowPlans(!showPlans);\r\n                }}\r\n              >\r\n                Upgrade now\r\n              </Typography>{\" \"}\r\n            </Typography>\r\n          </Stack>\r\n          <Stack mt={\"24px\"} gap={\"12px\"}>\r\n            <Typography fontSize={\"12.8px\"} color={\"#18181B\"} fontWeight={600}>\r\n              Invite From\r\n            </Typography>\r\n            <Stack flexDirection={\"row\"} gap={\"16px\"} alignItems={\"center\"}>\r\n              <Stack direction={\"row\"} gap={\"6px\"} alignItems={\"center\"}>\r\n                <img\r\n                  src={s3AssetsUrl + \"/images/slack_logo.svg\"}\r\n                  width={\"24px\"}\r\n                  height={\"24px\"}\r\n                  alt=\"slack_logo\"\r\n                />\r\n                <Typography\r\n                  typography={\"#18181B\"}\r\n                  fontSize={\"12.8px\"}\r\n                  height={\"16px\"}\r\n                  fontWeight={400}\r\n                >\r\n                  Slack\r\n                </Typography>\r\n              </Stack>\r\n              <Stack direction={\"row\"} gap={\"6px\"} alignItems={\"center\"}>\r\n                <img\r\n                  src={s3AssetsUrl + \"/images/google_logo.svg\"}\r\n                  width={\"24px\"}\r\n                  height={\"24px\"}\r\n                  alt=\"google_logo\"\r\n                />\r\n                <Typography\r\n                  typography={\"#18181B\"}\r\n                  fontSize={\"12.8px\"}\r\n                  height={\"16px\"}\r\n                  fontWeight={400}\r\n                >\r\n                  Google\r\n                </Typography>\r\n              </Stack>\r\n              <Stack direction={\"row\"} gap={\"6px\"} alignItems={\"center\"}>\r\n                <img\r\n                  src={s3AssetsUrl + \"/images/microsoft_teams_logo.svg\"}\r\n                  width={\"24px\"}\r\n                  height={\"24px\"}\r\n                  alt=\"microsoft_teams_logo\"\r\n                />\r\n                <Typography\r\n                  typography={\"#18181B\"}\r\n                  fontSize={\"12.8px\"}\r\n                  height={\"16px\"}\r\n                  fontWeight={400}\r\n                >\r\n                  Microsoft Teams\r\n                </Typography>\r\n              </Stack>\r\n            </Stack>\r\n          </Stack>\r\n          <Stack\r\n            mt={\"40px\"}\r\n            direction={\"row\"}\r\n            alignItems={\"flex-start\"}\r\n            gap={\"9px\"}\r\n          >\r\n            <Stack width={\"100%\"}>\r\n              <Typography\r\n                fontSize={12.6}\r\n                fontWeight={600}\r\n                color={\"#18181B\"}\r\n                height={20}\r\n                mb={\"6px\"}\r\n              >\r\n                Invite by email\r\n              </Typography>\r\n              <Stack\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                gap={\"10px\"}\r\n                flexWrap={\"wrap\"}\r\n                onClick={() => setInputFocus(true)}\r\n                onFocus={() => setInputFocus(true)}\r\n                onBlur={() => setInputFocus(false)}\r\n                border={\r\n                  inputFocus\r\n                    ? `1px solid ${color.primaryColor}`\r\n                    : \"1px solid #E6EAEF\"\r\n                }\r\n                boxShadow={\r\n                  inputFocus\r\n                    ? `0px 0px 0px 3px ${color.primaryShadowColor}`\r\n                    : \"none\"\r\n                }\r\n                borderRadius={\"6px\"}\r\n                p={emails.length > 0 ? \"9.5px 15px\" : \"9px 0px\"}\r\n                sx={{\r\n                  maxHeight: \"175px\",\r\n                  overflowY: \"auto\",\r\n                }}\r\n              >\r\n                {emails.map((email, i) => {\r\n                  return (\r\n                    <Chip\r\n                      avatar={<Avatar>{email[0].toUpperCase()}</Avatar>}\r\n                      onDelete={() => handleRemoveEmail(email)}\r\n                      deleteIcon={\r\n                        <IconButton\r\n                          sx={{\r\n                            height: \"16px !important\",\r\n                            width: \"16px !important\",\r\n                            p: 0,\r\n                          }}\r\n                        >\r\n                          <IcClose fill=\"#667085\" height=\"10\" width=\"10\" />\r\n                        </IconButton>\r\n                      }\r\n                      label={email}\r\n                      sx={{\r\n                        width: \"fit-content\",\r\n                        bgcolor: \"#F2F4F7\",\r\n                        border: \"none\",\r\n                        height: \"32px\",\r\n                        \"& .MuiChip-avatar\": {\r\n                          height: \"24px\",\r\n                          width: \"24px\",\r\n                          ml: \"6px\",\r\n                          bgcolor: (i + 1) % 2 === 0 ? \"#C8511B\" : \"#518EF8\",\r\n                          color: \"#FFF\",\r\n                          fontSize: 9,\r\n                        },\r\n                        \"& .MuiChip-label\": {\r\n                          mx: \"14px\",\r\n                          px: 0,\r\n                          fontSize: 12.6,\r\n                          fontWeight: 500,\r\n                          color: \"#344054\",\r\n                        },\r\n                      }}\r\n                      key={i + 1}\r\n                    />\r\n                  );\r\n                })}\r\n                <TextField\r\n                  fullWidth\r\n                  type={\"email\"}\r\n                  label=\"\"\r\n                  value={email}\r\n                  autoFocus={true}\r\n                  focused={inputFocus}\r\n                  placeholder={\"Add people by email and press enter\"}\r\n                  onKeyPress={handleEnterEmail}\r\n                  sx={{\r\n                    width: \"100%\",\r\n                    minWidth: \"100%\",\r\n                    flex: 1,\r\n                    input: {\r\n                      py: 0,\r\n                      height: `30px !important`,\r\n                      color: \"#18181B !important\",\r\n                      border: \"none !important\",\r\n                      \"&::placeholder\": {\r\n                        fontSize: \"13.5px !important\",\r\n                        color: \"#848382 !important\",\r\n                        opacity: 1,\r\n                        fontWeight: 300,\r\n                      },\r\n                    },\r\n                    \"& fieldset\": {\r\n                      display: \"none !important\",\r\n                    },\r\n                  }}\r\n                  onChange={(e) => setEmail(e.target.value)}\r\n                />\r\n              </Stack>\r\n            </Stack>\r\n          </Stack>\r\n          {/* <Typography\r\n            fontSize={10.8}\r\n            color={\"#848382\"}\r\n            height={\"15px\"}\r\n            mt={\"9px\"}\r\n            textAlign={\"right\"}\r\n          >\r\n            \"Press Enter\" for multiple user\r\n          </Typography> */}\r\n          <Stack\r\n            justifyContent={\"flex-end\"}\r\n            mt={\"24px\"}\r\n            flexDirection={\"row\"}\r\n            gap={\"20px\"}\r\n          >\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-end\"}\r\n              gap={\"14px\"}\r\n            >\r\n              <BtnColoredOutlined\r\n                bgcolor={color.greyHover}\r\n                borderColor={color.commonBorderColor}\r\n                sx={{\r\n                  px: \"16px\",\r\n                  transition: \"all 0.2s\",\r\n                }}\r\n                hoverSx={{\r\n                  bgcolor: color.darkGray,\r\n                }}\r\n                onClick={handleCloseModal}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }}\r\n                  color={color.subTitle}\r\n                >\r\n                  Cancel\r\n                </Typography>\r\n              </BtnColoredOutlined>\r\n            </Stack>\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-end\"}\r\n              gap={\"14px\"}\r\n            >\r\n              <BtnGradient\r\n                sx={{ px: \"24px\" }}\r\n                onClick={() => inviteUsers(emails)}\r\n                disabled={emails.length <= 0 || email.trim().length > 0}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }}\r\n                  fontWeight={500}\r\n                >\r\n                  Send Invitation\r\n                </Typography>\r\n              </BtnGradient>\r\n            </Stack>\r\n          </Stack>\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            gap={\"16px\"}\r\n            mt={\"24px\"}\r\n          >\r\n            <SwitchBox />\r\n            <Typography\r\n              color={\"#848382\"}\r\n              fontWeight={400}\r\n              fontSize={\"12.8px\"}\r\n              height={\"17px\"}\r\n            >\r\n              Generate the invite link and share it with your team members.\r\n            </Typography>\r\n          </Stack>\r\n          <Stack alignItems={\"flex-end\"}>\r\n            <BtnColoredOutlined\r\n              bgcolor=\"#FFF\"\r\n              borderColor={color.primaryColor}\r\n              sx={{\r\n                mt: \"16px\",\r\n                px: \"18px\",\r\n                transition: \"all 0.2s\",\r\n                gap: \"5px\",\r\n              }}\r\n              hoverSx={{\r\n                bgcolor: \"#FFF\",\r\n              }}\r\n            >\r\n              <IcLinkOutlined\r\n                fill={color.primaryColor}\r\n                width=\"16\"\r\n                height=\"16\"\r\n              />\r\n              <Typography\r\n                fontSize={{\r\n                  xs: fontSizes.fontSize13,\r\n                  md: fontSizes.fontSize14,\r\n                }}\r\n                height={fontSizes.btnTextHeight}\r\n                color={color.primaryColor}\r\n              >\r\n                Copy Link\r\n              </Typography>\r\n            </BtnColoredOutlined>\r\n          </Stack>\r\n        </Box>\r\n      </CustomModal>\r\n      <LimitModal\r\n        limit_img_url={s3AssetsUrl + \"/user_limit_img.png\"}\r\n        handleClose={() => {\r\n          setShowLimitModal(false);\r\n        }}\r\n        open={showLimitModal}\r\n        content=\"You have reached the maximum number of user licenses purchased for your account. To invite an additional user, please purchase more licenses.\"\r\n        heading=\"User License Limit Reached\"\r\n      />\r\n      <ChoosePlan open={showPlans} setOpen={setShowPlans} />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default InviteUserForm;\r\n","import {\r\n  Avatar,\r\n  Box,\r\n  CircularProgress,\r\n  Popover,\r\n  Stack,\r\n  Typography,\r\n  useMediaQuery,\r\n  useTheme,\r\n} from \"@mui/material\";\r\nimport React, {\r\n  useCallback,\r\n  useContext,\r\n  useEffect,\r\n  useMemo,\r\n  useState,\r\n} from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport {\r\n  IcAllUser,\r\n  IcDownArrow,\r\n  IcFullLicensedUser,\r\n  IcGuestUser,\r\n  IcMenuDotsVertical,\r\n  IcSortingTableAse,\r\n  IcSortingTableDes,\r\n} from \"../../assets/icon-components\";\r\n// import teamsPlaceHolder from \"../../assets/images/teams_placeholder.svg\";\r\nimport IcInvitesUser from \"../../assets/icon-components/IcInvitesUser\";\r\nimport IcPendingRequest from \"../../assets/icon-components/ICPendingRequest\";\r\nimport {\r\n  debounce,\r\n  isAccountOwner,\r\n  localDateFormat,\r\n} from \"../../CommanFunctions/commanFunctions\";\r\nimport commanService from \"../../CommanFunctions/commanService\";\r\nimport BtnGradient from \"../../common-components/buttons/BtnGradient\";\r\nimport CommonLink from \"../../common-components/buttons/CommonLink\";\r\nimport LimitModal from \"../../common-components/modals/LimitModal\";\r\nimport SearchInput from \"../../common-components/SearchInput\";\r\nimport { ModelContext } from \"../../HOC/ModelContext\";\r\nimport {\r\n  useChangeToFullMemberMutation,\r\n  useGetMembersByTeamWithSearchMutation,\r\n  useGetTeamProfileByTeamQuery,\r\n  useGetWorkSpaceDetailMutation,\r\n  useGetWorkSpaceUserByIdMutation,\r\n  useRemoveMemberFromTeamMutation,\r\n  useResendInviteMutation,\r\n  useRevokeTeamMemberRoleMutation,\r\n  useUpdateTeamMemberRoleMutation,\r\n} from \"../../Redux/api/teamsApi\";\r\nimport { subscriptionDataSelect } from \"../../Redux/common-reducer\";\r\nimport { errorToast, successToast, warningToast } from \"../../Redux/toastSlice\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { commonStyles } from \"../../Utils/style/common/commonStyles\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport DeleteDialog from \"../DialogBox/DeleteDialog\";\r\nimport { s3AssetsUrl } from \"../DrawBoard/const\";\r\nimport TableComponent from \"../user-sections/components/TableComponent\";\r\nimport CreateNewTeam from \"../user-sections/pages/profile/components/CreateNewTeam\";\r\nimport AddUserToTeamModal from \"./components/AddUserToTeamModal\";\r\nimport ApproveLicenseModel from \"./components/ApproveLicenseModel\";\r\nimport ChangeToGuest from \"./components/ChangeToGuest\";\r\nimport DeleteUserFromCompany from \"./components/DeleteUserFromCompany\";\r\nimport FilterSection from \"./components/FilterSection\";\r\nimport InviteMultipleUserModel from \"./components/InviteMultipleUserModel\";\r\nimport ManageModal from \"./components/ManageModal\";\r\nimport RevokeTeamAdminModal from \"./components/RevokeTeamAdminModal\";\r\nimport UserDetailsModel from \"./components/UserDetailsModel\";\r\nimport InviteUserForm from \"./InviteUserForm\";\r\nimport MakeAdminModal from \"./MakeAdminModal\";\r\nimport RemoveTeamModal from \"./RemoveTeamModal\";\r\nimport \"./usermanagement.scss\";\r\nimport ChoosePlan from \"../upgrade-plan/ChoosePlan\";\r\n\r\nconst InviteUser = ({ isHide, isTeamUser, isWorkSpaceProfilePage }) => {\r\n  // const globalTheme = useTheme();\r\n  const dispatch = useDispatch();\r\n  const [userRoles, setUserRoles] = useState([]);\r\n  const [searchValue, setSearchValue] = useState(\"\");\r\n  const [anchorEl, setAnchorEl] = useState(null);\r\n  const [showLimitModal, setShowLimitModal] = useState(false);\r\n  const [showRemoveTeamModal, setShowRemoveTeamModal] = useState(false);\r\n  const [showMakeAdminModal, setShowMakeAdminModal] = useState(false);\r\n  const [showModal, setShowModal] = useState(false);\r\n  const [rowSelection, setRowSelection] = useState({});\r\n  const isFreePlan = subscriptionDataSelect()?.package === \"Free\";\r\n  const [anchorElAction, setAnchorElAction] = useState(null);\r\n  const [showUserDetailsModal, setShowUserDetailsModal] = useState(false);\r\n  const [tableData, setTableData] = useState(null);\r\n  const [userInformation, setUserInformation] = useState(null);\r\n  const [showFetchLoader, setShowFetchLoader] = useState(false);\r\n  const [deleteUserInfo, setDeleteUserInfo] = useState(null);\r\n  const [revokeTeamAdminShow, setRevokeTeamAdminShow] = useState(false);\r\n  const {\r\n    inviteNewMembers,\r\n    setInviteNewMembers,\r\n    createNewTeamModal,\r\n    setCreateNewTeamModal,\r\n    ...modelState\r\n  } = useContext(ModelContext);\r\n  const selectedTeam = sessionStorage.getItem(\"selectedTeam\");\r\n  const { selectedTeamId, selectedTeamName } = selectedTeam\r\n    ? JSON.parse(selectedTeam)\r\n    : {};\r\n  const navigate = useNavigate();\r\n  const { currentSubscriptionData } = useSelector((state) => state.common);\r\n  const { pathname } = useLocation();\r\n  // for workSpace modal\r\n  const [addUserToTeamShow, setAddUserToTeamShow] = useState(false);\r\n  const [changeToGuestShow, setChangeToGuestShow] = useState(false);\r\n  const [deleteFromCompany, setDeleteFromCompany] = useState(false);\r\n  const [memberCountsData, setMemberCountsData] = useState({});\r\n  const [loadingUserDetails, setLoadingUserDetails] = useState(false);\r\n  const userData = useSelector((state) => state.common.userData);\r\n  // const isAccountOwnerAccess = userData.role;\r\n  const [showManageModal, setShowManageModal] = useState(false);\r\n  const [showApproveDeclineModal, setShowApproveDeclineModal] = useState(false);\r\n  const [showPlans, setShowPlans] = useState(false);\r\n\r\n  const [showInviteToTeam, setShowInviteToTeam] = useState(false);\r\n  const [showApproveLicense, setShowApproveLicense] = useState(false);\r\n  const theme = useTheme();\r\n  const isXs = useMediaQuery(theme.breakpoints.down(\"sm\")); // <600px\r\n  const isSm = useMediaQuery(theme.breakpoints.between(\"sm\", \"md\")); // 600px - 960px\r\n  const [selected, setSelected] = useState(\"allUsers\");\r\n\r\n  const [resendInvite, { isLoading: reInviteInProgress }] =\r\n    useResendInviteMutation();\r\n\r\n  const handleResendInvite = async (userId) => {\r\n    try {\r\n      const payload = {\r\n        id: userId,\r\n      };\r\n\r\n      const response = await resendInvite(payload);\r\n\r\n      dispatch(successToast({ message: response?.data?.message }));\r\n    } catch (error) {\r\n      dispatch(\r\n        errorToast({ message: error?.data?.message || \"An error occurred.\" })\r\n      );\r\n    }\r\n    handleCloseMoreMenu();\r\n  };\r\n\r\n  // const [tableHeight, setTableHeight] = useState(\"auto\");\r\n\r\n  // useEffect(() => {\r\n  //   const adjustTableHeight = () => {\r\n  //     // const height = window.innerHeight * 0.6; // 60% of screen height\r\n  //     // const height =\r\n  //     //   window.innerHeight *\r\n  //     //   (pathname === \"/user/workspace-users\" ? 0.55 : 0.48); // 60% of screen height\r\n  //     // setTableHeight(`${height}px`);\r\n  //   };\r\n\r\n  //   adjustTableHeight();\r\n  //   window.addEventListener(\"resize\", adjustTableHeight);\r\n  //   return () => window.removeEventListener(\"resize\", adjustTableHeight);\r\n  // }, []);\r\n\r\n  const handleCloseInviteUserModal = () => {\r\n    setInviteNewMembers(false);\r\n  };\r\n\r\n  const teamId = localStorage.getItem(\"active_team\");\r\n  // const [getMembersByTeam, { data: teamMembers, isLoading: teamIsLoading }] =\r\n  //   useGetMembersByTeamQuery(selectedTeamId ?? teamId);\r\n  // Fetch data with a search value\r\n  const commonFilters = {\r\n    license: selected === \"fullLicensedUser\" ? [\"Full\"] : null,\r\n    licenseRequest: selected === \"requestLicense\" ? true : null,\r\n    role: selected === \"guestUser\" && [\"Guest\"],\r\n    invited: selected === \"pendingInvitation\" ? true : null,\r\n  };\r\n  const queryArgs = {\r\n    teamId:\r\n      pathname === \"/user/workspace-users\" ? \"\" : selectedTeamId ?? teamId,\r\n    searchValue: \"\",\r\n    filters: commonFilters ?? \"\",\r\n  };\r\n  const [\r\n    getMembersByTeamWithSearch,\r\n    { data: teamMembers = [], isLoading: teamIsLoading },\r\n  ] = useGetMembersByTeamWithSearchMutation(queryArgs);\r\n  // const [getTeamUserById] = useGetTeamUserByIdMutation();\r\n  const [getWorkSpaceUserById] = useGetWorkSpaceUserByIdMutation();\r\n  // const { data: teamData } = useGetTeamByTeamIdQuery(selectedTeamId ?? teamId, {\r\n  //   skip: selectedTeamId ? !selectedTeamId : !teamId,\r\n  // });\r\n  const [getWorkSpaceDetail, { data: teamData }] =\r\n    useGetWorkSpaceDetailMutation();\r\n  const [revokeTeamMemberRole] = useRevokeTeamMemberRoleMutation();\r\n  const { data: selectedTeamInfo, refetch: teamFetching } =\r\n    useGetTeamProfileByTeamQuery(selectedTeamId, { skip: !selectedTeamId });\r\n\r\n  const accountOwner = isAccountOwner(tableData, userData);\r\n  const invitedFromUserSidebar = localStorage.getItem(\"teamInvited\");\r\n\r\n  useEffect(() => {\r\n    getWorkSpaceDetail();\r\n    if (queryArgs) {\r\n      getMembersByTeamWithSearch(queryArgs);\r\n    }\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (teamMembers?.data?.memberCounts) {\r\n      if (\r\n        JSON.stringify(teamMembers.data.memberCounts) !==\r\n        JSON.stringify(memberCountsData)\r\n      ) {\r\n        setMemberCountsData(teamMembers.data.memberCounts);\r\n      } else {\r\n      }\r\n    }\r\n  }, [teamMembers, memberCountsData]);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      pathname === \"/user/workspace-users\" &&\r\n      invitedFromUserSidebar === \"true\" &&\r\n      !modelState.inviteNewMembers\r\n    ) {\r\n      getMembersByTeamWithSearch(queryArgs);\r\n      setTimeout(() => {\r\n        localStorage.removeItem(\"teamInvited\");\r\n      }, 1000);\r\n    }\r\n  }, [invitedFromUserSidebar, pathname, !modelState.inviteNewMembers]);\r\n\r\n  const [removeMember, { isLoading: removing }] =\r\n    useRemoveMemberFromTeamMutation();\r\n\r\n  const [changeToFullMember] = useChangeToFullMemberMutation();\r\n\r\n  const [updateTeamMemberRole, { isLoading: makeAdminLoader }] =\r\n    useUpdateTeamMemberRoleMutation();\r\n\r\n  const handleClickAction = (event) => {\r\n    setAnchorElAction(event.currentTarget); // Set the button element as the anchor\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setAnchorElAction(null); // Close the popover\r\n  };\r\n\r\n  const open = Boolean(anchorElAction); // Check if the popover is open\r\n  const id = open ? \"simple-popover\" : undefined;\r\n\r\n  const howManyUserSelected = rowSelection && Object.keys(rowSelection)?.length;\r\n  const selectedRecordIds = Object.keys(rowSelection).map(\r\n    (rowIndex) => teamMembers?.data?.members[rowIndex]?.user_id\r\n  );\r\n\r\n  const handleClick = (event, data) => {\r\n    setAnchorEl(event.currentTarget);\r\n  };\r\n\r\n  const handleCardClick = (card) => {\r\n    setSelected(card);\r\n    if (\r\n      card === \"fullLicensedUser\" ||\r\n      card === \"guestUser\" ||\r\n      card === \"requestLicense\" ||\r\n      card === \"pendingInvitation\"\r\n    ) {\r\n      const filters = {\r\n        license: card === \"fullLicensedUser\" ? [\"Full\"] : null,\r\n        licenseRequest: card === \"requestLicense\" ? true : null,\r\n        role: card === \"guestUser\" && [\"Guest\"],\r\n        invited: card === \"pendingInvitation\" ? true : null,\r\n      };\r\n      getMembersByTeamWithSearch({\r\n        teamId:\r\n          pathname === \"/user/workspace-users\" ? \"\" : selectedTeamId ?? teamId,\r\n        filters,\r\n      })\r\n        .then((result) => {\r\n          if (result?.error) {\r\n            dispatch(errorToast({ message: result.error.data.message }));\r\n          }\r\n          // else if (result?.data?.status) {\r\n          //   dispatch(successToast({ message: result.data.message }));\r\n          // }\r\n        })\r\n        .catch((error) => {});\r\n    } else if (card === \"allUsers\") {\r\n      getMembersByTeamWithSearch({\r\n        teamId:\r\n          pathname === \"/user/workspace-users\" ? \"\" : selectedTeamId ?? teamId,\r\n      });\r\n    }\r\n    // else if (card === \"requestLicense\") {\r\n    //   navigate(\"/user/request-control\");\r\n    // }\r\n  };\r\n\r\n  const handleCloseMoreMenu = () => {\r\n    setAnchorEl(null);\r\n  };\r\n\r\n  const popoverId = Boolean(anchorEl) ? \"simple-popover\" : undefined;\r\n\r\n  // const handleOpenInviteNewMemberModal = () => {\r\n  //   setInviteNewMembers(true);\r\n  // };\r\n\r\n  const handleCallMember = () => {\r\n    if (tableData?.status && showManageModal === false) {\r\n      getMembersByTeamWithSearch(queryArgs);\r\n    }\r\n  };\r\n\r\n  const getInvitedUsersDataList = useCallback(\r\n    (searchParam, filters) => {\r\n      getMembersByTeamWithSearch({\r\n        teamId:\r\n          pathname === \"/user/workspace-users\" ? \"\" : selectedTeamId ?? teamId,\r\n        searchValue: searchParam,\r\n        filters,\r\n      })\r\n        .then((result) => {\r\n          if (result?.error) {\r\n            dispatch(errorToast({ message: result.error.data.message }));\r\n          }\r\n          // else if (result?.data?.status) {\r\n          //   dispatch(successToast({ message: result.data.message }));\r\n          // }\r\n        })\r\n        .catch((error) => {});\r\n    },\r\n    [dispatch, selectedTeamId, teamId, commonFilters]\r\n  );\r\n\r\n  // Debounce search\r\n  const debouncedSearch = useMemo(\r\n    () =>\r\n      debounce((value) => {\r\n        getInvitedUsersDataList(value, commonFilters);\r\n      }, 750),\r\n    [getInvitedUsersDataList]\r\n  );\r\n\r\n  const handleSearchChange = (e) => {\r\n    const { value } = e.target;\r\n    setSearchValue(value);\r\n    debouncedSearch(value);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (userRoles.length === 0) {\r\n      commanService\r\n        .getApi(\"user\", \"roles\")\r\n        .then(({ data }) => {\r\n          if (data.status) {\r\n            setUserRoles(data.data.roles?.resData);\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          if (error.response.status !== 401) {\r\n            if (error.response.status < 500) {\r\n              dispatch(\r\n                warningToast({\r\n                  message:\r\n                    error.response?.data?.message ||\r\n                    error.response.data?.error[0] ||\r\n                    error.message,\r\n                })\r\n              );\r\n            } else {\r\n              dispatch(\r\n                errorToast({\r\n                  message: \"Oops! Something went wrong\",\r\n                })\r\n              );\r\n            }\r\n          }\r\n        });\r\n    }\r\n  }, [dispatch]);\r\n\r\n  const columns = useMemo(\r\n    () =>\r\n      isFreePlan\r\n        ? [\r\n            {\r\n              accessorKey: \"name\",\r\n              header: \"Name\",\r\n              enableSorting: true,\r\n              enableResizing: true,\r\n              Cell: (row) => {\r\n                const accountOwnerTakeRec = isAccountOwner(row, userData);\r\n                return (\r\n                  <Stack\r\n                    flexDirection={\"row\"}\r\n                    alignItems={\"center\"}\r\n                    gap={\"10px\"}\r\n                  >\r\n                    {/* {row?.status === 45 || row?.status === 4 ? (\r\n                      <IcCloudairyLogo height={34} width={34} />\r\n                    ) : (\r\n                    )} */}\r\n                    <Avatar\r\n                      alt={row?.name}\r\n                      src={row?.profile_picture}\r\n                      sx={{\r\n                        height: \"36px !important\",\r\n                        width: \"36px !important\",\r\n                        fontSize: {\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        },\r\n                        textTransform: \"uppercase\",\r\n                        boxSizing: \"border-box !important\",\r\n                        // pt: \"2px\",\r\n                        ...(!row?.profile_picture &&\r\n                          row?.profile_color && {\r\n                            backgroundColor: row?.profile_color,\r\n                          }),\r\n                      }}\r\n                    >\r\n                      {!row?.profile_picture &&\r\n                        row?.name &&\r\n                        row?.name\r\n                          .split(\" \")\r\n                          .map((word) => word[0]?.toUpperCase())\r\n                          .slice(0, 2)\r\n                          .join(\"\")}\r\n                    </Avatar>\r\n\r\n                    <Typography\r\n                      fontSize={{\r\n                        xs: fontSizes.mediumFont,\r\n                        md: fontSizes.fontSize13,\r\n                        xl: fontSizes.fontSize14,\r\n                      }}\r\n                      color={\"#18181B\"}\r\n                    >\r\n                      {row?.name}\r\n                      {accountOwnerTakeRec && (\r\n                        <Typography fontSize={\"12px\"} color={\"#848382\"}>\r\n                          Owner\r\n                        </Typography>\r\n                      )}\r\n                    </Typography>\r\n                  </Stack>\r\n                );\r\n              },\r\n            },\r\n            {\r\n              accessorKey: \"email_id\",\r\n              header: \"Email\",\r\n              enableSorting: true,\r\n              enableResizing: true,\r\n              Cell: (row) => {\r\n                return (\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#18181B\"}\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                    }}\r\n                    onClick={() => {}}\r\n                  >\r\n                    {`${row?.email_id}`}\r\n                    {/* {teamMembers?.data[0]?.email_id} */}\r\n                  </Typography>\r\n                );\r\n              },\r\n            },\r\n            {\r\n              accessorKey: \"role\",\r\n              header: \"Role\",\r\n              enableResizing: true,\r\n              Cell: (row) => {\r\n                return (\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    textAlign={\"left\"}\r\n                    color={\"#18181B\"}\r\n                  >\r\n                    {row?.role || (\r\n                      <Stack alignItems={\"center\"} justifyContent={\"center\"}>\r\n                        <Typography mr={13.5}>-</Typography>\r\n                      </Stack>\r\n                    )}\r\n                  </Typography>\r\n                );\r\n              },\r\n            },\r\n            {\r\n              accessorKey: \"architecture_access_count\",\r\n              header: \"Board\",\r\n              enableResizing: true,\r\n              Cell: (row) => {\r\n                return (\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#18181B\"}\r\n                    sx={{\r\n                      marginLeft: \"17px\",\r\n                    }}\r\n                  >\r\n                    {row?.architecture_access_count ?? (\r\n                      <Stack alignItems={\"center\"} justifyContent={\"center\"}>\r\n                        <Typography mr={14.5}>-</Typography>\r\n                      </Stack>\r\n                    )}\r\n                  </Typography>\r\n                );\r\n              },\r\n            },\r\n            {\r\n              accessorKey: \"templates_count\",\r\n              header: \"Templates\",\r\n              enableResizing: true,\r\n              Cell: (row) => {\r\n                return (\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#18181B\"}\r\n                    sx={{\r\n                      textAlign: \"left\",\r\n                      // marginLeft: \"28px\",\r\n                    }}\r\n                  >\r\n                    {row?.templates_count ?? (\r\n                      <Stack alignItems={\"center\"} justifyContent={\"center\"}>\r\n                        <Typography mr={8}>-</Typography>\r\n                      </Stack>\r\n                    )}\r\n                  </Typography>\r\n                );\r\n              },\r\n            },\r\n\r\n            {\r\n              accessorKey: \"last_login\",\r\n              header: \"Last login at\",\r\n              enableResizing:\r\n                userData?.role === \"Account Owner\" || userData?.is_admin\r\n                  ? true\r\n                  : false,\r\n              Cell: (row) => {\r\n                return (\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#18181B\"}\r\n                    width=\"100%\"\r\n                  >\r\n                    {row?.last_login ? (\r\n                      localDateFormat(row?.last_login)\r\n                    ) : (\r\n                      <Stack justifyContent={\"center\"}>\r\n                        <Typography ml={4}>-</Typography>\r\n                      </Stack>\r\n                    )}\r\n                  </Typography>\r\n                  // </Box>\r\n                );\r\n              },\r\n            },\r\n\r\n            ...(userData?.role === \"Account Owner\" || userData?.is_admin\r\n              ? [\r\n                  {\r\n                    accessorKey: \"team_id\",\r\n                    header: \"Actions\",\r\n                    // enableResizing: true,\r\n                    // textCenter: true,\r\n                    minWidth: 100,\r\n                    maxWidth: 100,\r\n                    Cell: (row) => {\r\n                      // const accountOwnerTakeRec = isAccountOwner(row, userData);\r\n\r\n                      // if (\r\n                      //   (accountOwnerTakeRec &&\r\n                      //     pathname === \"/user/manage-teams/team-profile/team-user\") ||\r\n                      //   (accountOwnerTakeRec &&\r\n                      //     currentSubscriptionData?.subscriptionData?.package ===\r\n                      //       \"Free\")\r\n                      // ) {\r\n                      //   return null;\r\n                      // } else {\r\n                      //   if (\r\n                      //     isAccountOwnerAccess === \"Account Owner\" ||\r\n                      //     selectedTeamInfo?.data?.teamInfo?.role === \"Admin\"\r\n                      //   ) {\r\n                      return (\r\n                        <Box\r\n                          sx={{\r\n                            // width: \"50%\",\r\n                            display: \"flex\",\r\n                            alignItems: \"center\",\r\n                            gap: \"0\",\r\n                            // justifyContent: \"center\",\r\n                          }}\r\n                        >\r\n                          <Stack\r\n                            width={\"36px\"}\r\n                            height={\"36px\"}\r\n                            alignItems={\"center\"}\r\n                            justifyContent={\"center\"}\r\n                            borderRadius={commonStyles.borderRadiusMD}\r\n                            sx={{\r\n                              cursor: \"pointer\",\r\n                              \"&:hover\": {\r\n                                bgcolor: \"#F7F7F7\",\r\n                              },\r\n                            }}\r\n                            // ml={\"8px\"}\r\n                            onClick={(e) => {\r\n                              handleClick(e);\r\n                              setTableData(row);\r\n                            }}\r\n                          >\r\n                            <IcMenuDotsVertical />\r\n                          </Stack>\r\n                        </Box>\r\n                      );\r\n                      //   } else {\r\n                      //     return <Typography ml={\"20px\"}>-</Typography>;\r\n                      //   }\r\n                      // }\r\n                    },\r\n                  },\r\n                ]\r\n              : []),\r\n          ]\r\n        : [\r\n            {\r\n              accessorKey: \"name\",\r\n              header: \"Name\",\r\n              enableSorting: true,\r\n              enableResizing: true,\r\n              Cell: (row) => {\r\n                const accountOwnerTakeRec = isAccountOwner(row, userData);\r\n                return (\r\n                  <Stack\r\n                    flexDirection={\"row\"}\r\n                    alignItems={accountOwnerTakeRec ? \"flex-start\" : \"center\"}\r\n                    gap={\"10px\"}\r\n                  >\r\n                    {/* {row?.status === 45 || row?.status === 4 ? (\r\n                      <Box ml={0.5}>\r\n                        <IcCloudairyLogo height={34} width={34} />\r\n                      </Box>\r\n                    ) : (\r\n                    )} */}\r\n                    <Avatar\r\n                      alt={row?.name}\r\n                      src={row?.profile_picture}\r\n                      sx={{\r\n                        height: \"36px !important\",\r\n                        width: \"36px !important\",\r\n                        fontSize: {\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        },\r\n                        textTransform: \"uppercase\",\r\n                        boxSizing: \"border-box !important\",\r\n                        // pt: \"2px\",\r\n                        ...(!row?.profile_picture &&\r\n                          row?.profile_color && {\r\n                            backgroundColor: row?.profile_color,\r\n                          }),\r\n                      }}\r\n                    >\r\n                      {!row?.profile_picture &&\r\n                        row?.name &&\r\n                        row?.name\r\n                          .split(\" \")\r\n                          .map((word) => word[0]?.toUpperCase())\r\n                          .slice(0, 2)\r\n                          .join(\"\")}\r\n                    </Avatar>\r\n\r\n                    <Typography\r\n                      fontSize={{\r\n                        xs: fontSizes.mediumFont,\r\n                        md: fontSizes.fontSize13,\r\n                        xl: fontSizes.fontSize14,\r\n                      }}\r\n                      color={\"#18181B\"}\r\n                    >\r\n                      {row?.name}\r\n                      {accountOwnerTakeRec && (\r\n                        <Typography fontSize={\"12px\"} color={\"#848382\"}>\r\n                          Owner\r\n                        </Typography>\r\n                      )}\r\n                    </Typography>\r\n                  </Stack>\r\n                );\r\n              },\r\n            },\r\n            {\r\n              accessorKey: \"email_id\",\r\n              header: \"Email\",\r\n              enableSorting: true,\r\n              enableResizing: true,\r\n              Cell: (row) => {\r\n                return (\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#18181B\"}\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                    }}\r\n                    onClick={() => {}}\r\n                  >\r\n                    {row?.email_id ?? (\r\n                      <Stack alignItems={\"center\"} justifyContent={\"center\"}>\r\n                        <Typography mr={35}>-</Typography>\r\n                      </Stack>\r\n                    )}\r\n                    {/* {teamMembers?.data[0]?.email_id} */}\r\n                  </Typography>\r\n                );\r\n              },\r\n            },\r\n            {\r\n              accessorKey: \"status\",\r\n              header: \"License\",\r\n              enableResizing: true,\r\n              Cell: (row) => {\r\n                return (\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#18181B\"}\r\n                  >\r\n                    {/* {`${\r\n                      row?.status === 5\r\n                        ? // ? \"Free User\"\r\n                          \"Guest user\"\r\n                        : row?.status === 1\r\n                        ? // ? \"Full License\"\r\n                          \"License user\"\r\n                        : row?.status === 4\r\n                        ? \"Pending\"\r\n                        : row?.status === 45\r\n                        ? \"Pending\"\r\n                        : \"N/A\"\r\n                    }`} */}\r\n                    {/* {currentSubscriptionData?.subscriptionData?.package?.includes(\r\n                      \"Free\"\r\n                    ) ? (\r\n                      row?.status === 4 ? (\r\n                        \"Pending\"\r\n                      ) : row?.status === 45 ? (\r\n                        \"Pending\"\r\n                      ) : (\r\n                        \"Free\"\r\n                      )\r\n                    ) : row?.status === 1 ? (\r\n                      \"Full\"\r\n                    ) : row?.status === 5 ? (\r\n                      \"Free\"\r\n                    ) : row?.status === 4 ? (\r\n                      \"Pending\"\r\n                    ) : row?.status === 45 ? (\r\n                      \"Pending\"\r\n                    ) : (\r\n                      <Stack alignItems={\"center\"} justifyContent={\"center\"}>\r\n                        <Typography ml={2}>-</Typography>\r\n                      </Stack>\r\n                    )} */}\r\n                    {currentSubscriptionData?.subscriptionData?.package?.includes(\r\n                      \"Free\"\r\n                    ) ? (\r\n                      \"Free\"\r\n                    ) : row?.status === 5 || row?.status === 51 ? (\r\n                      \"Free\"\r\n                    ) : row?.status === 1 ? (\r\n                      \"Full\"\r\n                    ) : row?.status === 4 ? (\r\n                      \"Full\"\r\n                    ) : row?.status === 45 ? (\r\n                      \"Free\"\r\n                    ) : (\r\n                      <Stack alignItems={\"center\"} justifyContent={\"center\"}>\r\n                        <Typography ml={2}>-</Typography>\r\n                      </Stack>\r\n                    )}\r\n                  </Typography>\r\n                );\r\n              },\r\n            },\r\n            {\r\n              accessorKey: \"status\",\r\n              header: \"Status\",\r\n              enableResizing: true,\r\n              Cell: (row) => {\r\n                return (\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#18181B\"}\r\n                    width={\"fit-content\"}\r\n                  >\r\n                    {/* {`${\r\n                      row?.status === 5\r\n                        ? // ? \"Free User\"\r\n                          \"Guest user\"\r\n                        : row?.status === 1\r\n                        ? // ? \"Full License\"\r\n                          \"License user\"\r\n                        : row?.status === 4\r\n                        ? \"Pending\"\r\n                        : row?.status === 45\r\n                        ? \"Pending\"\r\n                        : \"N/A\"\r\n                    }`} */}\r\n                    {/* {currentSubscriptionData?.subscriptionData?.package?.includes(\r\n                      \"Free\"\r\n                    ) ? (\r\n                      row?.status === 4 ? (\r\n                        <Typography\r\n                          fontSize={{\r\n                            xs: fontSizes.mediumFont,\r\n                            md: fontSizes.fontSize13,\r\n                            xl: fontSizes.fontSize14,\r\n                          }}\r\n                          sx={{\r\n                            backgroundColor: color.lightYellowBg,\r\n                            borderRadius: commonStyles.borderRadiusLG,\r\n                            p: \"2px 12px\",\r\n                            color: `${color.yellowColorTitle} !important`,\r\n                          }}\r\n                        >\r\n                          Invited\r\n                        </Typography>\r\n                      ) : row?.status === 45 ? (\r\n                        <Typography\r\n                          fontSize={{\r\n                            xs: fontSizes.mediumFont,\r\n                            md: fontSizes.fontSize13,\r\n                            xl: fontSizes.fontSize14,\r\n                          }}\r\n                          sx={{\r\n                            backgroundColor: color.lightYellowBg,\r\n                            borderRadius: commonStyles.borderRadiusLG,\r\n                            p: \"2px 12px\",\r\n                            color: `${color.yellowColorTitle} !important`,\r\n                          }}\r\n                        >\r\n                          Invited\r\n                        </Typography>\r\n                      ) : (\r\n                        <Typography\r\n                          fontSize={{\r\n                            xs: fontSizes.mediumFont,\r\n                            md: fontSizes.fontSize13,\r\n                            xl: fontSizes.fontSize14,\r\n                          }}\r\n                          sx={{\r\n                            backgroundColor: color.lightSuccessColor,\r\n                            borderRadius: commonStyles.borderRadiusLG,\r\n                            p: \"2px 12px\",\r\n                            color: `${color.successColor} !important`,\r\n                          }}\r\n                        >\r\n                          Active\r\n                        </Typography>\r\n                      )\r\n                    ) : row?.status === 1 ? (\r\n                      <Typography\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                        sx={{\r\n                          backgroundColor: color.lightSuccessColor,\r\n                          borderRadius: commonStyles.borderRadiusLG,\r\n                          p: \"2px 12px\",\r\n                          color: `${color.successColor} !important`,\r\n                        }}\r\n                      >\r\n                        Active\r\n                      </Typography>\r\n                    ) : row?.status === 5 ? (\r\n                      <Typography\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                        sx={{\r\n                          backgroundColor: color.lightSuccessColor,\r\n                          borderRadius: commonStyles.borderRadiusLG,\r\n                          p: \"2px 12px\",\r\n                          color: `${color.successColor} !important`,\r\n                        }}\r\n                      >\r\n                        Active\r\n                      </Typography>\r\n                    ) : row?.status === 4 ? (\r\n                      <Typography\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                        sx={{\r\n                          backgroundColor: color.lightYellowBg,\r\n                          borderRadius: commonStyles.borderRadiusLG,\r\n                          p: \"2px 12px\",\r\n                          color: `${color.yellowColorTitle} !important`,\r\n                        }}\r\n                      >\r\n                        Invited\r\n                      </Typography>\r\n                    ) : row?.status === 45 ? (\r\n                      <Typography\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                        sx={{\r\n                          backgroundColor: color.lightYellowBg,\r\n                          borderRadius: commonStyles.borderRadiusLG,\r\n                          p: \"2px 12px\",\r\n                          color: `${color.yellowColorTitle} !important`,\r\n                        }}\r\n                      >\r\n                        Invited\r\n                      </Typography>\r\n                    ) : (\r\n                      <Stack ml={2}>\r\n                        <Typography>-</Typography>\r\n                      </Stack>\r\n                    )} */}\r\n\r\n                    {row?.status === 5 ||\r\n                    row?.status === 51 ||\r\n                    row?.status === 1 ? (\r\n                      <Typography\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                        sx={{\r\n                          backgroundColor: color.lightSuccessColor,\r\n                          borderRadius: commonStyles.borderRadiusLG,\r\n                          p: \"2px 12px\",\r\n                          color: `${color.successColor} !important`,\r\n                        }}\r\n                      >\r\n                        Active\r\n                      </Typography>\r\n                    ) : row?.status === 4 || row?.status === 45 ? (\r\n                      <Typography\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                        sx={{\r\n                          backgroundColor: color.lightYellowBg,\r\n                          borderRadius: commonStyles.borderRadiusLG,\r\n                          p: \"2px 12px\",\r\n                          color: `${color.yellowColorTitle} !important`,\r\n                        }}\r\n                      >\r\n                        Invited\r\n                      </Typography>\r\n                    ) : (\r\n                      <Stack ml={2}>\r\n                        <Typography>-</Typography>\r\n                      </Stack>\r\n                    )}\r\n                  </Typography>\r\n                );\r\n              },\r\n            },\r\n            // {\r\n            //   accessorKey: \"team_count\",\r\n            //   header: \"Teams\",\r\n            //   minWidth: 150,\r\n            //   maxWidth: 150,\r\n            //   textCenter: true,\r\n            //   Cell: (row) => {\r\n            //     return (\r\n            //       <Typography\r\n            //         fontSize={{\r\n            //           xs: fontSizes.mediumFont,\r\n            //           md: fontSizes.fontSize13,\r\n            //           xl: fontSizes.fontSize14,\r\n            //         }}\r\n            //         color={\"#18181B\"}\r\n            //\r\n            //         sx={{\r\n            //           textAlign: \"center !important\",\r\n            //         }}\r\n            //       >\r\n            //         {row?.team_count ?? \"-\"}\r\n            //       </Typography>\r\n            //     );\r\n            //   },\r\n            // },\r\n\r\n            {\r\n              accessorKey: \"last_login\",\r\n              header: \"Last Active\",\r\n              enableResizing:\r\n                userData?.role === \"Account Owner\" || userData?.is_admin\r\n                  ? true\r\n                  : false,\r\n              Cell: (row) => {\r\n                return (\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#18181B\"}\r\n                    width=\"100%\"\r\n                  >\r\n                    {row?.last_login ? (\r\n                      localDateFormat(row?.last_login)\r\n                    ) : (\r\n                      <Stack ml={4}>\r\n                        <Typography>-</Typography>\r\n                      </Stack>\r\n                    )}\r\n                  </Typography>\r\n                );\r\n              },\r\n            },\r\n\r\n            ...(userData?.role === \"Account Owner\" || userData?.is_admin\r\n              ? [\r\n                  {\r\n                    accessorKey: \"team_id\",\r\n                    header: \"Actions\",\r\n                    // enableResizing: true,\r\n                    // textCenter: true,\r\n                    minWidth: 100,\r\n                    maxWidth: 100,\r\n                    Cell: (row) => {\r\n                      // const accountOwnerTakeRec = isAccountOwner(row, userData);\r\n\r\n                      // if (\r\n                      //   (accountOwnerTakeRec &&\r\n                      //     pathname === \"/user/manage-teams/team-profile/team-user\") ||\r\n                      //   (accountOwnerTakeRec &&\r\n                      //     currentSubscriptionData?.subscriptionData?.package ===\r\n                      //       \"Free\")\r\n                      // ) {\r\n                      //   return null;\r\n                      // } else {\r\n                      //   if (\r\n                      //     isAccountOwnerAccess === \"Account Owner\" ||\r\n                      //     selectedTeamInfo?.data?.teamInfo?.role === \"Admin\"\r\n                      //   ) {\r\n                      return (\r\n                        <Box\r\n                          sx={{\r\n                            // width: \"50%\",\r\n                            display: \"flex\",\r\n                            alignItems: \"center\",\r\n                            gap: \"0\",\r\n                            // justifyContent: \"center\",\r\n                          }}\r\n                        >\r\n                          <Stack\r\n                            width={\"36px\"}\r\n                            height={\"36px\"}\r\n                            alignItems={\"center\"}\r\n                            justifyContent={\"center\"}\r\n                            borderRadius={commonStyles.borderRadiusMD}\r\n                            sx={{\r\n                              cursor: \"pointer\",\r\n                              \"&:hover\": {\r\n                                bgcolor: \"#F7F7F7\",\r\n                              },\r\n                            }}\r\n                            // ml={\"8px\"}\r\n                            onClick={(e) => {\r\n                              handleClick(e);\r\n                              setTableData(row);\r\n                            }}\r\n                          >\r\n                            <IcMenuDotsVertical />\r\n                          </Stack>\r\n                        </Box>\r\n                      );\r\n                      //   } else {\r\n                      //     return <Typography ml={\"20px\"}>-</Typography>;\r\n                      //   }\r\n                      // }\r\n                    },\r\n                  },\r\n                ]\r\n              : []),\r\n          ],\r\n    [userData]\r\n  );\r\n\r\n  // const tableTheme = useMemo(\r\n  //   () =>\r\n  //     createTheme({\r\n  //       components: {\r\n  //         MuiPaper: {\r\n  //           styleOverrides: {\r\n  //             elevation0: {\r\n  //               // paddingRight: \"32px\",\r\n  //               // paddingLeft: \"24px\",\r\n  //             },\r\n  //           },\r\n  //         },\r\n  //         MuiTooltip: {\r\n  //           styleOverrides: {\r\n  //             tooltip: {\r\n  //               display: \"none\", //override to make tooltip font size larger\r\n  //             },\r\n  //           },\r\n  //         },\r\n  //         MuiTable: {\r\n  //           styleOverrides: {\r\n  //             root: {\r\n  //               // borderRadius: \"12px\",\r\n  //               // border: \"1px solid blue\",\r\n  //               boxShadow: \"0px 1px 2px 0px #1018280A\",\r\n  //             },\r\n  //           },\r\n  //         },\r\n  //       },\r\n  //     }),\r\n  //   [globalTheme]\r\n  // );\r\n\r\n  // const table = useMaterialReactTable({\r\n  //   columns,\r\n  //   // state: { rowSelection },\r\n  //   data: teamMembers?.data?.members || [],\r\n  //   // enableRowSelection:\r\n  //   //   currentSubscriptionData?.subscriptionData?.package === \"Free\"\r\n  //   //     ? false\r\n  //   //     : true,\r\n  //   enableRowSelection: false,\r\n  //   enableTopToolbar: false,\r\n  //   enableBottomToolbar: false,\r\n  //   enableColumnResizing: true, // column resize\r\n  //   columnResizeMode: \"onChange\",\r\n  //   layoutMode: \"grid\",\r\n  //   enableRowActions: false,\r\n  //   enableColumnPinning: true,\r\n  //   enableExpandAll: false, //hide expand all double arrow in column header\r\n  //   // enableExpanding: true,\r\n  //   // enableSorting: false,\r\n  //   getSubRows: (row) => row.subRows, //default\r\n  //   initialState: {\r\n  //     expanded: false,\r\n  //     showColumnFilters: false,\r\n  //     // columnPinning: { right: [\"team_id\"] },\r\n  //   }, //expand all rows by default\r\n  //   paginateExpandedRows: false, //When rows are expanded, do not count sub-rows as number of rows on the page towards pagination\r\n  //   enableColumnActions: false,\r\n  //   manualPagination: true,\r\n  //   // layoutMode: \"grid-no-grow\",\r\n  //   enableStickyHeader: true,\r\n  //   onRowSelectionChange: (newRowSelection) => {\r\n  //     setRowSelection(newRowSelection);\r\n  //   },\r\n  //   muiTableHeadRowProps: () => {\r\n  //     return {\r\n  //       sx: {\r\n  //         \"& .MuiCheckbox-root\": {\r\n  //           height: \"16px\",\r\n  //           width: \"16px\",\r\n  //           color: \"#848382\",\r\n  //           borderRadius: \"8px\",\r\n  //           // \"&.Mui-checked\": {\r\n  //           //   color: \"#388E3C\", // Custom color when checked\r\n  //           // },\r\n  //         },\r\n  //         boxShadow: \"none\",\r\n  //       },\r\n  //     };\r\n  //   },\r\n  //   muiTableBodyRowProps: ({ row }) => {\r\n  //     return {\r\n  //       sx: {\r\n  //         backgroundColor: \"#FFFFFF !important\",\r\n  //         \"&:hover td::after\": {\r\n  //           backgroundColor: \"transparent !important\",\r\n  //         },\r\n  //       },\r\n  //     };\r\n  //   },\r\n  //   muiTableBodyCellProps: ({ row }) => ({\r\n  //     sx: {\r\n  //       \"& .MuiCheckbox-root\": {\r\n  //         height: \"16px\",\r\n  //         width: \"16px\",\r\n  //         color: \"#848382\",\r\n  //         borderRadius: \"8px\",\r\n  //         // \"&.Mui-checked\": {\r\n  //         //   color: \"#388E3C\", // Custom color when checked\r\n  //         // },\r\n  //       },\r\n  //       whiteSpace: \"nowrap\", // Prevent text from wrapping in body cells\r\n  //     },\r\n  //   }),\r\n  //   muiTableHeadCellProps: {\r\n  //     sx: {\r\n  //       textTransform: \"uppercase\",\r\n  //       color: \"#848382\",\r\n  //       fontWeight: \"700\",\r\n  //       fontSize: `${{\r\n  //         xs: fontSizes.mediumFont,\r\n  //         md: fontSizes.fontSize13,\r\n  //         xl: fontSizes.fontSize14,\r\n  //       }} !important`,\r\n  //       whiteSpace: \"nowrap\",\r\n  //     },\r\n  //   },\r\n\r\n  //   // muiTableHeadCellProps: {\r\n  //   //   sx: {\r\n  //   //     position: \"relative\",\r\n  //   //     \"& .Mui-TableHeadCell-Resizer\": {\r\n  //   //       cursor: \"col-resize\",\r\n  //   //       display: \"flex\",\r\n  //   //       alignItems: \"center\",\r\n  //   //       justifyContent: \"center\",\r\n  //   //       background: \"none\",\r\n  //   //       width: \"16px\",\r\n  //   //       height: \"100%\",\r\n  //   //       \"& svg\": {\r\n  //   //         width: \"16px\",\r\n  //   //         height: \"12px\",\r\n  //   //         fill: \"none\",\r\n  //   //       },\r\n  //   //     },\r\n  //   //   },\r\n  //   // },\r\n  //   // renderColumnResizingHandle: () => (\r\n  //   //   <div className=\"custom-resizer\">\r\n  //   //     <IcResize />\r\n  //   //   </div>\r\n  //   // ),\r\n  //   // new code\r\n  //   muiTableContainerProps: {\r\n  //     sx: {\r\n  //       maxHeight: tableHeight, // Restrict vertical height\r\n  //       overflowY: \"auto\", // Enable vertical scrolling\r\n  //       overflowX: \"auto\", // Enable horizontal scrolling only when needed\r\n  //       \"&::-webkit-scrollbar\": {\r\n  //         height: \"8px\", // Optional: Customize scrollbar height\r\n  //       },\r\n  //       \"&::-webkit-scrollbar-thumb\": {\r\n  //         backgroundColor: \"#bdbdbd\", // Optional: Customize scrollbar color\r\n  //         borderRadius: \"4px\",\r\n  //       },\r\n  //     },\r\n  //   },\r\n  //   muiTablePaperProps: {\r\n  //     elevation: 0,\r\n  //     sx: {\r\n  //       borderRadius: \"12px\",\r\n  //       border: \"0\",\r\n  //       backgroundColor: \"transparent\",\r\n  //     },\r\n  //   },\r\n  //   muiTableHeadProps: {\r\n  //     sx: {\r\n  //       position: \"sticky\",\r\n  //       top: 0,\r\n  //       zIndex: 2,\r\n  //       backgroundColor: \"#f7f7f7\", // Sticky header background\r\n  //     },\r\n  //   },\r\n  //   muiTableBodyProps: {\r\n  //     sx: {\r\n  //       overflow: \"visible\",\r\n  //       // ...(teamMembers?.data?.members?.length <= 0\r\n  //       //   ? { minHeight: \"45svh\" }\r\n  //       //   : {}),\r\n  //     },\r\n  //   },\r\n  //   renderEmptyRowsFallback: () =>\r\n  //     teamIsLoading ? (\r\n  //       <Loader />\r\n  //     ) : (\r\n  //       !teamIsLoading &&\r\n  //       teamMembers?.data?.members && (\r\n  //         <Stack\r\n  //           justifyContent={\"center\"}\r\n  //           alignItems={\"center\"}\r\n  //           height={\"100%\"}\r\n  //         >\r\n  //           <CommonPlaceHolder\r\n  //             title={\r\n  //               selected === \"fullLicensedUser\"\r\n  //                 ? \"No Licensed Users\"\r\n  //                 : selected === \"guestUser\"\r\n  //                 ? \"No Guest Users\"\r\n  //                 : selected === \"requestLicense\"\r\n  //                 ? \"No Pending Users\"\r\n  //                 : selected === \"pendingInvitation\"\r\n  //                 ? \"No Pending Invitations\"\r\n  //                 : \"No Workspace Users\"\r\n  //             }\r\n  //             desc={\r\n  //               \"Invite members to your workspace to start collaborating effectively.\"\r\n  //             }\r\n  //           />\r\n  //         </Stack>\r\n  //       )\r\n  //     ),\r\n  //   icons: {\r\n  //     ...tableIcons,\r\n  //   },\r\n  // });\r\n\r\n  const clearSubmission = () => {\r\n    setRowSelection({});\r\n  };\r\n\r\n  const handleRemoveMember = (type) => {\r\n    const payload = {\r\n      teamId:\r\n        pathname === \"/user/workspace-users\" ? \"\" : selectedTeamId ?? teamId,\r\n      data: {\r\n        member: tableData?.user_id,\r\n        // members: type === \"multiSelect\"\r\n        // selectedRecordIds.length > 0\r\n        //   ? selectedRecordIds.length > 0 && selectedRecordIds\r\n        //   : [tableData?.user_id],\r\n      },\r\n    };\r\n\r\n    removeMember(payload)\r\n      .then((result) => {\r\n        if (result?.error) {\r\n          dispatch(\r\n            errorToast({\r\n              message: result?.error?.data?.message,\r\n            })\r\n          );\r\n          setTableData(null);\r\n          setShowRemoveTeamModal(false);\r\n        } else if (result?.data?.status) {\r\n          dispatch(\r\n            successToast({\r\n              message: result?.data?.message,\r\n            })\r\n          );\r\n          getMembersByTeamWithSearch(queryArgs);\r\n          setTableData(null);\r\n          setShowRemoveTeamModal(false);\r\n        }\r\n        handleClose();\r\n      })\r\n      .catch((error) => {});\r\n  };\r\n\r\n  const btnText =\r\n    tableData === null && rowSelection\r\n      ? Object.keys(rowSelection).length > 0\r\n        ? \"Remove All\"\r\n        : \"Remove\"\r\n      : \"Remove\";\r\n\r\n  const handleMakeAdmin = async () => {\r\n    let payload = {\r\n      team_id:\r\n        pathname === \"/user/workspace-users\" ? \"\" : selectedTeamId ?? teamId,\r\n      user_id: tableData?.user_id,\r\n      // role: tableData.role || \"\",\r\n      role: \"Admin\",\r\n    };\r\n    try {\r\n      await updateTeamMemberRole(payload)\r\n        .then((result) => {\r\n          if (result?.error) {\r\n            dispatch(\r\n              errorToast({\r\n                message: result?.error?.data?.message,\r\n              })\r\n            );\r\n          } else if (result?.data?.status) {\r\n            dispatch(\r\n              successToast({\r\n                message: result?.data?.message,\r\n              })\r\n            );\r\n            getMembersByTeamWithSearch(queryArgs);\r\n          }\r\n        })\r\n        .catch((error) => {});\r\n      setShowMakeAdminModal(false);\r\n    } catch (error) {}\r\n  };\r\n\r\n  const handleChangeToFullMember = (type) => {\r\n    // const payload = {\r\n    //   userIds:\r\n    //     type === \"multiSelect\"\r\n    //       ? selectedRecordIds.length > 0 && selectedRecordIds\r\n    //       : [tableData?.user_id],\r\n    // };\r\n\r\n    changeToFullMember(tableData?.user_id)\r\n      .then((result) => {\r\n        if (result?.error) {\r\n          dispatch(\r\n            errorToast({\r\n              message: result?.error?.data?.message,\r\n            })\r\n          );\r\n        } else if (result?.data?.status) {\r\n          dispatch(\r\n            successToast({\r\n              message: result?.data?.message,\r\n            })\r\n          );\r\n          getMembersByTeamWithSearch(queryArgs);\r\n          handleCloseMoreMenu();\r\n        }\r\n      })\r\n      .catch((error) => {});\r\n  };\r\n\r\n  // const handleOpenUserInfo = async () => {\r\n  //   setShowUserDetailsModal(true);\r\n  //   setShowFetchLoader(true);\r\n  //   await getTeamUserById(tableData?.user_id)\r\n  //     .then((result) => {\r\n  //       if (result?.error) {\r\n  //         dispatch(errorToast({ message: result.error.data.message }));\r\n  //       } else if (result?.data?.status) {\r\n  //         setUserInformation(result?.data?.data);\r\n  //       }\r\n  //     })\r\n  //     .catch((error) => {\r\n  //     });\r\n  //   setShowFetchLoader(false);\r\n  // };\r\n\r\n  const handleUserInfoClick = () => {\r\n    localStorage.setItem(\"team_user_profile\", JSON.stringify(tableData));\r\n    navigate(\"/team-user-detail\");\r\n  };\r\n\r\n  const handleCopyEmailClick = () => {\r\n    navigator.clipboard.writeText(tableData?.email_id);\r\n    handleCloseMoreMenu();\r\n    dispatch(successToast({ message: \"Email copied to clipboard\" }));\r\n  };\r\n\r\n  const handleDeleteFromCompany = async () => {\r\n    setLoadingUserDetails(true);\r\n    await getWorkSpaceUserById(tableData?.user_id)\r\n      .then((result) => {\r\n        if (result?.error) {\r\n          dispatch(errorToast({ message: result.error.data.message }));\r\n        } else if (result?.data?.status) {\r\n          setDeleteUserInfo(result?.data?.data);\r\n        }\r\n        setLoadingUserDetails(false);\r\n      })\r\n      .catch((error) => {\r\n        setLoadingUserDetails(false);\r\n      });\r\n  };\r\n\r\n  const handleChangeLicense = () => {\r\n    if (tableData?.status === 1) {\r\n      setChangeToGuestShow(true);\r\n      handleDeleteFromCompany();\r\n    } else if (tableData?.status === 5) {\r\n      handleChangeToFullMember();\r\n    }\r\n    handleCloseMoreMenu();\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Box\r\n        // position={\"relative\"}\r\n        // sx={{\r\n        //   height: {\r\n        //     // xs: \"calc(100svh - 170px)\",\r\n        //     // lg: \"calc(100svh - 170px)\",\r\n        //     // xl: \"calc(100svh - 210px)\",\r\n        //     xs: isFreePlan\r\n        //       ? \"auto\"\r\n        //       : !isTeamUser\r\n        //       ? \"calc(100svh - 188px)\"\r\n        //       : \"100%\",\r\n        //   },\r\n        //   overflowY: \"auto\",\r\n        //   \"&::-webkit-scrollbar\": {\r\n        //     width: \"0 !important\",\r\n        //     height: \"0 !important\",\r\n        //   },\r\n        // }}\r\n        sx={{\r\n          overflowY: \"auto\",\r\n          \"&::-webkit-scrollbar\": {\r\n            width: \"0 !important\",\r\n            height: \"0 !important\",\r\n          },\r\n        }}\r\n        height={\"100%\"}\r\n      >\r\n        <Stack height={\"100%\"}>\r\n          {currentSubscriptionData?.subscriptionData?.package !== \"Free\" && (\r\n            <Stack\r\n              sx={{\r\n                display: \"grid\",\r\n                gridTemplateColumns: isXs\r\n                  ? \"1fr\"\r\n                  : isSm\r\n                  ? \"repeat(2, 1fr)\"\r\n                  : \"repeat(auto-fit, minmax(200px, 1fr))\",\r\n                justifyContent: isXs ? \"center\" : \"start\",\r\n                // gap: { xs: \"12px\", sm: \"16px\", md: \"24px\" },\r\n                gap: { xs: \"12px\", sm: \"16px\", md: \"16px\" },\r\n              }}\r\n            >\r\n              <Stack\r\n                direction={\"row\"}\r\n                gap={\"16px\"}\r\n                alignItems={\"center\"}\r\n                padding={\"16px\"}\r\n                borderRadius={\"12px\"}\r\n                bgcolor={selected === \"allUsers\" ? \"#e6f2ff\" : \"#ffffff\"}\r\n                border={\r\n                  selected === \"allUsers\"\r\n                    ? \"1px solid #badaff\"\r\n                    : \"1px solid #E1E1E1\"\r\n                }\r\n                onClick={() => handleCardClick(\"allUsers\")}\r\n                sx={{ cursor: \"pointer\" }}\r\n              >\r\n                <Stack\r\n                  justifyContent={\"center\"}\r\n                  alignItems={\"center\"}\r\n                  minWidth={\"40px\"}\r\n                  height={\"40px\"}\r\n                  border={`1px solid #badaff`}\r\n                  borderRadius={\"50%\"}\r\n                  bgcolor={selected === \"allUsers\" ? \"#ffffff\" : \"#e6f2ff\"}\r\n                >\r\n                  <IcAllUser />\r\n                </Stack>\r\n                <Stack gap={\"4px\"}>\r\n                  <Typography\r\n                    variant=\"subtitle1\"\r\n                    fontWeight={fontWeight.weight400}\r\n                    color={selected === \"allUsers\" ? \"black\" : \"gray\"}\r\n                    lineHeight={\"normal\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                  >\r\n                    All Users\r\n                  </Typography>\r\n                  <Typography\r\n                    fontWeight={fontWeight.weight400}\r\n                    fontSize={fontSizes.fontSize20}\r\n                    lineHeight={\"normal\"}\r\n                  >\r\n                    {memberCountsData?.total_users ?? 0}\r\n                  </Typography>\r\n                </Stack>\r\n              </Stack>\r\n\r\n              <Stack\r\n                direction={\"row\"}\r\n                gap={\"16px\"}\r\n                alignItems={\"center\"}\r\n                padding={\"16px\"}\r\n                borderRadius={\"12px\"}\r\n                border={\r\n                  selected === \"fullLicensedUser\"\r\n                    ? \"1px solid #b8eae0\"\r\n                    : selected === \"activeUsers\"\r\n                    ? \"1px solid #b8eae0\"\r\n                    : \"1px solid #E1E1E1\"\r\n                }\r\n                bgcolor={\r\n                  selected === \"fullLicensedUser\"\r\n                    ? \"#e6f4f8\"\r\n                    : selected === \"activeUsers\"\r\n                    ? \"#e6f4f8\"\r\n                    : \"#ffffff\"\r\n                }\r\n                onClick={() => handleCardClick(\"fullLicensedUser\")}\r\n                sx={{ cursor: \"pointer\" }}\r\n              >\r\n                <Stack\r\n                  justifyContent={\"center\"}\r\n                  alignItems={\"center\"}\r\n                  minWidth={\"40px\"}\r\n                  height={\"40px\"}\r\n                  border={`1px solid #b8eae0`}\r\n                  borderRadius={\"50%\"}\r\n                  bgcolor={\r\n                    selected === \"fullLicensedUser\"\r\n                      ? \"#ffffff\"\r\n                      : selected === \"activeUsers\"\r\n                      ? \"#ffffff\"\r\n                      : \"#e6f4f8\"\r\n                  }\r\n                >\r\n                  <IcFullLicensedUser />\r\n                </Stack>\r\n                <Stack gap={\"4px\"}>\r\n                  <Typography\r\n                    variant=\"subtitle1\"\r\n                    lineHeight={\"normal\"}\r\n                    fontWeight={fontWeight.weight400}\r\n                    color={\r\n                      selected === \"fullLicensedUser\"\r\n                        ? \"black\"\r\n                        : selected === \"activeUsers\"\r\n                        ? \"black\"\r\n                        : \"gray\"\r\n                    }\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                  >\r\n                    {/* Full License User */}\r\n                    Full Users\r\n                  </Typography>\r\n                  <Typography\r\n                    fontWeight={fontWeight.weight400}\r\n                    lineHeight={\"normal\"}\r\n                    fontSize={fontSizes.fontSize20}\r\n                  >\r\n                    {memberCountsData?.license_users ?? 0}\r\n                  </Typography>\r\n                </Stack>\r\n              </Stack>\r\n\r\n              <Stack\r\n                direction={\"row\"}\r\n                gap={\"16px\"}\r\n                alignItems={\"center\"}\r\n                padding={\"16px\"}\r\n                borderRadius={\"12px\"}\r\n                border={\r\n                  selected === \"guestUser\"\r\n                    ? \"1px solid rgb(182 48 205 / 20%)\"\r\n                    : selected === \"activeUsers\"\r\n                    ? \"1px solid rgb(182 48 205 / 20%)\"\r\n                    : \"1px solid #E1E1E1\"\r\n                }\r\n                bgcolor={\r\n                  selected === \"guestUser\"\r\n                    ? \"#6B47C21A\"\r\n                    : selected === \"activeUsers\"\r\n                    ? \"#6B47C21A\"\r\n                    : \"#ffffff\"\r\n                }\r\n                onClick={() => handleCardClick(\"guestUser\")}\r\n                sx={{ cursor: \"pointer\" }}\r\n              >\r\n                <Stack\r\n                  justifyContent={\"center\"}\r\n                  alignItems={\"center\"}\r\n                  minWidth={\"40px\"}\r\n                  height={\"40px\"}\r\n                  border={`1px solid #d6ccee`}\r\n                  borderRadius={\"50%\"}\r\n                  bgcolor={\r\n                    selected === \"guestUser\"\r\n                      ? \"#ffffff\"\r\n                      : selected === \"activeUsers\"\r\n                      ? \"#ffffff\"\r\n                      : \"#6B47C21A\"\r\n                  }\r\n                >\r\n                  <IcGuestUser />\r\n                </Stack>\r\n                <Stack gap={\"4px\"}>\r\n                  <Typography\r\n                    variant=\"subtitle1\"\r\n                    lineHeight={\"normal\"}\r\n                    fontWeight={fontWeight.weight400}\r\n                    color={\r\n                      selected === \"guestUser\"\r\n                        ? \"black\"\r\n                        : selected === \"activeUsers\"\r\n                        ? \"black\"\r\n                        : \"gray\"\r\n                    }\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                  >\r\n                    Free Users\r\n                  </Typography>\r\n                  <Typography\r\n                    variant=\"subtitle1\"\r\n                    fontWeight={fontWeight.weight400}\r\n                    fontSize={fontSizes.fontSize20}\r\n                    lineHeight={\"normal\"}\r\n                  >\r\n                    {memberCountsData?.guest_users ?? 0}\r\n                  </Typography>\r\n                </Stack>\r\n              </Stack>\r\n\r\n              <Stack\r\n                direction={\"row\"}\r\n                gap={\"16px\"}\r\n                alignItems={\"center\"}\r\n                padding={\"16px\"}\r\n                borderRadius={\"12px\"}\r\n                border={\r\n                  selected === \"pendingInvitation\"\r\n                    ? \"1px solid #FA973C33\"\r\n                    : \"1px solid #E1E1E1\"\r\n                }\r\n                bgcolor={\r\n                  selected === \"pendingInvitation\" ? \"#FA973C1F\" : \"#ffffff\"\r\n                }\r\n                onClick={() => handleCardClick(\"pendingInvitation\")}\r\n                sx={{ cursor: \"pointer\" }}\r\n              >\r\n                <Stack\r\n                  justifyContent={\"center\"}\r\n                  alignItems={\"center\"}\r\n                  minWidth={\"40px\"}\r\n                  height={\"40px\"}\r\n                  border={`1px solid #FA973C33`}\r\n                  borderRadius={\"50%\"}\r\n                  bgcolor={\r\n                    selected === \"pendingInvitation\" ? \"#ffffff\" : \"#FA973C1F\"\r\n                  }\r\n                >\r\n                  <IcInvitesUser />\r\n                </Stack>\r\n                <Stack gap={\"4px\"}>\r\n                  <Typography\r\n                    variant=\"subtitle1\"\r\n                    lineHeight={\"normal\"}\r\n                    fontWeight={fontWeight.weight400}\r\n                    color={selected === \"pendingInvitation\" ? \"black\" : \"gray\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                  >\r\n                    Invited users\r\n                  </Typography>\r\n                  <Typography\r\n                    variant=\"subtitle1\"\r\n                    fontWeight={fontWeight.weight400}\r\n                    fontSize={fontSizes.fontSize20}\r\n                    lineHeight={\"normal\"}\r\n                  >\r\n                    {memberCountsData?.pending_users ?? 0}\r\n                  </Typography>\r\n                </Stack>\r\n              </Stack>\r\n\r\n              {(userData?.role === \"Account Owner\" || userData?.is_admin) && (\r\n                <Stack\r\n                  direction={\"row\"}\r\n                  gap={\"16px\"}\r\n                  alignItems={\"center\"}\r\n                  padding={\"16px\"}\r\n                  borderRadius={\"12px\"}\r\n                  border={\r\n                    selected === \"requestLicense\"\r\n                      ? \"1px solid #D23A3A33\"\r\n                      : \"1px solid #E1E1E1\"\r\n                  }\r\n                  bgcolor={\r\n                    selected === \"requestLicense\" ? \"#D23A3A1A\" : \"#ffffff\"\r\n                  }\r\n                  onClick={() => handleCardClick(\"requestLicense\")}\r\n                  sx={{ cursor: \"pointer\" }}\r\n                >\r\n                  <Stack\r\n                    justifyContent={\"center\"}\r\n                    alignItems={\"center\"}\r\n                    minWidth={\"40px\"}\r\n                    height={\"40px\"}\r\n                    border={`1px solid #D23A3A33`}\r\n                    borderRadius={\"50%\"}\r\n                    bgcolor={\r\n                      selected === \"requestLicense\" ? \"#ffffff\" : \"#D23A3A1A\"\r\n                    }\r\n                  >\r\n                    <IcPendingRequest />\r\n                  </Stack>\r\n\r\n                  <Stack gap={\"4px\"}>\r\n                    <Typography\r\n                      variant=\"subtitle1\"\r\n                      Pending\r\n                      License\r\n                      lineHeight={\"normal\"}\r\n                      fontWeight={fontWeight.weight400}\r\n                      color={selected === \"requestLicense\" ? \"black\" : \"gray\"}\r\n                      fontSize={{\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      }}\r\n                    >\r\n                      Pending License\r\n                    </Typography>\r\n                    <Box\r\n                      sx={{\r\n                        display: \"flex\",\r\n                        gap: \"20px\",\r\n                        alignItems: \"center\",\r\n                      }}\r\n                    >\r\n                      <Box\r\n                        sx={{\r\n                          fontWeight: fontWeight.weight400,\r\n                          display: \"flex\",\r\n                          justifyContent: \"center\",\r\n                          alignItems: \"center\",\r\n                        }}\r\n                        fontSize={fontSizes.fontSize20}\r\n                        // variant=\"subtitle1\"\r\n                        // fontWeight={fontWeight.weight400}\r\n                      >\r\n                        {memberCountsData?.request_access_count ?? 0}\r\n                      </Box>\r\n                      <CommonLink\r\n                        onClick={() => navigate(\"/user/request-control\")}\r\n                      >\r\n                        {\" \"}\r\n                        View requests\r\n                      </CommonLink>\r\n                      {/* <Button\r\n                      onClick={() => navigate(\"/user/request-control\")}\r\n                      style={{\r\n                        textTransform: \"capitalize\",\r\n                        textDecoration: \"none\",\r\n                        marginLeft: \"20px\",\r\n                        fontSize: \"13px\",\r\n                        position: \"relative\",\r\n                        top: \"2px\",\r\n                        zIndex: \"999\",\r\n                        textTransform: \"capitalize\",\r\n                        paddingTop: \"3px\",\r\n                        paddingBottom: \"3px\",\r\n                      }}\r\n                    >\r\n                      \r\n                    </Button> */}\r\n                    </Box>\r\n                  </Stack>\r\n                </Stack>\r\n              )}\r\n\r\n              {/* {pathname === \"/user/workspace-users\" && (\r\n                <>\r\n                  <Stack\r\n                    direction={\"row\"}\r\n                    gap={\"10px\"}\r\n                    alignItems={\"center\"}\r\n                    padding={\"16px\"}\r\n                    borderRadius={\"8px\"}\r\n                    border={\r\n                      selected === \"requestLicense\"\r\n                        ? \"1px solid rgb(184 30 45 / 22%)\"\r\n                        : \"1px solid #E1E1E1\"\r\n                    }\r\n                    bgcolor={\r\n                      selected === \"requestLicense\" ? \" #D23A3A1A\" : \"#ffffff\"\r\n                    }\r\n                    onClick={() => handleCardClick(\"requestLicense\")}\r\n                    sx={{ cursor: \"pointer\" }}\r\n                  >\r\n                    <Stack\r\n                      justifyContent={\"center\"}\r\n                      alignItems={\"center\"}\r\n                      minWidth={\"40px\"}\r\n                      height={\"40px\"}\r\n                      border={`1px solid #D74F4F`}\r\n                      borderRadius={\"50%\"}\r\n                      bgcolor={\r\n                        selected === \"requestLicense\" ? \"#ffffff\" : \"#D23A3A1A\"\r\n                      }\r\n                    >\r\n                      <IcRequestLicense />\r\n                    </Stack>\r\n                    <Stack lineHeight={\"1.8\"}>\r\n                      <Typography\r\n                        variant=\"subtitle1\"\r\n                        fontWeight={fontWeight.weight400}\r\n                        color={selected === \"requestLicense\" ? \"black\" : \"gray\"}\r\n                        sx={{\r\n                          textWrap: \"nowrap\",\r\n                          overflow: \"hidden\",\r\n                          textOverflow: \"ellipsis\",\r\n                          width: \"160px\",\r\n                        }}\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                      >\r\n                        Request Pending Users\r\n                      </Typography>\r\n                      <Stack\r\n                        direction={\"row\"}\r\n                        alignItems={\"center\"}\r\n                        gap={\"16px\"}\r\n                      >\r\n                        <Typography\r\n                          variant=\"subtitle1\"\r\n                          fontWeight={fontWeight.weight400}\r\n                        >\r\n                          {memberCountsData?.request_access_count ?? 0}\r\n                        </Typography>\r\n                        <Typography\r\n                          color={color.primaryColor}\r\n                          fontWeight={fontWeight.weight400}\r\n                          lineHeight={\"normal\"}\r\n                          onClick={(e) => {\r\n                            e.stopPropagation();\r\n                            navigate(\"/user/request-control\");\r\n                          }}\r\n                          fontSize={{\r\n                            xs: fontSizes.mediumFont,\r\n                            md: fontSizes.fontSize13,\r\n                            xl: fontSizes.fontSize14,\r\n                          }}\r\n                        >\r\n                          View requests\r\n                        </Typography>\r\n                      </Stack>\r\n                    </Stack>\r\n                  </Stack>\r\n\r\n                  <Stack\r\n                    direction={\"row\"}\r\n                    gap={\"10px\"}\r\n                    alignItems={\"center\"}\r\n                    padding={\"16px\"}\r\n                    borderRadius={\"8px\"}\r\n                    border={\r\n                      selected === \"pendingInvitation\"\r\n                        ? \"1px solid rgb(182 48 205 / 20%)\"\r\n                        : \"1px solid #E1E1E1\"\r\n                    }\r\n                    bgcolor={\r\n                      selected === \"pendingInvitation\" ? \"#6B47C21A\" : \"#ffffff\"\r\n                    }\r\n                    onClick={() => handleCardClick(\"pendingInvitation\")}\r\n                    sx={{ cursor: \"pointer\" }}\r\n                  >\r\n                    <Stack\r\n                      justifyContent={\"center\"}\r\n                      alignItems={\"center\"}\r\n                      minWidth={\"40px\"}\r\n                      height={\"40px\"}\r\n                      border={`1px solid #d6ccee`}\r\n                      borderRadius={\"50%\"}\r\n                      bgcolor={\r\n                        selected === \"pendingInvitation\"\r\n                          ? \"#ffffff\"\r\n                          : \"#6B47C21A\"\r\n                      }\r\n                    >\r\n                      <IcGuestUser />\r\n                    </Stack>\r\n                    <Stack>\r\n                      <Typography\r\n                        variant=\"subtitle1\"\r\n                        fontWeight={fontWeight.weight400}\r\n                        color={\r\n                          selected === \"pendingInvitation\" ? \"black\" : \"gray\"\r\n                        }\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                      >\r\n                        Pending Invitation\r\n                      </Typography>\r\n                      <Typography\r\n                        variant=\"subtitle1\"\r\n                        fontWeight={fontWeight.weight400}\r\n                      >\r\n                        {memberCountsData?.pending_users ?? 0}\r\n                      </Typography>\r\n                    </Stack>\r\n                  </Stack>\r\n                </>\r\n              )} */}\r\n            </Stack>\r\n          )}\r\n          {/* icon */}\r\n          {/* {(Number(totalRow) > 0 || searchValue?.trim()?.length > 0) && ( */}\r\n          <Stack\r\n            borderRadius={\"6px 6px 0px 0px\"}\r\n            bgcolor={\"#FFFFFF\"}\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n            sx={{\r\n              flexWrap: \"wrap\",\r\n            }}\r\n            pt={isFreePlan ? \"0px\" : \"14px\"}\r\n            paddingBottom={\"14px\"}\r\n            // p={{\r\n            //   xs: \"12px 32px 12px 24px\",\r\n            //   xl: \"19px 32px 19px 24px\",\r\n            // }}\r\n            mt={isFreePlan ? 0 : 0.8}\r\n          >\r\n            {/* {(Number(totalRow) > 0 || searchValue?.trim()?.length > 0) && ( */}\r\n            {/* <SearchInput\r\n              xsHeight={36}\r\n              height={42}\r\n              placeholder={\"Search by user name and email\"}\r\n              formControlSx={{\r\n                width: {\r\n                  xs: \"250px\",\r\n                  xl: \"350px\",\r\n                },\r\n                \"& .MuiInputBase-root\": {\r\n                  borderRadius: \"8px !important\",\r\n                  backgroundColor: \"#FFF\",\r\n                },\r\n                \"& input\": {\r\n                  mt: \"0px!important\",\r\n                },\r\n              }}\r\n              onChange={handleSearchChange}\r\n              value={searchValue}\r\n              width={266}\r\n            /> */}\r\n            <SearchInput\r\n              height={40}\r\n              width={{\r\n                xs: \"250px\",\r\n                md: \"350px\",\r\n                lg: \"450px\",\r\n                xl: \"450px\",\r\n              }}\r\n              isdoubleborder={true}\r\n              placeholder={\"Search by user name and email\"}\r\n              onChange={handleSearchChange}\r\n              value={searchValue}\r\n              showBorder={true}\r\n              formControlSx={{\r\n                \"& .MuiInputBase-root\": {\r\n                  borderRadius: \"8px !important\",\r\n                  backgroundColor: \"#FFF !important\",\r\n                  // border: `1px solid ${color.commonBorderColor}`,\r\n                  // width: {\r\n                  //   xl: \"800px\",\r\n                  //   // lg: \"500px\",\r\n                  // },\r\n                  // width: \"450px\",\r\n                  width: {\r\n                    xs: \"250px\",\r\n                    md: \"350px\",\r\n                    lg: \"450px\",\r\n                    xl: \"450px\",\r\n                  },\r\n                },\r\n                \"& input\": {\r\n                  mt: \"0px !important\",\r\n                  fontSize: fontSizes.fontSize14,\r\n                },\r\n                \"& input::placeholder\": {\r\n                  fontSize: fontSizes.fontSize14,\r\n                },\r\n              }}\r\n            />\r\n            {/* )} */}\r\n\r\n            {currentSubscriptionData?.subscriptionData?.package !== \"Free\" && (\r\n              <FilterSection\r\n                selected={selected}\r\n                setSelected={setSelected}\r\n                teamId={\r\n                  pathname === \"/user/workspace-users\"\r\n                    ? \"\"\r\n                    : selectedTeamId ?? teamId\r\n                }\r\n                getMembersByTeamWithSearch={getMembersByTeamWithSearch}\r\n              />\r\n            )}\r\n            {/* {currentSubscriptionData?.subscriptionData?.package === \"Free\" && (\r\n              <Box>\r\n                <BtnGradient\r\n                  fullWidth={true}\r\n                  sx={{\r\n                    px: \"24px\",\r\n                  }}\r\n                  onClick={handleOpenInviteNewMemberModal}\r\n                >\r\n                  <Typography\r\n                    fontWeight={500}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    height={{\r\n                      xs: \"16px\",\r\n                      xl: \"18px\",\r\n                    }}\r\n                  ></Typography>\r\n                  Invite New Members\r\n                </BtnGradient>\r\n              </Box>\r\n            )} */}\r\n          </Stack>\r\n          {/* )} */}\r\n\r\n          {howManyUserSelected > 0 && (\r\n            <Stack\r\n              gap={\"24px\"}\r\n              // pt={\"32px\"}\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n            >\r\n              <Typography\r\n                fontWeight={fontWeight.weight400}\r\n                fontSize={fontSizes.largeFont}\r\n              >\r\n                {howManyUserSelected}&nbsp;User Selected\r\n              </Typography>\r\n              <BtnGradient\r\n                sx={{\r\n                  px: \"18px\",\r\n                  width: \"fit-content\",\r\n                }}\r\n                aria-describedby={id}\r\n                onClick={handleClickAction}\r\n              >\r\n                <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    height={fontSizes.btnTextHeight}\r\n                    fontWeight={600}\r\n                  >\r\n                    Action\r\n                  </Typography>\r\n                  <IcDownArrow fill={\"white\"} />\r\n                </Stack>\r\n              </BtnGradient>\r\n\r\n              {/* table action popover */}\r\n              {/* <Popover\r\n              id={id}\r\n              open={open}\r\n              anchorEl={anchorElAction}\r\n              onClose={handleClose}\r\n              anchorOrigin={{\r\n                vertical: \"bottom\",\r\n                horizontal: \"right\",\r\n              }}\r\n              transformOrigin={{\r\n                vertical: \"top\",\r\n                horizontal: \"right\",\r\n              }}\r\n              sx={{\r\n                \"& .MuiPaper-root\": {\r\n                  p: \"10px\",\r\n                  ml: \"10px\",\r\n                  pt: 0,\r\n                  boxShadow: \"none\",\r\n                  bgcolor: \"transparent\",\r\n                },\r\n              }}\r\n            >\r\n              {pathname === \"/user/workspace-users\" ? (\r\n                <Stack\r\n                  sx={{\r\n                    boxShadow: \"0px 3px 8px 0px #030B1614\",\r\n                    border: \"1px solid #EFF0F3\",\r\n                    display: \"flex\",\r\n                    flexDirection: \"column\",\r\n                    p: \"10px\",\r\n                    bgcolor: \"#FFF\",\r\n                    borderRadius: \"6px\",\r\n                    gap: \"8px\",\r\n                    minWidth: \"205px\",\r\n                  }}\r\n                >\r\n                  <Stack\r\n                    px=\"8px\"\r\n                    height=\"34px\"\r\n                    direction=\"row\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"flex-start\"\r\n                    gap=\"8px\"\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                      bgcolor: \"transparent\",\r\n                      transition: \"all 0.3s ease\",\r\n                      color: \"#18181B\",\r\n                      borderRadius: \"8px\",\r\n                      \"&:hover\": {\r\n                        color: \"#007AFF\",\r\n                        bgcolor: \"#007AFF1A\",\r\n                        fontWeight: 600,\r\n                      },\r\n                    }}\r\n                    onClick={() => setAddUserToTeamShow(true)}\r\n                  >\r\n                    <Typography fontSize={fontSizes.mediumFont}  >\r\n                      Add or Move to a Team\r\n                    </Typography>\r\n                  </Stack>\r\n                  <Stack\r\n                    px=\"8px\"\r\n                    height=\"34px\"\r\n                    direction=\"row\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"flex-start\"\r\n                    gap=\"8px\"\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                      bgcolor: \"transparent\",\r\n                      transition: \"all 0.3s ease\",\r\n                      color: \"#18181B\",\r\n                      borderRadius: \"8px\",\r\n                      \"&:hover\": {\r\n                        color: \"#007AFF\",\r\n                        bgcolor: \"#007AFF1A\",\r\n                        fontWeight: 600,\r\n                      },\r\n                    }}\r\n                    onClick={() => setCreateNewTeamModal(true)}\r\n                  >\r\n                    <Typography fontSize={fontSizes.mediumFont}  >\r\n                      Create Team\r\n                    </Typography>\r\n                  </Stack>\r\n                </Stack>\r\n              ) : (\r\n                <Stack\r\n                  sx={{\r\n                    boxShadow: \"0px 3px 8px 0px #030B1614\",\r\n                    border: \"1px solid #EFF0F3\",\r\n                    display: \"flex\",\r\n                    flexDirection: \"column\",\r\n                    p: \"10px\",\r\n                    bgcolor: \"#FFF\",\r\n                    borderRadius: \"6px\",\r\n                    gap: \"8px\",\r\n                    minWidth: \"205px\",\r\n                  }}\r\n                >\r\n                  <Stack\r\n                    px=\"8px\"\r\n                    height=\"34px\"\r\n                    direction=\"row\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"flex-start\"\r\n                    gap=\"8px\"\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                      bgcolor: \"transparent\",\r\n                      transition: \"all 0.3s ease\",\r\n                      color: \"#18181B\",\r\n                      borderRadius: \"8px\",\r\n                      \"&:hover\": {\r\n                        color: \"#007AFF\",\r\n                        bgcolor: \"#007AFF1A\",\r\n                        fontWeight: 600,\r\n                      },\r\n                    }}\r\n                    onClick={() => handleChangeToFullMember(\"multiSelect\")}\r\n                  >\r\n                    <Typography fontSize={fontSizes.mediumFont}  >\r\n                      Change to Full Member\r\n                    </Typography>\r\n                  </Stack>\r\n                  <Stack\r\n                    px=\"8px\"\r\n                    height=\"34px\"\r\n                    direction=\"row\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"flex-start\"\r\n                    gap=\"8px\"\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                      bgcolor: \"transparent\",\r\n                      transition: \"all 0.3s ease\",\r\n                      color: color.errorColor,\r\n                      borderRadius: \"8px\",\r\n                      \"&:hover\": {\r\n                        color: \"#007AFF\",\r\n                        bgcolor: \"#007AFF1A\",\r\n                        fontWeight: 600,\r\n                      },\r\n                    }}\r\n                    // onClick={() => handleRemoveMember(\"multiSelect\")}\r\n                    onClick={() => {\r\n                      setShowRemoveTeamModal(true);\r\n                    }}\r\n                  >\r\n                    <Typography fontSize={fontSizes.mediumFont}  >\r\n                      Remove From Team\r\n                    </Typography>\r\n                  </Stack>\r\n                </Stack>\r\n              )}\r\n            </Popover> */}\r\n              <BtnGradient\r\n                sx={{\r\n                  px: \"18px\",\r\n                  width: \"fit-content\",\r\n                  border: `1px solid ${color.commonBorderColor}`,\r\n                }}\r\n                btnColor=\"#F9FAFB\"\r\n                onClick={clearSubmission}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }}\r\n                  fontWeight={fontWeight.weight400}\r\n                  color={color.subTitle}\r\n                >\r\n                  Clear Selection\r\n                </Typography>\r\n              </BtnGradient>\r\n            </Stack>\r\n          )}\r\n\r\n          {/* <Box\r\n            sx={{\r\n              mt: \"12px\",\r\n              position: \"relative\",\r\n              width: \"100%\",\r\n            }}\r\n            className=\"table-responsive\"\r\n          >\r\n            <ThemeProvider theme={tableTheme}>\r\n              <Box\r\n                sx={{\r\n                  \"& .MuiTableContainer-root\": {\r\n                    border: \"1px solid #E1E1E1\",\r\n                    borderRadius: \"12px\",\r\n                  },\r\n                }}\r\n              >\r\n                <MaterialReactTable table={table} />\r\n              </Box>\r\n            </ThemeProvider>\r\n          </Box> */}\r\n          <Box height={\"100%\"}>\r\n            <TableComponent\r\n              columns={columns}\r\n              data={teamMembers?.data?.members || []}\r\n              isTableLoading={\r\n                isFreePlan && isWorkSpaceProfilePage ? false : teamIsLoading\r\n              }\r\n              placeholder={{\r\n                title:\r\n                  selected === \"fullLicensedUser\"\r\n                    ? \"No Licensed Users\"\r\n                    : selected === \"guestUser\"\r\n                    ? \"No Guest Users\"\r\n                    : selected === \"requestLicense\"\r\n                    ? \"No Pending Users\"\r\n                    : selected === \"pendingInvitation\"\r\n                    ? \"No Pending Invitations\"\r\n                    : \"No Workspace Users\",\r\n                desc: \"Invite members to your workspace to start collaborating effectively.\",\r\n              }}\r\n              customSortIcons={{\r\n                ascending: <IcSortingTableAse />,\r\n                descending: <IcSortingTableDes />,\r\n              }}\r\n              showSortingIconOnHover={false}\r\n              tableFullSpaceManage={\r\n                pathname === \"/user/manage-teams/team-profile/team-user\"\r\n                  ? 39\r\n                  : 33\r\n              }\r\n              tableFullEmptySpaceManage={\r\n                pathname === \"/user/manage-teams/team-profile/team-user\"\r\n                  ? 90\r\n                  : 84\r\n              }\r\n            />\r\n          </Box>\r\n          {/* <Stack\r\n            sx={{\r\n              display: \"flex\",\r\n              flexDirection: \"row\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"space-between\",\r\n              alignItems: \"center\",\r\n              borderBottom: \"1px solid #0000001A\",\r\n              borderLeft: \"1px solid #0000001A\",\r\n              borderRight: \"1px solid #0000001A\",\r\n              bgcolor: \"#fff\",\r\n              px: \"20px\",\r\n              borderRadius: \"0px 0px 12px 12px\",\r\n              height: \"65px\",\r\n            }}\r\n          >\r\n            <Typography fontSize={13.5} color={\"#7E899F\"}   >\r\n              Showing {pgValue.replace(\"-\", \"to\")} of {totalRow} entries\r\n            </Typography>\r\n          </Stack> */}\r\n        </Stack>\r\n      </Box>\r\n\r\n      <InviteUserForm\r\n        open={showModal}\r\n        handleCloseModal={() => setShowModal(false)}\r\n        userRoles={userRoles}\r\n        // getInvitedUsersDataWithDefaultValue={\r\n        //   getInvitedUsersDataWithDefaultValue\r\n        // }\r\n      />\r\n\r\n      <LimitModal\r\n        limit_img_url={s3AssetsUrl + \"/user_limit_img.png\"}\r\n        handleClose={() => {\r\n          setShowLimitModal(false);\r\n        }}\r\n        open={showLimitModal}\r\n        content=\"You have reached the maximum number of user licenses purchased for your account. To invite an additional user, please purchase more licenses.\"\r\n        heading=\"User License Limit Reached\"\r\n      />\r\n\r\n      {showMakeAdminModal && (\r\n        <MakeAdminModal\r\n          open={showMakeAdminModal}\r\n          handleCloseModal={() => {\r\n            setShowMakeAdminModal(false);\r\n            handleCloseMoreMenu();\r\n          }}\r\n          handleMakeAdmin={handleMakeAdmin}\r\n          makeAdminLoader={makeAdminLoader}\r\n          selectedUserName={tableData?.name}\r\n        />\r\n      )}\r\n\r\n      <RemoveTeamModal\r\n        open={showRemoveTeamModal}\r\n        handleCloseModal={() => setShowRemoveTeamModal(false)}\r\n        handleRemoveMember={handleRemoveMember}\r\n        teamIsLoading={removing}\r\n        btnText={btnText}\r\n        setTableData={setTableData}\r\n        setRowSelection={setRowSelection}\r\n        selectedUserName={tableData?.name}\r\n        selectedUserEmail={tableData?.email_id}\r\n      />\r\n      {/* {!isHide && (\r\n        <InviteMultipleUserModel\r\n          open={inviteNewMembers}\r\n          handleCloseInviteUserModal={handleCloseInviteUserModal}\r\n          fetchApiCall={() => getMembersByTeamWithSearch(queryArgs)}\r\n          modalTitle={\r\n            pathname === \"/user/manage-teams/team-profile/team-user\" ||\r\n            pathname === \"/user/manage-teams/team-profile/team-permissions\"\r\n              ? `Invite New Member to ${selectedTeamName}`\r\n              : `Invite new user to workspace`\r\n          }\r\n          modalSubTitle={\r\n            pathname === \"/user/manage-teams/team-profile/team-user\" ||\r\n            pathname === \"/user/manage-teams/team-profile/team-permissions\"\r\n              ? \"Collaborate seamlessly by inviting new members to your team. Assign roles and set permissions to get started.\"\r\n              : \"Collaborate with your team by inviting new users to your workspace. Assign roles to manage permissions and ensure smooth teamwork.\"\r\n          }\r\n          hidePermissions={true}\r\n          selectedTeamId={\r\n            pathname === \"/user/manage-teams/team-profile/team-user\" ||\r\n            pathname === \"/user/manage-teams/team-profile/team-permissions\"\r\n              ? selectedTeamId\r\n              : \"\"\r\n          }\r\n          addUserFromWp={\r\n            pathname === \"/user/manage-teams/team-profile/team-user\" ||\r\n            pathname === \"/user/manage-teams/team-profile/team-permissions\"\r\n              ? \"Add user from workspace\"\r\n              : \"\"\r\n          }\r\n        />\r\n      )} */}\r\n      {showUserDetailsModal && (\r\n        <UserDetailsModel\r\n          handleOpen={showUserDetailsModal}\r\n          handleCloseModal={() => setShowUserDetailsModal(false)}\r\n          userInformation={userInformation}\r\n          showFetchLoader={showFetchLoader}\r\n        />\r\n      )}\r\n      <Popover\r\n        id={popoverId}\r\n        open={Boolean(anchorEl)}\r\n        anchorEl={anchorEl}\r\n        onClose={handleCloseMoreMenu}\r\n        anchorOrigin={{\r\n          vertical: \"bottom\",\r\n          horizontal: \"right\",\r\n        }}\r\n        transformOrigin={{\r\n          vertical: \"top\",\r\n          horizontal: \"right\",\r\n        }}\r\n        sx={{\r\n          \"& .MuiPaper-root\": {\r\n            p: \"10px\",\r\n            // ml: \"10px\",\r\n            boxShadow: \"0px 5px 24px 8px #10182814\",\r\n            bgcolor: color.whiteColor,\r\n            borderRadius: \"12px\",\r\n          },\r\n        }}\r\n      >\r\n        <Stack\r\n          sx={{\r\n            // border: \"1px solid #EFF0F3\",\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n\r\n            gap: \"6px\",\r\n            minWidth: \"205px\",\r\n          }}\r\n        >\r\n          {/* {currentSubscriptionData?.subscriptionData?.package === \"Free\" &&\r\n            tableData?.role !== \"Admin\" && (\r\n              <Stack\r\n                px={\"8px\"}\r\n                height={\"34px\"}\r\n                borderRadius={\"4px\"}\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                gap={\"8px\"}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  bgcolor: \"transparent\",\r\n                  transition: \"all 0.3s ease\",\r\n                  color: \"#18181B\",\r\n                  borderRadius: \"8px\",\r\n                  \"&:hover\": {\r\n                    color: \"#007AFF\",\r\n                    bgcolor: \"#007AFF1A\",\r\n                    fontWeight: 600,\r\n                  },\r\n                }}\r\n                onClick={() => {\r\n                  setShowMakeAdminModal(true);\r\n                  handleCloseMoreMenu();\r\n                }}\r\n              >\r\n                <Typography fontSize={fontSizes.mediumFont}   >\r\n                  Make Team Admin\r\n                </Typography>\r\n              </Stack>\r\n            )} */}\r\n          {/* {currentSubscriptionData?.subscriptionData?.package?.includes(\r\n            \"Professional\"\r\n          ) && (\r\n            <Stack\r\n              px={\"8px\"}\r\n              height={\"34px\"}\r\n              borderRadius={\"4px\"}\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"8px\"}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                bgcolor: \"transparent\",\r\n                transition: \"all 0.3s ease\",\r\n                color: \"#18181B\",\r\n                borderRadius: \"8px\",\r\n                \"&:hover\": {\r\n                  color: \"#007AFF\",\r\n                  bgcolor: \"#007AFF1A\",\r\n                  fontWeight: 600,\r\n                },\r\n              }}\r\n              onClick={() => {\r\n                handleOpenUserInfo();\r\n              }}\r\n            >\r\n              <Typography fontSize={fontSizes.mediumFont}   >\r\n                User Info\r\n              </Typography>\r\n            </Stack>\r\n          )} */}\r\n\r\n          {(tableData?.status === 1 || tableData?.status === 5) && (\r\n            // userData?.is_admin == true &&\r\n            // ||\r\n            // currentSubscriptionData?.subscriptionData?.package?.includes(\r\n            //   \"Business\"\r\n            // )\r\n            <Stack\r\n              px={\"8px\"}\r\n              height={\"34px\"}\r\n              borderRadius={\"4px\"}\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"8px\"}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                bgcolor: \"transparent\",\r\n                transition: \"all 0.3s ease\",\r\n                color: \"#18181B\",\r\n                borderRadius: \"8px\",\r\n                \"&:hover\": {\r\n                  bgcolor: color.commonHoverColor,\r\n                  fontWeight: 600,\r\n                },\r\n              }}\r\n              onClick={() => {\r\n                setShowManageModal(true);\r\n                handleCloseMoreMenu();\r\n              }}\r\n            >\r\n              <Typography fontSize={fontSizes.fontSize14}>Manage</Typography>\r\n            </Stack>\r\n          )}\r\n\r\n          {(userData?.is_admin || userData?.is_account_owner) &&\r\n            tableData?.email_id !== userData?.email_id &&\r\n            (tableData?.status === 1 || tableData?.status === 5) &&\r\n            // !currentSubscriptionData?.subscriptionData?.package?.includes(\r\n            //   \"Free\"\r\n            // )\r\n            currentSubscriptionData?.subscriptionData?.package?.includes(\r\n              \"Business\"\r\n            ) && (\r\n              <Stack\r\n                px={\"8px\"}\r\n                height={\"34px\"}\r\n                borderRadius={\"4px\"}\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                gap={\"8px\"}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  bgcolor: \"transparent\",\r\n                  transition: \"all 0.3s ease\",\r\n                  color: \"#18181B\",\r\n                  borderRadius: \"8px\",\r\n                  \"&:hover\": {\r\n                    bgcolor: color.commonHoverColor,\r\n                    fontWeight: 600,\r\n                  },\r\n                }}\r\n                onClick={() => {\r\n                  setShowInviteToTeam(true);\r\n                  setShowManageModal(true);\r\n                  handleCloseMoreMenu();\r\n                }}\r\n              >\r\n                <Typography fontSize={fontSizes.fontSize14}>\r\n                  Invite to team\r\n                </Typography>\r\n              </Stack>\r\n            )}\r\n          {tableData?.status === 51 && (\r\n            <Stack\r\n              px={\"8px\"}\r\n              height={\"34px\"}\r\n              borderRadius={\"4px\"}\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"8px\"}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                bgcolor: \"transparent\",\r\n                transition: \"all 0.3s ease\",\r\n                color: \"#18181B\",\r\n                borderRadius: \"8px\",\r\n                \"&:hover\": {\r\n                  bgcolor: color.commonHoverColor,\r\n                  fontWeight: 600,\r\n                },\r\n              }}\r\n              onClick={() => {\r\n                setShowApproveLicense(true);\r\n                setShowApproveDeclineModal(true);\r\n                handleCloseMoreMenu();\r\n              }}\r\n            >\r\n              <Typography fontSize={fontSizes.fontSize14}>Approve</Typography>\r\n            </Stack>\r\n          )}\r\n\r\n          {tableData?.status === 51 && (\r\n            <Stack\r\n              px={\"8px\"}\r\n              height={\"34px\"}\r\n              borderRadius={\"4px\"}\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"8px\"}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                bgcolor: \"transparent\",\r\n                transition: \"all 0.3s ease\",\r\n                color: \"#18181B\",\r\n                borderRadius: \"8px\",\r\n                \"&:hover\": {\r\n                  bgcolor: color.commonHoverColor,\r\n                  fontWeight: 600,\r\n                },\r\n              }}\r\n              onClick={() => {\r\n                setShowApproveLicense(false);\r\n                setShowApproveDeclineModal(true);\r\n                handleCloseMoreMenu();\r\n              }}\r\n            >\r\n              <Typography fontSize={fontSizes.fontSize14}>Decline</Typography>\r\n            </Stack>\r\n          )}\r\n\r\n          {(tableData?.status === 4 || tableData?.status === 45) && (\r\n            <Stack\r\n              px={\"8px\"}\r\n              height={\"34px\"}\r\n              borderRadius={\"4px\"}\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"8px\"}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                bgcolor: \"transparent\",\r\n                transition: \"all 0.3s ease\",\r\n                color: \"#18181B\",\r\n                borderRadius: \"8px\",\r\n                \"&:hover\": {\r\n                  bgcolor: color.commonHoverColor,\r\n                  fontWeight: 600,\r\n                },\r\n              }}\r\n              onClick={() => handleResendInvite(tableData?.user_id)}\r\n            >\r\n              <Typography\r\n                fontSize={fontSizes.fontSize14}\r\n                display={\"flex\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"space-between\"}\r\n                gap={\"10px\"}\r\n              >\r\n                Resend invite{\" \"}\r\n                {reInviteInProgress && (\r\n                  <CircularProgress\r\n                    size=\"15px\"\r\n                    sx={{\r\n                      color: color.primaryColor,\r\n                    }}\r\n                  />\r\n                )}\r\n              </Typography>\r\n            </Stack>\r\n          )}\r\n\r\n          <Stack\r\n            px={\"8px\"}\r\n            height={\"34px\"}\r\n            borderRadius={\"4px\"}\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"flex-start\"}\r\n            gap={\"8px\"}\r\n            sx={{\r\n              cursor: \"pointer\",\r\n              bgcolor: \"transparent\",\r\n              transition: \"all 0.3s ease\",\r\n              color: \"#18181B\",\r\n              borderRadius: \"8px\",\r\n              \"&:hover\": {\r\n                bgcolor: color.commonHoverColor,\r\n                fontWeight: 600,\r\n              },\r\n            }}\r\n            onClick={handleCopyEmailClick}\r\n          >\r\n            <Typography fontSize={fontSizes.fontSize14}>Copy email</Typography>\r\n          </Stack>\r\n\r\n          {currentSubscriptionData?.subscriptionData?.package !== \"Free\" &&\r\n            // pathname === \"/user/workspace-users\" &&\r\n            userData?.is_account_owner &&\r\n            (tableData?.status === 1 || tableData?.status === 5) && (\r\n              <Stack\r\n                px={\"8px\"}\r\n                height={\"34px\"}\r\n                borderRadius={\"4px\"}\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                gap={\"8px\"}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  bgcolor: \"transparent\",\r\n                  transition: \"all 0.3s ease\",\r\n                  color: \"#18181B\",\r\n                  borderRadius: \"8px\",\r\n                  \"&:hover\": {\r\n                    bgcolor: color.commonHoverColor,\r\n                    fontWeight: 600,\r\n                  },\r\n                }}\r\n                onClick={handleUserInfoClick}\r\n                // onClick={() => {\r\n                //   alert(\"userinfo call\");\r\n                // }}\r\n              >\r\n                <Typography fontSize={fontSizes.fontSize14}>\r\n                  See activities\r\n                </Typography>\r\n              </Stack>\r\n            )}\r\n\r\n          {/* {currentSubscriptionData?.subscriptionData?.package !== \"Free\" &&\r\n            pathname !== \"/user/manage-teams/team-profile/team-user\" &&\r\n            !accountOwner &&\r\n            tableData?.status !== 4 &&\r\n            tableData?.status !== 45 && (\r\n              <Stack\r\n                px={\"8px\"}\r\n                height={\"34px\"}\r\n                borderRadius={\"4px\"}\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                gap={\"8px\"}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  bgcolor: \"transparent\",\r\n                  transition: \"all 0.3s ease\",\r\n                  color: \"#18181B\",\r\n                  borderRadius: \"8px\",\r\n                  \"&:hover\": {\r\n                    color: \"#007AFF\",\r\n                    bgcolor: \"#007AFF1A\",\r\n                    fontWeight: 600,\r\n                  },\r\n                }}\r\n                onClick={() => {\r\n                  // handleChangeToFullMember(\"\");\r\n                  handleChangeLicense();\r\n                }}\r\n              >\r\n                <Typography fontSize={fontSizes.mediumFont}   >\r\n                  {tableData?.status === 1\r\n                    ? \"Make a guest user\"\r\n                    : tableData?.status === 5\r\n                    ? \"Make a license user\"\r\n                    : \"\"}\r\n                </Typography>\r\n              </Stack>\r\n            )} */}\r\n\r\n          {/* {pathname !== \"/user/workspace-users\" && !accountOwner && ( */}\r\n          {pathname === \"/user/manage-teams/team-profile/team-user\" &&\r\n            !accountOwner && (\r\n              <>\r\n                <Stack\r\n                  px={\"8px\"}\r\n                  height={\"34px\"}\r\n                  borderRadius={\"4px\"}\r\n                  direction={\"row\"}\r\n                  alignItems={\"center\"}\r\n                  justifyContent={\"flex-start\"}\r\n                  gap={\"8px\"}\r\n                  sx={{\r\n                    cursor: \"pointer\",\r\n                    bgcolor: \"transparent\",\r\n                    transition: \"all 0.3s ease\",\r\n                    color: color.errorColor,\r\n                    borderRadius: \"8px\",\r\n                    \"&:hover\": {\r\n                      color: color.errorColor,\r\n                      bgcolor: color.lightErrorColor,\r\n                      fontWeight: 600,\r\n                    },\r\n                  }}\r\n                  onClick={() => {\r\n                    setShowRemoveTeamModal(true);\r\n                    handleCloseMoreMenu();\r\n                  }}\r\n                >\r\n                  <Typography fontSize={fontSizes.fontSize14}>\r\n                    Remove from team\r\n                  </Typography>\r\n                </Stack>\r\n                {/* <Stack\r\n                px=\"8px\"\r\n                height=\"34px\"\r\n                direction=\"row\"\r\n                alignItems=\"center\"\r\n                justifyContent=\"flex-start\"\r\n                gap=\"8px\"\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  bgcolor: \"transparent\",\r\n                  transition: \"all 0.3s ease\",\r\n                  color: \"#18181B\",\r\n                  borderRadius: \"8px\",\r\n                  \"&:hover\": {\r\n                    color: \"#007AFF\",\r\n                    bgcolor: \"#007AFF1A\",\r\n                    fontWeight: 600,\r\n                  },\r\n                }}\r\n                onClick={() => handleChangeToFullMember(\"\")}\r\n              >\r\n                <Typography fontSize={fontSizes.mediumFont}  >\r\n                  Change to Full Member\r\n                </Typography>\r\n              </Stack> */}\r\n              </>\r\n            )}\r\n\r\n          {pathname === \"/user/workspace-users\" && !accountOwner && (\r\n            <>\r\n              {/* <Stack\r\n                px=\"8px\"\r\n                height=\"34px\"\r\n                direction=\"row\"\r\n                alignItems=\"center\"\r\n                justifyContent=\"flex-start\"\r\n                gap=\"8px\"\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  bgcolor: \"transparent\",\r\n                  transition: \"all 0.3s ease\",\r\n                  color: \"#18181B\",\r\n                  borderRadius: \"8px\",\r\n                  \"&:hover\": {\r\n                    color: \"#007AFF\",\r\n                    bgcolor: \"#007AFF1A\",\r\n                    fontWeight: 600,\r\n                  },\r\n                }}\r\n                onClick={() => {\r\n                  setChangeToGuestShow(true);\r\n                  handleDeleteFromCompany();\r\n                }}\r\n              >\r\n                <Typography fontSize={fontSizes.mediumFont}  >\r\n                  Change to Guest\r\n                </Typography>\r\n              </Stack> */}\r\n              <Stack\r\n                px=\"8px\"\r\n                height=\"34px\"\r\n                direction=\"row\"\r\n                alignItems=\"center\"\r\n                justifyContent=\"flex-start\"\r\n                gap=\"8px\"\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  bgcolor: \"transparent\",\r\n                  transition: \"all 0.3s ease\",\r\n                  color: color.titleDark,\r\n                  borderRadius: \"8px\",\r\n                  \"&:hover\": {\r\n                    color: color.errorColor,\r\n                    bgcolor: color.lightErrorColor,\r\n                    fontWeight: 600,\r\n                  },\r\n                }}\r\n                onClick={() => {\r\n                  setDeleteFromCompany(true);\r\n                  handleDeleteFromCompany();\r\n                }}\r\n              >\r\n                <Typography fontSize={fontSizes.fontSize14}>\r\n                  Remove from workspace\r\n                </Typography>\r\n              </Stack>\r\n              {/* <Stack\r\n                px=\"8px\"\r\n                height=\"34px\"\r\n                direction=\"row\"\r\n                alignItems=\"center\"\r\n                justifyContent=\"flex-start\"\r\n                gap=\"8px\"\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  bgcolor: \"transparent\",\r\n                  transition: \"all 0.3s ease\",\r\n                  color: \"#18181B\",\r\n                  borderRadius: \"8px\",\r\n                  \"&:hover\": {\r\n                    color: \"#007AFF\",\r\n                    bgcolor: \"#007AFF1A\",\r\n                    fontWeight: 600,\r\n                  },\r\n                }}\r\n                onClick={() => handleChangeToFullMember(\"\")}\r\n              >\r\n                <Typography fontSize={fontSizes.mediumFont}  >\r\n                  Change to Full Member\r\n                </Typography>\r\n              </Stack> */}\r\n            </>\r\n          )}\r\n          {/* {pathname === \"/user/workspace-profile\" && isFreePlan && ( */}\r\n          {pathname === \"/user/workspace-profile\" && (\r\n            <>\r\n              {tableData?.role !== \"Admin\" &&\r\n                tableData?.status !== 4 &&\r\n                tableData?.status !== 45 &&\r\n                !isFreePlan && (\r\n                  <Stack\r\n                    px=\"8px\"\r\n                    height=\"34px\"\r\n                    direction=\"row\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"flex-start\"\r\n                    gap=\"8px\"\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                      bgcolor: \"transparent\",\r\n                      transition: \"all 0.3s ease\",\r\n                      color: \"#18181B\",\r\n                      borderRadius: \"8px\",\r\n                      \"&:hover\": {\r\n                        bgcolor: color.commonHoverColor,\r\n                        fontWeight: 600,\r\n                      },\r\n                    }}\r\n                    onClick={() => {\r\n                      setShowMakeAdminModal(true);\r\n                      handleClose();\r\n                      handleCloseMoreMenu();\r\n                    }}\r\n                  >\r\n                    <Typography fontSize={fontSizes.fontSize14}>\r\n                      Make Admin\r\n                    </Typography>\r\n                  </Stack>\r\n                )}\r\n\r\n              {tableData?.role === \"Admin\" &&\r\n                tableData?.status !== 4 &&\r\n                tableData?.status !== 45 &&\r\n                !isFreePlan && (\r\n                  <Stack\r\n                    px=\"8px\"\r\n                    height=\"34px\"\r\n                    direction=\"row\"\r\n                    alignItems=\"center\"\r\n                    justifyContent=\"flex-start\"\r\n                    gap=\"8px\"\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                      bgcolor: \"transparent\",\r\n                      transition: \"all 0.3s ease\",\r\n                      color: \"#18181B\",\r\n                      borderRadius: \"8px\",\r\n                      \"&:hover\": {\r\n                        bgcolor: color.commonHoverColor,\r\n                        fontWeight: 600,\r\n                      },\r\n                    }}\r\n                    onClick={() => {\r\n                      handleClose();\r\n                      setRevokeTeamAdminShow(true);\r\n                      // handleRevokeTeamAdmin();\r\n                      handleCloseMoreMenu();\r\n                    }}\r\n                  >\r\n                    <Typography fontSize={fontSizes.fontSize14}>\r\n                      Revoke Admin\r\n                    </Typography>\r\n                  </Stack>\r\n                )}\r\n              <Stack\r\n                px=\"8px\"\r\n                height=\"34px\"\r\n                direction=\"row\"\r\n                alignItems=\"center\"\r\n                justifyContent=\"flex-start\"\r\n                gap=\"8px\"\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  bgcolor: \"transparent\",\r\n                  transition: \"all 0.3s ease\",\r\n                  color: color.titleDark,\r\n                  borderRadius: \"8px\",\r\n                  \"&:hover\": {\r\n                    color: color.errorColor,\r\n                    bgcolor: color.lightErrorColor,\r\n                    fontWeight: 600,\r\n                  },\r\n                }}\r\n                onClick={() => {\r\n                  setDeleteFromCompany(true);\r\n                  handleDeleteFromCompany();\r\n                  handleCloseMoreMenu();\r\n                }}\r\n              >\r\n                <Typography fontSize={fontSizes.mediumFont}>\r\n                  Remove from workspace\r\n                </Typography>\r\n              </Stack>\r\n            </>\r\n          )}\r\n        </Stack>\r\n      </Popover>\r\n      {/* for worksSpace modal */}\r\n      {addUserToTeamShow && (\r\n        <AddUserToTeamModal\r\n          open={addUserToTeamShow}\r\n          handleClose={() => setAddUserToTeamShow(false)}\r\n          selectedRecordIds={selectedRecordIds}\r\n        />\r\n      )}\r\n\r\n      {createNewTeamModal && (\r\n        <CreateNewTeam\r\n          open={createNewTeamModal}\r\n          setOpen={setCreateNewTeamModal}\r\n          handleClose={() => setCreateNewTeamModal(false)}\r\n          selectedRecordIds={selectedRecordIds}\r\n          modalTitle={\r\n            \"Set up a new team to collaborate effectively. Teams allow you to organize your workspace, assign roles, and manage projects efficiently.\"\r\n          }\r\n        />\r\n      )}\r\n      {changeToGuestShow && (\r\n        <ChangeToGuest\r\n          open={changeToGuestShow}\r\n          handleClose={() => {\r\n            handleCloseMoreMenu();\r\n            setChangeToGuestShow(false);\r\n          }}\r\n          guestUserInfo={deleteUserInfo}\r\n          loadingUserDetails={loadingUserDetails}\r\n          selectedUserId={tableData?.user_id}\r\n          selectedUserData={tableData}\r\n          fetchWorkSpace={() => getMembersByTeamWithSearch(queryArgs)}\r\n          workSpaceData={teamData?.data}\r\n        />\r\n      )}\r\n\r\n      {showManageModal && (\r\n        <ManageModal\r\n          open={showManageModal}\r\n          handleCloseInviteUserModal={() => {\r\n            handleCloseMoreMenu();\r\n            setShowManageModal(false);\r\n            setShowInviteToTeam(false);\r\n          }}\r\n          modalTitle={showInviteToTeam ? \"Invite To Team\" : \"Manage\"}\r\n          tableData={tableData}\r\n          userData={userData}\r\n          setTableData={setTableData}\r\n          isTeamsShow={showInviteToTeam ? true : false}\r\n          fetchTableData={() => getMembersByTeamWithSearch(queryArgs)}\r\n          isFreePlan={isFreePlan}\r\n          showPlans={showPlans}\r\n          setShowPlans={setShowPlans}\r\n          // editableFiled={currentSubscriptionData?.subscriptionData?.package?.includes(\r\n          //   \"Business\"\r\n          // )}\r\n        />\r\n      )}\r\n      {showPlans && <ChoosePlan open={showPlans} setOpen={setShowPlans} />}\r\n      {showApproveDeclineModal && (\r\n        <ApproveLicenseModel\r\n          handleClose={() => {\r\n            handleCloseMoreMenu();\r\n            setShowApproveDeclineModal(false);\r\n            // setShowInviteToTeam(false);\r\n          }}\r\n          fetchTableData={() => getMembersByTeamWithSearch(queryArgs)}\r\n          tableData={tableData}\r\n          isApproveShow={showApproveLicense ? true : false}\r\n          open={showApproveDeclineModal}\r\n          modalTitle={\r\n            showApproveLicense\r\n              ? \"Approve Pending Request\"\r\n              : \"Decline Pending Request\"\r\n          }\r\n          modalBody1={\r\n            showApproveLicense\r\n              ? \"Are you sure you want to approve this request? \"\r\n              : \"Are you sure you want to decline this request?\"\r\n          }\r\n          modalBody2={\r\n            showApproveLicense\r\n              ? \"Once approved, the user will be added to your workspace or team. \"\r\n              : \"The user will not be added to your workspace, and no licenses will be consumed.\"\r\n          }\r\n          modalNote={\r\n            showApproveLicense\r\n              ? \"Approving this request will consume one available license or require an additional purchase.\"\r\n              : \"You can re-invite the user later if needed.\"\r\n          }\r\n        />\r\n      )}\r\n\r\n      {deleteFromCompany && (\r\n        <DeleteUserFromCompany\r\n          open={deleteFromCompany}\r\n          handleClose={() => {\r\n            handleCloseMoreMenu();\r\n            setDeleteFromCompany(false);\r\n          }}\r\n          deleteUserInfo={deleteUserInfo}\r\n          loadingUserDetails={loadingUserDetails}\r\n          selectedUserId={tableData?.user_id}\r\n          selectedUserData={tableData}\r\n          fetchWorkSpace={() => getMembersByTeamWithSearch(queryArgs)}\r\n          workSpaceData={teamData?.data}\r\n        />\r\n      )}\r\n\r\n      {revokeTeamAdminShow && (\r\n        <RevokeTeamAdminModal\r\n          open={revokeTeamAdminShow}\r\n          handleClose={() => {\r\n            setRevokeTeamAdminShow(false);\r\n            handleCloseMoreMenu();\r\n          }}\r\n          fetchUserInfo={() => getMembersByTeamWithSearch(queryArgs)}\r\n          selectedTeamDetails={{\r\n            team_id: teamId,\r\n          }}\r\n          revokeTeamMemberRole={revokeTeamMemberRole}\r\n          selectedUserId={tableData?.user_id}\r\n          selectedUserName={tableData?.name}\r\n          selectedUserEmail={tableData?.email_id}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default InviteUser;\r\n"],"names":["style","position","top","left","transform","width","xs","md","bgcolor","border","boxShadow","p","borderRadius","maxHeight","height","outline","_ref","open","handleCloseModal","userRoles","getInvitedUsersDataWithDefaultValue","dispatch","useDispatch","email","setEmail","useState","emails","setEmails","inputFocus","setInputFocus","loading","setLoading","showLimitModal","setShowLimitModal","showPlans","setShowPlans","useEffect","handleEnterEmail","e","key","emailRegex","trim","length","test","uniqueEmails","Set","newArrayOfEmail","Array","from","includes","SwitchBox","styled","props","_jsx","Switch","_objectSpread","focusVisibleClassName","disableRipple","_ref2","theme","padding","margin","transitionDuration","color","backgroundColor","primaryColor","opacity","applyStyles","palette","grey","boxSizing","transition","transitions","create","duration","_jsxs","_Fragment","children","CustomModal","handleClose","Box","sx","Loader","Stack","direction","alignItems","justifyContent","gap","Typography","fontSize","fontSizes","titleFont","modelTitle","xl","modelTitle1","fontWeight","weight800","titleDark","letterSpacing","IconButton","right","onClick","IcCloseThin","fill","flexDirection","mt","px","IcInfoOutlined","component","cursor","src","s3AssetsUrl","alt","typography","mb","flexWrap","onFocus","onBlur","concat","primaryShadowColor","overflowY","map","i","Chip","avatar","Avatar","toUpperCase","onDelete","prev","filter","prevEmail","handleRemoveEmail","deleteIcon","IcClose","label","ml","mx","TextField","fullWidth","type","value","autoFocus","focused","placeholder","onKeyPress","minWidth","flex","input","py","display","onChange","target","BtnColoredOutlined","greyHover","borderColor","commonBorderColor","hoverSx","darkGray","fontSize13","fontSize14","subTitle","BtnGradient","async","_userRoles$filter$","commanService","postApi","email_ids","role_id","role","role_name","then","_ref3","data","status","successToast","message","catch","error","_error$response","_error$response2","_error$response2$data","_error$response$data","response","warningToast","errorToast","finally","inviteUsers","disabled","IcLinkOutlined","btnTextHeight","LimitModal","limit_img_url","content","heading","ChoosePlan","setOpen","_subscriptionDataSele","_Object$keys","_currentSubscriptionD3","_memberCountsData$tot","_memberCountsData$lic","_memberCountsData$gue","_memberCountsData$pen","_memberCountsData$req","_currentSubscriptionD4","_teamMembers$data3","_currentSubscriptionD5","_currentSubscriptionD6","_currentSubscriptionD7","isHide","isTeamUser","isWorkSpaceProfilePage","setUserRoles","searchValue","setSearchValue","anchorEl","setAnchorEl","showRemoveTeamModal","setShowRemoveTeamModal","showMakeAdminModal","setShowMakeAdminModal","showModal","setShowModal","rowSelection","setRowSelection","isFreePlan","subscriptionDataSelect","package","anchorElAction","setAnchorElAction","showUserDetailsModal","setShowUserDetailsModal","tableData","setTableData","userInformation","setUserInformation","showFetchLoader","setShowFetchLoader","deleteUserInfo","setDeleteUserInfo","revokeTeamAdminShow","setRevokeTeamAdminShow","_useContext","useContext","ModelContext","inviteNewMembers","setInviteNewMembers","createNewTeamModal","setCreateNewTeamModal","modelState","_objectWithoutProperties","_excluded","selectedTeam","sessionStorage","getItem","selectedTeamId","selectedTeamName","JSON","parse","navigate","useNavigate","currentSubscriptionData","useSelector","state","common","pathname","useLocation","addUserToTeamShow","setAddUserToTeamShow","changeToGuestShow","setChangeToGuestShow","deleteFromCompany","setDeleteFromCompany","memberCountsData","setMemberCountsData","loadingUserDetails","setLoadingUserDetails","userData","showManageModal","setShowManageModal","showApproveDeclineModal","setShowApproveDeclineModal","showInviteToTeam","setShowInviteToTeam","showApproveLicense","setShowApproveLicense","useTheme","isXs","useMediaQuery","breakpoints","down","isSm","between","selected","setSelected","resendInvite","isLoading","reInviteInProgress","useResendInviteMutation","teamId","localStorage","commonFilters","license","licenseRequest","invited","queryArgs","filters","getMembersByTeamWithSearch","teamMembers","teamIsLoading","useGetMembersByTeamWithSearchMutation","getWorkSpaceUserById","useGetWorkSpaceUserByIdMutation","getWorkSpaceDetail","teamData","useGetWorkSpaceDetailMutation","revokeTeamMemberRole","useRevokeTeamMemberRoleMutation","selectedTeamInfo","refetch","teamFetching","useGetTeamProfileByTeamQuery","skip","accountOwner","isAccountOwner","invitedFromUserSidebar","_teamMembers$data","memberCounts","stringify","setTimeout","removeItem","removeMember","removing","useRemoveMemberFromTeamMutation","changeToFullMember","useChangeToFullMemberMutation","updateTeamMemberRole","makeAdminLoader","useUpdateTeamMemberRoleMutation","id","Boolean","undefined","howManyUserSelected","Object","keys","selectedRecordIds","rowIndex","_teamMembers$data2","_teamMembers$data2$me","members","user_id","handleClick","event","currentTarget","handleCardClick","card","result","handleCloseMoreMenu","popoverId","getInvitedUsersDataList","useCallback","searchParam","debouncedSearch","useMemo","debounce","getApi","_data$data$roles","roles","resData","_error$response$data2","columns","accessorKey","header","enableSorting","enableResizing","Cell","row","accountOwnerTakeRec","name","profile_picture","mediumFont","textTransform","profile_color","split","word","_word$","slice","join","email_id","textAlign","mr","_row$architecture_acc","marginLeft","architecture_access_count","_row$templates_count","templates_count","is_admin","last_login","localDateFormat","maxWidth","commonStyles","borderRadiusMD","IcMenuDotsVertical","_word$2","_row$email_id","_currentSubscriptionD","_currentSubscriptionD2","subscriptionData","lightSuccessColor","borderRadiusLG","successColor","lightYellowBg","yellowColorTitle","btnText","handleDeleteFromCompany","_result$data7","_result$data8","gridTemplateColumns","sm","IcAllUser","variant","weight400","lineHeight","fontSize20","total_users","IcFullLicensedUser","license_users","IcGuestUser","guest_users","IcInvitesUser","pending_users","IcPendingRequest","Pending","License","request_access_count","CommonLink","pt","paddingBottom","SearchInput","lg","isdoubleborder","showBorder","formControlSx","FilterSection","largeFont","IcDownArrow","btnColor","clearSubmission","TableComponent","isTableLoading","title","desc","customSortIcons","ascending","IcSortingTableAse","descending","IcSortingTableDes","showSortingIconOnHover","tableFullSpaceManage","tableFullEmptySpaceManage","InviteUserForm","MakeAdminModal","handleMakeAdmin","payload","team_id","_result$data3","_result$error2","_result$error2$data","_result$data4","selectedUserName","RemoveTeamModal","handleRemoveMember","member","_result$data","_result$error","_result$error$data","_result$data2","selectedUserEmail","UserDetailsModel","handleOpen","Popover","onClose","anchorOrigin","vertical","horizontal","transformOrigin","whiteColor","commonHoverColor","is_account_owner","_response$data","userId","_error$data","handleResendInvite","CircularProgress","size","handleCopyEmailClick","navigator","clipboard","writeText","handleUserInfoClick","setItem","errorColor","lightErrorColor","AddUserToTeamModal","CreateNewTeam","modalTitle","ChangeToGuest","guestUserInfo","selectedUserId","selectedUserData","fetchWorkSpace","workSpaceData","ManageModal","handleCloseInviteUserModal","isTeamsShow","fetchTableData","ApproveLicenseModel","isApproveShow","modalBody1","modalBody2","modalNote","DeleteUserFromCompany","RevokeTeamAdminModal","fetchUserInfo","selectedTeamDetails"],"sourceRoot":""}