{"version":3,"file":"static/js/main-3528b48e.23116a62.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          position: \"relative\",\r\n          overflow: \"auto\",\r\n          px: 1,\r\n          pb: 1,\r\n        }}\r\n      >\r\n        {(loader || notificationIsLoading) && <AbsoluteLoader />}\r\n\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 src={s3AssetsUrl + \"/images/slack_logo.svg\"} alt=\"SlackLogo\" />\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={label === \"slack\" ? !isSlackConnected : false}\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={label === \"slack\" ? !isSlackConnected : false}\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(event, \"request_access_to_board\", 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 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={label === \"slack\" ? !isSlackConnected : false}\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={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        </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\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\nimport { getUserFirstAndLastNameFromFullName } from \"../../../../CommanFunctions/commanFunctions\";\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 [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      const [dataFirstName, dataLastName] = getUserFirstAndLastNameFromFullName(\r\n        getAccountDetail?.data?.user?.name\r\n      );\r\n      setValue(\"first_name\", dataFirstName);\r\n      setValue(\"last_name\", dataLastName);\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: dataFirstName,\r\n        last_name: dataLastName,\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 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  };\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\", \"profile\");\r\n          formData.append(\r\n            \"is_replace\",\r\n            userData?.profile_picture ? true : false\r\n          );\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          // 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      >\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 mt={matchDown950 ? \"16px\" : \"20px\"}>\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              >\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\nimport { useSelector } from \"react-redux\";\r\n\r\nconst SelectedTeamProfile = () => {\r\n  const theme = useTheme();\r\n  const { userData } = useSelector((state) => state.common);\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    userData?.role === \"Account Owner\" || userData?.is_admin === true\r\n      ? navigate(\"/user/manage-teams\")\r\n      : navigate(\"/user/invited-users-team\");\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        formData.append(\"fileName\", \"team-profile\");\r\n        formData.append(\r\n          \"is_replace\",\r\n          teamData?.data?.teamInfo?.logo ? true : false\r\n        );\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    userData?.role === \"Account Owner\" || userData?.is_admin === true\r\n      ? navigate(\"/user/manage-teams\")\r\n      : navigate(\"/user/invited-users-team\");\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          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        formData.append(\"fileName\", \"workspace-profile\");\r\n        formData.append(\"is_replace\", teamData?.data?.logo ? true : false);\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\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      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","console","_jsxs","_Fragment","children","Box","bgcolor","sx","position","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$dat21","_getAccountDetail$dat22","_getAccountDetail$dat23","_getAccountDetail$dat24","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","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","tempIndustry","find","_getAccountDetail$dat","_getAccountDetail$dat2","account_json","job_title","tempRole","_getAccountDetail$dat3","_getAccountDetail$dat4","dataFirstName","dataLastName","getUserFirstAndLastNameFromFullName","user","name","account_name","profile_picture","temp","_","handleChangeInput","e","prev","isAccountOwner","Loader","overflowY","backgroundColor","profile_color","display","transition","visibility","className","background","top","left","cursor","fill","primaryColor","handleClickEditProfile","document","getElementById","click","IcEditGallery","stroke","handleRemovePhotoForm","_getAccountDetail$dat15","_getAccountDetail$dat16","_getAccountDetail$dat17","_getAccountDetail$dat18","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","_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$dat19","_getAccountDetail$dat20","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$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","_teamData$data26","_teamData$data26$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","split","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$data16","_teamData$data16$team","_teamData$data15","_teamData$data15$team","team_id","teamId","unwrap","_error$data","ChoosePlan","setOpen","DeleteTeam","handleClickDelete","handleClickDeleteTeam","active_team","firstTeam","_data$data","updateTeamIdInLocalStorage","_errorInCreating$data","is_admin","isDeleteTeam","LeaveTeam","handleOK","handleLeaveTeam","_teamData$data17","_teamData$data17$team","SuccessDeleteTeam","showSuccessModal","handleCloseSuccessModal","SuccessDeleteWorkSpace","TeamProfile","_teamData$data13$acco","_teamData$data13$acco2","_teamData$data13$acco3","_teamData$data15$acco","_teamData$data15$acco2","_teamData$data15$acco3","_teamData$data27","_teamData$data28","_teamData$data29","_teamData$data30","_teamData$data31","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","IcImageGallery","rowGap","_currentSubscriptionD","_currentSubscriptionD2","_currentSubscriptionD3","_currentSubscriptionD4","_currentSubscriptionD5","imageUploadResponse","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","length","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":""}