{"version":3,"file":"static/js/main-3528b48e.c85b5ea3.js","mappings":"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","sources":["Components/user-sections/pages/profile/Notifications.js","Components/user-sections/pages/profile/ProfileInfo.js","Components/user-sections/pages/profile/SelectedTeamProfile.js","Components/user-sections/pages/profile/TeamProfile.js"],"sourcesContent":["import {\r\n  Box,\r\n  Grid,\r\n  Stack,\r\n  Typography,\r\n  useMediaQuery,\r\n  useTheme,\r\n} from \"@mui/material\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport BtnGradient from \"../../../../common-components/buttons/BtnGradient\";\r\nimport CheckBoxComponents from \"../../../../common-components/CheckBoxComponents\";\r\nimport {\r\n  useGetNotificationInfoMutation,\r\n  useSlackConnectCheckMutation,\r\n  useSlackConnectMutation,\r\n  useSlackDisconnectMutation,\r\n  useUpdateNotificationInfoMutation,\r\n} from \"../../../../Redux/api/usersApi\";\r\nimport { errorToast, successToast } from \"../../../../Redux/toastSlice\";\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 NotificationModal from \"./components/NotificationModal\";\r\nimport AbsoluteLoader from \"../../../../CommanUI/Loader/AbsoluteLoader\";\r\nimport CommonDivider from \"../../../../common-components/CommonDivider\";\r\nimport CommonBulletPoint from \"../../../../CommanUI/CommonBulletPoint\";\r\nimport { s3AssetsUrl } from \"../../../DrawBoard/const\";\r\n\r\nconst Notifications = () => {\r\n  // const options = [\"Email\", \"Slack\", \"Microsoft Team\"];\r\n  const options = [\"email\", \"slack\"];\r\n  const [loader, setLoader] = useState(false);\r\n  const [btnLoading, setBtnLoading] = useState(false);\r\n  const [showNotificationModal, setShowNotificationModal] = useState(false);\r\n  const [isSlackConnected, setIsSlackConnected] = useState(false);\r\n  const [isSlackLoading, setIsSlackLoading] = useState(false);\r\n  const theme = useTheme();\r\n  const matchDown950 = useMediaQuery(theme.breakpoints.down(950));\r\n  const [\r\n    getNotificationInfo,\r\n    { data: notificationsData, isLoading: notificationIsLoading },\r\n  ] = useGetNotificationInfoMutation();\r\n  const [updateNotificationInfo] = useUpdateNotificationInfoMutation();\r\n  const [slackConnect] = useSlackConnectMutation();\r\n  const [slackDisconnect] = useSlackDisconnectMutation();\r\n  const [slackConnectCheck, { data: slackConnectCheckData }] =\r\n    useSlackConnectCheckMutation();\r\n  const dispatch = useDispatch();\r\n\r\n  const takeSlackRequest = localStorage.getItem(\"slack_oauth_state\");\r\n  const initializeState = (dataKey) =>\r\n    options.reduce((acc, label) => {\r\n      if (label === \"email\") {\r\n        acc[label] = notificationsData?.data?.[dataKey]?.email ?? false;\r\n      } else if (label === \"slack\") {\r\n        acc[label] = notificationsData?.data?.[dataKey]?.slack ?? false;\r\n      }\r\n      acc[\"microsoft_teams\"] = false;\r\n      return acc;\r\n    }, {});\r\n\r\n  const [checkedState, setCheckedState] = useState({\r\n    board_shared_with_me: initializeState(\"board_shared_with_me\"),\r\n    board_shared_with_team: initializeState(\"board_shared_with_team\"),\r\n    request_access_to_board: initializeState(\"request_access_to_board\"),\r\n    thread_comments: initializeState(\"thread_comments\"),\r\n    mentions: initializeState(\"mentions\"),\r\n  });\r\n\r\n  const [checkedState3, setCheckedState3] = useState({\r\n    space_update: initializeState(\"space_update\"),\r\n    team_update: initializeState(\"team_update\"),\r\n    request_access_to_team: initializeState(\"request_access_to_team\"),\r\n    invite_to_team: initializeState(\"invite_to_team\"),\r\n  });\r\n\r\n  const [subscribeToEmail, setSubscribeToEmail] = useState(\r\n    notificationsData?.data?.subscribe_to_email ?? false\r\n  );\r\n\r\n  useEffect(() => {\r\n    getNotificationInfo();\r\n    slackConnectCheck();\r\n    // localStorage.setItem(\"slack_oauth_state\", \"\");\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (notificationsData?.data) {\r\n      setCheckedState({\r\n        board_shared_with_me: initializeState(\"board_shared_with_me\"),\r\n        board_shared_with_team: initializeState(\"board_shared_with_team\"),\r\n        request_access_to_board: initializeState(\"request_access_to_board\"),\r\n        thread_comments: initializeState(\"thread_comments\"),\r\n        mentions: initializeState(\"mentions\"),\r\n      });\r\n\r\n      setCheckedState3({\r\n        space_update: initializeState(\"space_update\"),\r\n        team_update: initializeState(\"team_update\"),\r\n        request_access_to_team: initializeState(\"request_access_to_team\"),\r\n        invite_to_team: initializeState(\"invite_to_team\"),\r\n      });\r\n\r\n      setSubscribeToEmail(notificationsData?.data?.subscribe_to_email ?? false);\r\n    }\r\n\r\n    if (slackConnectCheckData?.data?.slack == true) {\r\n      setIsSlackConnected(slackConnectCheckData?.data?.slack);\r\n      localStorage.setItem(\"slack_oauth_state\", \"connected\");\r\n    } else if (\r\n      slackConnectCheckData?.data?.slack == false &&\r\n      takeSlackRequest === \"pending_connect\"\r\n    ) {\r\n      errorToast({\r\n        message: \"Something went to wrong with slack\",\r\n      });\r\n      localStorage.setItem(\"slack_oauth_state\", \"pending_connect\");\r\n    }\r\n  }, [notificationsData?.data, slackConnectCheckData?.data]);\r\n\r\n  const handleChange = async (event, group, label) => {\r\n    const newState = {\r\n      ...checkedState,\r\n      [group]: {\r\n        ...checkedState[group],\r\n        [label]: event?.target?.checked,\r\n      },\r\n    };\r\n\r\n    // Temporarily keep the check unchanged until the API call succeeds\r\n    const previousValue = checkedState[group][label];\r\n    setCheckedState((prevState) => ({\r\n      ...prevState,\r\n      [group]: {\r\n        ...prevState[group],\r\n        [label]: previousValue,\r\n      },\r\n    }));\r\n\r\n    const result = await updateNotification(\r\n      newState,\r\n      checkedState3,\r\n      subscribeToEmail,\r\n      \"\"\r\n    );\r\n\r\n    // Update the check only if the API call succeeds\r\n    if (result?.data?.status) {\r\n      setCheckedState(newState);\r\n    } else {\r\n      setCheckedState((prevState) => ({\r\n        ...prevState,\r\n        [group]: {\r\n          ...prevState[group],\r\n          [label]: previousValue,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleChange3 = async (event, group, label) => {\r\n    const newState = {\r\n      ...checkedState3,\r\n      [group]: {\r\n        ...checkedState3[group],\r\n        [label]: event?.target?.checked,\r\n      },\r\n    };\r\n\r\n    // Temporarily keep the check unchanged until the API call succeeds\r\n    const previousValue = checkedState3[group][label];\r\n    setCheckedState3((prevState) => ({\r\n      ...prevState,\r\n      [group]: {\r\n        ...prevState[group],\r\n        [label]: previousValue,\r\n      },\r\n    }));\r\n\r\n    const result = await updateNotification(\r\n      checkedState,\r\n      newState,\r\n      subscribeToEmail,\r\n      \"\"\r\n    );\r\n\r\n    // Update the check only if the API call succeeds\r\n    if (result?.data?.status) {\r\n      setCheckedState3(newState);\r\n    } else {\r\n      setCheckedState3((prevState) => ({\r\n        ...prevState,\r\n        [group]: {\r\n          ...prevState[group],\r\n          [label]: previousValue,\r\n        },\r\n      }));\r\n    }\r\n  };\r\n\r\n  const updateNotification = async (\r\n    updatedState1,\r\n    updatedState3,\r\n    subscribeToEmail,\r\n    type\r\n  ) => {\r\n    try {\r\n      if (type !== \"SubscribeBtn\") {\r\n        setLoader(true);\r\n      }\r\n      const result = await updateNotificationInfo({\r\n        board_shared_with_me: updatedState1.board_shared_with_me,\r\n        board_shared_with_team: updatedState1.board_shared_with_team,\r\n        request_access_to_board: updatedState1.request_access_to_board,\r\n        thread_comments: updatedState1.thread_comments,\r\n        mentions: updatedState1.mentions,\r\n        space_update: updatedState3.space_update,\r\n        invitees_sign_up: updatedState3.invitees_sign_up,\r\n        team_update: updatedState3.team_update,\r\n        request_access_to_team: updatedState3.request_access_to_team,\r\n        invite_to_team: updatedState3.invite_to_team,\r\n        subscribe_to_email: subscribeToEmail,\r\n      });\r\n\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        if (type === \"SubscribeBtn\" && subscribeToEmail === true) {\r\n          setShowNotificationModal(true);\r\n        }\r\n        dispatch(\r\n          successToast({\r\n            message: result?.data?.message,\r\n          })\r\n        );\r\n      }\r\n      return result;\r\n    } catch (error) {\r\n      console.error({ error }, \"error\");\r\n      return { error };\r\n    } finally {\r\n      setLoader(false);\r\n      setBtnLoading(false);\r\n    }\r\n  };\r\n\r\n  const handleSubscribe = async () => {\r\n    setBtnLoading(true);\r\n\r\n    const previousSubscribedState = subscribeToEmail;\r\n    const updatedSubscribedState = !previousSubscribedState;\r\n\r\n    // Temporarily keep the subscribe state unchanged until the API call succeeds\r\n    setSubscribeToEmail(previousSubscribedState);\r\n\r\n    const result = await updateNotification(\r\n      checkedState,\r\n      checkedState3,\r\n      updatedSubscribedState,\r\n      \"SubscribeBtn\"\r\n    );\r\n\r\n    // Update the subscribe state only if the API call succeeds\r\n    if (result?.data?.status) {\r\n      setSubscribeToEmail(updatedSubscribedState);\r\n      if (updatedSubscribedState === true) {\r\n        setShowNotificationModal(true);\r\n      }\r\n    } else {\r\n      setSubscribeToEmail(previousSubscribedState);\r\n    }\r\n\r\n    setBtnLoading(false);\r\n  };\r\n\r\n  const handleSlackConnect = async () => {\r\n    setIsSlackLoading(true);\r\n    if (isSlackConnected) {\r\n      await slackDisconnect()\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            localStorage.setItem(\"slack_oauth_state\", \"disconnected\");\r\n            dispatch(\r\n              successToast({\r\n                message: result?.data?.message,\r\n              })\r\n            );\r\n            setIsSlackConnected(false);\r\n            getNotificationInfo();\r\n            slackConnectCheck();\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          console.error({ error }, \"error\");\r\n        });\r\n    } else {\r\n      await slackConnect()\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            // Save state to localStorage\r\n            localStorage.setItem(\"slack_oauth_state\", \"pending_connect\");\r\n            window.location.href = result?.data?.data?.slack_url;\r\n            // window.open(result?.data?.data?.slack_url, \"_blank\"); // Open Slack OAuth URL in a new tab\r\n            // dispatch(\r\n            //   successToast({\r\n            //     message: result?.data?.message,\r\n            //   })\r\n            // );\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          console.error({ error }, \"error\");\r\n        });\r\n    }\r\n    setIsSlackLoading(false);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Box\r\n        bgcolor={\"#FFF\"}\r\n        sx={{\r\n          overflow: \"auto\",\r\n          px: 1,\r\n          pb: 1,\r\n        }}\r\n      >\r\n        {(loader || notificationIsLoading) && <AbsoluteLoader />}\r\n        <Box>\r\n          <Stack\r\n            direction={\"row\"}\r\n            height={\"80px\"}\r\n            width={\"100%\"}\r\n            borderRadius={\"12px\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n            px={\"16px\"}\r\n            border={\"1px solid #E1E1E1\"}\r\n            mt={\"12px\"}\r\n          >\r\n            <Stack gap={\"16px\"} direction={\"row\"} alignItems={\"center\"}>\r\n              <img\r\n                src={s3AssetsUrl + \"/images/slack_logo.svg\"}\r\n                alt=\"SlackLogo\"\r\n              />\r\n              <Stack gap={\"4px\"}>\r\n                <Typography\r\n                  color={\"#18181B\"}\r\n                  fontSize={{\r\n                    sm: fontSizes.fontSize14,\r\n                    md: fontSizes.fontSize16,\r\n                  }}\r\n                  fontWeight={600}\r\n                  height={\"20px\"}\r\n                >\r\n                  Slack\r\n                </Typography>\r\n                <Typography\r\n                  color={\"#848382\"}\r\n                  fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }}\r\n                  // height={\"18px\"}\r\n                >\r\n                  Stay informed with updates through Slack notifications.\r\n                </Typography>\r\n              </Stack>\r\n            </Stack>\r\n            <BtnGradient\r\n              sx={{\r\n                px: \"24px\",\r\n              }}\r\n              onClick={() => handleSlackConnect()}\r\n              loading={isSlackLoading}\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                {isSlackConnected ? \"Disconnect\" : \" Connect\"}\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Stack>\r\n\r\n          <Box\r\n            mt={matchDown950 ? \"24px\" : \"30px\"}\r\n            sx={{\r\n              width: \"100%\",\r\n            }}\r\n          >\r\n            <Typography\r\n              fontSize={{\r\n                xs: fontSizes.fontSize18px,\r\n                xl: fontSizes.fontSize20,\r\n              }}\r\n              fontWeight={fontWeight.weight600}\r\n              color={color.titleDark}\r\n              width={\"100%\"}\r\n            >\r\n              Board Activities and Discussion Notifications\r\n            </Typography>\r\n            <Box mt={2.4}>\r\n              <Grid container columnSpacing={2} rowSpacing={4}>\r\n                <Grid item xs={12} md={6} lg={4}>\r\n                  <Stack direction={\"row\"} gap={\"7px\"}>\r\n                    <CommonBulletPoint height={\"6px\"} width={\"6px\"} />\r\n                    <Typography\r\n                      color={color.titleDark}\r\n                      fontSize={{\r\n                        xs: 14,\r\n                        xl: 15,\r\n                      }}\r\n                      fontWeight={500}\r\n                    >\r\n                      When someone shares a board with me\r\n                    </Typography>\r\n                  </Stack>\r\n                  <Grid container spacing={2}>\r\n                    {options.map((label) => (\r\n                      <Grid\r\n                        key={label}\r\n                        item\r\n                        xs={label === \"Microsoft Team\" ? 6 : 3}\r\n                        mt={\"1rem\"}\r\n                        spacing={0}\r\n                        sx={{\r\n                          maxWidth: \"20% !important\",\r\n                        }}\r\n                        ml={1.85}\r\n                      >\r\n                        <CheckBoxComponents\r\n                          key={label}\r\n                          label={label}\r\n                          checked={checkedState.board_shared_with_me[label]}\r\n                          onChange={(checked) =>\r\n                            handleChange(checked, \"board_shared_with_me\", label)\r\n                          }\r\n                          disabled={\r\n                            label === \"slack\" ? !isSlackConnected : false\r\n                          }\r\n                        />\r\n                      </Grid>\r\n                    ))}\r\n                  </Grid>\r\n                </Grid>\r\n                <Grid item xs={12} md={6} lg={4}>\r\n                  <Stack direction={\"row\"} gap={\"7px\"}>\r\n                    <CommonBulletPoint height={\"6px\"} width={\"6px\"} />\r\n                    <Typography\r\n                      color={color.titleDark}\r\n                      fontSize={{\r\n                        xs: 14,\r\n                        xl: 15,\r\n                      }}\r\n                      fontWeight={500}\r\n                    >\r\n                      When someone share a board with my space\r\n                    </Typography>\r\n                  </Stack>\r\n                  <Grid container spacing={2}>\r\n                    {options.map((label) => (\r\n                      <Grid\r\n                        key={label}\r\n                        item\r\n                        xs={label === \"Microsoft Team\" ? 6 : 3}\r\n                        mt={\"1rem\"}\r\n                        sx={{\r\n                          maxWidth: \"20% !important\",\r\n                        }}\r\n                        ml={1.85}\r\n                      >\r\n                        <CheckBoxComponents\r\n                          key={label}\r\n                          label={label}\r\n                          checked={checkedState.board_shared_with_team[label]}\r\n                          onChange={(event) =>\r\n                            handleChange(event, \"board_shared_with_team\", label)\r\n                          }\r\n                          disabled={\r\n                            label === \"slack\" ? !isSlackConnected : false\r\n                          }\r\n                        />\r\n                      </Grid>\r\n                    ))}\r\n                  </Grid>\r\n                </Grid>\r\n                <Grid item xs={12} md={6} lg={4}>\r\n                  <Stack direction={\"row\"} gap={\"7px\"}>\r\n                    <CommonBulletPoint height={\"6px\"} width={\"6px\"} />\r\n                    <Typography\r\n                      color={color.titleDark}\r\n                      fontSize={{\r\n                        xs: 14,\r\n                        xl: 15,\r\n                      }}\r\n                      fontWeight={500}\r\n                    >\r\n                      When someone sends a request to access a board\r\n                    </Typography>\r\n                  </Stack>\r\n                  <Grid container spacing={2}>\r\n                    {options.map((label) => (\r\n                      <Grid\r\n                        key={label}\r\n                        item\r\n                        xs={label === \"Microsoft Team\" ? 6 : 3}\r\n                        mt={\"1rem\"}\r\n                        sx={{\r\n                          maxWidth: \"20% !important\",\r\n                        }}\r\n                        ml={1.85}\r\n                      >\r\n                        <CheckBoxComponents\r\n                          key={label}\r\n                          label={label}\r\n                          checked={checkedState.request_access_to_board[label]}\r\n                          onChange={(event) =>\r\n                            handleChange(\r\n                              event,\r\n                              \"request_access_to_board\",\r\n                              label\r\n                            )\r\n                          }\r\n                          disabled={\r\n                            label === \"slack\" ? !isSlackConnected : false\r\n                          }\r\n                        />\r\n                      </Grid>\r\n                    ))}\r\n                  </Grid>\r\n                </Grid>\r\n                <Grid item xs={12} md={6} lg={4}>\r\n                  <Stack direction={\"row\"} gap={\"7px\"}>\r\n                    <CommonBulletPoint height={\"6px\"} width={\"6px\"} />\r\n                    <Typography\r\n                      color={color.titleDark}\r\n                      fontSize={{\r\n                        xs: 14,\r\n                        xl: 15,\r\n                      }}\r\n                      fontWeight={500}\r\n                    >\r\n                      When someone comments in a thread I’m following\r\n                    </Typography>\r\n                  </Stack>\r\n                  <Grid container spacing={2}>\r\n                    {options.map((label) => (\r\n                      <Grid\r\n                        key={label}\r\n                        item\r\n                        xs={label === \"Microsoft Team\" ? 6 : 3}\r\n                        mt={\"1rem\"}\r\n                        sx={{\r\n                          maxWidth: \"20% !important\",\r\n                        }}\r\n                        ml={1.85}\r\n                      >\r\n                        <CheckBoxComponents\r\n                          key={label}\r\n                          label={label}\r\n                          checked={checkedState.thread_comments[label]}\r\n                          onChange={(event) =>\r\n                            handleChange(event, \"thread_comments\", label)\r\n                          }\r\n                          disabled={\r\n                            label === \"slack\" ? !isSlackConnected : false\r\n                          }\r\n                        />\r\n                      </Grid>\r\n                    ))}\r\n                  </Grid>\r\n                </Grid>\r\n                <Grid item xs={12} md={6} lg={4}>\r\n                  <Stack direction={\"row\"} gap={\"7px\"}>\r\n                    <CommonBulletPoint height={\"6px\"} width={\"6px\"} />\r\n                    <Typography\r\n                      color={color.titleDark}\r\n                      fontSize={{\r\n                        xs: 14,\r\n                        xl: 15,\r\n                      }}\r\n                      fontWeight={500}\r\n                      whiteSpace={\"nowrap\"}\r\n                    >\r\n                      When someone mentions @me in a comment\r\n                    </Typography>\r\n                  </Stack>\r\n                  <Grid container spacing={2}>\r\n                    {options.map((label) => (\r\n                      <Grid\r\n                        key={label}\r\n                        item\r\n                        xs={label === \"Microsoft Team\" ? 6 : 3}\r\n                        mt={\"1rem\"}\r\n                        sx={{\r\n                          maxWidth: \"20% !important\",\r\n                        }}\r\n                        ml={1.85}\r\n                      >\r\n                        <CheckBoxComponents\r\n                          key={label}\r\n                          label={label}\r\n                          checked={checkedState.mentions[label]}\r\n                          onChange={(event) =>\r\n                            handleChange(event, \"mentions\", label)\r\n                          }\r\n                          disabled={\r\n                            label === \"slack\" ? !isSlackConnected : false\r\n                          }\r\n                        />\r\n                      </Grid>\r\n                    ))}\r\n                  </Grid>\r\n                </Grid>\r\n              </Grid>\r\n            </Box>\r\n          </Box>\r\n\r\n          <CommonDivider\r\n            my={\"0px\"}\r\n            border={`1px solid ${color.darkGray}`}\r\n            sx={{\r\n              mt: matchDown950 ? \"24px\" : \"30px\",\r\n              opacity: 1,\r\n            }}\r\n          />\r\n          <Box\r\n            mt={matchDown950 ? \"18px\" : \"20px\"}\r\n            sx={{\r\n              width: \"100%\",\r\n            }}\r\n          >\r\n            <Typography\r\n              fontSize={{\r\n                xs: fontSizes.fontSize18px,\r\n                xl: fontSizes.fontSize20,\r\n              }}\r\n              fontWeight={fontWeight.weight600}\r\n              color={color.titleDark}\r\n              width={\"100%\"}\r\n            >\r\n              When someone adds me to a space\r\n            </Typography>\r\n            <Grid container columnSpacing={2} rowSpacing={4} xs={12}>\r\n              {/* <Grid item xs={12} md={6} lg={4}>\r\n                <Stack direction={\"row\"} gap={\"7px\"} mt={2.4}>\r\n                  <CommonBulletPoint height={\"6px\"} width={\"6px\"} />\r\n                  <Typography\r\n                    fontSize={fontSizes.fontSize15}\r\n                    fontWeight={fontWeight.weight500}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Space Updates\r\n                  </Typography>\r\n                </Stack>\r\n                <Grid container spacing={2}>\r\n                  {options.map((label) => (\r\n                    <Grid\r\n                      key={label}\r\n                      item\r\n                      xs={label === \"Microsoft Team\" ? 6 : 3}\r\n                      mt={\"1rem\"}\r\n                      sx={{\r\n                        maxWidth: \"21% !important\",\r\n                      }}\r\n                      ml={1.5}\r\n                    >\r\n                      <CheckBoxComponents\r\n                        key={label}\r\n                        label={label}\r\n                        checked={checkedState3.space_update[label]}\r\n                        onChange={(event) =>\r\n                          handleChange3(event, \"space_update\", label)\r\n                        }\r\n                        disabled={label === \"slack\" ? !isSlackConnected : false}\r\n                      // loading={loader}\r\n                      />\r\n                    </Grid>\r\n                  ))}\r\n                </Grid>\r\n              </Grid>\r\n\r\n              <Grid item xs={12} md={6} lg={4}>\r\n                <Stack direction={\"row\"} gap={\"7px\"} mt={2.4}>\r\n                  <CommonBulletPoint height={\"6px\"} width={\"6px\"} />\r\n                  <Typography\r\n                    fontSize={fontSizes.fontSize15}\r\n                    fontWeight={fontWeight.weight500}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Team activity updates\r\n                  </Typography>\r\n                </Stack>\r\n                <Grid container spacing={2}>\r\n                  {options.map((label) => (\r\n                    <Grid\r\n                      key={label}\r\n                      item\r\n                      xs={label === \"Microsoft Team\" ? 6 : 3}\r\n                      mt={\"1rem\"}\r\n                      sx={{\r\n                        maxWidth: \"20% !important\",\r\n                      }}\r\n                      ml={1.85}\r\n                    >\r\n                      <CheckBoxComponents\r\n                        key={label}\r\n                        label={label}\r\n                        checked={checkedState3.team_update[label]}\r\n                        onChange={(event) =>\r\n                          handleChange3(event, \"team_update\", label)\r\n                        }\r\n                        disabled={label === \"slack\" ? !isSlackConnected : false}\r\n                      // loading={loader}\r\n                      />\r\n                    </Grid>\r\n                  ))}\r\n                </Grid>\r\n              </Grid> */}\r\n\r\n              <Grid item xs={12} md={6} lg={4}>\r\n                <Stack direction={\"row\"} gap={\"7px\"} mt={2.4}>\r\n                  <CommonBulletPoint height={\"6px\"} width={\"6px\"} />\r\n                  <Typography\r\n                    fontSize={fontSizes.fontSize15}\r\n                    fontWeight={fontWeight.weight500}\r\n                    color={color.titleDark}\r\n                  >\r\n                    When someone Requests access to my team\r\n                  </Typography>\r\n                </Stack>\r\n                <Grid container spacing={2}>\r\n                  {options.map((label) => (\r\n                    <Grid\r\n                      key={label}\r\n                      item\r\n                      xs={label === \"Microsoft Team\" ? 6 : 3}\r\n                      mt={\"1rem\"}\r\n                      sx={{\r\n                        maxWidth: \"20% !important\",\r\n                      }}\r\n                      ml={1.85}\r\n                    >\r\n                      <CheckBoxComponents\r\n                        key={label}\r\n                        label={label}\r\n                        checked={checkedState3.request_access_to_team[label]}\r\n                        onChange={(event) =>\r\n                          handleChange3(event, \"request_access_to_team\", label)\r\n                        }\r\n                        disabled={label === \"slack\" ? !isSlackConnected : false}\r\n                      />\r\n                    </Grid>\r\n                  ))}\r\n                </Grid>\r\n              </Grid>\r\n\r\n              <Grid item xs={12} md={6} lg={4}>\r\n                <Stack direction={\"row\"} gap={\"7px\"} mt={2.4}>\r\n                  <CommonBulletPoint height={\"6px\"} width={\"6px\"} />\r\n                  <Typography\r\n                    fontSize={fontSizes.fontSize15}\r\n                    fontWeight={fontWeight.weight500}\r\n                    color={color.titleDark}\r\n                  >\r\n                    When someone invites me to a team\r\n                  </Typography>\r\n                </Stack>\r\n                <Grid container spacing={2}>\r\n                  {options.map((label) => (\r\n                    <Grid\r\n                      key={label}\r\n                      item\r\n                      xs={label === \"Microsoft Team\" ? 6 : 3}\r\n                      mt={\"1rem\"}\r\n                      sx={{\r\n                        maxWidth: \"20% !important\",\r\n                      }}\r\n                      ml={1.85}\r\n                    >\r\n                      <CheckBoxComponents\r\n                        key={label}\r\n                        label={label}\r\n                        checked={checkedState3.invite_to_team[label]}\r\n                        onChange={(event) =>\r\n                          handleChange3(event, \"invite_to_team\", label)\r\n                        }\r\n                        disabled={label === \"slack\" ? !isSlackConnected : false}\r\n                      />\r\n                    </Grid>\r\n                  ))}\r\n                </Grid>\r\n              </Grid>\r\n            </Grid>\r\n          </Box>\r\n\r\n          <CommonDivider\r\n            my={\"0px\"}\r\n            border={`1px solid ${color.darkGray}`}\r\n            sx={{\r\n              mt: matchDown950 ? \"24px\" : \"30px\",\r\n              opacity: 1,\r\n            }}\r\n          />\r\n          <Box\r\n            mt={matchDown950 ? \"18px\" : \"20px\"}\r\n            sx={{\r\n              width: \"100%\",\r\n            }}\r\n          >\r\n            <Typography\r\n              fontSize={{\r\n                xs: fontSizes.fontSize18px,\r\n                xl: fontSizes.fontSize20,\r\n              }}\r\n              fontWeight={fontWeight.weight600}\r\n              color={color.titleDark}\r\n              width={\"100%\"}\r\n              mb={{\r\n                xs: \"5px\",\r\n                xl: \"7px\",\r\n              }}\r\n            >\r\n              Subscribe To Email Updates\r\n            </Typography>\r\n            <Stack direction={\"row\"} alignItems={\"flex-start\"}>\r\n              <Typography\r\n                fontSize={{\r\n                  xs: fontSizes.fontSize12px,\r\n                  xl: fontSizes.fontSize14,\r\n                }}\r\n                fontWeight={fontWeight.weight400}\r\n                color={color.subTitle}\r\n              >\r\n                Subscribe to email updates and stay informed about new features,\r\n                updates, and tips from Cloudairy.\r\n              </Typography>\r\n            </Stack>\r\n\r\n            <BtnGradient\r\n              sx={{\r\n                px: \"24px\",\r\n                mt: 2,\r\n                mb: {\r\n                  xs: \"10px\",\r\n                },\r\n              }}\r\n              onClick={() => {\r\n                handleSubscribe();\r\n              }}\r\n              loading={btnLoading}\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                {subscribeToEmail ? \"Unsubscribe\" : \"Subscribe\"}\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n\r\n      {showNotificationModal && (\r\n        <NotificationModal\r\n          open={showNotificationModal}\r\n          handleClose={() => setShowNotificationModal(false)}\r\n          handleClickDone={() => setShowNotificationModal(false)}\r\n          isLoading={btnLoading}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Notifications;\r\n","import { Box, Stack, Typography, useMediaQuery, useTheme } from \"@mui/material\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport LargeSimpleInput from \"../../../../common-components/LargeSimpleInput\";\r\nimport {\r\n  IcDeleteOutlined,\r\n  IcEditGallery,\r\n} from \"../../../../assets/icon-components\";\r\nimport BtnGradient from \"../../../../common-components/buttons/BtnGradient\";\r\nimport { useEffect, useState } from \"react\";\r\nimport commanService from \"../../../../CommanFunctions/commanService\";\r\nimport { updateUserData } from \"../../../../Redux/common-reducer\";\r\nimport Loader from \"../../../../CommanUI/Loader/loader\";\r\nimport BtnColoredOutlined from \"../../../../common-components/buttons/BtnColoredOutlined\";\r\nimport {\r\n  errorToast,\r\n  successToast,\r\n  warningToast,\r\n} from \"../../../../Redux/toastSlice\";\r\nimport CustomAutoSelect from \"../../../../common-components/CustomAutoSelect\";\r\nimport BtnWhiteBordered from \"../../../../common-components/buttons/BtnWhiteBordered\";\r\nimport ChangeEmail from \"./components/ChangeEmail\";\r\nimport ForgotPasswordModel from \"./components/ForgotPasswordModel\";\r\nimport SignOutAllDeviceModal from \"./components/SignOutAllDeviceModal\";\r\nimport DeleteAccountModal from \"./components/DeleteAccountModal\";\r\nimport ManageCookiesModal from \"./components/ManageCookiesModal\";\r\nimport { Controller, useForm } from \"react-hook-form\";\r\nimport { useGetAccountDetailQuery } from \"../../../../Redux/api/userApi\";\r\nimport _ from \"lodash\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport ChangePasswordForm from \"./components/ChangePasswordForm\";\r\nimport ConfirmationDeleteWorkSpace from \"./components/ConfirmationDeleteWorkSpace\";\r\nimport { color } from \"../../../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../../../Utils/style/font/fontsizes\";\r\nimport VerifyCodeModal from \"./components/VerifyCodeModal\";\r\nimport SetNewPasswordModal from \"./components/SetNewPasswordModal\";\r\nimport { fontWeight } from \"../../../../Utils/style/weight/fontWeight\";\r\nimport CommonDivider from \"../../../../common-components/CommonDivider\";\r\nimport CommonLink from \"../../../../common-components/buttons/CommonLink\";\r\nimport CommonBulletPoint from \"../../../../CommanUI/CommonBulletPoint\";\r\n\r\nconst industryOpt = [\r\n  { label: \"Technology & IT\", value: 1 },\r\n  { label: \"Finance & Banking\", value: 2 },\r\n  { label: \"Healthcare & Life Sciences\", value: 3 },\r\n  { label: \"Education & Training\", value: 4 },\r\n  { label: \"Manufacturing & Production\", value: 5 },\r\n  { label: \"Retail & E-commerce\", value: 6 },\r\n  { label: \"Telecommunications\", value: 7 },\r\n  { label: \"Media & Entertainment\", value: 8 },\r\n  { label: \"Marketing & Advertising\", value: 9 },\r\n  { label: \"Consulting & Professional Services\", value: 10 },\r\n  { label: \"Non-Profit & NGO\", value: 11 },\r\n  { label: \"Government & Public Sector\", value: 12 },\r\n  { label: \"Real Estate & Property Management\", value: 13 },\r\n  { label: \"Energy & Utilities\", value: 14 },\r\n  { label: \"Travel & Hospitality\", value: 15 },\r\n  { label: \"Transportation & Logistics\", value: 16 },\r\n  { label: \"Legal & Law Firms\", value: 17 },\r\n  { label: \"Agriculture & Agribusiness\", value: 18 },\r\n  { label: \"Insurance\", value: 19 },\r\n  { label: \"Aerospace & Defense\", value: 20 },\r\n];\r\n\r\nconst rolesOpt = [\r\n  { label: \"Project Management\", value: 1 },\r\n  { label: \"Product Management\", value: 2 },\r\n  { label: \"Engineering / Development\", value: 3 },\r\n  { label: \"Agile Coach / Scrum Master\", value: 4 },\r\n  { label: \"UX Research\", value: 5 },\r\n  { label: \"Design\", value: 6 },\r\n  { label: \"Marketing\", value: 7 },\r\n  { label: \"Operations\", value: 8 },\r\n  { label: \"Sales / Success\", value: 9 },\r\n  { label: \"Customer Support\", value: 10 },\r\n  { label: \"Analytics / Data Science\", value: 11 },\r\n  { label: \"IT Services\", value: 12 },\r\n  { label: \"HR / People\", value: 13 },\r\n  { label: \"Legal / Finance\", value: 14 },\r\n  { label: \"Teacher / Student\", value: 15 },\r\n  { label: \"Other\", value: 16 },\r\n];\r\n\r\n// const languageOpt = [\r\n//   { label: \"English\", value: 1 },\r\n//   { label: \"Español\", value: 2 },\r\n//   { label: \"Deutsch\", value: 3 },\r\n//   { label: \"Français\", value: 4 },\r\n//   { label: \"日本語\", value: 5 },\r\n//   { label: \"Português\", value: 6 },\r\n// ];\r\n\r\nconst ProfileInfo = () => {\r\n  const {\r\n    control,\r\n    handleSubmit,\r\n    setValue,\r\n    getValues,\r\n    reset,\r\n    watch,\r\n    formState: { errors: error },\r\n  } = useForm({\r\n    mode: \"onSubmit\",\r\n  });\r\n  const [btnDisabled, setBtnDisabled] = useState(true);\r\n  const formValues = watch();\r\n\r\n  const user_data = JSON.parse(localStorage.getItem(\"user_data\"));\r\n\r\n  const {\r\n    data: getAccountDetail,\r\n    isLoading: loadingAccountDetails,\r\n    isFetching: dataFetchAccountDetail,\r\n    refetch: refetchProfile,\r\n    // status,\r\n  } = useGetAccountDetailQuery(user_data?.user_id);\r\n\r\n  const theme = useTheme();\r\n  const matchDown950 = useMediaQuery(theme.breakpoints.down(950));\r\n  const dispatch = useDispatch();\r\n  const location = useLocation();\r\n  const userData = useSelector((state) => state.common.userData);\r\n  const [profileData, setProfileData] = useState({\r\n    company_name: \"\",\r\n    first_name: \"\",\r\n    last_name: \"\",\r\n    email: \"\",\r\n    industry: industryOpt[0],\r\n    role: rolesOpt[0],\r\n  });\r\n  const [profileErrors, setProfileErrors] = useState({\r\n    company_name: \"\",\r\n    first_name: \"\",\r\n    last_name: \"\",\r\n  });\r\n  const [selectedImage, setSelectedImage] = useState(null);\r\n  const [selectedImageFile, setSelectedImageFile] = useState(null);\r\n  const [removeProfilePhoto, setRemoveProfilePhoto] = useState(false);\r\n  const [loader, setLoader] = useState(false);\r\n  const [confirmDeleteAccount, setConfirmDeleteAccount] = useState(false);\r\n  const [editEmail, setEditEmail] = useState(false);\r\n  const [passwordModal, setPasswordModal] = useState(false);\r\n  const [signOutAllDeviceModal, setSignOutAllDeviceModal] = useState(false);\r\n  const [deleteAccountModal, setDeleteAccountModal] = useState(false);\r\n  const [verifyOtpModal, setVerifyOtpModalModal] = useState(false);\r\n  const [setNewPassModal, setSetNewPassModalModal] = useState(false);\r\n  const [manageCookiesModal, setManageCookiesModal] = useState(false);\r\n  const [imgUpdate, setImgUpdate] = useState(false);\r\n  const [initialProfileData, setInitialProfileData] = useState(null);\r\n  // const currentPassRef = useRef(null);\r\n  // const newPassRef = useRef(null);\r\n  // const confirmPassRef = useRef(null);\r\n  // const [passwords, setPasswords] = useState({\r\n  //   current_password: \"\",\r\n  //   new_password: \"\",\r\n  //   confirm_password: \"\",\r\n  // });\r\n  const [errors, setErrors] = useState({\r\n    current_password: \"\",\r\n    new_password: \"\",\r\n    confirm_password: \"\",\r\n  });\r\n  // const [showPasswords, setShowPasswords] = useState({\r\n  //   current_password: false,\r\n  //   new_password: false,\r\n  //   confirm_password: false,\r\n  // });\r\n  const [errorMessage, setErrorMessage] = useState(\"\");\r\n\r\n  const workSpaceName = JSON.parse(\r\n    localStorage.getItem(\"user_data\")\r\n  )?.company_name;\r\n\r\n  useEffect(() => {\r\n    refetchProfile();\r\n  }, [workSpaceName]);\r\n\r\n  useEffect(() => {\r\n    if (getAccountDetail) {\r\n      reset();\r\n      let tempIndustry = industryOpt.find(\r\n        (item) => item.label === getAccountDetail?.data?.account_json?.job_title\r\n      );\r\n\r\n      let tempRole = rolesOpt.find(\r\n        (item) => item.label === getAccountDetail?.data?.account_json?.role\r\n      );\r\n      setValue(\"first_name\", getAccountDetail?.data?.user?.name.split(\" \")[0]);\r\n      setValue(\"last_name\", getAccountDetail?.data?.user?.name.split(\" \")[1]);\r\n      setValue(\"email\", getAccountDetail?.data?.user?.email);\r\n      setValue(\"company_name\", getAccountDetail?.data?.account_name);\r\n      setValue(\"industry\", tempIndustry);\r\n      setValue(\"role\", tempRole);\r\n      // setValue(\"language\", getAccountDetail.language || languageOpt[0]);\r\n      setSelectedImage(getAccountDetail?.data?.user?.profile_picture);\r\n      let temp = {\r\n        first_name: getAccountDetail?.data?.user?.name.split(\" \")[0],\r\n        last_name: getAccountDetail?.data?.user?.name.split(\" \")[1],\r\n        email: getAccountDetail?.data?.user?.email,\r\n        company_name: getAccountDetail?.data?.account_name,\r\n        industry: tempIndustry || industryOpt[0],\r\n        // language: getAccountDetail?.data?.language || languageOpt[0],\r\n        role: tempRole || rolesOpt[0],\r\n      };\r\n      setProfileData(temp);\r\n      setInitialProfileData(temp);\r\n    }\r\n  }, [location, getAccountDetail, userData]);\r\n\r\n  useEffect(() => {\r\n    if (!_.isEqual(profileData, getValues()) || imgUpdate) {\r\n      setBtnDisabled(false);\r\n    } else {\r\n      setBtnDisabled(true);\r\n    }\r\n  }, [formValues, imgUpdate]);\r\n\r\n  // const resetData = () => {\r\n  //   setShowPasswords({\r\n  //     confirm_password: false,\r\n  //     current_password: false,\r\n  //     new_password: false,\r\n  //   });\r\n  //   setPasswords({\r\n  //     confirm_password: \"\",\r\n  //     current_password: \"\",\r\n  //     new_password: \"\",\r\n  //   });\r\n  //   setErrors({\r\n  //     confirm_password: \"\",\r\n  //     current_password: \"\",\r\n  //     new_password: \"\",\r\n  //   });\r\n  // };\r\n\r\n  // const validatePassword = (name, password) => {\r\n  //   const minLengthRegex = /.{6,}/; // At least 8 characters\r\n  //   const specialCharRegex = /[!@#$%^&*()_+\\-=\\[\\]{};':\"\\\\|,.<>\\/?]+/; // At least one special character\r\n  //   const numberRegex = /\\d+/; // At least one digit\r\n  //   const uppercaseRegex = /[A-Z]+/; // At least one uppercase letter\r\n  //   const lowercaseRegex = /[a-z]+/; // At least one lowercase letter\r\n  //   let valid = true;\r\n  //   if (name === \"current_password\") {\r\n  //     if (password?.trim()?.length <= 0) {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         current_password: \"Current password is required\",\r\n  //       }));\r\n  //       valid = false;\r\n  //     } else {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         current_password: \"\",\r\n  //       }));\r\n  //       valid = true;\r\n  //     }\r\n  //   } else if (name === \"confirm_password\") {\r\n  //     if (password?.trim().length <= 0) {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         confirm_password: \"Confirm password is required\",\r\n  //       }));\r\n  //       valid = false;\r\n  //     } else if (password !== passwords.new_password) {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         confirm_password: \"New password and confirm password must be match.\",\r\n  //       }));\r\n  //       valid = false;\r\n  //     } else {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         confirm_password: \"\",\r\n  //       }));\r\n  //       valid = true;\r\n  //     }\r\n  //   } else {\r\n  //     if (password?.trim().length <= 0) {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         new_password: \"New password is required\",\r\n  //       }));\r\n  //       valid = false;\r\n  //     } else if (!minLengthRegex.test(password)) {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         new_password: \"New password must be at least 8 characters long.\",\r\n  //       }));\r\n  //       valid = false;\r\n  //     } else if (!specialCharRegex.test(password)) {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         new_password:\r\n  //           \"New password must contain at least one special character.\",\r\n  //       }));\r\n  //       valid = false;\r\n  //     } else if (!numberRegex.test(password)) {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         new_password: \"New password must contain at least one number.\",\r\n  //       }));\r\n  //       valid = false;\r\n  //     } else if (!uppercaseRegex.test(password)) {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         new_password:\r\n  //           \"New password must contain at least one uppercase letter.\",\r\n  //       }));\r\n  //       valid = false;\r\n  //     } else if (!lowercaseRegex.test(password)) {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         new_password:\r\n  //           \"New password must contain at least one lowercase letter.\",\r\n  //       }));\r\n  //       valid = false;\r\n  //     } else {\r\n  //       setErrors((prev) => ({\r\n  //         ...prev,\r\n  //         new_password: \"\",\r\n  //       }));\r\n  //       valid = true;\r\n  //     }\r\n  //   }\r\n\r\n  //   return valid;\r\n  // };\r\n\r\n  // const handleChangePassword = async () => {\r\n  //   const validCurrentPassword = validatePassword(\r\n  //     \"current_password\",\r\n  //     passwords.current_password\r\n  //   );\r\n  //   const validNewPassword = validatePassword(\r\n  //     \"new_password\",\r\n  //     passwords.new_password\r\n  //   );\r\n  //   const validConfirmPassword = validatePassword(\r\n  //     \"confirm_password\",\r\n  //     passwords.confirm_password\r\n  //   );\r\n\r\n  //   if (validNewPassword && validCurrentPassword && validConfirmPassword) {\r\n  //     setLoader(true);\r\n  //     try {\r\n  //       const response = await commanService.postApi(\r\n  //         \"user\",\r\n  //         \"change-password\",\r\n  //         {\r\n  //           oldpassword: passwords.current_password,\r\n  //           newpassword: passwords.new_password,\r\n  //         }\r\n  //       );\r\n\r\n  //       dispatch(successToast({ message: response.data.message }));\r\n  //       setPasswords({\r\n  //         current_password: \"\",\r\n  //         new_password: \"\",\r\n  //         confirm_password: \"\",\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  //     } finally {\r\n  //       setLoader(false);\r\n  //     }\r\n  //   }\r\n  // };\r\n\r\n  const handleValidateFields = (name, value = \"\") => {\r\n    if (name === \"company_name\") {\r\n      if (value.trim().length <= 0) {\r\n        setProfileErrors((prev) => ({\r\n          ...prev,\r\n          [name]: \"Account Name is required\",\r\n        }));\r\n      } else {\r\n        setProfileErrors((prev) => ({\r\n          ...prev,\r\n          [name]: \"\",\r\n        }));\r\n      }\r\n    }\r\n\r\n    if (name === \"first_name\") {\r\n      if (value.trim().length <= 0) {\r\n        setProfileErrors((prev) => ({\r\n          ...prev,\r\n          [name]: \"First name is required\",\r\n        }));\r\n      } else {\r\n        setProfileErrors((prev) => ({\r\n          ...prev,\r\n          [name]: \"\",\r\n        }));\r\n      }\r\n    }\r\n\r\n    if (name === \"last_name\") {\r\n      if (value.trim().length <= 0) {\r\n        setProfileErrors((prev) => ({\r\n          ...prev,\r\n          [name]: \"Last name is required\",\r\n        }));\r\n      } else {\r\n        setProfileErrors((prev) => ({\r\n          ...prev,\r\n          [name]: \"\",\r\n        }));\r\n      }\r\n    }\r\n  };\r\n\r\n  //   const handleCountryPhoneChange = (country) => {\r\n  //     setSelectedCountryPhone(country);\r\n  //   };\r\n\r\n  //   const handleCountryChange = (country) => {\r\n  //     setSelectedCountry(country);\r\n  //   };\r\n\r\n  const handleFileChange = (event) => {\r\n    const file = event.target.files[0];\r\n    const maxFileSize = 2 * 1024 * 1024; // 2 MB in bytes\r\n\r\n    if (file) {\r\n      if (file.size > maxFileSize) {\r\n        setErrorMessage(\"File size should not exceed 2 MB.\");\r\n        return;\r\n      } else {\r\n        setErrorMessage(\"\");\r\n      }\r\n\r\n      setImgUpdate(true);\r\n      const reader = new FileReader();\r\n      setSelectedImageFile(file);\r\n      reader.onload = () => {\r\n        const img = new Image();\r\n        img.src = reader.result;\r\n\r\n        img.onload = () => {\r\n          setSelectedImage(reader.result);\r\n          setRemoveProfilePhoto(false);\r\n        };\r\n      };\r\n\r\n      reader.readAsDataURL(file);\r\n    }\r\n  };\r\n\r\n  const handleChangeInput = (e) => {\r\n    const { name, value } = e.target;\r\n    setProfileData((prev) => ({\r\n      ...prev,\r\n      [name]: value,\r\n    }));\r\n    handleValidateFields(name, value);\r\n  };\r\n\r\n  const handleClickEditProfile = () => {\r\n    const file_input = document.getElementById(\"file_input\");\r\n    file_input.click();\r\n  };\r\n\r\n  const handleRemovePhotoForm = () => {\r\n    const file_input = document.getElementById(\"file_input\");\r\n    file_input.value = \"\";\r\n\r\n    if (!selectedImageFile) {\r\n      setRemoveProfilePhoto(true);\r\n    }\r\n    if (getAccountDetail?.data?.user?.profile_picture && !selectedImageFile) {\r\n      setSelectedImage(null);\r\n      setImgUpdate(true);\r\n    } else if (removeProfilePhoto) {\r\n      setSelectedImage(null);\r\n    } else {\r\n      setSelectedImage(getAccountDetail?.data?.user?.profile_picture);\r\n      setImgUpdate(false);\r\n    }\r\n    setSelectedImageFile(null);\r\n    setErrorMessage(\"\");\r\n  };\r\n\r\n  const handleResetForm = () => {\r\n    const file_input = document.getElementById(\"file_input\");\r\n    file_input.value = \"\";\r\n    setRemoveProfilePhoto(true);\r\n    // setSelectedImage(null);\r\n    setSelectedImage(getAccountDetail?.data?.user?.profile_picture);\r\n    setSelectedImageFile(null);\r\n    setImgUpdate(false);\r\n    reset(initialProfileData);\r\n  };\r\n\r\n  // let btnPasswordDisabled =\r\n  //   !passwords.current_password &&\r\n  //   !passwords.new_password &&\r\n  //   !passwords.confirm_password;\r\n\r\n  const isAccountOwner = userData?.role;\r\n\r\n  const handleSaveChanges = async (data) => {\r\n    setLoader(true);\r\n    let tempProfileData = {\r\n      first_name: data.first_name,\r\n      last_name: data?.last_name,\r\n      company_name: data.company_name,\r\n      email_id: data.email,\r\n      industry: data.industry?.label,\r\n      role: data.role?.label,\r\n    };\r\n    try {\r\n      if (!errors.company_name && !errors.first_name && !errors.last_name) {\r\n        let imagePath;\r\n        if (selectedImageFile) {\r\n          const formData = new FormData();\r\n          formData.append(\"file\", selectedImageFile);\r\n          formData.append(\"fileName\", profileData.first_name);\r\n          const imageUploadResponse = await commanService.uploadApi(\r\n            \"drawboard\",\r\n            `upload/files`,\r\n            formData\r\n          );\r\n          imagePath = imageUploadResponse.data.data[0]?.location;\r\n        }\r\n\r\n        // API request to update the user profile\r\n        const response = await commanService.patchApi(\r\n          \"user\",\r\n          `user/${userData.user_id}`,\r\n          {\r\n            ...tempProfileData,\r\n            profile_picture: removeProfilePhoto\r\n              ? \"\"\r\n              : imagePath || userData?.profile_picture || \"\",\r\n          }\r\n        );\r\n\r\n        // Check the response status to ensure it's successful\r\n        if (response?.status === 200) {\r\n          // Update local state with the new profile data\r\n          dispatch(\r\n            updateUserData({\r\n              first_name: data.first_name,\r\n              last_name: data?.last_name,\r\n              company_name: data.company_name,\r\n              email_id: data.email,\r\n              profile_picture: removeProfilePhoto\r\n                ? \"\"\r\n                : imagePath || userData?.profile_picture || \"\",\r\n            })\r\n          );\r\n          refetchProfile();\r\n\r\n          localStorage.setItem(\r\n            \"user_data\",\r\n            JSON.stringify({\r\n              ...userData,\r\n              first_name: data.first_name,\r\n              last_name: data?.last_name,\r\n              company_name: data.company_name,\r\n              email_id: data.email,\r\n              profile_picture: removeProfilePhoto\r\n                ? \"\"\r\n                : imagePath || userData?.profile_picture || \"\",\r\n            })\r\n          );\r\n\r\n          // Clear selected image and file after successful update\r\n          setSelectedImage(null);\r\n          setSelectedImageFile(null);\r\n          setRemoveProfilePhoto(false);\r\n          setImgUpdate(false);\r\n\r\n          // Show success toast notification\r\n          response.data?.message &&\r\n            dispatch(successToast({ message: response.data?.message }));\r\n          // dispatch(successToast({ message: \"Profile Updated Successfully\" }));\r\n          // setBtnDisabled(true);\r\n        } else {\r\n          // If the API response was not successful, handle the failure\r\n          dispatch(\r\n            errorToast({\r\n              message: \"Oops! Something went wrong. Please try again.\",\r\n            })\r\n          );\r\n        }\r\n      }\r\n\r\n      setProfileData(data);\r\n      // setImgUpdate(true);\r\n    } catch (error) {\r\n      // Handle error response from the API\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    } finally {\r\n      setLoader(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {(dataFetchAccountDetail || loadingAccountDetails) && <Loader />}\r\n      <Box\r\n        bgcolor={\"#FFF\"}\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      // px={\"5px\"}\r\n      >\r\n        {loader && <Loader />}\r\n\r\n        <Stack>\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"flex-start\"}\r\n            gap={\"20px\"}\r\n          >\r\n            <Box\r\n              sx={{\r\n                width: {\r\n                  xs: \"70px\",\r\n                  sm: \"80px\",\r\n                  md: \"90px\",\r\n                  xl: \"100px\",\r\n                },\r\n                position: \"relative\",\r\n                height: {\r\n                  xs: \"70px\",\r\n                  sm: \"80px\",\r\n                  md: \"90px\",\r\n                  xl: \"100px\",\r\n                },\r\n                borderRadius: \"50%\",\r\n                border: \"1px solid #e6eaef\",\r\n                backgroundColor: selectedImage\r\n                  ? \"transparent\"\r\n                  : userData?.profile_color,\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n                overflow: \"hidden\",\r\n                transition: \"all 0.3s ease\",\r\n                \"& .action_button\": {\r\n                  visibility: \"hidden\",\r\n                  opacity: 0,\r\n                  transition: \"opacity 0.3s ease\",\r\n                },\r\n                \"& input\": { display: \"none\" },\r\n                \"&:hover\": {\r\n                  \"& .action_button\": {\r\n                    visibility: \"visible\",\r\n                    opacity: 1,\r\n                  },\r\n                },\r\n              }}\r\n            >\r\n              <Stack\r\n                className=\"action_button\"\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                gap={\"10px\"}\r\n                sx={{\r\n                  width: \"100%\",\r\n                  height: \"100%\",\r\n                  background: \"#00000066\",\r\n                  position: \"absolute\",\r\n                  top: 0,\r\n                  left: 0,\r\n                }}\r\n              >\r\n                <Box\r\n                  sx={{\r\n                    width: {\r\n                      sm: \"32px\",\r\n                      md: \"34px\",\r\n                    },\r\n                    height: {\r\n                      sm: \"32px\",\r\n                      md: \"34px\",\r\n                    },\r\n                    backgroundColor: \"#FFFFFF\",\r\n                    borderRadius: \"50%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    cursor: \"pointer\",\r\n                    transition: \"all 0.3s ease\",\r\n                    \"& path\": {\r\n                      fill: \"#18181B\",\r\n                      transition: \"all 0.3s ease\",\r\n                    },\r\n                    \"&:hover\": {\r\n                      backgroundColor: color.primaryColor,\r\n                      transition: \"all 0.3s ease\",\r\n                      \"& path\": {\r\n                        fill: \"#FFFFFF\",\r\n                        transition: \"all 0.3s ease\",\r\n                      },\r\n                    },\r\n                  }}\r\n                  onClick={handleClickEditProfile}\r\n                >\r\n                  {/* <IcEditOutlined width=\"15\" height=\"15\" /> */}\r\n                  <IcEditGallery width=\"22\" height=\"22\" />\r\n                </Box>\r\n                {selectedImage && (\r\n                  <Box\r\n                    sx={{\r\n                      width: {\r\n                        sm: \"32px\",\r\n                        md: \"34px\",\r\n                      },\r\n                      height: {\r\n                        sm: \"32px\",\r\n                        md: \"34px\",\r\n                      },\r\n                      backgroundColor: \"#FFFFFF\",\r\n                      borderRadius: \"50%\",\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      cursor: \"pointer\",\r\n                      transition: \"all 0.3s ease\",\r\n                      \"& path\": {\r\n                        stroke: \"#18181B\",\r\n                        transition: \"all 0.3s ease\",\r\n                      },\r\n                      \"&:hover\": {\r\n                        backgroundColor: color.primaryColor,\r\n                        transition: \"all 0.3s ease\",\r\n                        \"& path\": {\r\n                          stroke: \"#FFFFFF\",\r\n                          transition: \"all 0.3s ease\",\r\n                        },\r\n                      },\r\n                    }}\r\n                    onClick={handleRemovePhotoForm}\r\n                  >\r\n                    <IcDeleteOutlined width=\"20\" height=\"20\" />\r\n                  </Box>\r\n                )}\r\n              </Stack>\r\n              <input\r\n                type=\"file\"\r\n                accept=\".jpg, .jpeg, .png, .webp\"\r\n                id=\"file_input\"\r\n                onChange={handleFileChange}\r\n              />\r\n              {selectedImage ? (\r\n                <img\r\n                  src={selectedImage}\r\n                  alt=\"Selected\"\r\n                  style={{\r\n                    width: \"100%\",\r\n                    height: \"100%\",\r\n                    objectFit: \"cover\",\r\n                    borderRadius: \"50%\",\r\n                  }}\r\n                />\r\n              ) : (\r\n                <Typography\r\n                  sx={{\r\n                    fontSize: {\r\n                      xs: fontSizes.fontSize27,\r\n                      md: fontSizes.fontSize30,\r\n                      xl: fontSizes.fontSize32,\r\n                    },\r\n                    color: \"#fff\",\r\n                    // mt: 1,\r\n                  }}\r\n                >\r\n                  {profileData.first_name &&\r\n                    profileData.first_name[0]?.toUpperCase()}\r\n                  {profileData?.last_name &&\r\n                    profileData?.last_name[0]?.toUpperCase()}\r\n                </Typography>\r\n              )}\r\n            </Box>\r\n\r\n            <Stack>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: {\r\n                    xs: fontSizes.fontSize18px,\r\n                    md: fontSizes.fontSize19,\r\n                    xl: fontSizes.fontSize20,\r\n                  },\r\n                  color: color.titleDark,\r\n                  fontWeight: fontWeight.weight600,\r\n                }}\r\n              >\r\n                {getAccountDetail?.data?.user?.name}\r\n                {/* {profileData.first_name} {profileData.last_name} */}\r\n              </Typography>\r\n\r\n              <Typography\r\n                sx={{\r\n                  fontSize: {\r\n                    xs: fontSizes.mediumFont,\r\n                    md: fontSizes.fontSize13,\r\n                    xl: fontSizes.fontSize14,\r\n                  },\r\n                  color: \"#848382\",\r\n                }}\r\n              >\r\n                {/* {profileData.email} */}\r\n                {getAccountDetail?.data?.user?.email}\r\n              </Typography>\r\n            </Stack>\r\n          </Stack>\r\n          {errorMessage && (\r\n            <Typography\r\n              sx={{\r\n                fontSize: {\r\n                  xs: fontSizes.mediumFont,\r\n                  md: fontSizes.fontSize13,\r\n                  xl: fontSizes.fontSize14,\r\n                },\r\n                color: color.errorColor,\r\n                marginLeft: \"8px\",\r\n                // width: {\r\n                //   xs: \"90px\",\r\n                //   sm: \"100px\",\r\n                //   md: \"110px\",\r\n                //   xl: \"120px\",\r\n                // },\r\n                position: \"relative\",\r\n              }}\r\n            >\r\n              {errorMessage}\r\n            </Typography>\r\n          )}\r\n          <Box\r\n            mt={matchDown950 ? \"16px\" : \"20px\"}\r\n          // sx={{\r\n          //   width: \"99%\",\r\n          // }}\r\n          >\r\n            <form onSubmit={handleSubmit(handleSaveChanges)}>\r\n              <Stack\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"space-between\"}\r\n                flexWrap={\"wrap\"}\r\n                gap={\"16px\"}\r\n              // px={\"5px\"}\r\n              >\r\n                <Controller\r\n                  name=\"first_name\"\r\n                  control={control}\r\n                  defaultValue={profileData.first_name}\r\n                  rules={{\r\n                    required: \"First name is required\",\r\n                    minLength: {\r\n                      value: 2,\r\n                      message: \"First name must be at least 2 characters\",\r\n                    },\r\n                  }}\r\n                  render={({ field }) => (\r\n                    <LargeSimpleInput\r\n                      fullWidth={false}\r\n                      autoFocus={!isAccountOwner}\r\n                      label={\"First name\"}\r\n                      onChange={handleChangeInput}\r\n                      placeholder={\"Enter first name\"}\r\n                      errorMessage={error?.first_name?.message}\r\n                      height={42}\r\n                      mainSx={{\r\n                        minWidth: matchDown950 ? \"100%\" : \"calc(50% - 18px)\",\r\n                      }}\r\n                      {...field}\r\n                      required\r\n                    />\r\n                  )}\r\n                />\r\n\r\n                <Controller\r\n                  name=\"last_name\"\r\n                  control={control}\r\n                  defaultValue={profileData?.last_name}\r\n                  rules={{\r\n                    required: \"Last name is required\",\r\n                    minLength: {\r\n                      value: 2,\r\n                      message: \"Last name must be at least 2 characters\",\r\n                    },\r\n                  }}\r\n                  render={({ field }) => (\r\n                    <LargeSimpleInput\r\n                      fullWidth={false}\r\n                      autoFocus={!isAccountOwner}\r\n                      label={\"Last name\"}\r\n                      placeholder={\"Enter last name\"}\r\n                      onChange={handleChangeInput}\r\n                      errorMessage={error?.last_name?.message}\r\n                      {...field}\r\n                      height={42}\r\n                      mainSx={{\r\n                        minWidth: matchDown950 ? \"100%\" : \"calc(50% - 18px)\",\r\n                      }}\r\n                      required\r\n                    />\r\n                  )}\r\n                />\r\n\r\n                <Controller\r\n                  name=\"email\"\r\n                  control={control}\r\n                  defaultValue={profileData.email}\r\n                  render={({ field }) => (\r\n                    <LargeSimpleInput\r\n                      disabled={true}\r\n                      fullWidth={false}\r\n                      label={\"Email address\"}\r\n                      placeholder={\"Enter email address\"}\r\n                      {...field}\r\n                      height={42}\r\n                      labelAdornment={\r\n                        <CommonLink onClick={() => setEditEmail(true)}>\r\n                          Change\r\n                        </CommonLink>\r\n                        // <Typography\r\n                        //   sx={{\r\n                        //     fontSize: {\r\n                        //       xs: fontSizes.mediumFont,\r\n                        //       md: fontSizes.fontSize13,\r\n                        //       xl: fontSizes.fontSize14,\r\n                        //     },\r\n                        //     fontWeight: fontWeight.weight600,\r\n                        //     cursor: \"pointer\",\r\n                        //     color: color.primaryColor,\r\n                        //   }}\r\n                        //   onClick={() => setEditEmail(true)}\r\n                        // >\r\n                        //   Change\r\n                        // </Typography>\r\n                      }\r\n                      mainSx={{\r\n                        minWidth: matchDown950 ? \"100%\" : \"calc(50% - 18px)\",\r\n                        \"& input\": { backgroundColor: \"#F2F3F5\" },\r\n                      }}\r\n                    />\r\n                  )}\r\n                />\r\n\r\n                <Controller\r\n                  name=\"company_name\"\r\n                  control={control}\r\n                  defaultValue={profileData.company_name}\r\n                  rules={{\r\n                    required: \"Workspace name name is required\",\r\n                    minLength: {\r\n                      value: 2,\r\n                      message:\r\n                        \"Workspace name name must be at least 2 characters\",\r\n                    },\r\n                  }}\r\n                  render={({ field }) => (\r\n                    <LargeSimpleInput\r\n                      fullWidth={false}\r\n                      label={\"Workspace name\"}\r\n                      placeholder={\"Enter workspace name\"}\r\n                      onChange={handleChangeInput}\r\n                      {...field}\r\n                      errorMessage={error?.company_name?.message}\r\n                      disabled={isAccountOwner !== \"Account Owner\"}\r\n                      height={42}\r\n                      mainSx={{\r\n                        minWidth: matchDown950 ? \"100%\" : \"calc(50% - 18px)\",\r\n                        \"& input\": {\r\n                          backgroundColor:\r\n                            isAccountOwner !== \"Account Owner\"\r\n                              ? \"#F2F3F5\"\r\n                              : \"inherit\",\r\n                        },\r\n                      }}\r\n                      required\r\n                    />\r\n                  )}\r\n                />\r\n\r\n                <Controller\r\n                  name=\"industry\"\r\n                  control={control}\r\n                  defaultValue={profileData.industry}\r\n                  render={({ field }) => (\r\n                    <CustomAutoSelect\r\n                      label={\"Industry\"}\r\n                      height={42}\r\n                      {...field}\r\n                      options={industryOpt}\r\n                      noOptionsText={\"No Industries\"}\r\n                      fullWidth={false}\r\n                      mainSx={{\r\n                        minWidth: matchDown950 ? \"100%\" : \"calc(50% - 18px)\",\r\n                      }}\r\n                    />\r\n                  )}\r\n                />\r\n\r\n                <Controller\r\n                  name=\"role\"\r\n                  control={control}\r\n                  defaultValue={profileData.role}\r\n                  render={({ field }) => {\r\n                    return (\r\n                      <CustomAutoSelect\r\n                        label={\"Role\"}\r\n                        height={42}\r\n                        {...field}\r\n                        value={rolesOpt.find((role) =>\r\n                          typeof field.value === \"string\"\r\n                            ? role.label === field.value\r\n                            : role.label === field.value.label\r\n                        )}\r\n                        options={rolesOpt}\r\n                        noOptionsText={\"No Role\"}\r\n                        fullWidth={false}\r\n                        mainSx={{\r\n                          minWidth: matchDown950 ? \"100%\" : \"calc(50% - 18px)\",\r\n                        }}\r\n                      />\r\n                    );\r\n                  }}\r\n                />\r\n              </Stack>\r\n\r\n              <Stack\r\n                mt={matchDown950 ? \"16px\" : \"24px\"}\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                gap={\"20px\"}\r\n              >\r\n                {!btnDisabled && (\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={() => {\r\n                      handleResetForm();\r\n                    }}\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={color.subTitle}\r\n                    >\r\n                      Cancel\r\n                    </Typography>\r\n                  </BtnColoredOutlined>\r\n                )}\r\n\r\n                <BtnGradient\r\n                  sx={{ px: \"24px\" }}\r\n                  disabled={btnDisabled}\r\n                  type=\"submit\"\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                    Save Changes\r\n                  </Typography>\r\n                </BtnGradient>\r\n              </Stack>\r\n            </form>\r\n          </Box>\r\n\r\n          {/* \r\n\r\n          <Box\r\n            mt={matchDown950 ? \"24px\" : \"30px\"}\r\n            sx={{\r\n              width: \"100%\",\r\n            }}\r\n          >\r\n            <Typography\r\n              fontSize={{\r\n                xs: 16,\r\n                xl: 20,\r\n              }}\r\n              fontWeight={600}\r\n              height={{\r\n                xs: \"23px\",\r\n                xl: \"25px\",\r\n              }}\r\n              color={\"#18181B\"}\r\n              width={\"100%\"}\r\n              mb={{\r\n                xs: \"18px\",\r\n                xl: \"20px\",\r\n              }}\r\n            >\r\n              Language\r\n            </Typography>\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"space-between\"}\r\n              flexWrap={\"wrap\"}\r\n              gap={\"24px\"}\r\n            >\r\n              <CustomAutoSelect\r\n                // {...field}\r\n                disabled={true}\r\n                label={\"Display language\"}\r\n                 height={42}\r\n                value={languageOpt[0]}\r\n                onChange={(value) => {\r\n                  setProfileData((prev) => ({\r\n                    ...prev,\r\n                    language: value,\r\n                  }));\r\n                }}\r\n                options={languageOpt}\r\n                noOptionsText={\"No display language\"}\r\n                fullWidth={false}\r\n                mainSx={{\r\n                  width: matchDown950 ? \"100%\" : \"calc(50% - 18px)\",\r\n                  \"& label\": {\r\n                    mb: {\r\n                      xs: \"5px\",\r\n                      md: \"0px\",\r\n                      xl: \"5px\",\r\n                    },\r\n                  },\r\n                }}\r\n              />\r\n            </Stack>\r\n          </Box> */}\r\n\r\n          <CommonDivider\r\n            my={\"0px\"}\r\n            border={`1px solid ${color.darkGray}`}\r\n            sx={{\r\n              mt: matchDown950 ? \"24px\" : \"30px\",\r\n              opacity: 1,\r\n            }}\r\n          />\r\n\r\n          <Box\r\n            mt={matchDown950 ? \"18px\" : \"22px\"}\r\n            sx={{\r\n              width: \"100%\",\r\n            }}\r\n          >\r\n            <Stack\r\n              flexDirection={\"row\"}\r\n              justifyContent={\"space-between\"}\r\n              mb={{\r\n                xs: \"18px\",\r\n                xl: \"20px\",\r\n              }}\r\n            >\r\n              <Typography\r\n                fontSize={{\r\n                  xs: fontSizes.fontSize16,\r\n                  md: fontSizes.fontSize19,\r\n                  xl: fontSizes.fontSize20,\r\n                }}\r\n                fontWeight={600}\r\n                height={{\r\n                  xs: \"23px\",\r\n                  xl: \"25px\",\r\n                }}\r\n                color={\"#18181B\"}\r\n              >\r\n                Change Password\r\n              </Typography>\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                fontWeight={600}\r\n                color={color.primaryColor}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                }}\r\n                onClick={() => {\r\n                  setPasswordModal(true);\r\n                }}\r\n              >\r\n                Forgot Password?\r\n              </Typography> */}\r\n              <CommonLink\r\n                onClick={() => {\r\n                  setPasswordModal(true);\r\n                }}\r\n              >\r\n                Forgot Password?\r\n              </CommonLink>\r\n            </Stack>\r\n            <Stack\r\n              justifyContent={\"space-between\"}\r\n              flexWrap={\"wrap\"}\r\n              gap={\"24px\"}\r\n            >\r\n              {/* <AuthInput\r\n                sx={{\r\n                  width: \"48.6%\",\r\n                }}\r\n                inputRef={currentPassRef}\r\n                label={\"Current Password\"}\r\n                required={btnPasswordDisabled ? false : true}\r\n                placeholder={\"Current Password\"}\r\n                value={passwords?.current_password}\r\n                 height={42}\r\n                errorMessage={errors.current_password}\r\n                onChange={(e) => {\r\n                  setPasswords((prev) => ({\r\n                    ...prev,\r\n                    current_password: e.target.value,\r\n                  }));\r\n                  // validatePassword(\"current_password\", e.target.value);\r\n                }}\r\n                type={showPasswords.current_password ? \"text\" : \"password\"}\r\n                showPassword={showPasswords.current_password}\r\n                handleClickShowPassword={() => {\r\n                  setShowPasswords((prev) => ({\r\n                    ...prev,\r\n                    current_password: !prev.current_password,\r\n                  }));\r\n\r\n                  const input =\r\n                    currentPassRef.current.getElementsByTagName(\"input\")[0];\r\n                  if (input) {\r\n                    setTimeout(() => {\r\n                      input.focus();\r\n                      input.setSelectionRange(\r\n                        input.value.length,\r\n                        input.value.length\r\n                      );\r\n                    }, 0);\r\n                  }\r\n                }}\r\n                endAdornment={true}\r\n                securityInput={true}\r\n              />\r\n\r\n              <Stack flexDirection={\"row\"} gap={\"40px\"}>\r\n                <AuthInput\r\n                  sx={{\r\n                    width: \"50%\",\r\n                  }}\r\n                   height={42}\r\n                  inputRef={newPassRef}\r\n                  label={\"New Password\"}\r\n                  required={btnPasswordDisabled ? false : true}\r\n                  placeholder={\"New Password\"}\r\n                  value={passwords?.new_password}\r\n                  errorMessage={errors.new_password}\r\n                  onChange={(e) => {\r\n                    setPasswords((prev) => ({\r\n                      ...prev,\r\n                      new_password: e.target.value,\r\n                    }));\r\n                    // validatePassword(\"new_password\", e.target.value);\r\n                  }}\r\n                  type={showPasswords.new_password ? \"text\" : \"password\"}\r\n                  showPassword={showPasswords.new_password}\r\n                  handleClickShowPassword={() => {\r\n                    setShowPasswords((prev) => ({\r\n                      ...prev,\r\n                      new_password: !prev.new_password,\r\n                    }));\r\n                    const input =\r\n                      newPassRef.current.getElementsByTagName(\"input\")[0];\r\n                    if (input) {\r\n                      setTimeout(() => {\r\n                        input.focus();\r\n                        input.setSelectionRange(\r\n                          input.value.length,\r\n                          input.value.length\r\n                        );\r\n                      }, 0);\r\n                    }\r\n                  }}\r\n                  endAdornment={true}\r\n                  securityInput={true}\r\n                />\r\n\r\n                <AuthInput\r\n                  sx={{\r\n                    width: \"50%\",\r\n                  }}\r\n                   height={42}\r\n                  inputRef={confirmPassRef}\r\n                  label={\"Confirm Password\"}\r\n                  required={btnPasswordDisabled ? false : true}\r\n                  placeholder={\"Re-Enter Password\"}\r\n                  value={passwords?.confirm_password}\r\n                  errorMessage={errors.confirm_password}\r\n                  onChange={(e) => {\r\n                    setPasswords((prev) => ({\r\n                      ...prev,\r\n                      confirm_password: e.target.value,\r\n                    }));\r\n                    // validatePassword(\"confirm_password\", e.target.value);\r\n                  }}\r\n                  type={showPasswords.confirm_password ? \"text\" : \"password\"}\r\n                  showPassword={showPasswords.confirm_password}\r\n                  handleClickShowPassword={() => {\r\n                    setShowPasswords((prev) => ({\r\n                      ...prev,\r\n                      confirm_password: !prev.confirm_password,\r\n                    }));\r\n                    const input =\r\n                      confirmPassRef.current.getElementsByTagName(\"input\")[0];\r\n                    if (input) {\r\n                      setTimeout(() => {\r\n                        input.focus();\r\n                        input.setSelectionRange(\r\n                          input.value.length,\r\n                          input.value.length\r\n                        );\r\n                      }, 0);\r\n                    }\r\n                  }}\r\n                  endAdornment={true}\r\n                  securityInput={true}\r\n                />\r\n              </Stack>\r\n              <Stack\r\n                // mt={matchDown950 ? \"16px\" : \"24px\"}\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                gap={\"20px\"}\r\n              >\r\n                {!btnPasswordDisabled && (\r\n                  <BtnColoredOutlined\r\n                    bgcolor=\"#F7F7F7\"\r\n                    borderColor=\"#E1E1E1\"\r\n                    sx={{\r\n                      px: \"30px\",\r\n                      transition: \"all 0.2s\",\r\n                    }}\r\n                    hoverSx={{\r\n                      bgcolor: \"#EEEEEE\",\r\n                    }}\r\n                    onClick={() => {\r\n                      resetData();\r\n                    }}\r\n                  >\r\n                    <Typography\r\n                     fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }}\r\n                      height={\"18px\"}\r\n                      color={\"#848382\"}\r\n                    >\r\n                      Cancel\r\n                    </Typography>\r\n                  </BtnColoredOutlined>\r\n                )}\r\n                <BtnGradient\r\n                  sx={{\r\n                    px: \"18px\",\r\n                  }}\r\n                  onClick={handleChangePassword}\r\n                  disabled={btnPasswordDisabled}\r\n                >\r\n                  <Typography fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }} height={\"18px\"} fontWeight={500}>\r\n                    Save Changes\r\n                  </Typography>\r\n                </BtnGradient>\r\n              </Stack> */}\r\n              <ChangePasswordForm />\r\n            </Stack>\r\n          </Box>\r\n\r\n          {/* <CommonDivider\r\n            my={\"0px\"}\r\n            border={`1px solid ${color.darkGray}`}\r\n            sx={{\r\n              mt: matchDown950 ? \"24px\" : \"30px\",\r\n              opacity: 1,\r\n            }}\r\n          /> */}\r\n\r\n          {/* <Box\r\n            mt={matchDown950 ? \"24px\" : \"30px\"}\r\n            sx={{\r\n              width: \"100%\",\r\n            }}\r\n          >\r\n            <Typography\r\n              fontSize={{\r\n                xs: 17,\r\n                xl: 18,\r\n              }}\r\n              fontWeight={600}\r\n              height={{\r\n                xs: \"23px\",\r\n                xl: \"25px\",\r\n              }}\r\n              color={\"#18181B\"}\r\n              width={\"100%\"}\r\n              mb={\"8px\"}\r\n            >\r\n              Cookie Settings\r\n            </Typography>\r\n            <Typography\r\n              width={\"48%\"}\r\n              fontSize={\"13px\"}\r\n              color={\"#848382\"}\r\n              fontWeight={fontWeight.weight400}\r\n              mb={\"8px\"}\r\n            >\r\n              Cookie settings are specific to your browser and apply universally\r\n              across all profiles within it. You can adjust these settings to\r\n              control how cookies are handled while browsing.\r\n            </Typography>\r\n            <BtnGradient\r\n              sx={{\r\n                px: \"24px\",\r\n              }}\r\n              onClick={() => {\r\n                setManageCookiesModal(true);\r\n              }}\r\n            >\r\n              <Typography fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }} height={\"18px\"} fontWeight={500}>\r\n                Manage Preferences\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Box> \r\n\r\n          <Box\r\n            mt={matchDown950 ? \"24px\" : \"30px\"}\r\n            width={\"100%\"}\r\n            height={\"1px\"}\r\n            sx={{\r\n              background:\r\n                \"linear-gradient(90deg, rgba(67, 44, 44, 0.048) 0%, rgba(67, 44, 44, 0.24) 50%, rgba(67, 44, 44, 0.048) 100%)\",\r\n            }}\r\n          />*/}\r\n\r\n          <Box\r\n            mt={matchDown950 ? \"18px\" : \"22px\"}\r\n            sx={{\r\n              width: \"100%\",\r\n            }}\r\n          >\r\n            <Typography\r\n              fontSize={{\r\n                xs: fontSizes.fontSize16,\r\n                md: fontSizes.fontSize19,\r\n                xl: fontSizes.fontSize20,\r\n              }}\r\n              fontWeight={600}\r\n              height={{\r\n                xs: \"23px\",\r\n                xl: \"25px\",\r\n              }}\r\n              color={\"#18181B\"}\r\n              width={\"100%\"}\r\n              mb={\"8px\"}\r\n            >\r\n              {/* Sign Out Of All Devices */}\r\n              Sign Out From All Devices\r\n            </Typography>\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              fontWeight={fontWeight.weight400}\r\n              mb={\"8px\"}\r\n              sx={{\r\n                maxWidth: \"788px\",\r\n              }}\r\n            >\r\n              {/* This will sign out of all devices except you are currently signed\r\n              in on. */}\r\n              Securely sign out of your account on all devices. This action will\r\n              log you out everywhere, ensuring your account remains protected.\r\n              You can sign in again from any device using your credentials.\r\n            </Typography>\r\n            <BtnGradient\r\n              sx={{\r\n                px: \"24px\",\r\n                mt: \"0.5rem\",\r\n              }}\r\n              onClick={() => {\r\n                setSignOutAllDeviceModal(true);\r\n              }}\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                height={fontSizes.btnTextHeight}\r\n                fontWeight={fontWeight.weight500}\r\n              >\r\n                {/* Sign out From All Devices */}\r\n                Sign Out Everywhere\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Box>\r\n\r\n          <CommonDivider\r\n            my={\"0px\"}\r\n            border={`1px solid ${color.darkGray}`}\r\n            sx={{\r\n              mt: matchDown950 ? \"24px\" : \"30px\",\r\n              opacity: 1,\r\n            }}\r\n          />\r\n\r\n          <Box mt={matchDown950 ? \"18px\" : \"22px\"}>\r\n            <Typography\r\n              fontSize={{\r\n                xs: fontSizes.fontSize16,\r\n                md: fontSizes.fontSize19,\r\n                xl: fontSizes.fontSize20,\r\n              }}\r\n              fontWeight={fontWeight.weight600}\r\n              color={color.titleDark}\r\n              mb={\"8px\"}\r\n            >\r\n              {/* Delete Account */}\r\n              Delete My Profile\r\n            </Typography>\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              fontWeight={fontWeight.weight400}\r\n              mb={\"8px\"}\r\n            >\r\n              {/* You'll get an email to confirm your choice. This won't cancel your\r\n              subscription or stop the payments, so you'll keep being charged.\r\n              You can cancel your subscription or change your payment method to\r\n              keep your team going. */}\r\n              Deleting your profile will permanently remove your account,\r\n              personal data, and all associated content.\r\n            </Typography>\r\n            <Stack gap={\"8px\"} marginLeft={1}>\r\n              <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"flex-start\"}>\r\n                <CommonBulletPoint />\r\n                <Typography\r\n                  color={color.subTitle}\r\n                  fontWeight={fontWeight.weight400}\r\n                  fontSize={{\r\n                    xs: fontSizes.mediumFont,\r\n                    md: fontSizes.fontSize13,\r\n                    xl: fontSizes.fontSize14,\r\n                  }}\r\n                >\r\n                  An email confirmation will be sent to your registered address.\r\n                </Typography>\r\n              </Stack>\r\n              <Stack\r\n                direction={\"row\"}\r\n                gap={\"8px\"}\r\n                alignItems={\"flex-start\"}\r\n                maxWidth={630}\r\n              >\r\n                <CommonBulletPoint />\r\n                <Typography\r\n                  color={color.subTitle}\r\n                  fontWeight={fontWeight.weight400}\r\n                  fontSize={{\r\n                    xs: fontSizes.mediumFont,\r\n                    md: fontSizes.fontSize13,\r\n                    xl: fontSizes.fontSize14,\r\n                  }}\r\n                >\r\n                  This action{\" \"}\r\n                  <Typography\r\n                    component=\"span\"\r\n                    sx={{\r\n                      color: color.titleDark,\r\n                      fontWeight: fontWeight.weight600,\r\n                      fontSize: {\r\n                        xs: fontSizes.mediumFont,\r\n                        md: fontSizes.fontSize13,\r\n                        xl: fontSizes.fontSize14,\r\n                      },\r\n                    }}\r\n                  >\r\n                    does not cancel your subscription or stop payments.\r\n                  </Typography>{\" \"}\r\n                  If you are part of a workspace, your subscription will remain\r\n                  active, and you will continue to be charged unless the\r\n                  subscription is canceled or payment details are updated.\r\n                </Typography>\r\n              </Stack>\r\n            </Stack>\r\n\r\n            <Typography\r\n              width={\"46%\"}\r\n              fontSize={{\r\n                xs: fontSizes.fontSize13,\r\n                md: fontSizes.fontSize14,\r\n              }}\r\n              color={\"#848382\"}\r\n              fontWeight={fontWeight.weight400}\r\n              mb={\"8px\"}\r\n              mt={\"8px\"}\r\n            >\r\n              <Typography\r\n                component=\"span\"\r\n                sx={{\r\n                  color: color.titleDark,\r\n                  fontWeight: fontWeight.weight600,\r\n                  fontSize: {\r\n                    xs: fontSizes.mediumFont,\r\n                    md: fontSizes.fontSize13,\r\n                    xl: fontSizes.fontSize14,\r\n                  },\r\n                }}\r\n              >\r\n                Important:\r\n              </Typography>{\" \"}\r\n              Once deleted, this action{\" \"}\r\n              <Typography\r\n                component=\"span\"\r\n                sx={{\r\n                  color: color.titleDark,\r\n                  fontWeight: fontWeight.weight600,\r\n                  fontSize: {\r\n                    xs: fontSizes.mediumFont,\r\n                    md: fontSizes.fontSize13,\r\n                    xl: fontSizes.fontSize14,\r\n                  },\r\n                }}\r\n              >\r\n                cannot be undone.\r\n              </Typography>\r\n            </Typography>\r\n\r\n            <Typography\r\n              fontSize={{\r\n                xs: fontSizes.fontSize13,\r\n                md: fontSizes.fontSize14,\r\n              }}\r\n              color={\"#848382\"}\r\n              fontWeight={fontWeight.weight400}\r\n              mb={\"8px\"}\r\n            >\r\n              Make sure to export any important data or boards you wish to keep\r\n              before proceeding.\r\n            </Typography>\r\n            <Box\r\n              mt={\"10px\"}\r\n              p={\"16px\"}\r\n              border={\"1px solid #E1E1E1\"}\r\n              borderRadius={\"8px\"}\r\n              width={\"fit-content\"}\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={\"#848382\"}\r\n                fontWeight={fontWeight.weight400}\r\n                width={\"fit-content\"}\r\n              >\r\n                This can’t be undone. All your boards will be permanently\r\n                deleted. You can take{\" \"}\r\n                <Typography\r\n                  component=\"span\"\r\n                  color={color.titleDark}\r\n                  fontSize={{\r\n                    xs: fontSizes.mediumFont,\r\n                    md: fontSizes.fontSize13,\r\n                    xl: fontSizes.fontSize14,\r\n                  }}\r\n                  fontWeight={500}\r\n                >\r\n                  backups\r\n                </Typography>{\" \"}\r\n                or{\" \"}\r\n                <Typography\r\n                  component=\"span\"\r\n                  color={color.titleDark}\r\n                  fontSize={{\r\n                    xs: fontSizes.mediumFont,\r\n                    md: fontSizes.fontSize13,\r\n                    xl: fontSizes.fontSize14,\r\n                  }}\r\n                  fontWeight={500}\r\n                >\r\n                  Export\r\n                </Typography>{\" \"}\r\n                them if you want to keep them.\r\n              </Typography>\r\n            </Box>\r\n            <BtnWhiteBordered\r\n              sx={{\r\n                border: `1px solid ${color.errorColor} !important`,\r\n                mt: \"24px\",\r\n                px: \"24px\",\r\n                mb: {\r\n                  xs: \"15px\",\r\n                  xl: \"0px\",\r\n                },\r\n                transition: \"all 0.3s\",\r\n              }}\r\n              hoverSx={{\r\n                border: `1px solid ${color.errorColor} !important`,\r\n                bgcolor: `${color.lightErrorColor} !important`,\r\n                fontWeight: fontWeight.weight500,\r\n              }}\r\n              onClick={() => {\r\n                setDeleteAccountModal(true);\r\n              }}\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                height={\"18px\"}\r\n                fontWeight={500}\r\n                color={color.errorColor}\r\n              >\r\n                Delete My Profile\r\n              </Typography>\r\n            </BtnWhiteBordered>\r\n          </Box>\r\n        </Stack>\r\n        {/* </Box> */}\r\n\r\n        <ChangeEmail\r\n          open={editEmail}\r\n          onClose={() => {\r\n            setEditEmail(false);\r\n          }}\r\n          profileData={profileData}\r\n        />\r\n        <ForgotPasswordModel\r\n          open={passwordModal}\r\n          onClose={() => {\r\n            setPasswordModal(false);\r\n          }}\r\n          profileData={profileData}\r\n          showTheVerifyOptModal={() => setVerifyOtpModalModal(true)}\r\n        />\r\n        <SignOutAllDeviceModal\r\n          open={signOutAllDeviceModal}\r\n          onClose={() => {\r\n            setSignOutAllDeviceModal(false);\r\n          }}\r\n          profileData={profileData}\r\n        />\r\n        <DeleteAccountModal\r\n          open={deleteAccountModal}\r\n          onClose={() => {\r\n            setDeleteAccountModal(false);\r\n          }}\r\n          profileData={profileData}\r\n        />\r\n        <ManageCookiesModal\r\n          open={manageCookiesModal}\r\n          onClose={() => {\r\n            setManageCookiesModal(false);\r\n          }}\r\n          profileData={profileData}\r\n        />\r\n\r\n        <ConfirmationDeleteWorkSpace\r\n          open={confirmDeleteAccount}\r\n          handleClose={() => {\r\n            setConfirmDeleteAccount(false);\r\n          }}\r\n        />\r\n\r\n        {verifyOtpModal && (\r\n          <VerifyCodeModal\r\n            open={verifyOtpModal}\r\n            onClose={() => {\r\n              setVerifyOtpModalModal(false);\r\n            }}\r\n            handleShowNewPass={() => setSetNewPassModalModal(true)}\r\n            handleCloseNewPass={() => setSetNewPassModalModal(false)}\r\n          />\r\n        )}\r\n\r\n        {setNewPassModal && (\r\n          <SetNewPasswordModal\r\n            open={setNewPassModal}\r\n            onClose={() => {\r\n              setSetNewPassModalModal(false);\r\n            }}\r\n          />\r\n        )}\r\n      </Box>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ProfileInfo;\r\n","import { Box, Stack, Typography, useMediaQuery, useTheme } from \"@mui/material\";\r\nimport React, { useCallback, useEffect, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport commanService from \"../../../../CommanFunctions/commanService\";\r\nimport Loader from \"../../../../CommanUI/Loader/loader\";\r\nimport ChoosePlan from \"../../../../Components/upgrade-plan/ChoosePlan\";\r\nimport {\r\n  useDeleteTeamByIdMutation,\r\n  useGetTeamProfileByTeamQuery,\r\n  useLeaveTeamMutation,\r\n  useUpdateTeamMutation,\r\n} from \"../../../../Redux/api/teamsApi\";\r\nimport { errorToast, successToast } from \"../../../../Redux/toastSlice\";\r\nimport {\r\n  IcDeleteOutlined,\r\n  IcEditGallery,\r\n} from \"../../../../assets/icon-components\";\r\nimport LargeSimpleInput from \"../../../../common-components/LargeSimpleInput\";\r\nimport BtnColoredOutlined from \"../../../../common-components/buttons/BtnColoredOutlined\";\r\nimport BtnGradient from \"../../../../common-components/buttons/BtnGradient\";\r\nimport DeleteTeam from \"./components/DeleteTeam\";\r\nimport SuccessDeleteTeam from \"./components/SuccessDeleteTeam\";\r\nimport SuccessDeleteWorkSpace from \"./components/SuccessDeleteWorkSpace\";\r\nimport ProgressLoader from \"../../../../CommanUI/Loader/ProgressLoader\";\r\nimport LeaveTeam from \"./components/LeaveTeam\";\r\nimport { color } from \"../../../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../../../Utils/style/font/fontsizes\";\r\nimport BtnWhiteBordered from \"../../../../common-components/buttons/BtnWhiteBordered\";\r\nimport { fontWeight } from \"../../../../Utils/style/weight/fontWeight\";\r\nimport CommonDivider from \"../../../../common-components/CommonDivider\";\r\nimport { updateTeamIdInLocalStorage } from \"../../../../Utils/functions/updateTeamIdInLocalStorage\";\r\n\r\nconst SelectedTeamProfile = () => {\r\n  const theme = useTheme();\r\n  const matchDown950 = useMediaQuery(theme.breakpoints.down(950));\r\n  const navigate = useNavigate();\r\n  const [showPlans, setShowPlans] = useState(false);\r\n  const [showDeleteTeam, setShowDeleteTeam] = useState(false);\r\n  const [showSuccessDeleteTeam, setShowSuccessDeleteTeam] = useState(false);\r\n  const [showSuccessDeleteWorkSpace, setShowSuccessDeleteWorkSpace] =\r\n    useState(false);\r\n  const [selectedImage, setSelectedImage] = useState(null);\r\n  const [removeProfilePhoto, setRemoveProfilePhoto] = useState(false);\r\n  const [selectedImageFile, setSelectedImageFile] = useState(null);\r\n  const [teamName, setTeamName] = useState(null);\r\n  const [disableSaveButton, setDisableSaveButton] = useState(true);\r\n  const [imageUploadLoader, setImageUploadLoader] = useState(false);\r\n  const [showLeaveTeam, setShowLeaveTeam] = useState(false);\r\n  const [errorMessage, setErrorMessage] = useState(\"\");\r\n\r\n  const dispatch = useDispatch();\r\n  const [profileData, setProfileData] = useState({\r\n    first_name: \"\",\r\n    last_name: \"\",\r\n  });\r\n\r\n  const selectedTeam = sessionStorage.getItem(\"selectedTeam\");\r\n  const { selectedTeamId } = selectedTeam ? JSON.parse(selectedTeam) : {};\r\n\r\n  const {\r\n    data: teamData,\r\n    isLoading: teamIsLoading,\r\n    isFetching: teamIsFetching,\r\n    refetch: teamFetching,\r\n  } = useGetTeamProfileByTeamQuery(selectedTeamId, { skip: !selectedTeamId });\r\n\r\n  const [updateTeam, { isLoading: updatingInProgress }] =\r\n    useUpdateTeamMutation();\r\n\r\n  const [\r\n    deleteTeam,\r\n    {\r\n      // data: deletedTeam,\r\n      isLoading: deletingInprogress,\r\n      error: errorInCreating,\r\n      // isSuccess: isDeletedSuccessFully,\r\n    },\r\n  ] = useDeleteTeamByIdMutation();\r\n\r\n  const [\r\n    removeMember,\r\n    {\r\n      // data: removedData,\r\n      isLoading: removing,\r\n      // error: errorInRemoving,\r\n      // isSuccess: isUserRemovedSuccessfully,\r\n    },\r\n  ] = useLeaveTeamMutation();\r\n\r\n  useEffect(() => {\r\n    teamFetching();\r\n    if (teamData) {\r\n      setTeamName(teamData?.data?.teamInfo?.team_name);\r\n    }\r\n  }, [teamData]);\r\n\r\n  const handleResetData = useCallback(() => {\r\n    setProfileData({\r\n      first_name: teamData?.data?.teamInfo?.team_name?.split(\" \")[0],\r\n      last_name: teamData?.data?.teamInfo?.team_name?.split(\" \")[1],\r\n    });\r\n    setSelectedImage(teamData?.data?.teamInfo?.logo || null);\r\n  }, [teamData?.data?.teamInfo?.logo, teamData?.data?.teamInfo?.team_name]);\r\n\r\n  useEffect(() => {\r\n    let initialTName = teamData?.data?.teamInfo?.team_name;\r\n    let initialLogo = teamData?.data?.teamInfo?.logo;\r\n    if (initialTName !== teamName || initialLogo !== selectedImage) {\r\n      setDisableSaveButton(false);\r\n    } else {\r\n      setDisableSaveButton(true);\r\n    }\r\n  }, [teamName, selectedImage]);\r\n\r\n  useEffect(() => {\r\n    if (teamData?.data?.teamInfo?.team_name) {\r\n      handleResetData();\r\n    }\r\n  }, [handleResetData, teamData?.data?.teamInfo?.team_name]);\r\n\r\n  const handleClickEditProfile = () => {\r\n    const file_input = document.getElementById(\"file_input\");\r\n    file_input.click();\r\n  };\r\n\r\n  const handleRemoveProfilePhoto = () => {\r\n    const file_input = document.getElementById(\"file_input\");\r\n    file_input.value = \"\";\r\n    if (!selectedImageFile) {\r\n      setRemoveProfilePhoto(true);\r\n    }\r\n    if (teamData?.data?.teamInfo?.logo && !selectedImageFile) {\r\n      setSelectedImage(null);\r\n    } else if (removeProfilePhoto) {\r\n      setSelectedImage(teamData?.data?.teamInfo?.logo || null);\r\n    } else {\r\n      setSelectedImage(teamData?.data?.teamInfo?.logo);\r\n    }\r\n    setSelectedImageFile(null);\r\n    setErrorMessage(\"\");\r\n  };\r\n\r\n  const handleFileChange = (event) => {\r\n    const file = event.target.files[0];\r\n    const maxFileSize = 2 * 1024 * 1024; // 2 MB in bytes\r\n\r\n    if (file) {\r\n      if (file.size > maxFileSize) {\r\n        setErrorMessage(\"File size should not exceed 2 MB.\");\r\n        return;\r\n      } else {\r\n        setErrorMessage(\"\");\r\n      }\r\n\r\n      const reader = new FileReader();\r\n      setSelectedImageFile(file);\r\n      reader.onload = () => {\r\n        const img = new Image();\r\n        img.src = reader.result;\r\n\r\n        img.onload = () => {\r\n          setSelectedImage(reader.result);\r\n          setRemoveProfilePhoto(false);\r\n        };\r\n      };\r\n\r\n      reader.readAsDataURL(file);\r\n    }\r\n  };\r\n\r\n  const handleChangeInput = (e) => {\r\n    const { value } = e.target;\r\n    setTeamName(value);\r\n  };\r\n\r\n  const handleClickDeleteTeam = () => {\r\n    let active_team = localStorage.getItem(\"active_team\");\r\n    let firstTeam = sessionStorage.getItem(\"firstTeam\");\r\n    deleteTeam(selectedTeamId)\r\n      .then((data) => {\r\n        dispatch(\r\n          successToast({\r\n            message: data?.data?.message,\r\n          })\r\n        );\r\n        if (active_team === selectedTeamId) {\r\n          updateTeamIdInLocalStorage(firstTeam);\r\n        }\r\n      })\r\n      .catch((error) => {\r\n        dispatch(\r\n          errorToast({\r\n            message: errorInCreating?.data?.message,\r\n          })\r\n        );\r\n      });\r\n    navigate(\"/user/manage-teams\");\r\n  };\r\n\r\n  const handleResetForm = () => {\r\n    const file_input = document.getElementById(\"file_input\");\r\n    file_input.value = \"\";\r\n    let temp = teamData?.data?.teamInfo;\r\n    setTeamName(temp?.team_name);\r\n    setSelectedImage(temp?.logo);\r\n    setSelectedImageFile(null);\r\n    setDisableSaveButton(true);\r\n  };\r\n\r\n  const handleSubmit = async () => {\r\n    let imagePath;\r\n\r\n    try {\r\n      if (selectedImageFile) {\r\n        setImageUploadLoader(true);\r\n        const formData = new FormData();\r\n        formData.append(\"file\", selectedImageFile);\r\n\r\n        const imageUploadResponse = await commanService.uploadApi(\r\n          \"drawboard\",\r\n          `upload/files`,\r\n          formData\r\n        );\r\n\r\n        imagePath = imageUploadResponse.data.data[0]?.location;\r\n        setImageUploadLoader(false);\r\n      }\r\n\r\n      let data = {\r\n        name: teamName,\r\n        logo: selectedImage\r\n          ? imagePath || teamData?.data?.teamInfo?.logo\r\n          : null,\r\n      };\r\n\r\n      data.team_id = selectedTeamId;\r\n\r\n      const response = await updateTeam({\r\n        teamId: selectedTeamId,\r\n        data,\r\n      }).unwrap();\r\n\r\n      setSelectedImage(null);\r\n      setSelectedImageFile(null);\r\n      setRemoveProfilePhoto(false);\r\n\r\n      setDisableSaveButton(true);\r\n      dispatch(\r\n        successToast({\r\n          message: response?.message,\r\n        })\r\n      );\r\n    } catch (error) {\r\n      dispatch(\r\n        errorToast({\r\n          message: error?.data?.message || \"Something went wrong!\",\r\n        })\r\n      );\r\n    }\r\n  };\r\n\r\n  const handleLeaveTeam = () => {\r\n    removeMember(teamData?.data?.teamInfo?.team_id);\r\n    setShowLeaveTeam(false);\r\n    navigate(\"/user/manage-teams\");\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {(teamIsFetching || teamIsLoading) && <Loader />}\r\n      <Box\r\n        bgcolor={\"#FFF\"}\r\n        // sx={{\r\n        //   height: {\r\n        //     xs: \"calc(100svh - 230px)\",\r\n        //     xl: \"calc(100svh - 250px)\",\r\n        //   },\r\n        //   overflow: \"auto\",\r\n        // }}\r\n        // position={\"relative\"}\r\n      >\r\n        <Box\r\n        // mt={{\r\n        //   xs: \"15px\",\r\n        //   xl: \"24px\",\r\n        // }}\r\n        >\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"flex-start\"}\r\n            gap={\"20px\"}\r\n          >\r\n            <Box\r\n              sx={{\r\n                width: {\r\n                  xs: \"70px\",\r\n                  sm: \"80px\",\r\n                  md: \"90px\",\r\n                  xl: \"100px\",\r\n                },\r\n                position: \"relative\",\r\n                height: {\r\n                  xs: \"70px\",\r\n                  sm: \"80px\",\r\n                  md: \"90px\",\r\n                  xl: \"100px\",\r\n                },\r\n                borderRadius: \"50%\",\r\n                border: \"3px solid #FFFFFF\",\r\n                backgroundColor: selectedImage ? \"transparent\" : \"#bdbdbd\",\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n                overflow: \"hidden\",\r\n                transition: \"all 0.3s ease\",\r\n                \"& .action_button\": {\r\n                  visibility: \"hidden\",\r\n                  opacity: 0,\r\n                  transition: \"opacity 0.3s ease\",\r\n                },\r\n                \"& input\": { display: \"none\" },\r\n                \"&:hover\": {\r\n                  \"& .action_button\": {\r\n                    visibility: \"visible\",\r\n                    opacity: 1,\r\n                  },\r\n                },\r\n              }}\r\n            >\r\n              <Stack\r\n                className=\"action_button\"\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                gap={\"8px\"}\r\n                sx={{\r\n                  width: \"100%\",\r\n                  height: \"100%\",\r\n                  background: \"#00000066\",\r\n                  position: \"absolute\",\r\n                  top: 0,\r\n                  left: 0,\r\n                }}\r\n              >\r\n                <Box\r\n                  sx={{\r\n                    width: {\r\n                      sm: \"32px\",\r\n                      md: \"34px\",\r\n                    },\r\n                    height: {\r\n                      sm: \"32px\",\r\n                      md: \"34px\",\r\n                    },\r\n                    backgroundColor: \"#FFFFFF\",\r\n                    borderRadius: \"50%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    cursor: \"pointer\",\r\n                    transition: \"all 0.3s ease\",\r\n                    \"& path\": {\r\n                      fill: \"#18181B\",\r\n                      transition: \"all 0.3s ease\",\r\n                    },\r\n                    \"&:hover\": {\r\n                      backgroundColor: color.primaryColor,\r\n                      transition: \"all 0.3s ease\",\r\n                      \"& path\": {\r\n                        fill: \"#FFFFFF\",\r\n                        transition: \"all 0.3s ease\",\r\n                      },\r\n                    },\r\n                  }}\r\n                  onClick={handleClickEditProfile}\r\n                >\r\n                  {/* <IcEditOutlined width=\"15\" height=\"15\" /> */}\r\n                  <IcEditGallery width=\"22\" height=\"22\" />\r\n                </Box>\r\n                {selectedImage && (\r\n                  <Box\r\n                    sx={{\r\n                      width: {\r\n                        sm: \"32px\",\r\n                        md: \"34px\",\r\n                      },\r\n                      height: {\r\n                        sm: \"32px\",\r\n                        md: \"34px\",\r\n                      },\r\n                      backgroundColor: \"#FFFFFF\",\r\n                      borderRadius: \"50%\",\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      cursor: \"pointer\",\r\n                      transition: \"all 0.3s ease\",\r\n                      \"& path\": {\r\n                        stroke: \"#18181B\",\r\n                        transition: \"all 0.3s ease\",\r\n                      },\r\n                      \"&:hover\": {\r\n                        backgroundColor: color.primaryColor,\r\n                        transition: \"all 0.3s ease\",\r\n                        \"& path\": {\r\n                          stroke: \"#FFFFFF\",\r\n                          transition: \"all 0.3s ease\",\r\n                        },\r\n                      },\r\n                    }}\r\n                    onClick={handleRemoveProfilePhoto}\r\n                  >\r\n                    <IcDeleteOutlined width=\"20\" height=\"20\" />\r\n                  </Box>\r\n                )}\r\n                {/* )} */}\r\n              </Stack>\r\n              <input\r\n                type=\"file\"\r\n                accept=\".jpg, .jpeg, .png, .webp\"\r\n                id=\"file_input\"\r\n                onChange={handleFileChange}\r\n              />\r\n              {imageUploadLoader && <ProgressLoader />}\r\n              {selectedImage ? (\r\n                <img\r\n                  src={selectedImage}\r\n                  alt=\"Selected\"\r\n                  style={{\r\n                    width: \"100%\",\r\n                    height: \"100%\",\r\n                    objectFit: \"cover\",\r\n                    borderRadius: \"50%\",\r\n                  }}\r\n                />\r\n              ) : (\r\n                <Typography\r\n                  sx={{\r\n                    fontSize: {\r\n                      xs: fontSizes.fontSize27,\r\n                      md: fontSizes.fontSize30,\r\n                      xl: fontSizes.fontSize32,\r\n                    },\r\n                    color: \"#fff\",\r\n                    // mt: 1,\r\n                  }}\r\n                >\r\n                  {profileData.first_name &&\r\n                    profileData.first_name[0]?.toUpperCase()}\r\n                  {profileData?.last_name &&\r\n                    profileData?.last_name[0]?.toUpperCase()}\r\n                </Typography>\r\n              )}\r\n            </Box>\r\n            <Stack>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: {\r\n                    xs: fontSizes.fontSize19,\r\n                    md: fontSizes.fontSize20,\r\n                    xl: fontSizes.fontSize22,\r\n                  },\r\n                  color: \"#18181B\",\r\n                  fontWeight: \"600\",\r\n                }}\r\n              >\r\n                {teamData?.data?.teamInfo?.team_name}\r\n              </Typography>\r\n            </Stack>\r\n          </Stack>\r\n          {errorMessage && (\r\n            <Typography\r\n              sx={{\r\n                fontSize: {\r\n                  xs: fontSizes.mediumFont,\r\n                  md: fontSizes.fontSize13,\r\n                  xl: fontSizes.fontSize14,\r\n                },\r\n                color: color.errorColor,\r\n                marginLeft: \"8px\",\r\n                // width: {\r\n                //   xs: \"90px\",\r\n                //   sm: \"100px\",\r\n                //   md: \"110px\",\r\n                //   xl: \"120px\",\r\n                // },\r\n                position: \"relative\",\r\n              }}\r\n            >\r\n              {errorMessage}\r\n            </Typography>\r\n          )}\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"flex-end\"}\r\n            justifyContent={\"flex-start\"}\r\n            flexWrap={\"wrap\"}\r\n            gap={\"24px\"}\r\n            mt={matchDown950 ? \"16px\" : \"24px\"}\r\n            sx={{\r\n              width: \"100%\",\r\n            }}\r\n            px={\"5px\"}\r\n          >\r\n            <LargeSimpleInput\r\n              fullWidth={false}\r\n              autoFocus={true}\r\n              label={\"Team Name\"}\r\n              placeholder={\"Enter Team Name\"}\r\n              value={teamName}\r\n              onChange={handleChangeInput}\r\n              name=\"first_name\"\r\n              height={40}\r\n              mainSx={{\r\n                minWidth: matchDown950 ? \"100%\" : \"calc(50% - 18px)\",\r\n              }}\r\n            />\r\n\r\n            {!disableSaveButton && (\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={handleResetForm}\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            )}\r\n\r\n            <BtnGradient\r\n              loading={updatingInProgress || imageUploadLoader}\r\n              sx={{\r\n                mb: \"3px\",\r\n                px: \"24px\",\r\n              }}\r\n              onClick={handleSubmit}\r\n              disabled={disableSaveButton}\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                Save Changes\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Stack>\r\n\r\n          <CommonDivider\r\n            my={\"0px\"}\r\n            border={`1px solid ${color.darkGray}`}\r\n            sx={{\r\n              my: \"24px\",\r\n              opacity: 1,\r\n            }}\r\n          />\r\n\r\n          {teamData?.data?.teamInfo?.role === \"Admin\" && (\r\n            <Typography\r\n              fontSize={{\r\n                xs: 16.2,\r\n                xl: 20,\r\n              }}\r\n              fontWeight={600}\r\n              height={{\r\n                xs: \"22px\",\r\n                xl: \"28px\",\r\n              }}\r\n              color={\"#18181B\"}\r\n              mb={{\r\n                xs: \"16px\",\r\n                // xl: \"15px\",\r\n              }}\r\n            >\r\n              Delete {teamData?.data?.teamInfo?.team_name}\r\n            </Typography>\r\n          )}\r\n\r\n          {teamData?.data?.teamInfo?.role === \"Member\" && (\r\n            <Typography\r\n              fontSize={{\r\n                xs: 16.2,\r\n                xl: 20,\r\n              }}\r\n              fontWeight={600}\r\n              height={{\r\n                xs: \"22px\",\r\n                xl: \"28px\",\r\n              }}\r\n              color={\"#18181B\"}\r\n              mb={{\r\n                xs: \"16px\",\r\n                // xl: \"15px\",\r\n              }}\r\n            >\r\n              Leave Team {teamData?.data?.teamInfo?.team_name}\r\n            </Typography>\r\n          )}\r\n          <Stack>\r\n            {/* <Typography fontSize={14.4} fontWeight={600} color={\"#18181B\"}>\r\n              Delete Team\r\n            </Typography> */}\r\n            {teamData?.data?.teamInfo?.role === \"Admin\" && (\r\n              <Typography fontSize={fontSizes.fontSize14} color={\"#848382\"}>\r\n                The team will be moved to Deleted Teams and the boards won’t be\r\n                accessible anymore. To restore the boards you will have to\r\n                restore the team first.\r\n              </Typography>\r\n            )}\r\n\r\n            {teamData?.data?.teamInfo?.role === \"Member\" && (\r\n              <Typography fontSize={fontSizes.fontSize14} color={\"#848382\"}>\r\n                By leaving the team, you will lose access to all its boards.\r\n              </Typography>\r\n            )}\r\n            {teamData?.data?.teamInfo?.role === \"Admin\" && (\r\n              <BtnWhiteBordered\r\n                fullWidth={false}\r\n                sx={{\r\n                  border: `1px solid ${color.errorColor} !important`,\r\n                  transition: \"all 0.3s\",\r\n                  color: `${color.errorColor} !important`,\r\n                  px: \"16px\",\r\n                  mt: \"16px\",\r\n                  width: \"max-content\",\r\n\r\n                  \"& p\": {\r\n                    color: \"#E03F34\",\r\n                  },\r\n                }}\r\n                hoverSx={{\r\n                  border: `1px solid ${color.errorColor} !important`,\r\n                  bgcolor: `${color.lightErrorColor} !important`,\r\n                  fontWeight: fontWeight.weight500,\r\n                }}\r\n                onClick={() => {\r\n                  setShowDeleteTeam(true);\r\n                }}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }}\r\n                  // height={\"18px\"}\r\n                  fontWeight={500}\r\n                >\r\n                  Delete Team\r\n                </Typography>\r\n              </BtnWhiteBordered>\r\n            )}\r\n\r\n            {teamData?.data?.teamInfo?.role === \"Member\" && (\r\n              <BtnColoredOutlined\r\n                fullWidth={false}\r\n                borderColor=\"#E03F34\"\r\n                bgcolor=\"#E03F34\"\r\n                sx={{\r\n                  px: \"16px\",\r\n                  mt: \"16px\",\r\n                  width: \"max-content\",\r\n\r\n                  \"& p\": {\r\n                    color: \"#FFFFFF\",\r\n                  },\r\n                }}\r\n                onClick={() => {\r\n                  setShowLeaveTeam(true);\r\n                }}\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                  fontWeight={500}\r\n                >\r\n                  Leave Team\r\n                </Typography>\r\n              </BtnColoredOutlined>\r\n            )}\r\n          </Stack>\r\n        </Box>\r\n      </Box>\r\n      <ChoosePlan open={showPlans} setOpen={setShowPlans} />\r\n\r\n      {showDeleteTeam && (\r\n        <DeleteTeam\r\n          open={showDeleteTeam}\r\n          handleClose={() => setShowDeleteTeam(false)}\r\n          handleClickDelete={handleClickDeleteTeam}\r\n          loading={deletingInprogress}\r\n          isDeleteTeam={true}\r\n          teamName={teamName}\r\n        />\r\n      )}\r\n\r\n      {showLeaveTeam && (\r\n        <LeaveTeam\r\n          open={showLeaveTeam}\r\n          handleClose={() => setShowLeaveTeam(false)}\r\n          teamName={teamName}\r\n          loading={removing}\r\n          handleOK={() => {\r\n            handleLeaveTeam();\r\n          }}\r\n        />\r\n      )}\r\n\r\n      <SuccessDeleteTeam\r\n        showSuccessModal={showSuccessDeleteTeam}\r\n        handleCloseSuccessModal={() => setShowSuccessDeleteTeam(false)}\r\n      />\r\n\r\n      <SuccessDeleteWorkSpace\r\n        showSuccessModal={showSuccessDeleteWorkSpace}\r\n        handleCloseSuccessModal={() => setShowSuccessDeleteWorkSpace(false)}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SelectedTeamProfile;\r\n","import {\r\n  Box,\r\n  Grid,\r\n  Stack,\r\n  Typography,\r\n  useMediaQuery,\r\n  useTheme,\r\n} from \"@mui/material\";\r\nimport dayjs from \"dayjs\";\r\nimport React, { useCallback, useEffect, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport {\r\n  IcDeleteOutlined,\r\n  IcEditOutlined,\r\n  IcImageGallery,\r\n} from \"../../../../assets/icon-components\";\r\nimport commanService from \"../../../../CommanFunctions/commanService\";\r\nimport CommonBulletPoint from \"../../../../CommanUI/CommonBulletPoint\";\r\nimport AbsoluteLoader from \"../../../../CommanUI/Loader/AbsoluteLoader\";\r\nimport ProgressLoader from \"../../../../CommanUI/Loader/ProgressLoader\";\r\nimport BtnColoredOutlined from \"../../../../common-components/buttons/BtnColoredOutlined\";\r\nimport BtnGradient from \"../../../../common-components/buttons/BtnGradient\";\r\nimport CommonDivider from \"../../../../common-components/CommonDivider\";\r\nimport LargeSimpleInput from \"../../../../common-components/LargeSimpleInput\";\r\nimport ChoosePlan from \"../../../../Components/upgrade-plan/ChoosePlan\";\r\nimport {\r\n  useDeleteTeamWorkSpaceMutation,\r\n  useGetTeamListQuery,\r\n  useGetTeamListWithCustomHeadersMutation,\r\n  useGetWorkSpaceDetailMutation,\r\n  useLeaveTeamMutation,\r\n  useLeaveWorkSpaceMutation,\r\n  useUpdateTeamMutation,\r\n} from \"../../../../Redux/api/teamsApi\";\r\nimport { updateUserData } from \"../../../../Redux/common-reducer\";\r\nimport { errorToast, successToast } 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 ConfirmationDeleteWorkSpace from \"./components/ConfirmationDeleteWorkSpace\";\r\nimport DeleteTeam from \"./components/DeleteTeam\";\r\nimport DeleteWorkSpace from \"./components/DeleteWorkSpace\";\r\nimport LeaveTeam from \"./components/LeaveTeam\";\r\nimport SuccessDeleteTeam from \"./components/SuccessDeleteTeam\";\r\nimport SuccessDeleteWorkSpace from \"./components/SuccessDeleteWorkSpace\";\r\nimport {\r\n  useGetWorkSpaceListQuery,\r\n  useSwitchAccountsMutation,\r\n} from \"../../../../Redux/api/workSpaceApi\";\r\nimport { resetAllQueryCache } from \"../../../../Redux/api/resetAllQueryCache\";\r\nimport { useGetCurrentSubscriptionQuery } from \"../../../../Redux/api/subscriptionApi\";\r\nimport { logoutChannel } from \"../../../../CommanFunctions/commanFunctions\";\r\n\r\nconst TeamProfile = () => {\r\n  const theme = useTheme();\r\n  const matchDown950 = useMediaQuery(theme.breakpoints.down(950));\r\n  const { userData, currentSubscriptionData } = useSelector(\r\n    (state) => state.common\r\n  );\r\n  const navigate = useNavigate();\r\n  const [loader, setLoader] = useState(false);\r\n  const [imageUploadLoader, setImageUploadLoader] = useState(false);\r\n  const [showPlans, setShowPlans] = useState(false);\r\n  const [showLeaveTeam, setShowLeaveTeam] = useState(false);\r\n  const [confirmDeleteWorkSpace, setConfirmDeleteWorkSpace] = useState(false);\r\n\r\n  const [showDeleteTeam, setShowDeleteTeam] = useState(false);\r\n  const [showLeaveWp, setShowLeaveWp] = useState(false);\r\n  const [showDeleteWorkSpace, setShowDeleteWorkSpace] = useState(false);\r\n  const [showSuccessDeleteTeam, setShowSuccessDeleteTeam] = useState(false);\r\n  const [disableSaveButton, setDisableSaveButton] = useState(true);\r\n  const [showSuccessDeleteWorkSpace, setShowSuccessDeleteWorkSpace] =\r\n    useState(false);\r\n  const [selectedImage, setSelectedImage] = useState(null);\r\n  const [removeProfilePhoto, setRemoveProfilePhoto] = useState(false);\r\n  const [selectedImageFile, setSelectedImageFile] = useState(null);\r\n  const [teamName, setTeamName] = useState(null);\r\n  const [isEditName, setIsEditName] = useState(false);\r\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down(1270));\r\n  const [errorMessage, setErrorMessage] = useState(\"\");\r\n  const [switchWorkspaceId, setSwitchWorkSpaceId] = useState(null);\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const params = useParams();\r\n  const activeTeam = useSelector((state) => state?.sidebar?.currentTeam);\r\n\r\n  // const {\r\n  //   data: teamData,\r\n  //   isLoading: teamIsLoading,\r\n  //   isFetching: teamIsFetching,\r\n  //   refetch: refetchWPProfile,\r\n  // } = useGetTeamByTeamIdQuery(activeTeam, {\r\n  //   skip: !activeTeam,\r\n  //   refetchOnMountOrArgChange: true,\r\n  // });\r\n  const [\r\n    getWorkSpaceDetail,\r\n    { data: teamData, isLoading: teamIsLoading, isFetching: teamIsFetching },\r\n  ] = useGetWorkSpaceDetailMutation();\r\n  //   activeTeam, {\r\n  //   skip: !activeTeam,\r\n  // }\r\n  const { data: teamList } = useGetTeamListQuery();\r\n  const [\r\n    updateTeam,\r\n    {\r\n      // data: updateTeamData,\r\n      isLoading: updatingInProgress,\r\n      // error: errorInUpdate,\r\n    },\r\n  ] = useUpdateTeamMutation();\r\n  // const { data: teamMembers } = useGetMembersByTeamQuery(activeTeam);\r\n  const USER_DATA = JSON.parse(localStorage.getItem(\"user_data\"));\r\n  const userAccountId = USER_DATA?.account_id;\r\n  const [\r\n    removeMember,\r\n    {\r\n      data: removedData,\r\n      isLoading: removing,\r\n      error: errorInRemoving,\r\n      isSuccess: isUserRemovedSuccessfully,\r\n    },\r\n  ] = useLeaveTeamMutation();\r\n  const [\r\n    deleteTeam,\r\n    {\r\n      data: deletedTeam,\r\n      isLoading: deletingInprogress,\r\n      isSuccess: isDeletedSuccessFully,\r\n    },\r\n  ] = useDeleteTeamWorkSpaceMutation();\r\n  const [leaveWorkSpace, { isLoading: leaveWpInprogress }] =\r\n    useLeaveWorkSpaceMutation();\r\n  const isAccountOwner = userData?.role;\r\n  const workSpaceName = JSON.parse(\r\n    localStorage.getItem(\"user_data\")\r\n  )?.company_name;\r\n  const {\r\n    data: workSpaceList,\r\n    isLoading: workSpaceListLoading,\r\n    refetch: refetchWorkspace,\r\n  } = useGetWorkSpaceListQuery();\r\n  const [switchWorkSpace, { isLoading: switchingIProgress }] =\r\n    useSwitchAccountsMutation();\r\n  const [getTeamListWithToken, { isLoading: customHeaderTeamLoading }] =\r\n    useGetTeamListWithCustomHeadersMutation();\r\n  const currentSubscriptionApi = useGetCurrentSubscriptionQuery();\r\n\r\n  useEffect(() => {\r\n    getWorkSpaceDetail();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (teamData) {\r\n      setTeamName(teamData?.data?.account_name);\r\n    }\r\n  }, [teamData]);\r\n\r\n  useEffect(() => {\r\n    if (isUserRemovedSuccessfully && removedData) {\r\n      removedData?.data?.message &&\r\n        dispatch(successToast({ message: removedData?.data?.message }));\r\n      // dispatch(\r\n      //   successToast({\r\n      //     message: \"You leaved the team successfully\",\r\n      //   })\r\n      // );\r\n      let firsTeam = teamList?.data?.resData?.[0];\r\n      setTimeout(() => {\r\n        navigate(`/`);\r\n      }, 1000);\r\n    }\r\n  }, [isUserRemovedSuccessfully]);\r\n\r\n  useEffect(() => {\r\n    if (errorInRemoving) {\r\n      dispatch(\r\n        errorToast({\r\n          message: errorInRemoving?.data?.message,\r\n        })\r\n      );\r\n    }\r\n  }, [errorInRemoving]);\r\n\r\n  useEffect(() => {\r\n    if (isDeletedSuccessFully && deletedTeam) {\r\n      dispatch(\r\n        successToast({\r\n          // message: \"Team Deleted\",\r\n          message: deletedTeam?.message,\r\n        })\r\n      );\r\n\r\n      // let firsTeam = teamList?.data?.resData?.[0];\r\n\r\n      // setTimeout(() => {\r\n      //   navigate(`/`);\r\n      // }, 1000);\r\n    }\r\n  }, [isDeletedSuccessFully]);\r\n\r\n  const handleResetData = useCallback(() => {\r\n    setSelectedImage(teamData?.data?.logo || null);\r\n  }, [userData?.first_name, userData?.last_name, teamData?.data?.logo]);\r\n\r\n  useEffect(() => {\r\n    if (userData) {\r\n      handleResetData();\r\n    }\r\n  }, [handleResetData, userData]);\r\n\r\n  useEffect(() => {\r\n    let initialCname = teamData?.data?.account_name;\r\n    let initialLogo = teamData?.data?.logo;\r\n    if (initialCname !== teamName || initialLogo !== selectedImage) {\r\n      setDisableSaveButton(false);\r\n    } else {\r\n      setDisableSaveButton(true);\r\n    }\r\n  }, [teamName, selectedImage]);\r\n\r\n  const handleClickEditProfile = () => {\r\n    const file_input = document.getElementById(\"file_input\");\r\n    file_input.click();\r\n  };\r\n\r\n  const handleResetForm = () => {\r\n    const file_input = document.getElementById(\"file_input\");\r\n    file_input.value = \"\";\r\n    let temp = teamData?.data;\r\n    setTeamName(temp?.account_name);\r\n    setSelectedImage(temp?.logo);\r\n    setSelectedImageFile(null);\r\n    setDisableSaveButton(true);\r\n    setIsEditName(false);\r\n  };\r\n\r\n  const handleRemoveProfilePhoto = () => {\r\n    const file_input = document.getElementById(\"file_input\");\r\n    file_input.value = \"\";\r\n    if (!selectedImageFile) {\r\n      setRemoveProfilePhoto(true);\r\n    }\r\n    if (teamData?.data?.logo && !selectedImageFile) {\r\n      setSelectedImage(null);\r\n    } else if (removeProfilePhoto) {\r\n      setSelectedImage(teamData?.data?.logo || null);\r\n    } else {\r\n      setSelectedImage(teamData?.data?.logo);\r\n    }\r\n    setSelectedImageFile(null);\r\n    setIsEditName(!isEditName);\r\n    setErrorMessage(\"\");\r\n  };\r\n\r\n  const handleFileChange = async (event) => {\r\n    // const file = event.target.files[0];\r\n    // if (!file) return;\r\n\r\n    // const reader = new FileReader();\r\n    // setSelectedImageFile(file);\r\n\r\n    // reader.onload = () => {\r\n    //   const img = new Image();\r\n    //   img.src = reader.result;\r\n\r\n    //   img.onload = async () => {\r\n    //     setSelectedImage(reader.result);\r\n    //   };\r\n    // };\r\n\r\n    // reader.readAsDataURL(file);\r\n    // setIsEditName(true);\r\n    const file = event.target.files[0];\r\n    const maxFileSize = 2 * 1024 * 1024; // 2 MB in bytes\r\n\r\n    if (file) {\r\n      if (file.size > maxFileSize) {\r\n        setErrorMessage(\"File size should not exceed 2 MB.\");\r\n        return;\r\n      } else {\r\n        setErrorMessage(\"\");\r\n      }\r\n\r\n      const reader = new FileReader();\r\n      setSelectedImageFile(file);\r\n      reader.onload = () => {\r\n        const img = new Image();\r\n        img.src = reader.result;\r\n\r\n        img.onload = () => {\r\n          setSelectedImage(reader.result);\r\n          setRemoveProfilePhoto(false);\r\n        };\r\n      };\r\n\r\n      reader.readAsDataURL(file);\r\n    }\r\n    setIsEditName(true);\r\n  };\r\n\r\n  const handleChangeInput = (e) => {\r\n    const { value } = e.target;\r\n    setTeamName(value);\r\n  };\r\n\r\n  const handleWorkSpaceChange = (workSpaceData) => {\r\n    setSwitchWorkSpaceId(workSpaceData?.account_id);\r\n    switchWorkSpace(workSpaceData?.account_id).then((accountData) => {\r\n      getTeamListWithToken(accountData?.data?.access_token)\r\n        .then((teamData) => {\r\n          localStorage.setItem(\r\n            \"active_team\",\r\n            teamData?.data?.data?.resData[0]?.team_id\r\n          );\r\n          localStorage.setItem(\r\n            \"user_data\",\r\n            JSON.stringify({\r\n              ...accountData?.data,\r\n              is_onboarding_done: true,\r\n              has_workspace: true,\r\n            })\r\n          );\r\n          dispatch(\r\n            updateUserData({\r\n              ...accountData?.data,\r\n              is_onboarding_done: true,\r\n              has_workspace: true,\r\n            })\r\n          );\r\n        })\r\n        .then(() => {\r\n          currentSubscriptionApi.refetch().then(() => {\r\n            setSwitchWorkSpaceId(null);\r\n            resetAllQueryCache(dispatch);\r\n            navigate(\"/\");\r\n            dispatch(\r\n              successToast({\r\n                message: `You have switched to ${workSpaceData?.account_name}!`,\r\n              })\r\n            );\r\n          });\r\n        });\r\n    });\r\n  };\r\n\r\n  const handleClickDeleteTeam = async () => {\r\n    if (showLeaveWp) {\r\n      await leaveWorkSpace()\r\n        .then(async (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            await refetchWorkspace().then((wpData) => {\r\n              if (wpData?.data?.length === 0) {\r\n                localStorage.clear();\r\n                logoutChannel.postMessage(\"logout\");\r\n                resetAllQueryCache(dispatch);\r\n                navigate(\"/login\");\r\n              } else {\r\n                handleWorkSpaceChange(wpData?.data[0]);\r\n              }\r\n            });\r\n          }\r\n        })\r\n        .catch((error) => {});\r\n      setShowLeaveWp(false);\r\n    } else {\r\n      deleteTeam().then((res) => {\r\n        if (res.data.data) {\r\n          setShowDeleteTeam(false);\r\n          setConfirmDeleteWorkSpace(true);\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  const handleClickDeleteWorkSpace = () => {\r\n    setShowDeleteWorkSpace(false);\r\n    setShowSuccessDeleteWorkSpace(true);\r\n  };\r\n\r\n  const handleSubmit = async () => {\r\n    let imagePath;\r\n    try {\r\n      // Check if an image file is selected for upload\r\n      if (selectedImageFile) {\r\n        setImageUploadLoader(true);\r\n        const formData = new FormData();\r\n        formData.append(\"file\", selectedImageFile);\r\n\r\n        // Upload the image file and get the response\r\n        const imageUploadResponse = await commanService.uploadApi(\r\n          \"drawboard\",\r\n          `upload/files`,\r\n          formData\r\n        );\r\n        setImageUploadLoader(false);\r\n        // Extract the uploaded image's URL\r\n        imagePath = imageUploadResponse.data.data[0]?.location;\r\n      }\r\n      // Determine the data object based on the subscription type\r\n      let data = {\r\n        name: teamName,\r\n        logo: selectedImage ? imagePath || teamData?.data?.logo : null, // Include the uploaded image path\r\n      };\r\n      const updatedUserData = {\r\n        ...userData,\r\n        company_name: teamName,\r\n        logo: selectedImage,\r\n      };\r\n\r\n      if (\r\n        currentSubscriptionData?.subscriptionData?.package?.includes(\r\n          \"Professional\"\r\n        ) ||\r\n        currentSubscriptionData?.subscriptionData?.package === \"Free\"\r\n      ) {\r\n        data.team_id = activeTeam;\r\n        data.account_id = userAccountId;\r\n      } else if (\r\n        currentSubscriptionData?.subscriptionData?.package?.includes(\"Business\")\r\n      ) {\r\n        data.account_id = userAccountId;\r\n      }\r\n\r\n      const response = await updateTeam({\r\n        teamId: activeTeam,\r\n        data,\r\n      }).unwrap();\r\n\r\n      dispatch(updateUserData({ company_name: teamName, logo: selectedImage }));\r\n      localStorage.setItem(\"user_data\", JSON.stringify(updatedUserData));\r\n      setSelectedImageFile(null);\r\n      setRemoveProfilePhoto(false);\r\n      setDisableSaveButton(true);\r\n      setIsEditName(false);\r\n      dispatch(\r\n        successToast({\r\n          message: response?.data?.message,\r\n        })\r\n      );\r\n      getWorkSpaceDetail();\r\n    } catch (error) {\r\n      dispatch(\r\n        errorToast({\r\n          message: error?.data?.message || \"Something went wrong!\",\r\n        })\r\n      );\r\n    }\r\n  };\r\n\r\n  const handleLeaveTeam = () => {\r\n    removeMember(params.teamId);\r\n  };\r\n\r\n  const resendEmail = async () => {\r\n    deleteTeam().then((res) => {\r\n      if (res.data.data) {\r\n      }\r\n    });\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Box\r\n        bgcolor={\"#FFF\"}\r\n        // position={\"relative\"}\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        {(teamIsFetching ||\r\n          teamIsLoading ||\r\n          loader ||\r\n          workSpaceListLoading ||\r\n          switchingIProgress ||\r\n          customHeaderTeamLoading) && <AbsoluteLoader />}\r\n        <Box\r\n          mt={{\r\n            xs: \"15px\",\r\n            xl: \"15px\",\r\n          }}\r\n          // pl={\"24px\"}\r\n          // pr={\"32px\"}\r\n          // sx={{\r\n          //   position: \"relative\",\r\n          //   height: {\r\n          //     xs: \"calc(100svh - 188px)\",\r\n          //     // xl: \"calc(100svh - 250px)\",\r\n          //   },\r\n          //   overflow: \"auto\",\r\n          //   \"&::-webkit-scrollbar\": {\r\n          //     width: \"0px !important\",\r\n          //     height: \"0px !important\",\r\n          //   },\r\n          // }}\r\n        >\r\n          {/* {loader && <Loader />} */}\r\n\r\n          <Box\r\n            display={\"flex\"}\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"flex-start\"}\r\n            gap={\"20px\"}\r\n            width={\"100%\"}\r\n          >\r\n            <Box\r\n              sx={{\r\n                flex: \"none\",\r\n                position: \"relative\",\r\n                height: {\r\n                  xs: \"70px\",\r\n                  sm: \"80px\",\r\n                  md: \"90px\",\r\n                  xl: \"100px\",\r\n                },\r\n                width: {\r\n                  xs: \"70px\",\r\n                  sm: \"80px\",\r\n                  md: \"90px\",\r\n                  xl: \"100px\",\r\n                },\r\n\r\n                borderRadius: \"50%\",\r\n                border: `0.5px solid ${color.darkGray}`,\r\n                backgroundColor: selectedImage\r\n                  ? \"transparent\"\r\n                  : userData?.profile_color,\r\n                display: \"flex\",\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n                overflow: \"hidden\",\r\n                transition: \"all 0.3s ease\",\r\n                \"& .action_button\": {\r\n                  visibility: \"hidden\",\r\n                  opacity: 0,\r\n                  transition: \"opacity 0.3s ease\",\r\n                },\r\n                \"& input\": { display: \"none\" },\r\n                ...(isAccountOwner === \"Account Owner\" || userData?.is_admin\r\n                  ? {\r\n                      \"&:hover\": {\r\n                        \"& .action_button\": {\r\n                          visibility: \"visible\",\r\n                          opacity: 1,\r\n                        },\r\n                      },\r\n                    }\r\n                  : {}),\r\n              }}\r\n            >\r\n              <Box\r\n                display={\"flex\"}\r\n                className=\"action_button\"\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                gap={\"8px\"}\r\n                sx={{\r\n                  width: \"100%\",\r\n                  height: \"100%\",\r\n                  background: \"#00000066\",\r\n                  position: \"absolute\",\r\n                  top: 0,\r\n                  left: 0,\r\n                }}\r\n              >\r\n                <Box\r\n                  sx={{\r\n                    width: {\r\n                      sm: \"32px\",\r\n                      md: \"34px\",\r\n                    },\r\n                    height: {\r\n                      sm: \"32px\",\r\n                      md: \"34px\",\r\n                    },\r\n                    backgroundColor: \"#FFFFFF\",\r\n                    borderRadius: \"50%\",\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    cursor: \"pointer\",\r\n                    transition: \"all 0.3s ease\",\r\n                    \"& path\": {\r\n                      fill: \"#18181B\",\r\n                      transition: \"all 0.3s ease\",\r\n                    },\r\n                    \"&:hover\": {\r\n                      backgroundColor: color.primaryColor,\r\n                      transition: \"all 0.3s ease\",\r\n                      \"& path\": {\r\n                        fill: \"#FFFFFF\",\r\n                        transition: \"all 0.3s ease\",\r\n                      },\r\n                    },\r\n                  }}\r\n                  onClick={handleClickEditProfile}\r\n                >\r\n                  <IcImageGallery height=\"22\" width=\"22\" />\r\n                </Box>\r\n                {selectedImage && (\r\n                  <Box\r\n                    sx={{\r\n                      width: {\r\n                        sm: \"32px\",\r\n                        md: \"34px\",\r\n                      },\r\n                      height: {\r\n                        sm: \"32px\",\r\n                        md: \"34px\",\r\n                      },\r\n                      backgroundColor: \"#FFFFFF\",\r\n                      borderRadius: \"50%\",\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      cursor: \"pointer\",\r\n                      transition: \"all 0.3s ease\",\r\n                      \"& path\": {\r\n                        stroke: \"#18181B\",\r\n                        transition: \"all 0.3s ease\",\r\n                      },\r\n                      \"&:hover\": {\r\n                        backgroundColor: color.primaryColor,\r\n                        transition: \"all 0.3s ease\",\r\n                        \"& path\": {\r\n                          stroke: \"#FFFFFF\",\r\n                          transition: \"all 0.3s ease\",\r\n                        },\r\n                      },\r\n                    }}\r\n                    onClick={handleRemoveProfilePhoto}\r\n                  >\r\n                    <IcDeleteOutlined width=\"20\" height=\"20\" />\r\n                  </Box>\r\n                )}\r\n                {/* )} */}\r\n              </Box>\r\n              <input\r\n                type=\"file\"\r\n                accept=\".jpg, .jpeg, .png, .webp\"\r\n                id=\"file_input\"\r\n                onChange={handleFileChange}\r\n              />\r\n              {imageUploadLoader && <ProgressLoader />}\r\n              {selectedImage ? (\r\n                <img\r\n                  src={selectedImage}\r\n                  alt=\"Selected\"\r\n                  style={{\r\n                    width: \"100%\",\r\n                    height: \"100%\",\r\n                    objectFit: \"cover\",\r\n                    borderRadius: \"50%\",\r\n                  }}\r\n                />\r\n              ) : (\r\n                <Typography\r\n                  sx={{\r\n                    fontSize: {\r\n                      xs: fontSizes.fontSize27,\r\n                      md: fontSizes.fontSize30,\r\n                      xl: fontSizes.fontSize32,\r\n                    },\r\n                    color: \"#fff\",\r\n                    // mt: 1,\r\n                  }}\r\n                >\r\n                  {(\r\n                    (teamData?.data?.account_name &&\r\n                      teamData?.data?.account_name?.split(\" \")?.[0]?.[0]) ||\r\n                    \"\"\r\n                  )?.toUpperCase()}\r\n                  {(\r\n                    (teamData?.data?.account_name &&\r\n                      teamData?.data?.account_name?.split(\" \")?.[1]?.[0]) ||\r\n                    \"\"\r\n                  )?.toUpperCase()}\r\n                </Typography>\r\n              )}\r\n            </Box>\r\n            {/* <Stack>\r\n              <Typography\r\n                sx={{\r\n                  fontSize: {\r\n                    xs: 16,\r\n                    xl: 19.8,\r\n                  },\r\n                  color: color.titleDark,\r\n                  fontWeight: \"600\",\r\n                }}\r\n              >\r\n                {teamData?.data?.account_name}\r\n              </Typography>\r\n            </Stack> */}\r\n\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              flexWrap={\"wrap\"}\r\n              gap={\"10px\"}\r\n              rowGap={{\r\n                xs: \"0px\",\r\n                xl: \"24px\",\r\n              }}\r\n              // mt={matchDown950 ? \"16px\" : \"24px\"}\r\n              sx={{\r\n                width: \"100%\",\r\n              }}\r\n            >\r\n              {!isEditName ? (\r\n                <>\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize18px,\r\n                      md: fontSizes.fontSize19,\r\n                      xl: fontSizes.fontSize20,\r\n                    }}\r\n                    fontWeight={600}\r\n                  >\r\n                    {teamName}\r\n                  </Typography>\r\n                  {isAccountOwner === \"Account Owner\" && (\r\n                    <Box\r\n                      sx={{\r\n                        cursor: \"pointer\",\r\n                        width: \"28px\",\r\n                        borderRadius: commonStyles.borderRadius6,\r\n                        height: \"28px\",\r\n                        display: \"flex\",\r\n                        justifyContent: \"center\",\r\n                        alignItems: \"center\",\r\n                        \"& path\": {\r\n                          transition: \"all 0.3s\",\r\n                        },\r\n\r\n                        \"&:hover\": {\r\n                          background: color.lightPrimary,\r\n                          \"& path\": {\r\n                            fill: color.primaryColor,\r\n                          },\r\n                        },\r\n                      }}\r\n                      onClick={() => setIsEditName(!isEditName)}\r\n                    >\r\n                      <IcEditOutlined height=\"16\" width=\"16\" />\r\n                    </Box>\r\n                  )}\r\n                </>\r\n              ) : (\r\n                <>\r\n                  <LargeSimpleInput\r\n                    fullWidth={false}\r\n                    autoFocus={true}\r\n                    label={\"Workspace Name\"}\r\n                    placeholder={\"Enter Workspace Name\"}\r\n                    value={teamName}\r\n                    onChange={handleChangeInput}\r\n                    name=\"first_name\"\r\n                    height={40}\r\n                    mainSx={{\r\n                      minWidth: matchDown950 ? \"100%\" : \"calc(50% - 18px)\",\r\n                    }}\r\n                    disabled={isAccountOwner !== \"Account Owner\"}\r\n                  />\r\n                  {/* {!disableSaveButton && ( */}\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                      mt: \"22px\",\r\n                    }}\r\n                    hoverSx={{\r\n                      bgcolor: color.darkGray,\r\n                    }}\r\n                    onClick={() => {\r\n                      handleResetForm();\r\n                    }}\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={color.subTitle}\r\n                    >\r\n                      Cancel\r\n                    </Typography>\r\n                  </BtnColoredOutlined>\r\n                  {/* )} */}\r\n                  <BtnGradient\r\n                    loading={updatingInProgress || imageUploadLoader}\r\n                    sx={{\r\n                      mt: \"22px\",\r\n                      px: \"24px\",\r\n                    }}\r\n                    onClick={handleSubmit}\r\n                    disabled={disableSaveButton}\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                      fontWeight={500}\r\n                    >\r\n                      Save Changes\r\n                    </Typography>\r\n                  </BtnGradient>\r\n                </>\r\n              )}\r\n            </Stack>\r\n          </Box>\r\n          {errorMessage && (\r\n            <Typography\r\n              sx={{\r\n                fontSize: {\r\n                  xs: fontSizes.mediumFont,\r\n                  md: fontSizes.fontSize13,\r\n                  xl: fontSizes.fontSize14,\r\n                },\r\n                color: color.errorColor,\r\n                marginLeft: \"8px\",\r\n                // width: {\r\n                //   xs: \"90px\",\r\n                //   sm: \"100px\",\r\n                //   md: \"110px\",\r\n                //   xl: \"120px\",\r\n                // },\r\n                position: \"relative\",\r\n              }}\r\n            >\r\n              {errorMessage}\r\n            </Typography>\r\n          )}\r\n          {/* <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"flex-end\"}\r\n            justifyContent={\"flex-start\"}\r\n            flexWrap={\"wrap\"}\r\n            gap={\"24px\"}\r\n            mt={matchDown950 ? \"16px\" : \"24px\"}\r\n            sx={{\r\n              width: \"100%\",\r\n            }}\r\n          >\r\n            <LargeSimpleInput\r\n              fullWidth={false}\r\n              autoFocus={true}\r\n              label={\"Workspace Name\"}\r\n              placeholder={\"Enter Workspace Name\"}\r\n              value={teamName}\r\n              onChange={handleChangeInput}\r\n              name=\"first_name\"\r\n              height={40}\r\n              mainSx={{\r\n                minWidth: matchDown950 ? \"100%\" : \"calc(50% - 18px)\",\r\n              \r\n              }}\r\n            />\r\n            {!disableSaveButton && (\r\n              <BtnColoredOutlined\r\n                bgcolor=\"#F7F7F7\"\r\n                borderColor=\"#E1E1E1\"\r\n                sx={{ px: \"30px\", transition: \"all 0.2s\" }}\r\n                hoverSx={{ bgcolor: \"#EEEEEE\" }}\r\n                onClick={() => {\r\n                  handleResetForm();\r\n                }}\r\n              >\r\n                <Typography fontSize={{\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      }} height={\"18px\"} color={\"#848382\"}>\r\n                  Cancel\r\n                </Typography>\r\n              </BtnColoredOutlined>\r\n            )}\r\n            <BtnGradient\r\n              loading={updatingInProgress || imageUploadLoader}\r\n              sx={{\r\n                px: \"18px\",\r\n                mb: \"3px\",\r\n              }}\r\n              onClick={handleSubmit}\r\n              disabled={disableSaveButton}\r\n            >\r\n              <Typography fontSize={{\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      }} height={\"18px\"} fontWeight={500}>\r\n                Save Changes\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Stack> */}\r\n\r\n          {/* <Box\r\n            sx={{\r\n              width: \"100%\",\r\n              height: \"0.5px\",\r\n              background:\r\n                \"linear-gradient(90deg, rgba(67, 44, 44, 0.048) 0%, rgba(67, 44, 44, 0.24) 50%, rgba(67, 44, 44, 0.048) 100%)\",\r\n              my: \"24px\",\r\n            }}\r\n          /> */}\r\n\r\n          <CommonDivider\r\n            border={`1px solid ${color.darkGray}`}\r\n            sx={{\r\n              opacity: 1,\r\n              my: \"24px\",\r\n              borderColor: \"unset\",\r\n              color: color.darkGray,\r\n            }}\r\n          />\r\n          <Box>\r\n            {/* <Typography\r\n            fontSize={{\r\n              xs: 16.2,\r\n              xl: 20,\r\n            }}\r\n            fontWeight={600}\r\n            height={{\r\n              xs: \"22px\",\r\n              xl: \"28px\",\r\n            }}\r\n            color={color.titleDark}\r\n            mb={{\r\n              xs: \"16px\",\r\n              xl: \"24px\",\r\n            }}\r\n          >\r\n            Plan Details\r\n          </Typography>\r\n\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n            sx={{\r\n              p: \"24px\",\r\n              border: \"1px solid #E1E1E1\",\r\n              background: \"#F9FAFB\",\r\n              borderRadius: \"16px\",\r\n            }}\r\n          >\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              sx={{\r\n                gap: \"80px\",\r\n              }}\r\n            >\r\n              <Stack>\r\n                <Typography fontSize={16.2} color={color.titleDark} fontWeight={600}>\r\n                  {currentSubscriptionData?.subscriptionData?.package} Plan\r\n                </Typography>\r\n                <Typography fontSize={12.6} color={color.titleDark} mt={\"12px\"}>\r\n                  Individuals and small projects\r\n                </Typography>\r\n              </Stack>\r\n              <Stack>\r\n                <Typography fontSize={16.2} color={color.titleDark} fontWeight={600}>\r\n                  Total Boards\r\n                </Typography>\r\n                <Typography fontSize={14.4} color={color.titleDark} mt={\"12px\"}>\r\n                  {currentSubscriptionData?.featureLimitAndUsed?.filter(\r\n                    (feature) => feature.feature === \"cloudchart\"\r\n                  )[0]?.used || \"00\"}\r\n                </Typography>\r\n              </Stack>\r\n              <Stack>\r\n                <Typography fontSize={16.2} color={color.titleDark} fontWeight={600}>\r\n                  Total Members\r\n                </Typography>\r\n                <Typography fontSize={14.4} color={color.titleDark} mt={\"12px\"}>\r\n                  {currentSubscriptionData?.featureLimitAndUsed?.filter(\r\n                    (feature) => feature.feature === \"user\"\r\n                  )[0]?.used || \"00\"}\r\n                </Typography>\r\n              </Stack>\r\n            </Stack>\r\n            <BtnGradient\r\n              sx={{\r\n                px: \"16px\",\r\n              }}\r\n              onClick={() => {\r\n                setShowPlans(true);\r\n              }}\r\n            >\r\n              <Typography fontSize={{\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      }} height={\"18px\"} fontWeight={500}>\r\n                Upgrade Plan\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Stack> */}\r\n            <Grid container spacing={2}>\r\n              {/* <Grid item xs={isSmallScreen ? 12 : 3}> */}\r\n              <Grid\r\n                item\r\n                xs={isSmallScreen ? 6 : 3}\r\n                sm={12}\r\n                md={8}\r\n                lg={6}\r\n                xl={4}\r\n              >\r\n                <Box\r\n                  borderRadius=\"12px\"\r\n                  border=\"1px solid #e1e1e1\"\r\n                  overflow=\"hidden\"\r\n                >\r\n                  {/* Header */}\r\n                  <Stack\r\n                    borderBottom=\"1px solid #e1e1e1\"\r\n                    sx={{ backgroundColor: \"#F9FAFB\" }}\r\n                  >\r\n                    <Typography\r\n                      fontWeight=\"600\"\r\n                      fontSize={{\r\n                        xs: fontSizes.fontSize14,\r\n                        md: fontSizes.fontSize15,\r\n                        xl: fontSizes.fontSize16,\r\n                      }}\r\n                      color={color.titleDark}\r\n                      padding=\"13px 16px\"\r\n                    >\r\n                      Plan Details\r\n                    </Typography>\r\n                  </Stack>\r\n\r\n                  {/* Content */}\r\n                  <Stack\r\n                    spacing={1.5} // Spacing between each detail row\r\n                    padding=\"16px\"\r\n                    fontSize={{\r\n                      xs: fontSizes.mediumFont,\r\n                      md: fontSizes.fontSize13,\r\n                      xl: fontSizes.fontSize14,\r\n                    }}\r\n                    color={color.titleDark}\r\n                  >\r\n                    <Grid container gap={1}>\r\n                      {/* Row 1 */}\r\n                      <Grid container spacing={1.5}>\r\n                        <Grid item xs={5}>\r\n                          <Typography\r\n                            fontWeight=\"400\"\r\n                            color={color.subTitle}\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                          >\r\n                            Current plan\r\n                          </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={1}>\r\n                          <Typography fontWeight=\"500\" color={color.subTitle}>\r\n                            :\r\n                          </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={6}>\r\n                          <Typography\r\n                            fontWeight=\"400\"\r\n                            color={color.titleDark}\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                          >\r\n                            {teamData?.data?.is_free\r\n                              ? \"Free\"\r\n                              : teamData?.data?.package_name}\r\n                          </Typography>\r\n                        </Grid>\r\n                      </Grid>\r\n\r\n                      {/* Row 2 */}\r\n                      <Grid container spacing={1.5}>\r\n                        <Grid item xs={5}>\r\n                          <Typography\r\n                            fontWeight=\"400\"\r\n                            color={color.subTitle}\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                          >\r\n                            Billing period\r\n                          </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={1}>\r\n                          <Typography fontWeight=\"500\" color={color.subTitle}>\r\n                            :\r\n                          </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={6}>\r\n                          <Typography\r\n                            fontWeight=\"400\"\r\n                            color={\r\n                              teamData?.data?.is_free\r\n                                ? \"#c2c2c2\"\r\n                                : color.titleDark\r\n                            }\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                            textTransform={\"capitalize\"}\r\n                          >\r\n                            {teamData?.data?.interval_type\r\n                              ? teamData?.data?.interval_type === \"month\"\r\n                                ? \"monthly\"\r\n                                : \"yearly\"\r\n                              : \"N/A\"}\r\n                          </Typography>\r\n                        </Grid>\r\n                      </Grid>\r\n\r\n                      {/* Row 3 */}\r\n                      <Grid container spacing={1.5}>\r\n                        <Grid item xs={5}>\r\n                          <Typography\r\n                            fontWeight=\"400\"\r\n                            color={color.subTitle}\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                          >\r\n                            {/* Expiration date */}\r\n                            Renew on\r\n                          </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={1}>\r\n                          <Typography fontWeight=\"500\" color={color.subTitle}>\r\n                            :\r\n                          </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={6}>\r\n                          <Typography\r\n                            fontWeight=\"400\"\r\n                            color={\r\n                              teamData?.data?.is_free\r\n                                ? \"#c2c2c2\"\r\n                                : color.titleDark\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                            {/* September 24, 2024 */}\r\n                            {teamData?.data?.is_free === true\r\n                              ? \"N/A\"\r\n                              : teamData?.data?.subscription_end_date\r\n                              ? dayjs(\r\n                                  teamData?.data?.subscription_end_date\r\n                                ).format(\"DD MMM, YYYY\")\r\n                              : \"-\"}\r\n                          </Typography>\r\n                        </Grid>\r\n                      </Grid>\r\n\r\n                      {/* Row 4 */}\r\n                      <Grid container spacing={1.5}>\r\n                        <Grid item xs={5}>\r\n                          <Typography\r\n                            fontWeight=\"400\"\r\n                            color={color.subTitle}\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                          >\r\n                            Licenses purchased\r\n                          </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={1}>\r\n                          <Typography fontWeight=\"500\" color={color.subTitle}>\r\n                            :\r\n                          </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={6}>\r\n                          <Typography\r\n                            fontWeight=\"400\"\r\n                            color={\r\n                              teamData?.data?.is_free\r\n                                ? \"#c2c2c2\"\r\n                                : color.titleDark\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                            {/* {Math.abs(\r\n                            currentSubscriptionData?.featureLimitAndUsed?.find(\r\n                              (item) => item.feature === \"user\"\r\n                            )?.limit\r\n                          )} */}\r\n                            {teamData?.data?.is_free === true\r\n                              ? \"N/A\"\r\n                              : teamData?.data?.license_limit === -1\r\n                              ? 1\r\n                              : teamData?.data?.license_limit}\r\n                          </Typography>\r\n                        </Grid>\r\n                      </Grid>\r\n\r\n                      {/* Row 5 */}\r\n                      <Grid container spacing={1.5}>\r\n                        <Grid item xs={5}>\r\n                          <Typography\r\n                            fontWeight=\"400\"\r\n                            color={color.subTitle}\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                          >\r\n                            Licenses allocated\r\n                          </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={1}>\r\n                          <Typography fontWeight=\"500\" color={color.subTitle}>\r\n                            :\r\n                          </Typography>\r\n                        </Grid>\r\n                        <Grid item xs={6}>\r\n                          <Typography\r\n                            fontWeight=\"400\"\r\n                            color={\r\n                              teamData?.data?.is_free\r\n                                ? \"#c2c2c2\"\r\n                                : color.titleDark\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                            {/* {\r\n                            currentSubscriptionData?.featureLimitAndUsed?.find(\r\n                              (item) => item.feature === \"user\"\r\n                            )?.used\r\n                          } */}\r\n                            {teamData?.data?.is_free === true\r\n                              ? \"N/A\"\r\n                              : teamData?.data?.license_used}\r\n                          </Typography>\r\n                        </Grid>\r\n                      </Grid>\r\n\r\n                      {/* Row 6 */}\r\n                      {/* <Grid container spacing={1.5}>\r\n                      <Grid item xs={5}>\r\n                        <Typography\r\n                          fontWeight=\"400\"\r\n                          color={color.subTitle}\r\n                          fontSize={fontSizes.mediumFont}\r\n                        >\r\n                          Next True-Up\r\n                        </Typography>\r\n                      </Grid>\r\n                      <Grid item xs={1}>\r\n                        <Typography fontWeight=\"500\" color={color.subTitle}>\r\n                          :\r\n                        </Typography>\r\n                      </Grid>\r\n                      <Grid item xs={6}>\r\n                        <Typography\r\n                          fontWeight=\"400\"\r\n                          color={color.titleDark}\r\n                          fontSize={fontSizes.mediumFont}\r\n                        >\r\n                          -\r\n                        </Typography>\r\n                      </Grid>\r\n                    </Grid> */}\r\n                    </Grid>\r\n                  </Stack>\r\n                </Box>\r\n              </Grid>\r\n              {/* {teamMembers?.data?.memberCounts?.total_users > 1 && (\r\n              <Grid item xs={isSmallScreen ? 12 : 7}>\r\n                <Box\r\n                  borderRadius=\"16px\"\r\n                  border=\"1px solid #e1e1e1\"\r\n                  overflow=\"hidden\"\r\n                  height={\"100%\"}\r\n                >\r\n                  <Stack\r\n                    borderBottom=\"1px solid #e1e1e1\"\r\n                    sx={{ backgroundColor: \"#F9FAFB\" }}\r\n                  >\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight600}\r\n                      fontSize={fontSizes.largeFont}\r\n                      color={color.titleDark}\r\n                      padding=\"16px\"\r\n                    >\r\n                      Members\r\n                    </Typography>\r\n                  </Stack>\r\n\r\n                  <Stack\r\n                    spacing={1}\r\n                    padding=\"16px\"\r\n                    fontSize={fontSizes.mediumFont}\r\n                    color={color.titleDark}\r\n                  >\r\n                    <Stack direction={\"row\"} justifyContent={\"space-between\"}>\r\n                      <Typography\r\n                        fontWeight={fontWeight.weight600}\r\n                        fontSize={fontSizes.largeFont}\r\n                        color={color.titleDark}\r\n                      >\r\n                        Total :\r\n                      </Typography>\r\n                      <Typography\r\n                        variant=\"captions\"\r\n                        sx={{\r\n                          textDecoration: \"underline\",\r\n                          color: color.primaryColor,\r\n                        }}\r\n                      >\r\n                        View Details\r\n                      </Typography>\r\n                    </Stack>\r\n\r\n                    <Stack direction={\"row\"} gap={\"8px\"}>\r\n                      <Typography\r\n                        fontWeight={\"400\"}\r\n                        fontSize={fontSizes.font36px}\r\n                        color={color.titleDark}\r\n                      >\r\n                        {teamMembers?.data?.memberCounts?.total_users}\r\n                      </Typography>\r\n                      <Typography\r\n                        color={color.subTitle}\r\n                        fontSize={fontSizes.mediumFont}\r\n                        mt={\"25px\"}\r\n                      >\r\n                        Members\r\n                      </Typography>\r\n                    </Stack>\r\n\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      width={\"100%\"}\r\n                      height={\"15px\"}\r\n                      borderRadius={\"4px\"}\r\n                      overflow={\"hidden\"}\r\n                    >\r\n                      {/* Full Member */}\r\n              {/* <Stack\r\n                        width={`${\r\n                          teamMembers?.data?.memberCounts?.license_users &&\r\n                          teamMembers?.data?.memberCounts?.total_users\r\n                            ? (teamMembers?.data?.memberCounts?.license_users *\r\n                                100) /\r\n                              teamMembers?.data?.memberCounts?.total_users\r\n                            : 0 // Default to 0% if data is missing\r\n                        }%`}\r\n                        bgcolor={color.primaryColor}\r\n                        alignItems={\"center\"}\r\n                        justifyContent={\"center\"}\r\n                        position={\"relative\"}\r\n                      >\r\n                        <Stack\r\n                          position={\"absolute\"}\r\n                          top={\"-20px\"}\r\n                          fontSize={\"12px\"}\r\n                          color={color.primaryColor}\r\n                        >\r\n                          1\r\n                        </Stack>\r\n                      </Stack> */}\r\n              {/* Free Member */}\r\n              {/* <Stack\r\n                        width={`${\r\n                          teamMembers?.data?.memberCounts?.pending_users &&\r\n                          teamMembers?.data?.memberCounts?.total_users\r\n                            ? (teamMembers?.data?.memberCounts?.pending_users *\r\n                                100) /\r\n                              teamMembers?.data?.memberCounts?.total_users\r\n                            : 0\r\n                        }%`}\r\n                        bgcolor={color.yellowColor}\r\n                        alignItems={\"center\"}\r\n                        justifyContent={\"center\"}\r\n                        position={\"relative\"}\r\n                      >\r\n                        <Stack\r\n                          position={\"absolute\"}\r\n                          top={\"-20px\"}\r\n                          fontSize={\"12px\"}\r\n                          color={color.yellowColor}\r\n                        >\r\n                          12\r\n                        </Stack>\r\n                      </Stack> */}\r\n              {/* Trial Member */}\r\n              {/* <Stack\r\n                      width={\"40.91%\"}\r\n                      bgcolor={color.purpleColor}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"center\"}\r\n                      position={\"relative\"}\r\n                    >\r\n                      <Stack\r\n                        position={\"absolute\"}\r\n                        top={\"-20px\"}\r\n                        fontSize={\"12px\"}\r\n                        color={color.primaryColor}\r\n                      >\r\n                        09\r\n                      </Stack>\r\n                    </Stack> */}\r\n              {/* Guest */}\r\n              {/* <Stack\r\n                        width={`${\r\n                          teamMembers?.data?.memberCounts?.guest_users &&\r\n                          teamMembers?.data?.memberCounts?.total_users\r\n                            ? (teamMembers?.data?.memberCounts?.guest_users *\r\n                                100) /\r\n                              teamMembers?.data?.memberCounts?.total_users\r\n                            : 0\r\n                        }%`}\r\n                        bgcolor={color.grayColor}\r\n                        alignItems={\"center\"}\r\n                        justifyContent={\"center\"}\r\n                        position={\"relative\"}\r\n                      >\r\n                        <Stack\r\n                          position={\"absolute\"}\r\n                          top={\"-20px\"}\r\n                          fontSize={\"12px\"}\r\n                          color={color.grayColor}\r\n                        >\r\n                          04\r\n                        </Stack>\r\n                      </Stack>\r\n                    </Stack> */}\r\n              {/* <Stack\r\n                      display={\"flex\"}\r\n                      direction={\"row\"}\r\n                      width={\"100%\"}\r\n                      height={\"auto\"}\r\n                      borderRadius={\"4px\"}\r\n                      overflow={\"hidden\"}\r\n                      justifyContent={\"space-around\"}\r\n                    >\r\n                      {teamMembers?.data?.memberCounts?.license_users >= 1 && (\r\n                        <Stack\r\n                          width={`${\r\n                            teamMembers?.data?.memberCounts?.license_users &&\r\n                            teamMembers?.data?.memberCounts?.total_users\r\n                              ? (teamMembers?.data?.memberCounts\r\n                                  ?.license_users *\r\n                                  100) /\r\n                                teamMembers?.data?.memberCounts?.total_users\r\n                              : 0\r\n                          }%`}\r\n                          alignItems={\"center\"}\r\n                          justifyContent={\"center\"}\r\n                          gap={\"4px\"}\r\n                        >\r\n                          <Box\r\n                            height={\"6px\"}\r\n                            width={\"6px\"}\r\n                            bgcolor={color.primaryColor}\r\n                            borderRadius={\"50%\"}\r\n                          />\r\n                          <Typography\r\n                            fontWeight={fontWeight.weight600}\r\n                            fontSize={fontSizes.titleFont}\r\n                            color={color.primaryColor}\r\n                          >\r\n                            {teamMembers?.data?.memberCounts?.license_users}\r\n                          </Typography>\r\n                          <Typography\r\n                            fontWeight={fontWeight.weight400}\r\n                            fontSize={fontSizes.mediumFont}\r\n                            color={color.titleDark}\r\n                          >\r\n                            Full Member\r\n                          </Typography>\r\n                        </Stack>\r\n                      )}\r\n                      {teamMembers?.data?.memberCounts?.pending_users >= 1 && (\r\n                        <Stack\r\n                          width={`${\r\n                            teamMembers?.data?.memberCounts?.pending_users &&\r\n                            teamMembers?.data?.memberCounts?.total_users\r\n                              ? (teamMembers?.data?.memberCounts\r\n                                  ?.pending_users *\r\n                                  100) /\r\n                                teamMembers?.data?.memberCounts?.total_users\r\n                              : 0\r\n                          }%`}\r\n                          alignItems={\"center\"}\r\n                          justifyContent={\"center\"}\r\n                        >\r\n                          <Box\r\n                            height={\"6px\"}\r\n                            width={\"6px\"}\r\n                            bgcolor={color.yellowColor}\r\n                            borderRadius={\"50%\"}\r\n                          />\r\n                          <Typography\r\n                            fontWeight={fontWeight.weight600}\r\n                            fontSize={fontSizes.titleFont}\r\n                            color={color.yellowColor}\r\n                          >\r\n                            {teamMembers?.data?.memberCounts?.pending_users}\r\n                          </Typography>\r\n                          <Typography\r\n                            fontWeight={fontWeight.weight400}\r\n                            fontSize={fontSizes.mediumFont}\r\n                            color={color.titleDark}\r\n                          >\r\n                            Pending Member\r\n                          </Typography>\r\n                        </Stack>\r\n                      )} */}\r\n              {/* old comment */}\r\n              {/* <Stack\r\n                      width={\"40.91%\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"center\"}\r\n                    >\r\n                      <Box\r\n                        height={\"6px\"}\r\n                        width={\"6px\"}\r\n                        bgcolor={color.purpleColor}\r\n                        borderRadius={\"50%\"}\r\n                      />\r\n                      <Typography\r\n                        fontWeight={fontWeight.weight600}\r\n                        fontSize={fontSizes.titleFont}\r\n                        color={color.purpleColor}\r\n                      >\r\n                        0\r\n                      </Typography>\r\n                      <Typography\r\n                        fontWeight={fontWeight.weight400}\r\n                        fontSize={fontSizes.mediumFont}\r\n                        color={color.titleDark}\r\n                      >\r\n                        Trial Member\r\n                      </Typography>\r\n                    </Stack> */}\r\n              {/* new comment */}\r\n              {/* {teamMembers?.data?.memberCounts?.guest_users >= 1 && (\r\n                        <Stack\r\n                          width={`${\r\n                            teamMembers?.data?.memberCounts?.guest_users &&\r\n                            teamMembers?.data?.memberCounts?.total_users\r\n                              ? (teamMembers?.data?.memberCounts?.guest_users *\r\n                                  100) /\r\n                                teamMembers?.data?.memberCounts?.total_users\r\n                              : 0 // Default to 0% if data is missing\r\n                          }%`}\r\n                          alignItems={\"center\"}\r\n                          justifyContent={\"center\"}\r\n                        >\r\n                          <Box\r\n                            height={\"6px\"}\r\n                            width={\"6px\"}\r\n                            bgcolor={color.grayColor}\r\n                            borderRadius={\"50%\"}\r\n                          />\r\n                          <Typography\r\n                            fontWeight={fontWeight.weight600}\r\n                            fontSize={fontSizes.titleFont}\r\n                            color={color.grayColor}\r\n                          >\r\n                            {teamMembers?.data?.memberCounts?.guest_users}\r\n                          </Typography>\r\n                          <Typography\r\n                            fontWeight={fontWeight.weight400}\r\n                            fontSize={fontSizes.mediumFont}\r\n                            color={color.titleDark}\r\n                          >\r\n                            Guest\r\n                          </Typography>\r\n                        </Stack>\r\n                      )} */}\r\n              {/* </Stack>\r\n                  </Stack>\r\n                </Box>\r\n              </Grid>\r\n            )} */}{\" \"}\r\n            </Grid>\r\n\r\n            {/* <Typography\r\n            fontSize={{\r\n              xs: 16.2,\r\n              xl: 20,\r\n            }}\r\n            fontWeight={600}\r\n            height={{\r\n              xs: \"22px\",\r\n              xl: \"28px\",\r\n            }}\r\n            color={color.titleDark}\r\n            mb={{\r\n              xs: \"16px\",\r\n              xl: \"24px\",\r\n            }}\r\n          >\r\n            Delete Workspace Profile\r\n          </Typography> */}\r\n\r\n            {/* <Stack mt={\"24px\"}>\r\n            <Typography fontSize={14.4} fontWeight={600} color={color.titleDark}>\r\n              Leave Team\r\n            </Typography>\r\n            <Typography fontSize={12.6} mt={\"8px\"} color={\"#848382\"}>\r\n              By leaving the team, you will lose access to all its boards.\r\n            </Typography>\r\n            <BtnGradient\r\n              fullWidth={false}\r\n              disabled={teamList?.data?.resData?.length <= 1}\r\n              sx={{\r\n                px: \"16px\",\r\n                mt: \"16px\",\r\n                width: \"max-content\",\r\n              }}\r\n              onClick={() => {\r\n                setShowLeaveTeam(true);\r\n              }}\r\n            >\r\n              <Typography fontSize={{\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      }} height={\"18px\"} fontWeight={500}>\r\n                Leave Team\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Stack> */}\r\n\r\n            {isAccountOwner === \"Account Owner\" ? (\r\n              <>\r\n                <CommonDivider\r\n                  border={`1px solid ${color.darkGray}`}\r\n                  sx={{\r\n                    my: \"24px\",\r\n                    opacity: 1,\r\n                  }}\r\n                />\r\n                <Stack mt={\"24px\"}>\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize18px,\r\n                      md: fontSizes.fontSize19,\r\n                      xl: fontSizes.fontSize20,\r\n                    }}\r\n                    fontWeight={fontWeight.weight600}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Delete Workspace\r\n                  </Typography>\r\n                  {/* <Typography fontSize={12.6} mt={\"8px\"} color={\"#848382\"}>\r\n              Deleting the team will irreversibly remove all its boards and\r\n              disband users.\r\n            </Typography> */}\r\n\r\n                  <Typography\r\n                    // width={\"46%\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.mediumFont,\r\n                      md: fontSizes.fontSize13,\r\n                      xl: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#848382\"}\r\n                    fontWeight={400}\r\n                    mb={\"8px\"}\r\n                    mt={1}\r\n                  >\r\n                    Deleting your workspace will permanently remove all boards\r\n                    and data associated with it.\r\n                  </Typography>\r\n                  <Stack gap={\"8px\"} marginLeft={1}>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"8px\"}\r\n                      alignItems={\"flex-start\"}\r\n                    >\r\n                      <CommonBulletPoint />\r\n                      <Typography\r\n                        color={color.subTitle}\r\n                        fontWeight={\"400\"}\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                      >\r\n                        An email confirmation will be sent to your registered\r\n                        address.\r\n                      </Typography>\r\n                    </Stack>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"8px\"}\r\n                      alignItems={\"flex-start\"}\r\n                      maxWidth={630}\r\n                    >\r\n                      <CommonBulletPoint />\r\n                      <Typography\r\n                        color={color.subTitle}\r\n                        fontWeight={\"400\"}\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                      >\r\n                        This action{\" \"}\r\n                        <Typography\r\n                          variant=\"caption\"\r\n                          sx={{\r\n                            color: color.titleDark,\r\n                            fontWeight: \"600\",\r\n                            fontSize: {\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            },\r\n                          }}\r\n                        >\r\n                          does not cancel your subscription or stop payments.\r\n                        </Typography>{\" \"}\r\n                        You will continue to be charged until you cancel your\r\n                        subscription or update your payment method.\r\n                      </Typography>\r\n                    </Stack>\r\n                  </Stack>\r\n\r\n                  <Typography\r\n                    // width={\"46%\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.mediumFont,\r\n                      md: fontSizes.fontSize13,\r\n                      xl: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#848382\"}\r\n                    fontWeight={400}\r\n                    mb={\"8px\"}\r\n                    mt={\"8px\"}\r\n                  >\r\n                    <Typography\r\n                      variant=\"caption\"\r\n                      sx={{\r\n                        color: color.titleDark,\r\n                        fontWeight: \"600\",\r\n                        fontSize: {\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        },\r\n                      }}\r\n                    >\r\n                      Important:\r\n                    </Typography>{\" \"}\r\n                    Once deleted, this action{\" \"}\r\n                    <Typography\r\n                      display={\"inline\"}\r\n                      fontSize={{\r\n                        xs: fontSizes.mediumFont,\r\n                        md: fontSizes.fontSize13,\r\n                        xl: fontSizes.fontSize14,\r\n                      }}\r\n                      style={{\r\n                        color: color.titleDark,\r\n                        fontWeight: \"600\",\r\n                      }}\r\n                    >\r\n                      cannot be undone.\r\n                    </Typography>\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                    color={\"#848382\"}\r\n                    fontWeight={400}\r\n                    mb={\"8px\"}\r\n                  >\r\n                    To preserve your data, you can export your boards in PNG or\r\n                    other image formats before proceeding.\r\n                  </Typography>\r\n\r\n                  <BtnColoredOutlined\r\n                    fullWidth={false}\r\n                    borderColor=\"#E03F34\"\r\n                    bgcolor=\"#FFF\"\r\n                    sx={{\r\n                      px: \"16px\",\r\n                      mt: \"16px\",\r\n                      width: \"max-content\",\r\n                      transition: \"all 0.3s\",\r\n                    }}\r\n                    hoverSx={{\r\n                      border: `1px solid ${color.errorColor} !important`,\r\n                      bgcolor: `${color.lightErrorColor} !important`,\r\n                      fontWeight: fontWeight.weight500,\r\n                    }}\r\n                    onClick={() => {\r\n                      setShowDeleteTeam(true);\r\n                    }}\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={color.errorColor}\r\n                      height={fontSizes.btnTextHeight}\r\n                      fontWeight={fontWeight.weight600}\r\n                    >\r\n                      Delete Workspace\r\n                    </Typography>\r\n                  </BtnColoredOutlined>\r\n                </Stack>\r\n              </>\r\n            ) : (\r\n              <>\r\n                <CommonDivider\r\n                  border={`1px solid ${color.darkGray}`}\r\n                  sx={{\r\n                    my: \"24px\",\r\n                    opacity: 1,\r\n                  }}\r\n                />\r\n                <Stack mt={\"24px\"}>\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize18px,\r\n                      md: fontSizes.fontSize19,\r\n                      xl: fontSizes.fontSize20,\r\n                    }}\r\n                    fontWeight={fontWeight.weight600}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Leave Workspace\r\n                  </Typography>\r\n\r\n                  <Typography\r\n                    // width={\"46%\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.mediumFont,\r\n                      md: fontSizes.fontSize13,\r\n                      xl: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#848382\"}\r\n                    fontWeight={400}\r\n                    mb={\"8px\"}\r\n                    mt={1}\r\n                  >\r\n                    Leave workspace will permanently remove all boards and data\r\n                    associated with it.\r\n                  </Typography>\r\n                  <Stack gap={\"8px\"} marginLeft={1}>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"8px\"}\r\n                      alignItems={\"flex-start\"}\r\n                    >\r\n                      <CommonBulletPoint />\r\n                      <Typography\r\n                        color={color.subTitle}\r\n                        fontWeight={\"400\"}\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                      >\r\n                        An email confirmation will be sent to your registered\r\n                        address.\r\n                      </Typography>\r\n                    </Stack>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"8px\"}\r\n                      alignItems={\"flex-start\"}\r\n                      maxWidth={630}\r\n                    >\r\n                      <CommonBulletPoint />\r\n                      <Typography\r\n                        color={color.subTitle}\r\n                        fontWeight={\"400\"}\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                      >\r\n                        This action{\" \"}\r\n                        <Typography\r\n                          variant=\"caption\"\r\n                          sx={{\r\n                            color: color.titleDark,\r\n                            fontWeight: \"600\",\r\n                            fontSize: {\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            },\r\n                          }}\r\n                        >\r\n                          does not cancel your subscription or stop payments.\r\n                        </Typography>{\" \"}\r\n                        You will continue to be charged until you cancel your\r\n                        subscription or update your payment method.\r\n                      </Typography>\r\n                    </Stack>\r\n                  </Stack>\r\n\r\n                  <Typography\r\n                    // width={\"46%\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.mediumFont,\r\n                      md: fontSizes.fontSize13,\r\n                      xl: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#848382\"}\r\n                    fontWeight={400}\r\n                    mb={\"8px\"}\r\n                    mt={\"8px\"}\r\n                  >\r\n                    <Typography\r\n                      variant=\"caption\"\r\n                      sx={{\r\n                        color: color.titleDark,\r\n                        fontWeight: \"600\",\r\n                        fontSize: {\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        },\r\n                      }}\r\n                    >\r\n                      Important:\r\n                    </Typography>{\" \"}\r\n                    Once leave, this action{\" \"}\r\n                    <Typography\r\n                      display={\"inline\"}\r\n                      fontSize={{\r\n                        xs: fontSizes.mediumFont,\r\n                        md: fontSizes.fontSize13,\r\n                        xl: fontSizes.fontSize14,\r\n                      }}\r\n                      style={{\r\n                        color: color.titleDark,\r\n                        fontWeight: \"600\",\r\n                      }}\r\n                    >\r\n                      cannot be undone.\r\n                    </Typography>\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                    color={\"#848382\"}\r\n                    fontWeight={400}\r\n                    mb={\"8px\"}\r\n                  >\r\n                    To preserve your data, you can export your boards in PNG or\r\n                    other image formats before proceeding.\r\n                  </Typography>\r\n\r\n                  <BtnColoredOutlined\r\n                    fullWidth={false}\r\n                    borderColor=\"#E03F34\"\r\n                    bgcolor=\"#FFF\"\r\n                    sx={{\r\n                      px: \"16px\",\r\n                      mt: \"16px\",\r\n                      width: \"max-content\",\r\n                      transition: \"all 0.3s\",\r\n                    }}\r\n                    hoverSx={{\r\n                      border: `1px solid ${color.errorColor} !important`,\r\n                      bgcolor: `${color.lightErrorColor} !important`,\r\n                      fontWeight: fontWeight.weight500,\r\n                    }}\r\n                    onClick={() => {\r\n                      setShowLeaveWp(true);\r\n                    }}\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={color.errorColor}\r\n                      height={fontSizes.btnTextHeight}\r\n                      fontWeight={fontWeight.weight600}\r\n                    >\r\n                      Leave Workspace\r\n                    </Typography>\r\n                  </BtnColoredOutlined>\r\n                </Stack>\r\n              </>\r\n            )}\r\n\r\n            {/* <Stack mt={\"24px\"}>\r\n            <Typography\r\n              fontSize={fontSizes.titleFont}\r\n              fontWeight={fontWeight.weight600}\r\n              color={color.titleDark}\r\n            >\r\n              Delete Workspace Profile\r\n            </Typography>\r\n            <Typography\r\n              fontSize={fontSizes.mediumFont}\r\n              fontWeight={fontWeight.weight400}\r\n              mt={\"8px\"}\r\n              color={color.subTitle}\r\n            >\r\n              Deleting the workspace will irreversibly remove all associated\r\n              boards and Teams. You may want to export or save backups of your\r\n              boards.\r\n            </Typography>\r\n            <BtnColoredOutlined\r\n              fullWidth={false}\r\n              borderColor=\"#E03F34\"\r\n              bgcolor=\"#FFF\"\r\n              sx={{\r\n                px: \"16px\",\r\n                mt: \"16px\",\r\n                width: \"max-content\",\r\n\r\n                \"& p\": {\r\n                  color: \"#E03F34\",\r\n                },\r\n              }}\r\n              onClick={() => {\r\n                setShowDeleteWorkSpace(true);\r\n              }}\r\n            >\r\n              <Typography fontSize={{\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      }} height={\"18px\"} fontWeight={500}>\r\n                Delete Workspace\r\n              </Typography>\r\n            </BtnColoredOutlined>\r\n          </Stack> */}\r\n          </Box>\r\n          {/* )} */}\r\n        </Box>\r\n      </Box>\r\n      <ChoosePlan open={showPlans} setOpen={setShowPlans} />\r\n      <LeaveTeam\r\n        open={showLeaveTeam}\r\n        handleClose={() => setShowLeaveTeam(false)}\r\n        teamName={teamName}\r\n        loading={removing}\r\n        handleOK={() => {\r\n          handleLeaveTeam();\r\n        }}\r\n      />\r\n      <DeleteTeam\r\n        open={showDeleteTeam || showLeaveWp}\r\n        handleClose={() => {\r\n          setShowDeleteTeam(false);\r\n          setShowLeaveWp(false);\r\n        }}\r\n        handleClickDelete={handleClickDeleteTeam}\r\n        loading={deletingInprogress || leaveWpInprogress}\r\n        isLeaveWp={showLeaveWp ? true : false}\r\n      />\r\n      <ConfirmationDeleteWorkSpace\r\n        open={confirmDeleteWorkSpace}\r\n        handleClose={() => {\r\n          setConfirmDeleteWorkSpace(false);\r\n        }}\r\n        resendEmail={() => resendEmail()}\r\n        isWorkSpace={true}\r\n        loading={deletingInprogress}\r\n      />\r\n      <DeleteWorkSpace\r\n        open={showDeleteWorkSpace}\r\n        handleClose={() => setShowDeleteWorkSpace(false)}\r\n        handleClickDelete={handleClickDeleteWorkSpace}\r\n        // confirmDeleteWorkSpace={setShowSuccessDeleteWorkSpace(true)}\r\n      />\r\n      <SuccessDeleteTeam\r\n        showSuccessModal={showSuccessDeleteTeam}\r\n        handleCloseSuccessModal={() => setShowSuccessDeleteTeam(false)}\r\n      />\r\n\r\n      <SuccessDeleteWorkSpace\r\n        showSuccessModal={showSuccessDeleteWorkSpace}\r\n        handleCloseSuccessModal={() => setShowSuccessDeleteWorkSpace(false)}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default TeamProfile;\r\n"],"names":["Notifications","_notificationsData$da7","_notificationsData$da8","options","loader","setLoader","useState","btnLoading","setBtnLoading","showNotificationModal","setShowNotificationModal","isSlackConnected","setIsSlackConnected","isSlackLoading","setIsSlackLoading","theme","useTheme","matchDown950","useMediaQuery","breakpoints","down","getNotificationInfo","data","notificationsData","isLoading","notificationIsLoading","useGetNotificationInfoMutation","updateNotificationInfo","useUpdateNotificationInfoMutation","slackConnect","useSlackConnectMutation","slackDisconnect","useSlackDisconnectMutation","slackConnectCheck","slackConnectCheckData","useSlackConnectCheckMutation","dispatch","useDispatch","takeSlackRequest","localStorage","getItem","initializeState","dataKey","reduce","acc","label","_notificationsData$da","_notificationsData$da2","_notificationsData$da3","email","_notificationsData$da4","_notificationsData$da5","_notificationsData$da6","slack","checkedState","setCheckedState","board_shared_with_me","board_shared_with_team","request_access_to_board","thread_comments","mentions","checkedState3","setCheckedState3","space_update","team_update","request_access_to_team","invite_to_team","subscribeToEmail","setSubscribeToEmail","subscribe_to_email","useEffect","_slackConnectCheckDat","_slackConnectCheckDat3","_notificationsData$da9","_notificationsData$da10","_slackConnectCheckDat2","setItem","errorToast","message","handleChange","async","event","group","_event$target","_result$data","newState","_objectSpread","target","checked","previousValue","prevState","result","updateNotification","status","handleChange3","_event$target2","_result$data2","updatedState1","updatedState3","type","_result$data3","invitees_sign_up","_result$error","_result$error$data","error","_result$data4","successToast","_jsxs","_Fragment","children","Box","bgcolor","sx","overflow","px","pb","_jsx","AbsoluteLoader","Stack","direction","height","width","borderRadius","alignItems","justifyContent","border","mt","gap","src","s3AssetsUrl","alt","Typography","color","fontSize","sm","fontSizes","fontSize14","md","fontSize16","fontWeight","xs","fontSize13","BtnGradient","onClick","then","_result$data6","_result$error2","_result$error2$data","_result$data7","catch","_result$data8","_result$error3","_result$error3$data","_result$data9","_result$data9$data","window","location","href","slack_url","handleSlackConnect","loading","fontSize18px","xl","fontSize20","weight600","titleDark","Grid","container","columnSpacing","rowSpacing","item","lg","CommonBulletPoint","spacing","map","maxWidth","ml","CheckBoxComponents","onChange","disabled","whiteSpace","CommonDivider","my","concat","darkGray","opacity","fontSize15","weight500","mb","fontSize12px","weight400","subTitle","_result$data5","previousSubscribedState","updatedSubscribedState","handleSubscribe","NotificationModal","open","handleClose","handleClickDone","industryOpt","value","rolesOpt","ProfileInfo","_JSON$parse","_profileData$first_na","_profileData$last_nam","_getAccountDetail$dat27","_getAccountDetail$dat28","_getAccountDetail$dat29","_getAccountDetail$dat30","control","handleSubmit","setValue","getValues","reset","watch","formState","errors","useForm","mode","btnDisabled","setBtnDisabled","formValues","user_data","JSON","parse","getAccountDetail","loadingAccountDetails","isFetching","dataFetchAccountDetail","refetch","refetchProfile","useGetAccountDetailQuery","user_id","useLocation","userData","useSelector","state","common","profileData","setProfileData","company_name","first_name","last_name","industry","role","profileErrors","setProfileErrors","selectedImage","setSelectedImage","selectedImageFile","setSelectedImageFile","removeProfilePhoto","setRemoveProfilePhoto","confirmDeleteAccount","setConfirmDeleteAccount","editEmail","setEditEmail","passwordModal","setPasswordModal","signOutAllDeviceModal","setSignOutAllDeviceModal","deleteAccountModal","setDeleteAccountModal","verifyOtpModal","setVerifyOtpModalModal","setNewPassModal","setSetNewPassModalModal","manageCookiesModal","setManageCookiesModal","imgUpdate","setImgUpdate","initialProfileData","setInitialProfileData","setErrors","current_password","new_password","confirm_password","errorMessage","setErrorMessage","workSpaceName","_getAccountDetail$dat5","_getAccountDetail$dat6","_getAccountDetail$dat7","_getAccountDetail$dat8","_getAccountDetail$dat9","_getAccountDetail$dat10","_getAccountDetail$dat11","_getAccountDetail$dat12","_getAccountDetail$dat13","_getAccountDetail$dat14","_getAccountDetail$dat15","_getAccountDetail$dat16","_getAccountDetail$dat17","_getAccountDetail$dat18","_getAccountDetail$dat19","_getAccountDetail$dat20","tempIndustry","find","_getAccountDetail$dat","_getAccountDetail$dat2","account_json","job_title","tempRole","_getAccountDetail$dat3","_getAccountDetail$dat4","user","name","split","account_name","profile_picture","temp","_","handleChangeInput","e","prev","arguments","length","undefined","trim","handleValidateFields","isAccountOwner","Loader","overflowY","position","backgroundColor","profile_color","display","transition","visibility","className","background","top","left","cursor","fill","primaryColor","handleClickEditProfile","document","getElementById","click","IcEditGallery","stroke","handleRemovePhotoForm","_getAccountDetail$dat21","_getAccountDetail$dat22","_getAccountDetail$dat23","_getAccountDetail$dat24","IcDeleteOutlined","accept","id","file","files","size","reader","FileReader","onload","img","Image","readAsDataURL","style","objectFit","fontSize27","fontSize30","fontSize32","toUpperCase","fontSize19","mediumFont","errorColor","marginLeft","onSubmit","_data$industry","_data$role","tempProfileData","email_id","imagePath","_imageUploadResponse$","formData","FormData","append","commanService","uploadApi","response","patchApi","_response$data","_response$data2","updateUserData","stringify","_error$response","_error$response2","_error$response3","_error$response3$data","_error$response$data","warningToast","flexWrap","Controller","defaultValue","rules","required","minLength","render","_ref","_error$first_name","field","LargeSimpleInput","fullWidth","autoFocus","placeholder","mainSx","minWidth","_ref2","_error$last_name","_ref3","labelAdornment","CommonLink","_ref4","_error$company_name","_ref5","CustomAutoSelect","noOptionsText","_ref6","BtnColoredOutlined","greyHover","borderColor","commonBorderColor","hoverSx","handleResetForm","_getAccountDetail$dat25","_getAccountDetail$dat26","flexDirection","ChangePasswordForm","btnTextHeight","component","p","BtnWhiteBordered","lightErrorColor","ChangeEmail","onClose","ForgotPasswordModel","showTheVerifyOptModal","SignOutAllDeviceModal","DeleteAccountModal","ManageCookiesModal","ConfirmationDeleteWorkSpace","VerifyCodeModal","handleShowNewPass","handleCloseNewPass","SetNewPasswordModal","SelectedTeamProfile","_teamData$data5","_teamData$data5$teamI","_teamData$data6","_teamData$data6$teamI","_teamData$data10","_teamData$data10$team","_teamData$data17","_teamData$data17$team","_teamData$data18","_teamData$data18$team","_teamData$data19","_teamData$data19$team","_teamData$data20","_teamData$data20$team","_teamData$data21","_teamData$data21$team","_teamData$data22","_teamData$data22$team","_teamData$data23","_teamData$data23$team","_teamData$data24","_teamData$data24$team","_teamData$data25","_teamData$data25$team","navigate","useNavigate","showPlans","setShowPlans","showDeleteTeam","setShowDeleteTeam","showSuccessDeleteTeam","setShowSuccessDeleteTeam","showSuccessDeleteWorkSpace","setShowSuccessDeleteWorkSpace","teamName","setTeamName","disableSaveButton","setDisableSaveButton","imageUploadLoader","setImageUploadLoader","showLeaveTeam","setShowLeaveTeam","selectedTeam","sessionStorage","selectedTeamId","teamData","teamIsLoading","teamIsFetching","teamFetching","useGetTeamProfileByTeamQuery","skip","updateTeam","updatingInProgress","useUpdateTeamMutation","deleteTeam","deletingInprogress","errorInCreating","useDeleteTeamByIdMutation","removeMember","removing","useLeaveTeamMutation","_teamData$data","_teamData$data$teamIn","teamInfo","team_name","handleResetData","useCallback","_teamData$data2","_teamData$data2$teamI","_teamData$data2$teamI2","_teamData$data3","_teamData$data3$teamI","_teamData$data3$teamI2","_teamData$data4","_teamData$data4$teamI","logo","_teamData$data7","_teamData$data7$teamI","_teamData$data8","_teamData$data8$teamI","initialTName","initialLogo","_teamData$data9","_teamData$data9$teamI","handleRemoveProfilePhoto","_teamData$data11","_teamData$data11$team","_teamData$data12","_teamData$data12$team","_teamData$data13","_teamData$data13$team","ProgressLoader","fontSize22","_teamData$data14","_teamData$data15","_teamData$data15$team","team_id","teamId","unwrap","_error$data","ChoosePlan","setOpen","DeleteTeam","handleClickDelete","handleClickDeleteTeam","active_team","firstTeam","_data$data","updateTeamIdInLocalStorage","_errorInCreating$data","isDeleteTeam","LeaveTeam","handleOK","handleLeaveTeam","_teamData$data16","_teamData$data16$team","SuccessDeleteTeam","showSuccessModal","handleCloseSuccessModal","SuccessDeleteWorkSpace","TeamProfile","_teamData$data12$acco","_teamData$data12$acco2","_teamData$data12$acco3","_teamData$data14$acco","_teamData$data14$acco2","_teamData$data14$acco3","_teamData$data26","_teamData$data27","_teamData$data28","_teamData$data29","_teamData$data30","currentSubscriptionData","confirmDeleteWorkSpace","setConfirmDeleteWorkSpace","showLeaveWp","setShowLeaveWp","showDeleteWorkSpace","setShowDeleteWorkSpace","isEditName","setIsEditName","isSmallScreen","switchWorkspaceId","setSwitchWorkSpaceId","params","useParams","activeTeam","_state$sidebar","sidebar","currentTeam","getWorkSpaceDetail","useGetWorkSpaceDetailMutation","teamList","useGetTeamListQuery","USER_DATA","userAccountId","account_id","removedData","errorInRemoving","isSuccess","isUserRemovedSuccessfully","deletedTeam","isDeletedSuccessFully","useDeleteTeamWorkSpaceMutation","leaveWorkSpace","leaveWpInprogress","useLeaveWorkSpaceMutation","workSpaceList","workSpaceListLoading","refetchWorkspace","useGetWorkSpaceListQuery","switchWorkSpace","switchingIProgress","useSwitchAccountsMutation","getTeamListWithToken","customHeaderTeamLoading","useGetTeamListWithCustomHeadersMutation","currentSubscriptionApi","useGetCurrentSubscriptionQuery","_removedData$data","_removedData$data2","_teamList$data","_teamList$data$resDat","resData","setTimeout","_errorInRemoving$data","initialCname","flex","is_admin","IcImageGallery","rowGap","_currentSubscriptionD","_currentSubscriptionD2","_currentSubscriptionD3","_currentSubscriptionD4","_currentSubscriptionD5","imageUploadResponse","updatedUserData","subscriptionData","package","includes","commonStyles","borderRadius6","lightPrimary","IcEditOutlined","borderBottom","padding","is_free","package_name","textTransform","interval_type","subscription_end_date","dayjs","format","license_limit","license_used","variant","wpData","_wpData$data","workSpaceData","clear","logoutChannel","postMessage","resetAllQueryCache","accountData","_accountData$data","access_token","_teamData$data9$data","_teamData$data9$data$","is_onboarding_done","has_workspace","res","isLeaveWp","resendEmail","isWorkSpace","DeleteWorkSpace","handleClickDeleteWorkSpace"],"sourceRoot":""}