{"version":3,"file":"static/js/main-02ae98fa.bb715557.js","mappings":"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","sources":["Components/user-sections/components/TableComponent.js","Components/user-sections/components/UpgradeModel.jsx","Components/user-sections/components/UserSectionBrandCenter.js","Components/user-sections/components/UserSectionPermissions.js","Components/user-sections/components/UserSectionRequestControl.js","Components/user-sections/components/UserSectionSidebar.js"],"sourcesContent":["import {\r\n  Box,\r\n  IconButton,\r\n  Paper,\r\n  Stack,\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableContainer,\r\n  TableHead,\r\n  TableRow,\r\n} from \"@mui/material\";\r\nimport React, {\r\n  useCallback,\r\n  useEffect,\r\n  useMemo,\r\n  useRef,\r\n  useState,\r\n} from \"react\";\r\nimport AbsoluteLoader from \"../../../CommanUI/Loader/AbsoluteLoader\";\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 CommonPlaceHolder from \"../../../common-components/commonPlaceholder/CommonPlaceHolder\";\r\nimport { IcSortingTableAse, IcSortingTableDes } from \"../../../assets/icon-components\";\r\n\r\nconst TableComponent = ({\r\n  mainBoxCss = {},\r\n  columns,\r\n  mainLoader,\r\n  data,\r\n  placeholder,\r\n  maxWidth = \"100%\",\r\n  showSortingIconOnHover = true,\r\n  customSortIcons,\r\n  headHeight = 50,\r\n  rowHeight = 70,\r\n  isTableLoading = false,\r\n  maxHeight,\r\n  emptyBoxHeight,\r\n  enableColumnResizing = true,\r\n  tableFullSpaceManage = 33,\r\n  userProfileSetting = false,\r\n  tableFullEmptySpaceManage = 84,\r\n}) => {\r\n  const [sortConfig, setSortConfig] = useState({\r\n    key: null,\r\n    direction: null,\r\n  });\r\n  const [columnWidths, setColumnWidths] = useState({});\r\n  const [isResizing, setIsResizing] = useState(false);\r\n  const [emptyPlaceholderHeigh, setEmptyPlaceholderHeigh] = useState(\"\");\r\n  const resizingColumn = useRef(null);\r\n  const startX = useRef(null);\r\n  const startWidth = useRef(null);\r\n  const tableRef = useRef(null);\r\n\r\n  // Calculate initial column widths based on content\r\n  useEffect(() => {\r\n    const calculateColumnWidths = () => {\r\n      const widths = {};\r\n      columns.forEach((column) => {\r\n        // Get maximum content width for the column\r\n        const maxContentWidth = Math.max(\r\n          getTextWidth(column.header),\r\n          ...data.map((row) => {\r\n            const content = row[column.accessorKey];\r\n            return getTextWidth(content?.toString() || \"-\");\r\n          })\r\n        );\r\n\r\n        // Add padding and set minimum width\r\n        widths[column.accessorKey] = Math.max(\r\n          maxContentWidth + 32, // 32px for padding\r\n          column.minWidth || 100\r\n        );\r\n      });\r\n      setColumnWidths(widths);\r\n    };\r\n\r\n    calculateColumnWidths();\r\n  }, [columns, data]);\r\n\r\n  // Function to calculate text width\r\n  const getTextWidth = (text) => {\r\n    const canvas = document.createElement(\"canvas\");\r\n    const context = canvas.getContext(\"2d\");\r\n    context.font = \"14px Arial\"; // Match your table font\r\n    return context.measureText(text).width;\r\n  };\r\n\r\n  // Handle column resize\r\n  const handleResizeStart = useCallback(\r\n    (e, column) => {\r\n      if (!enableColumnResizing || !column.enableResizing) return;\r\n\r\n      e.preventDefault();\r\n      setIsResizing(true);\r\n      resizingColumn.current = column.accessorKey;\r\n      startX.current = e.pageX;\r\n      startWidth.current = columnWidths[column.accessorKey];\r\n    },\r\n    [enableColumnResizing, columnWidths]\r\n  );\r\n\r\n  const handleResizeMove = useCallback(\r\n    (e) => {\r\n      if (!isResizing) return;\r\n\r\n      const diff = e.pageX - startX.current;\r\n      const newWidth = Math.max(startWidth.current + diff, 100); // Minimum width of 100px\r\n\r\n      setColumnWidths((prev) => ({\r\n        ...prev,\r\n        [resizingColumn.current]: newWidth,\r\n      }));\r\n    },\r\n    [isResizing]\r\n  );\r\n\r\n  const handleResizeEnd = useCallback(() => {\r\n    setIsResizing(false);\r\n    resizingColumn.current = null;\r\n    startX.current = null;\r\n    startWidth.current = null;\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (isResizing) {\r\n      window.addEventListener(\"mousemove\", handleResizeMove);\r\n      window.addEventListener(\"mouseup\", handleResizeEnd);\r\n    }\r\n    return () => {\r\n      window.removeEventListener(\"mousemove\", handleResizeMove);\r\n      window.removeEventListener(\"mouseup\", handleResizeEnd);\r\n    };\r\n  }, [isResizing, handleResizeMove, handleResizeEnd]);\r\n\r\n  // Dynamic table height calculation\r\n  const windowHeight = window?.innerHeight;\r\n  const tableTop = tableRef?.current?.getBoundingClientRect()?.top;\r\n  // const padding = 33;\r\n  const newHeight = windowHeight - tableTop - tableFullSpaceManage;\r\n  // const emptyPadding = 84;\r\n  const emptyPlaceHolder = windowHeight - tableTop - tableFullEmptySpaceManage;\r\n  useEffect(() => {\r\n    const updateTableHeight = () => {\r\n      if ((tableRef?.current && newHeight) || emptyPlaceHolder) {\r\n        tableRef.current.style.maxHeight = `${newHeight}px`;\r\n        setEmptyPlaceholderHeigh(`${emptyPlaceHolder}px`);\r\n      }\r\n    };\r\n\r\n    updateTableHeight();\r\n    window.addEventListener(\"resize\", updateTableHeight);\r\n    return () => window.removeEventListener(\"resize\", updateTableHeight);\r\n  }, [newHeight, emptyPlaceHolder]);\r\n\r\n  const sortedData = useMemo(() => {\r\n    if (!sortConfig.key || !sortConfig.direction) return data;\r\n\r\n    return [...data].sort((a, b) => {\r\n      const aValue = a[sortConfig.key];\r\n      const bValue = b[sortConfig.key];\r\n\r\n      if (aValue === null || aValue === undefined) return 1;\r\n      if (bValue === null || bValue === undefined) return -1;\r\n\r\n      if (aValue < bValue) return sortConfig.direction === \"asc\" ? -1 : 1;\r\n      if (aValue > bValue) return sortConfig.direction === \"asc\" ? 1 : -1;\r\n      return 0;\r\n    });\r\n  }, [data, sortConfig]);\r\n\r\n  const handleSort = (accessorKey) => {\r\n    setSortConfig((prevConfig) => ({\r\n      key: accessorKey,\r\n      direction:\r\n        prevConfig.key === accessorKey && prevConfig.direction === \"asc\"\r\n          ? \"desc\"\r\n          : \"asc\",\r\n    }));\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      component={Paper}\r\n      sx={{\r\n        width: \"100%\",\r\n        maxWidth,\r\n        overflow: {\r\n          lg: userProfileSetting ? \"visible !important\" : \"auto !important\",\r\n          xl: \"auto !important\",\r\n        },\r\n        overflowX: { lg: \"auto !important\", xl: \"auto !important\" },\r\n        border: `1px solid ${color.commonBorderColor}`,\r\n        borderRadius: \"12px\",\r\n        boxShadow: \"none\",\r\n        ...mainBoxCss,\r\n      }}\r\n    >\r\n      <TableContainer\r\n        ref={tableRef}\r\n        sx={(theme) => ({\r\n          overflow: {\r\n            lg: userProfileSetting ? \"visible !important\" : \"auto !important\",\r\n            xl: \"auto !important\",\r\n          },\r\n          \"& .MuiTableBody-root\": {\r\n            \"& .MuiTableRow-hover\": {\r\n              \"&:hover\": {\r\n                bgcolor: color.lightGridHover,\r\n              },\r\n            },\r\n            \"& .MuiTableRow-root:last-child\": {\r\n              \"& .MuiTableCell-root\": {\r\n                borderBottom: \"unset !important\",\r\n              },\r\n            },\r\n          },\r\n          \"& .MuiTableHead-root\": {\r\n            \"& .MuiTableCell-root\": {\r\n              padding: {\r\n                xs: \"5px 16px\",\r\n                xl: \"11px 16px\",\r\n              },\r\n              borderBottom: `1px solid ${color.commonBorderColor}`,\r\n            },\r\n          },\r\n          maxHeight: maxHeight || \"auto\",\r\n          [theme.breakpoints.down(1536)]: {\r\n            maxHeight: userProfileSetting\r\n              ? \"100% !important\"\r\n              : maxHeight || \"auto\",\r\n          },\r\n          overflowY: \"auto\",\r\n          userSelect: isResizing ? \"none\" : \"auto\",\r\n        })}\r\n      >\r\n        <Table\r\n          stickyHeader\r\n          style={{ tableLayout: enableColumnResizing ? \"fixed\" : \"auto\" }}\r\n        >\r\n          <TableHead sx={{ height: { xs: \"40px\", xl: headHeight } }}>\r\n            <TableRow sx={{ height: { xs: \"40px\", xl: headHeight } }}>\r\n              {columns.map((column, index) => (\r\n                <TableCell\r\n                  key={index}\r\n                  sx={{\r\n                    position: \"sticky\",\r\n                    width: columnWidths[column.accessorKey] || \"auto\",\r\n                    minWidth: column.minWidth || 100,\r\n                    maxWidth: column.maxWidth || \"none\",\r\n                    fontWeight: fontWeight.weight400,\r\n                    background: color.greyHover,\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                    paddingRight: 2,\r\n                    paddingLeft: 2,\r\n                    textAlign: column.textCenter ? \"center\" : \"left\",\r\n                    \"&:last-child\": {\r\n                      borderBottom: \"unset\",\r\n                    },\r\n                  }}\r\n                >\r\n                  <Box\r\n                    sx={{\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      width: \"100%\",\r\n                      justifyContent: column.textCenter ? \"center\" : \"left\",\r\n                    }}\r\n                  >\r\n                    <span>{column.header}</span>\r\n                    {column.enableSorting && (\r\n                      <IconButton\r\n                        onClick={() => handleSort(column.accessorKey)}\r\n                        size=\"small\"\r\n                        sx={{\r\n                          opacity: showSortingIconOnHover ? 0 : 1,\r\n                          \"&:hover\": {\r\n                            opacity: 1,\r\n                            backgroundColor: \"rgba(0, 0, 0, 0.04)\",\r\n                          },\r\n                        }}\r\n                      >\r\n                        {sortConfig.key === column.accessorKey\r\n                          ? sortConfig.direction === \"asc\"\r\n                            ? customSortIcons?.ascending || (\r\n                                <IcSortingTableAse />\r\n                              )\r\n                            : customSortIcons?.descending || (\r\n                                <IcSortingTableDes />\r\n                              )\r\n                          : customSortIcons?.ascending || <IcSortingTableAse />}\r\n                      </IconButton>\r\n                    )}\r\n                  </Box>\r\n\r\n                  {enableColumnResizing && column.enableResizing && (\r\n                    <Box\r\n                      onMouseDown={(e) => handleResizeStart(e, column)}\r\n                      sx={{\r\n                        position: \"absolute\",\r\n                        right: 0,\r\n                        top: 0,\r\n                        bottom: 0,\r\n                        width: \"1px\",\r\n                        cursor: \"col-resize\",\r\n                        backgroundColor: \"rgba(0, 0, 0, 0.12)\",\r\n                        // backgroundColor: \"transparent\",\r\n                        // \"&:hover\": {\r\n                        //   backgroundColor: color.subTitle,\r\n                        // },\r\n                        \"&:active\": {\r\n                          backgroundColor: color.subTitle,\r\n                        },\r\n                      }}\r\n                    />\r\n                  )}\r\n                </TableCell>\r\n              ))}\r\n            </TableRow>\r\n          </TableHead>\r\n          <TableBody>\r\n            {isTableLoading ? (\r\n              <TableRow>\r\n                <TableCell\r\n                  colSpan={columns.length}\r\n                  sx={{\r\n                    textAlign: \"center\",\r\n                    height: \"100%\",\r\n                  }}\r\n                >\r\n                  <Stack\r\n                    justifyContent=\"center\"\r\n                    alignItems=\"center\"\r\n                    position={\"relative\"}\r\n                    sx={{\r\n                      height: {\r\n                        xs: \"calc(100svh - 400px)\",\r\n                        sm: \"calc(100svh - 440px)\",\r\n                        md: \"calc(100svh - 480px)\",\r\n                        lg: \"calc(100svh - 520px)\",\r\n                        xl: \"calc(100svh - 560px)\",\r\n                      },\r\n                    }}\r\n                  >\r\n                    <AbsoluteLoader zIndex={\"999\"} />\r\n                  </Stack>\r\n                </TableCell>\r\n              </TableRow>\r\n            ) : sortedData.length > 0 ? (\r\n              sortedData.map((row, rowIndex) => (\r\n                <TableRow\r\n                  key={rowIndex}\r\n                  sx={{ height: rowHeight }}\r\n                  hover={sortedData?.length > 1}\r\n                >\r\n                  {columns.map((column, colIndex) => (\r\n                    <TableCell\r\n                      key={colIndex}\r\n                      sx={{\r\n                        width: columnWidths[column.accessorKey] || \"auto\",\r\n                        minWidth: column.minWidth || 100,\r\n                        maxWidth: column.maxWidth || \"none\",\r\n                        whiteSpace: \"nowrap\",\r\n                        overflow: \"hidden\",\r\n                        textOverflow: \"ellipsis\",\r\n                        textAlign: column.textCenter ? \"center\" : \"left\",\r\n                      }}\r\n                    >\r\n                      {column.Cell ? (\r\n                        column.Cell(row)\r\n                      ) : row[column.accessorKey] === undefined ||\r\n                        row[column.accessorKey] === null ||\r\n                        row[column.accessorKey] === \"\" ? (\r\n                        <span style={{ display: \"block\", textAlign: \"center\" }}>\r\n                          -\r\n                        </span>\r\n                      ) : (\r\n                        row[column.accessorKey]\r\n                      )}\r\n                    </TableCell>\r\n                  ))}\r\n                </TableRow>\r\n              ))\r\n            ) : (\r\n              !mainLoader && (\r\n                <TableRow>\r\n                  <TableCell\r\n                    colSpan={columns.length}\r\n                    sx={{\r\n                      textAlign: \"center\",\r\n                      height: emptyBoxHeight || emptyPlaceholderHeigh,\r\n                    }}\r\n                  >\r\n                    <Stack justifyContent=\"center\" alignItems=\"center\">\r\n                      <CommonPlaceHolder\r\n                        title={placeholder?.title}\r\n                        imgWidth={140}\r\n                        imgHeight={140}\r\n                        descFontSize={fontSizes.fontSize14}\r\n                        imageAndDescGapXl={\"10px\"}\r\n                        imageAndDescGapXs={\"4px\"}\r\n                      />\r\n                    </Stack>\r\n                  </TableCell>\r\n                </TableRow>\r\n              )\r\n            )}\r\n          </TableBody>\r\n        </Table>\r\n      </TableContainer>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default TableComponent;\r\n","import { Box, IconButton, Typography } from \"@mui/material\";\r\nimport React, { useContext, useEffect, useState } from \"react\";\r\nimport CustomModal from \"../../../common-components/CustomModal\";\r\nimport { commonStyles } from \"../../../Utils/style/common/commonStyles\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\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 { IcCloseThin } from \"../../../assets/icon-components\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { ModelContext } from \"../../../HOC/ModelContext\";\r\nimport ChoosePlan from \"../../upgrade-plan/ChoosePlan\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nconst UpgradeModel = ({\r\n  open = true,\r\n  setOpen,\r\n  title,\r\n  subtitle,\r\n  isNavigateOnClose = true,\r\n  handleClose = () => {},\r\n  handleChoosePlanClose = () => {},\r\n  // setShowPlans\r\n}) => {\r\n  const navigate = useNavigate();\r\n  const [showPlans, setShowPlans] = useState(false);\r\n\r\n  return (\r\n    <>\r\n      {showPlans ? (\r\n        <ChoosePlan\r\n          open={showPlans}\r\n          setOpen={() => {\r\n            if (isNavigateOnClose) {\r\n              navigate(-1);\r\n            } else {\r\n              setShowPlans(false);\r\n              setOpen(false);\r\n            }\r\n          }}\r\n          handleClose={handleChoosePlanClose}\r\n        />\r\n      ) : (\r\n        <CustomModal\r\n          open={open}\r\n          handleClose={() => {\r\n            // isNavigateOnClose && navigate(-1);\r\n            setOpen && setOpen(false);\r\n            handleClose && handleClose();\r\n          }}\r\n        >\r\n          <Box\r\n            sx={{\r\n              maxWidth: \"600px\",\r\n              // minHeight: \"536px\",\r\n              // maxHeight: \"536px\",\r\n              background: color.whiteColor,\r\n\r\n              \"&:focus-visible\": { outline: \"none !important\" },\r\n            }}\r\n            position={\"relative\"}\r\n            zIndex={99}\r\n            borderRadius={commonStyles.borderRadius12}\r\n            overflow={\"hidden\"}\r\n          >\r\n            <img\r\n              src={s3AssetsUrl + \"/UpgradePlan.gif\"}\r\n              alt=\"upgrade_plan\"\r\n              style={{\r\n                width: \"100%\",\r\n                height: \"310px\",\r\n              }}\r\n            />\r\n            <Box position={\"absolute\"} top={20} right={20}>\r\n              <IconButton\r\n                sx={{\r\n                  width: {\r\n                    xs: \"30px !important\",\r\n                    xl: \"36px !important\",\r\n                  },\r\n                  height: {\r\n                    xs: \"30px !important\",\r\n                    xl: \"36px !important\",\r\n                  },\r\n                  borderRadius: \"50%\",\r\n                  bgcolor: \"#EFF0F3\",\r\n                  transition: \"all 0.3s ease\",\r\n                  \"&:hover\": { bgcolor: \"#EFF0F3\" },\r\n                }}\r\n                onClick={() => {\r\n                  isNavigateOnClose && navigate(-1);\r\n                  setOpen && setOpen(false);\r\n                  handleClose && handleClose();\r\n                }}\r\n              >\r\n                <IcCloseThin fill=\"#18181B\" />\r\n              </IconButton>\r\n            </Box>\r\n            <Box bgcolor={color.whiteColor} p={2} pt={0}>\r\n              <Typography\r\n                color={color.titleDark}\r\n                fontWeight={fontWeight.weight600}\r\n                fontSize={fontSizes.modelTitle1}\r\n                textAlign={\"center\"}\r\n              >\r\n                {title}\r\n              </Typography>\r\n              <Typography\r\n                mt={2}\r\n                color={color.subTitle}\r\n                fontSize={fontSizes.fontSize14}\r\n                textAlign={\"center\"}\r\n              >\r\n                {subtitle}\r\n              </Typography>\r\n              <Box textAlign={\"center\"} my={2} mt={3}>\r\n                <BtnGradient\r\n                  sx={{\r\n                    px: 3,\r\n                  }}\r\n                  onClick={() => {\r\n                    setShowPlans(true);\r\n                    // setOpen(false);\r\n                  }}\r\n                >\r\n                  <Typography fontSize={fontSizes.fontSize14}>\r\n                    Upgrade Now\r\n                  </Typography>\r\n                </BtnGradient>\r\n              </Box>\r\n            </Box>\r\n          </Box>\r\n        </CustomModal>\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default UpgradeModel;\r\n","import {\r\n  Box,\r\n  Grid,\r\n  Popover,\r\n  Stack,\r\n  Typography,\r\n  useMediaQuery,\r\n  useTheme,\r\n} from \"@mui/material\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport {\r\n  IcFont,\r\n  IcPlus,\r\n  IcTrash,\r\n  IcUploadFile,\r\n} from \"../../../assets/icon-components\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport CommonSwitch from \"../../Input/CommonSwitch\";\r\nimport DeleteBrandColor from \"../pages/profile/components/DeleteBrandColor\";\r\nimport DeleteFont from \"../pages/profile/components/DeleteFont\";\r\nimport LargeSimpleInput from \"../../../common-components/LargeSimpleInput\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport {\r\n  useGetBrandCenterMutation,\r\n  useUpdateBrandCenterMutation,\r\n} from \"../../../Redux/api/brandCenterApi\";\r\nimport commanService from \"../../../CommanFunctions/commanService\";\r\nimport AbsoluteLoader from \"../../../CommanUI/Loader/AbsoluteLoader\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { subscriptionDataSelect } from \"../../../Redux/common-reducer\";\r\nimport UpgradeModel from \"./UpgradeModel\";\r\nimport CommonDivider from \"../../../common-components/CommonDivider\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { successToast } from \"../../../Redux/toastSlice\";\r\n\r\nfunction UserSectionBrandCenter() {\r\n  const dispatch = useDispatch();\r\n  const theme = useTheme();\r\n  const matchDown950 = useMediaQuery(theme.breakpoints.down(950));\r\n  const [hexCode, setHexCode] = useState(\"\");\r\n  const [colorName, setColorName] = useState(\"\");\r\n  const [colors, setColors] = useState([]);\r\n  const [anchorEl, setAnchorEl] = useState(null);\r\n  const [regularFont, setRegularFont] = useState(false);\r\n  const [regularFontFile, setRegularFontFile] = useState(null);\r\n  const [regularFontName, setRegularFontName] = useState(\"\");\r\n  const [fontTypeToDelete, setFontTypeToDelete] = useState(null);\r\n  const [boldFont, setBoldFont] = useState(false);\r\n  const [boldFontFile, setBoldFontFile] = useState(null);\r\n  const [boldFontName, setBoldFontName] = useState(\"\");\r\n  const [triggerDelete, setTriggerDelete] = useState(false);\r\n  const [italicFont, setItalicFont] = useState(false);\r\n  const [italicFontFile, setItalicFontFile] = useState(null);\r\n  const [italicFontName, setItalicFontName] = useState(\"\");\r\n  const [triggerSubmit, setTriggerSubmit] = useState(false);\r\n  const [boldItalicFont, setBoldItalicFont] = useState(false);\r\n  const [boldItalicFontFile, setBoldItalicFontFile] = useState(null);\r\n  const [boldItalicFontName, setBoldItalicFontName] = useState(\"\");\r\n  const [selectedIndex, setSelectedIndex] = useState(null);\r\n  const [showDeleteBrand, setShowDeleteBrand] = useState(false);\r\n  const [showDeleteFont, setShowDeleteFont] = useState(false);\r\n  const [isSwitchOn, setIsSwitchOn] = useState(false);\r\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down(1270));\r\n  const [submitOnce, setSubmitOnce] = useState(false);\r\n  const { userData } = useSelector((state) => state.common);\r\n  const currentSubscription = subscriptionDataSelect();\r\n\r\n  const [\r\n    getBrandCenter,\r\n    {\r\n      data: brandCenter,\r\n      isLoading: brandDataLoading,\r\n      isFetching: brandDataFetching,\r\n      // } = useGetBrandCenterQuery();\r\n    },\r\n  ] = useGetBrandCenterMutation();\r\n  const [updateBrandCenter, { isLoading: updatingInProgress }] =\r\n    useUpdateBrandCenterMutation();\r\n  const [hover, setHover] = useState({\r\n    Regular: false,\r\n    Bold: false,\r\n    Italic: false,\r\n    BoldItalic: false,\r\n  });\r\n  const [hoverPlusIcon, setHoverPlusIcon] = useState(false);\r\n  const handleMouseEnter = (type) => {\r\n    setHover((prev) => ({ ...prev, [type]: true }));\r\n  };\r\n  const handleMouseLeave = (type) => {\r\n    setHover((prev) => ({ ...prev, [type]: false }));\r\n  };\r\n\r\n  useEffect(() => {\r\n    currentSubscription?.package !== \"Free\" && getBrandCenter();\r\n  }, []);\r\n\r\n  const resetData = () => {\r\n    if (brandCenter?.data?.brand_center?.colour) {\r\n      const defaultColors = brandCenter?.data?.brand_center?.colour?.map(\r\n        (color) => ({\r\n          hexCode: color.color_code,\r\n          colorName: color.color_name,\r\n        })\r\n      );\r\n      setColors(defaultColors);\r\n    }\r\n    setIsSwitchOn(brandCenter?.data?.brand_center?.only_admin || false);\r\n\r\n    localStorage.setItem(\r\n      \"brandCenterAdministrators\",\r\n      brandCenter?.data?.brand_center?.only_admin ?? false\r\n    );\r\n    setRegularFontFile(\r\n      brandCenter?.data?.brand_center?.fonts?.find(\r\n        (font) => font.font_type === \"Regular\"\r\n      )?.font_url\r\n    );\r\n    setRegularFontName(\r\n      brandCenter?.data?.brand_center?.fonts?.find(\r\n        (font) => font.font_type === \"Regular\"\r\n      )?.font_name\r\n    );\r\n    setBoldFontFile(\r\n      brandCenter?.data?.brand_center?.fonts?.find(\r\n        (font) => font.font_type === \"Bold\"\r\n      )?.font_url\r\n    );\r\n    setBoldFontName(\r\n      brandCenter?.data?.brand_center?.fonts?.find(\r\n        (font) => font.font_type === \"Bold\"\r\n      )?.font_name\r\n    );\r\n    setItalicFontFile(\r\n      brandCenter?.data?.brand_center?.fonts?.find(\r\n        (font) => font.font_type === \"Italic\"\r\n      )?.font_url\r\n    );\r\n    setItalicFontName(\r\n      brandCenter?.data?.brand_center?.fonts?.find(\r\n        (font) => font.font_type === \"Italic\"\r\n      )?.font_name\r\n    );\r\n    setBoldItalicFontFile(\r\n      brandCenter?.data?.brand_center?.fonts?.find(\r\n        (font) => font.font_type === \"BoldItalic\"\r\n      )?.font_url\r\n    );\r\n    setBoldItalicFontName(\r\n      brandCenter?.data?.brand_center?.fonts?.find(\r\n        (font) => font.font_type === \"BoldItalic\"\r\n      )?.font_name\r\n    );\r\n  };\r\n\r\n  useEffect(() => {\r\n    resetData();\r\n  }, [brandCenter]);\r\n\r\n  const handleSwitchChange = async (event) => {\r\n    const check = event.target.checked;\r\n    // setIsSwitchOn(event.target.checked);\r\n    const payload = {\r\n      brand_center: {\r\n        colour: [\r\n          ...colors.map((color) => ({\r\n            color_name: color.colorName,\r\n            color_code: color.hexCode,\r\n          })),\r\n        ],\r\n        fonts: [\r\n          ...(regularFontFile && regularFontName\r\n            ? [\r\n                {\r\n                  font_url: regularFontFile,\r\n                  font_name: regularFontName,\r\n                  font_type: \"Regular\",\r\n                },\r\n              ]\r\n            : []),\r\n          ...(boldFontFile && boldFontName\r\n            ? [\r\n                {\r\n                  font_url: boldFontFile,\r\n                  font_name: boldFontName,\r\n                  font_type: \"Bold\",\r\n                },\r\n              ]\r\n            : []),\r\n          ...(italicFontFile && italicFontName\r\n            ? [\r\n                {\r\n                  font_url: italicFontFile,\r\n                  font_name: italicFontName,\r\n                  font_type: \"Italic\",\r\n                },\r\n              ]\r\n            : []),\r\n          ...(boldItalicFontFile && boldItalicFontName\r\n            ? [\r\n                {\r\n                  font_url: boldItalicFontFile,\r\n                  font_name: boldItalicFontName,\r\n                  font_type: \"BoldItalic\",\r\n                },\r\n              ]\r\n            : []),\r\n        ],\r\n        only_admin: check,\r\n      },\r\n    };\r\n\r\n    try {\r\n      updateBrandCenter(payload).then(() => {\r\n        getBrandCenter();\r\n      });\r\n    } catch (error) {}\r\n  };\r\n\r\n  const handleFileSubmit = async () => {\r\n    const payload = {\r\n      brand_center: {\r\n        colour: [\r\n          ...colors.map((color) => ({\r\n            color_name: color.colorName,\r\n            color_code: color.hexCode,\r\n          })),\r\n        ],\r\n        fonts: [\r\n          ...(regularFontFile && regularFontName\r\n            ? [\r\n                {\r\n                  font_url: regularFontFile,\r\n                  font_name: regularFontName,\r\n                  font_type: \"Regular\",\r\n                },\r\n              ]\r\n            : []),\r\n          ...(boldFontFile && boldFontName\r\n            ? [\r\n                {\r\n                  font_url: boldFontFile,\r\n                  font_name: boldFontName,\r\n                  font_type: \"Bold\",\r\n                },\r\n              ]\r\n            : []),\r\n          ...(italicFontFile && italicFontName\r\n            ? [\r\n                {\r\n                  font_url: italicFontFile,\r\n                  font_name: italicFontName,\r\n                  font_type: \"Italic\",\r\n                },\r\n              ]\r\n            : []),\r\n          ...(boldItalicFontFile && boldItalicFontName\r\n            ? [\r\n                {\r\n                  font_url: boldItalicFontFile,\r\n                  font_name: boldItalicFontName,\r\n                  font_type: \"BoldItalic\",\r\n                },\r\n              ]\r\n            : []),\r\n        ],\r\n        only_admin: isSwitchOn,\r\n      },\r\n    };\r\n\r\n    try {\r\n      updateBrandCenter(payload).then(() => {\r\n        getBrandCenter();\r\n      });\r\n    } catch (error) {\r\n      console.error(\"API Error:\", error);\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (triggerSubmit) {\r\n      if (\r\n        (regularFontFile && regularFontName) ||\r\n        (boldFontFile && boldFontName) ||\r\n        (italicFontFile && italicFontName) ||\r\n        (boldItalicFontFile && boldItalicFontName)\r\n      ) {\r\n        handleFileSubmit();\r\n      }\r\n      setTriggerSubmit(false);\r\n    }\r\n  }, [\r\n    triggerSubmit,\r\n    regularFontFile,\r\n    regularFontName,\r\n    boldFontFile,\r\n    boldFontName,\r\n    italicFontFile,\r\n    italicFontName,\r\n    boldItalicFontFile,\r\n    boldItalicFontName,\r\n  ]);\r\n  useEffect(() => {\r\n    if (triggerDelete) {\r\n      const payload = {\r\n        brand_center: {\r\n          colour: colors.map((color) => ({\r\n            color_name: color.colorName,\r\n            color_code: color.hexCode,\r\n          })),\r\n          fonts: [\r\n            ...(regularFontFile && regularFontName\r\n              ? [\r\n                  {\r\n                    font_url: regularFontFile,\r\n                    font_name: regularFontName,\r\n                    font_type: \"Regular\",\r\n                  },\r\n                ]\r\n              : []),\r\n            ...(boldFontFile && boldFontName\r\n              ? [\r\n                  {\r\n                    font_url: boldFontFile,\r\n                    font_name: boldFontName,\r\n                    font_type: \"Bold\",\r\n                  },\r\n                ]\r\n              : []),\r\n            ...(italicFontFile && italicFontName\r\n              ? [\r\n                  {\r\n                    font_url: italicFontFile,\r\n                    font_name: italicFontName,\r\n                    font_type: \"Italic\",\r\n                  },\r\n                ]\r\n              : []),\r\n            ...(boldItalicFontFile && boldItalicFontName\r\n              ? [\r\n                  {\r\n                    font_url: boldItalicFontFile,\r\n                    font_name: boldItalicFontName,\r\n                    font_type: \"BoldItalic\",\r\n                  },\r\n                ]\r\n              : []),\r\n          ],\r\n          only_admin: isSwitchOn,\r\n        },\r\n      };\r\n\r\n      const performApiCall = async () => {\r\n        try {\r\n          updateBrandCenter(payload).then(() => {\r\n            getBrandCenter();\r\n          });\r\n          setShowDeleteFont(false);\r\n        } catch (error) {\r\n          console.error(\"API Error after font deletion:\", error);\r\n        }\r\n      };\r\n\r\n      performApiCall();\r\n      setTriggerDelete(false);\r\n    }\r\n  }, [\r\n    triggerDelete,\r\n    regularFontFile,\r\n    regularFontName,\r\n    boldFontFile,\r\n    boldFontName,\r\n    italicFontFile,\r\n    italicFontName,\r\n    boldItalicFontFile,\r\n    boldItalicFontName,\r\n    isSwitchOn,\r\n    colors,\r\n  ]);\r\n  const handleFileChange = async (event, fontType) => {\r\n    const file = event.target.files[0];\r\n    if (!file) {\r\n      console.error(\"No file selected.\");\r\n      return;\r\n    }\r\n\r\n    const uploadFont = async () => {\r\n      const formData = new FormData();\r\n      formData.append(\"file\", file);\r\n\r\n      try {\r\n        const response = await commanService.uploadApi(\r\n          \"drawboard\",\r\n          `upload/files`,\r\n          formData\r\n        );\r\n        return response.data.data[0]?.location;\r\n      } catch (error) {\r\n        console.error(\"Font upload failed:\", error);\r\n        return null;\r\n      }\r\n    };\r\n\r\n    const validExtensions = [\r\n      \".woff\",\r\n      \".woff2\",\r\n      \".ttf\",\r\n      \".otf\",\r\n      \".eot\",\r\n      \".pfb\",\r\n      \".pfm\",\r\n      \".otc\",\r\n      \".ttc\",\r\n    ];\r\n    const fileExtension = file.name.slice(\r\n      ((file.name.lastIndexOf(\".\") - 1) >>> 0) + 2\r\n    );\r\n\r\n    if (!validExtensions.includes(`.${fileExtension}`)) {\r\n      console.error(\r\n        \"Invalid file type. Only .woff and .woff2 files are allowed.\"\r\n      );\r\n      return;\r\n    }\r\n\r\n    const fontUrl = await uploadFont();\r\n    if (!fontUrl) {\r\n      console.error(\"Font URL could not be retrieved.\");\r\n      return;\r\n    }\r\n\r\n    if (fontType === \"Regular\") {\r\n      setRegularFont(true);\r\n      setRegularFontFile(fontUrl);\r\n      setRegularFontName(file.name);\r\n    } else if (fontType === \"Bold\") {\r\n      setBoldFont(true);\r\n      setBoldFontFile(fontUrl);\r\n      setBoldFontName(file.name);\r\n    } else if (fontType === \"Italic\") {\r\n      setItalicFont(true);\r\n      setItalicFontFile(fontUrl);\r\n      setItalicFontName(file.name);\r\n    } else if (fontType === \"BoldItalic\") {\r\n      setBoldItalicFont(true);\r\n      setBoldItalicFontFile(fontUrl);\r\n      setBoldItalicFontName(file.name);\r\n    } else {\r\n      console.error(\"Unknown font type.\");\r\n      return;\r\n    }\r\n    setTriggerSubmit(true);\r\n  };\r\n\r\n  const handleUpdateColor = async () => {\r\n    if (isValidHex(hexCode) && colorName) {\r\n      if (selectedIndex !== null) {\r\n        const updatedColors = [...colors];\r\n        updatedColors[selectedIndex] = { hexCode, colorName };\r\n        setColors(updatedColors);\r\n\r\n        let payload = {\r\n          brand_center: {\r\n            colour: updatedColors.map((color) => ({\r\n              color_name: color.colorName,\r\n              color_code: color.hexCode,\r\n            })),\r\n            fonts: [\r\n              ...(regularFontFile && regularFontName\r\n                ? [\r\n                    {\r\n                      font_url: regularFontFile,\r\n                      font_name: regularFontName,\r\n                      font_type: \"Regular\",\r\n                    },\r\n                  ]\r\n                : []),\r\n              ...(boldFontFile && boldFontName\r\n                ? [\r\n                    {\r\n                      font_url: boldFontFile,\r\n                      font_name: boldFontName,\r\n                      font_type: \"Bold\",\r\n                    },\r\n                  ]\r\n                : []),\r\n              ...(italicFontFile && italicFontName\r\n                ? [\r\n                    {\r\n                      font_url: italicFontFile,\r\n                      font_name: italicFontName,\r\n                      font_type: \"Italic\",\r\n                    },\r\n                  ]\r\n                : []),\r\n              ...(boldItalicFontFile && boldItalicFontName\r\n                ? [\r\n                    {\r\n                      font_url: boldItalicFontFile,\r\n                      font_name: boldItalicFontName,\r\n                      font_type: \"BoldItalic\",\r\n                    },\r\n                  ]\r\n                : []),\r\n            ],\r\n            only_admin: isSwitchOn,\r\n          },\r\n        };\r\n\r\n        try {\r\n          updateBrandCenter(payload).then(() => {\r\n            getBrandCenter();\r\n            handleClose();\r\n          });\r\n        } catch (error) {\r\n          console.error(\"API Error:\", error);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleAddColor = async () => {\r\n    setSubmitOnce(true);\r\n    if (isValidHex(hexCode) && colorName && !colorValidation) {\r\n      let payload = {\r\n        brand_center: {\r\n          colour: [\r\n            ...(Array.isArray(colors) && colors.length > 0\r\n              ? colors.map((color) => ({\r\n                  color_name: color.colorName,\r\n                  color_code: color.hexCode,\r\n                }))\r\n              : []),\r\n            { color_name: colorName, color_code: hexCode },\r\n          ],\r\n          fonts: [\r\n            ...(regularFontFile && regularFontName\r\n              ? [\r\n                  {\r\n                    font_url: regularFontFile,\r\n                    font_name: regularFontName,\r\n                    font_type: \"Regular\",\r\n                  },\r\n                ]\r\n              : []),\r\n            ...(boldFontFile && boldFontName\r\n              ? [\r\n                  {\r\n                    font_url: boldFontFile,\r\n                    font_name: boldFontName,\r\n                    font_type: \"Bold\",\r\n                  },\r\n                ]\r\n              : []),\r\n            ...(italicFontFile && italicFontName\r\n              ? [\r\n                  {\r\n                    font_url: italicFontFile,\r\n                    font_name: italicFontName,\r\n                    font_type: \"Italic\",\r\n                  },\r\n                ]\r\n              : []),\r\n            ...(boldItalicFontFile && boldItalicFontName\r\n              ? [\r\n                  {\r\n                    font_url: boldItalicFontFile,\r\n                    font_name: boldItalicFontName,\r\n                    font_type: \"BoldItalic\",\r\n                  },\r\n                ]\r\n              : []),\r\n          ],\r\n          only_admin: isSwitchOn,\r\n        },\r\n      };\r\n\r\n      try {\r\n        updateBrandCenter(payload).then(() => {\r\n          setSubmitOnce(true);\r\n          if (selectedIndex !== null) {\r\n            const updatedColors = [...colors];\r\n            updatedColors[selectedIndex] = { hexCode, colorName };\r\n            setColors(updatedColors);\r\n          } else {\r\n            setColors([...colors, { hexCode, colorName }]);\r\n          }\r\n          handleClose();\r\n\r\n          getBrandCenter();\r\n        });\r\n      } catch (error) {\r\n        console.error(\"API Error:\", error);\r\n      }\r\n    }\r\n  };\r\n  const handleToggleUploadRemove = (event, fontType) => {\r\n    setFontTypeToDelete(fontType);\r\n    setShowDeleteFont(true);\r\n  };\r\n\r\n  const handleValidationForAddColor = (colorCode) => {\r\n    return colors.some((color) => color.hexCode === colorCode);\r\n  };\r\n\r\n  const handleValidationForAddColorName = (colorCode) => {\r\n    return colors.some((color) => color.colorName === colorCode);\r\n  };\r\n\r\n  const colorValidation = handleValidationForAddColor(hexCode);\r\n  const colorNameValidation = handleValidationForAddColorName(colorName);\r\n\r\n  const handleEditColorValidation = () => {\r\n    return (\r\n      colors.filter((color, index) => {\r\n        return index !== selectedIndex && color.hexCode === hexCode;\r\n      }).length > 0\r\n    );\r\n  };\r\n\r\n  const handleEditColorNameValidation = () => {\r\n    return (\r\n      colors.filter((color, index) => {\r\n        return index !== selectedIndex && color.colorName === colorName;\r\n      }).length > 0\r\n    );\r\n  };\r\n\r\n  const editValidation = handleEditColorValidation();\r\n  const editColoNameValidation = handleEditColorNameValidation();\r\n\r\n  const handleClickDeleteColor = async () => {\r\n    setShowDeleteBrand(false);\r\n    setAnchorEl(null);\r\n    if (selectedIndex !== null) {\r\n      const updatedColors = colors.filter(\r\n        (_, index) => index !== selectedIndex\r\n      );\r\n      setColors(updatedColors);\r\n      let payload = {\r\n        brand_center: {\r\n          colour: updatedColors?.map((color) => ({\r\n            color_name: color.colorName,\r\n            color_code: color.hexCode,\r\n          })),\r\n          fonts: [\r\n            ...(regularFontFile && regularFontName\r\n              ? [\r\n                  {\r\n                    font_url: regularFontFile,\r\n                    font_name: regularFontName,\r\n                    font_type: \"Regular\",\r\n                  },\r\n                ]\r\n              : []),\r\n            ...(boldFontFile && boldFontName\r\n              ? [\r\n                  {\r\n                    font_url: boldFontFile,\r\n                    font_name: boldFontName,\r\n                    font_type: \"Bold\",\r\n                  },\r\n                ]\r\n              : []),\r\n            ...(italicFontFile && italicFontName\r\n              ? [\r\n                  {\r\n                    font_url: italicFontFile,\r\n                    font_name: italicFontName,\r\n                    font_type: \"Italic\",\r\n                  },\r\n                ]\r\n              : []),\r\n            ...(boldItalicFontFile && boldItalicFontName\r\n              ? [\r\n                  {\r\n                    font_url: boldItalicFontFile,\r\n                    font_name: boldItalicFontName,\r\n                    font_type: \"BoldItalic\",\r\n                  },\r\n                ]\r\n              : []),\r\n          ],\r\n          only_admin: isSwitchOn,\r\n        },\r\n      };\r\n\r\n      try {\r\n        updateBrandCenter(payload).then(() => {\r\n          dispatch(\r\n            successToast({\r\n              message: \"Color deleted successfully\",\r\n            })\r\n          );\r\n          getBrandCenter();\r\n          handleClose();\r\n        });\r\n      } catch (error) {\r\n        console.error(\"API Error after deletion:\", error);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleClickDeleteFont = async () => {\r\n    if (!fontTypeToDelete) {\r\n      console.error(\"Font type not specified for deletion.\");\r\n      return;\r\n    }\r\n\r\n    if (fontTypeToDelete === \"Regular\") {\r\n      setRegularFontFile(null);\r\n      setRegularFontName(\"\");\r\n    } else if (fontTypeToDelete === \"Bold\") {\r\n      setBoldFontFile(null);\r\n      setBoldFontName(\"\");\r\n    } else if (fontTypeToDelete === \"Italic\") {\r\n      setItalicFontFile(null);\r\n      setItalicFontName(\"\");\r\n    } else if (fontTypeToDelete === \"BoldItalic\") {\r\n      setBoldItalicFontFile(null);\r\n      setBoldItalicFontName(\"\");\r\n    } else {\r\n      console.error(\"Unknown font type.\");\r\n      return;\r\n    }\r\n    setTriggerDelete(true);\r\n  };\r\n\r\n  const handleClick = (event, index) => {\r\n    setAnchorEl(event.currentTarget);\r\n    if (index !== undefined) {\r\n      setSelectedIndex(index);\r\n      setHexCode(colors[index].hexCode);\r\n      setColorName(colors[index].colorName);\r\n    } else {\r\n      setSelectedIndex(null);\r\n      setHexCode(\"\");\r\n      setColorName(\"\");\r\n    }\r\n  };\r\n\r\n  const handleHexCodeChange = (e) => {\r\n    const newHexCode = e.target.value;\r\n    setHexCode(newHexCode);\r\n\r\n    if (\r\n      selectedIndex !== null &&\r\n      (submitOnce ? isValidHex(newHexCode) : true)\r\n    ) {\r\n      const updatedColors = [...colors];\r\n      updatedColors[selectedIndex].hexCode = newHexCode;\r\n      setColors(updatedColors);\r\n    }\r\n  };\r\n  const handleColorNameChange = (e) => {\r\n    const newColorName = e.target.value;\r\n    setColorName(newColorName);\r\n\r\n    if (selectedIndex !== null) {\r\n      const updatedColors = [...colors];\r\n      updatedColors[selectedIndex].colorName = newColorName;\r\n      setColors(updatedColors);\r\n    }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setAnchorEl(null);\r\n    resetData();\r\n  };\r\n\r\n  const isValidHex = (value) => {\r\n    return /^([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6}|[0-9A-Fa-f]{8})$/.test(value);\r\n  };\r\n\r\n  const open = Boolean(anchorEl);\r\n  const id = open ? \"simple-popover\" : undefined;\r\n  // if (currentSubscription?.package === \"Free\") {\r\n  //   return (\r\n  //     <Box\r\n  //       mt={{\r\n  //         xs: \"15px\",\r\n  //         xl: \"24px\",\r\n  //       }}\r\n  //       // pl={\"24px\"}\r\n  //       // pr={\"32px\"}\r\n  //       sx={{\r\n  //         \"&::-webkit-scrollbar\": {\r\n  //           display: \"none\",\r\n  //         },\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  //         msOverflowStyle: \"none\",\r\n  //         scrollbarWidth: \"none\",\r\n  //       }}\r\n  //     >\r\n  //       <UpgradeModel\r\n  //         title={\"Unlock the Brand Center with an Upgrade\"}\r\n  //         subtitle={\r\n  //           \"Upgrade to use the Brand Center for custom branding, consistent designs, and centralized brand assets across your projects.\"\r\n  //         }\r\n  //       />\r\n  //     </Box>\r\n  //   );\r\n  // }\r\n\r\n  return (\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      {(brandDataLoading || brandDataFetching) && <AbsoluteLoader />}\r\n      <Box\r\n        mt={{\r\n          xs: \"8px\",\r\n          xl: \"8px\",\r\n        }}\r\n        // pl={\"24px\"}\r\n        // pr={\"32px\"}\r\n        // sx={{\r\n        //   \"&::-webkit-scrollbar\": {\r\n        //     display: \"none\",\r\n        //   },\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        //   msOverflowStyle: \"none\",\r\n        //   scrollbarWidth: \"none\",\r\n        // }}\r\n      >\r\n        <Stack gap={\"24px\"}>\r\n          {/* <Stack gap={\"8px\"}>\r\n            <Typography fontWeight={\"600\"} fontSize={fontSizes.titleFont}>\r\n              Consistency\r\n            </Typography>\r\n            <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n              <Box height={\"4px\"} width={\"4px\"} bgcolor={\"#848382\"} />\r\n              <Typography\r\n                color={color.subTitle}\r\n                fontWeight={\"400\"}\r\n                fontSize={fontSizes.mediumFont}\r\n              >\r\n                Maintain brand consistency by providing all teams with access to\r\n                your brand's colors and fonts.\r\n              </Typography>\r\n            </Stack>\r\n            <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n              <Box height={\"4px\"} width={\"4px\"} bgcolor={\"#848382\"} />\r\n              <Typography\r\n                color={color.subTitle}\r\n                fontWeight={\"400\"}\r\n                fontSize={fontSizes.mediumFont}\r\n              >\r\n                Any adjustments you make here will immediately update the color\r\n                and font choices for all team members on their boards.\r\n              </Typography>\r\n            </Stack>\r\n          </Stack> */}\r\n          <Typography\r\n            color={color.subTitle}\r\n            fontWeight={\"400\"}\r\n            fontSize={fontSizes.fontSize14}\r\n            width={{ lg: \"65%\", md: \"80%\", sm: \"100%\" }}\r\n          >\r\n            Customize and manage your workspace's visual identity. The Brand\r\n            Center helps you maintain consistency across all your projects by\r\n            providing access to pre-defined fonts and color styles.\r\n          </Typography>\r\n\r\n          <CommonDivider\r\n            my={\"0px\"}\r\n            border={`1px solid ${color.darkGray}`}\r\n            sx={{\r\n              opacity: 1,\r\n            }}\r\n          />\r\n\r\n          {(userData?.is_admin === true ||\r\n            userData?.is_admin === \"true\" ||\r\n            userData?.role === \"Account Owner\") && (\r\n            <>\r\n              <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                <Typography\r\n                  color={color.titleDark}\r\n                  fontSize={fontSizes.fontSize14}\r\n                  fontWeight={\"400\"}\r\n                  mr={1}\r\n                >\r\n                  Only administrators have the authority to establish and modify\r\n                  brand center assets for the entire organization.\r\n                </Typography>\r\n                <CommonSwitch\r\n                  checked={isSwitchOn}\r\n                  onChange={handleSwitchChange}\r\n                />\r\n              </Stack>\r\n\r\n              <CommonDivider\r\n                my={\"0px\"}\r\n                border={`1px solid ${color.darkGray}`}\r\n                sx={{\r\n                  opacity: 1,\r\n                }}\r\n              />\r\n            </>\r\n          )}\r\n\r\n          <Stack gap={\"8px\"} mb={\"12px\"}>\r\n            <Typography\r\n              color={color.titleDark}\r\n              fontSize={fontSizes.fontSize20}\r\n              fontWeight={\"600\"}\r\n            >\r\n              Brand colors\r\n            </Typography>\r\n            <Typography\r\n              color={color.subTitle}\r\n              fontSize={fontSizes.fontSize14}\r\n              fontWeight={fontWeight.weight400}\r\n            >\r\n              Add personality to your workspace with{\" \"}\r\n              <Typography\r\n                component=\"span\"\r\n                sx={{\r\n                  color: color.titleDark,\r\n                  fontWeight: \"600\",\r\n                  fontSize: fontSizes.fontSize14,\r\n                }}\r\n              >\r\n                24 different color styles.\r\n              </Typography>\r\n              These colors can be used for text, shapes, backgrounds, and more,\r\n              helping you align projects with your brand.\r\n            </Typography>\r\n\r\n            <Box\r\n              sx={{\r\n                display: \"flex\",\r\n                flexWrap: \"wrap\",\r\n                gap: \"8px\",\r\n                alignItems: \"center\",\r\n                mt: \"5px\",\r\n              }}\r\n            >\r\n              {colors.map((color, index) => (\r\n                <Stack\r\n                  key={index}\r\n                  sx={{\r\n                    height: \"56px\",\r\n                    width: \"56px\",\r\n                    display: \"flex\",\r\n                    justifyContent: \"center\",\r\n                    alignItems: \"center\",\r\n                    border: \"2px solid transparent\",\r\n                    borderRadius: \"8px\",\r\n                    cursor: \"pointer\",\r\n                    transition: \"all 0.3s ease\",\r\n                    \"&:hover\": {\r\n                      border:\r\n                        color.hexCode.toLowerCase() === \"ffffff\" ||\r\n                        color.hexCode.toLowerCase() === \"fff\"\r\n                          ? \"1px solid gray\"\r\n                          : `1px solid #${color.hexCode}`,\r\n                    },\r\n                  }}\r\n                >\r\n                  <Box\r\n                    key={index}\r\n                    sx={{\r\n                      bgcolor: `#${color.hexCode}`,\r\n                      height: \"48px\",\r\n                      width: \"48px\",\r\n                      borderRadius: \"8px\",\r\n                      border:\r\n                        color.hexCode.toLowerCase() === \"ffffff\" ||\r\n                        color.hexCode.toLowerCase() === \"fff\"\r\n                          ? \"2px solid gray\"\r\n                          : `2px solid #${color.hexCode}`,\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                      \"&:hover\": {\r\n                        border: `2px solid #${color.hexCode}`,\r\n                        bgcolor: `#${color.hexCode}`,\r\n                        color: \"white\",\r\n\r\n                        \"& p\": {\r\n                          opacity: 1,\r\n                        },\r\n                      },\r\n                    }}\r\n                    onClick={(e) => {\r\n                      handleClick(e, index);\r\n                    }}\r\n                  >\r\n                    <Typography\r\n                      fontSize={fontSizes.mediumFont}\r\n                      fontWeight=\"500\"\r\n                      color={\r\n                        color.hexCode.toLowerCase() === \"ffffff\" ||\r\n                        color.hexCode.toLowerCase() === \"fff\"\r\n                          ? \"black\"\r\n                          : \"white\"\r\n                      }\r\n                      isValid={\r\n                        isValidHex(hexCode) &&\r\n                        colorName &&\r\n                        !editValidation &&\r\n                        !editColoNameValidation\r\n                      }\r\n                      sx={{\r\n                        opacity: 0,\r\n                        transition: \"opacity 0.3s ease\",\r\n                      }}\r\n                    >\r\n                      Edit\r\n                    </Typography>\r\n                  </Box>\r\n                </Stack>\r\n              ))}\r\n\r\n              <Box\r\n                sx={{\r\n                  height: \"48px\",\r\n                  width: \"48px\",\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  borderRadius: \"8px\",\r\n                  // backgroundColor: \"white\",\r\n                  cursor: colors.length < 24 ? \"pointer\" : \"not-allowed\",\r\n                  opacity: colors.length >= 24 ? 0.5 : 1,\r\n                  transition: \"opacity 0.3s ease\",\r\n                  \"&:hover\": {\r\n                    background: color.primaryColor,\r\n                    borderRadius: \"10px\",\r\n                  },\r\n                }}\r\n                onClick={colors.length < 24 ? handleClick : null}\r\n                onMouseEnter={() => setHoverPlusIcon(true)}\r\n                onMouseLeave={() => setHoverPlusIcon(false)}\r\n              >\r\n                <IcPlus\r\n                  height={48}\r\n                  width={48}\r\n                  strokeWidth={1}\r\n                  strokeIcon={hoverPlusIcon ? \"white\" : color.primaryColor}\r\n                  stroke={color.primaryColor}\r\n                />\r\n              </Box>\r\n            </Box>\r\n\r\n            <Popover\r\n              id={id}\r\n              open={open}\r\n              anchorEl={anchorEl}\r\n              onClose={handleClose}\r\n              anchorOrigin={{\r\n                vertical: \"bottom\",\r\n                horizontal: \"left\",\r\n              }}\r\n              PaperProps={{\r\n                sx: {\r\n                  padding: 2,\r\n                  borderRadius: \"16px\",\r\n                  boxShadow: \"0px 4px 10px rgba(0, 0, 0, 0.1)\",\r\n                  // minWidth: \"260px\",\r\n                  minWidth: \"200px\",\r\n                },\r\n              }}\r\n            >\r\n              <Stack\r\n                direction={\"row\"}\r\n                justifyContent={\"flex-start\"}\r\n                alignItems={\"center\"}\r\n                gap={\"8px\"}\r\n                mb={\"6px\"}\r\n              >\r\n                <Typography color={\"#333\"} fontWeight={\"600\"} fontSize={\"14px\"}>\r\n                  HEX Code\r\n                </Typography>\r\n              </Stack>\r\n              <Box marginBottom={2} position={\"relative\"}>\r\n                <Box\r\n                  position={\"absolute\"}\r\n                  right={\"12px\"}\r\n                  top={\"29%\"}\r\n                  borderRadius={\"5px\"}\r\n                  height={\"20px\"}\r\n                  width={\"20px\"}\r\n                  bgcolor={`#${hexCode}`}\r\n                ></Box>\r\n                <Typography>\r\n                  <LargeSimpleInput\r\n                    fullWidth\r\n                    height={40}\r\n                    // endAdornment={\r\n                    // <Box width={\"30px\"}>\r\n                    //   <Box\r\n                    //     height={\"20px\"}\r\n                    //     width={\"20px\"}\r\n                    //     bgcolor={`#${hexCode}`}\r\n                    //   ></Box>\r\n                    // </Box>\r\n                    // }\r\n                    variant=\"outlined\"\r\n                    name=\"hexCode\"\r\n                    value={hexCode}\r\n                    onChange={(e) => {\r\n                      const newValue = e.target.value;\r\n                      if (newValue.length <= 6) {\r\n                        handleHexCodeChange(e);\r\n                      }\r\n                    }}\r\n                    errorMessage={\r\n                      submitOnce && !isValidHex(hexCode) && hexCode\r\n                        ? \"Invalid HEX Code\"\r\n                        : colorValidation && editValidation\r\n                        ? \"Already added a color\"\r\n                        : \"\"\r\n                    }\r\n                    startAdornment={\r\n                      <Typography\r\n                        sx={{\r\n                          display: \"flex\",\r\n                          alignItems: \"center\",\r\n                          paddingLeft: \"10px\",\r\n                        }}\r\n                        color=\"#18181B\"\r\n                      >\r\n                        #\r\n                      </Typography>\r\n                    }\r\n                    onKeyPress={(e) => {\r\n                      if (\r\n                        hexCode.length >= 6 &&\r\n                        !e.ctrlKey &&\r\n                        !e.metaKey &&\r\n                        !e.key.match(/Backspace|Delete/)\r\n                      ) {\r\n                        e.preventDefault();\r\n                      }\r\n                    }}\r\n                  />\r\n                </Typography>\r\n              </Box>\r\n              <Typography\r\n                color={\"#333\"}\r\n                fontWeight={\"600\"}\r\n                fontSize={fontSizes.mediumFont}\r\n                marginBottom={1}\r\n              >\r\n                Color Name\r\n              </Typography>\r\n              <Box marginBottom={2}>\r\n                <LargeSimpleInput\r\n                  fullWidth\r\n                  height={40}\r\n                  variant=\"outlined\"\r\n                  name=\"colorName\"\r\n                  value={colorName}\r\n                  onChange={handleColorNameChange}\r\n                  errorMessage={\r\n                    colorNameValidation && editColoNameValidation\r\n                      ? \"Color name already exits\"\r\n                      : \"\"\r\n                  }\r\n                />\r\n              </Box>\r\n\r\n              {selectedIndex === null && (\r\n                <BtnGradient\r\n                  fullWidth\r\n                  variant=\"contained\"\r\n                  onClick={handleAddColor}\r\n                  loading={updatingInProgress}\r\n                  isValid={\r\n                    (submitOnce ? isValidHex(hexCode) : true) &&\r\n                    colorName &&\r\n                    !colorValidation &&\r\n                    !colorNameValidation\r\n                  }\r\n                  sx={{\r\n                    backgroundColor:\r\n                      !colorName && !colorValidation && !colorNameValidation\r\n                        ? \"#ccc\"\r\n                        : color.primaryColor,\r\n                    color: \"#fff\",\r\n                    fontWeight: \"600\",\r\n                    fontSize: {\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    },\r\n                    borderRadius: 2,\r\n                    \"&:hover\": {\r\n                      backgroundColor: `${\r\n                        !colorName && !colorValidation && !colorNameValidation\r\n                          ? \"#ccc\"\r\n                          : color.darkPrimary\r\n                      } !important`,\r\n                    },\r\n                  }}\r\n                >\r\n                  Add\r\n                </BtnGradient>\r\n              )}\r\n\r\n              {selectedIndex !== null && (\r\n                <Stack\r\n                  direction=\"row\"\r\n                  spacing={2}\r\n                  sx={{\r\n                    justifyContent: \"space-between\",\r\n                    width: \"100%\",\r\n                  }}\r\n                >\r\n                  <BtnGradient\r\n                    fullWidth\r\n                    onClick={handleUpdateColor}\r\n                    loading={updatingInProgress}\r\n                    isValid={\r\n                      isValidHex(hexCode) &&\r\n                      colorName &&\r\n                      !editValidation &&\r\n                      !editColoNameValidation\r\n                    }\r\n                    sx={{\r\n                      fontWeight: \"600\",\r\n                      fontSize: {\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      },\r\n                      borderRadius: \"8px\",\r\n                      backgroundColor:\r\n                        isValidHex(hexCode) &&\r\n                        colorName &&\r\n                        !editValidation &&\r\n                        !editColoNameValidation\r\n                          ? \"#ccc\"\r\n                          : color.primaryColor,\r\n                      \"&:hover\": {\r\n                        backgroundColor: `${\r\n                          isValidHex(hexCode) &&\r\n                          colorName &&\r\n                          !editValidation &&\r\n                          !editColoNameValidation\r\n                            ? // ? \"#ccc\"\r\n                              color.darkPrimary\r\n                            : color.darkPrimary\r\n                        } !important`,\r\n                      },\r\n                    }}\r\n                  >\r\n                    Update\r\n                  </BtnGradient>\r\n                  <BtnGradient\r\n                    onClick={() => {\r\n                      setShowDeleteBrand(true);\r\n                    }}\r\n                    btnColor=\"white\"\r\n                    sx={{\r\n                      color: color.errorColor,\r\n                      fontWeight: \"600\",\r\n                      minWidth: \"40px\",\r\n                      fontSize: {\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      },\r\n                      borderRadius: \"8px\",\r\n                      background: \"#FFFFFF\",\r\n                      border: \"1px solid #E1E1E1\",\r\n                      \"&:hover\": {\r\n                        backgroundColor: \"#FF503029\",\r\n                        border: \"1px solid #FF503029\",\r\n\r\n                        \"& path\": {\r\n                          stroke: \"#FF5030\",\r\n                        },\r\n                      },\r\n                    }}\r\n                  >\r\n                    <IcTrash height=\"24\" width=\"24\" stroke={\"#848382\"} />\r\n                  </BtnGradient>\r\n                </Stack>\r\n              )}\r\n            </Popover>\r\n\r\n            <DeleteBrandColor\r\n              open={showDeleteBrand}\r\n              handleClose={() => setShowDeleteBrand(false)}\r\n              handleClickDelete={handleClickDeleteColor}\r\n              hexCode={hexCode}\r\n              colorName={colorName}\r\n            />\r\n\r\n            <DeleteFont\r\n              handleClose={() => setShowDeleteFont(false)}\r\n              handleClickDelete={handleClickDeleteFont}\r\n              open={showDeleteFont}\r\n              fontTypeToDelete={fontTypeToDelete}\r\n              regularFontFile={regularFontFile}\r\n              regularFontName={regularFontName}\r\n              boldFontFile={boldFontFile}\r\n              boldFontName={boldFontName}\r\n              italicFontFile={italicFontFile}\r\n              italicFontName={italicFontName}\r\n              boldItalicFontName={boldItalicFontName}\r\n              boldItalicFontFile={boldItalicFontFile}\r\n            />\r\n\r\n            <CommonDivider\r\n              my={\"0px\"}\r\n              border={`1px solid ${color.darkGray}`}\r\n              sx={{\r\n                mt: matchDown950 ? \"12px\" : \"16px\",\r\n                opacity: 1,\r\n              }}\r\n            />\r\n            <Stack gap={\"8px\"} mt={\"8px\"}>\r\n              <Typography\r\n                color={color.titleDark}\r\n                fontWeight={\"600\"}\r\n                fontSize={fontSizes.fontSize20}\r\n              >\r\n                Fonts\r\n              </Typography>\r\n              <Typography\r\n                color={color.subTitle}\r\n                fontWeight={\"400\"}\r\n                fontSize={fontSizes.fontSize14}\r\n              >\r\n                {/* Upload up to 4 different styles for your brand's fonts. */}\r\n                Choose from{\" \"}\r\n                <Typography\r\n                  component=\"span\"\r\n                  sx={{\r\n                    color: color.titleDark,\r\n                    fontWeight: \"600\",\r\n                    fontSize: fontSizes.fontSize14,\r\n                  }}\r\n                >\r\n                  4 different font styles\r\n                </Typography>{\" \"}\r\n                to give your workspace a unique and professional look. Fonts can\r\n                be applied to text across boards, diagrams, and notes.\r\n              </Typography>\r\n\r\n              <Grid container spacing={2} mt={0}>\r\n                <Grid item xs={isSmallScreen ? 12 : 6}>\r\n                  <Stack\r\n                    direction={\"row\"}\r\n                    justifyContent={\"space-between\"}\r\n                    sx={{\r\n                      bgcolor: \"#f9fafb\",\r\n                      border: \"1px solid #e1e1e1\",\r\n                      width: \"100%\",\r\n                      borderRadius: \"12px\",\r\n                      padding: \"16px\",\r\n                      gap: \"8px\",\r\n                      height: \"100%\",\r\n                    }}\r\n                    alignItems={\"center\"}\r\n                  >\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"16px\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"space-between\"}\r\n                    >\r\n                      <IcFont height={25} width={25} />\r\n                      <Stack>\r\n                        <Typography\r\n                          color={\r\n                            regularFontName ? color.titleDark : color.subTitle\r\n                          }\r\n                          fontWeight={700}\r\n                          fontSize={fontSizes.fontSize13px}\r\n                        >\r\n                          Regular Font\r\n                        </Typography>\r\n                        <Typography\r\n                          color={\r\n                            regularFontName ? color.titleDark : color.subTitle\r\n                          }\r\n                          // textTransform={\"uppercase\"}\r\n                          fontSize={fontSizes.fontSize12px}\r\n                        >\r\n                          {regularFontName || \"No file Uploaded\"}\r\n                        </Typography>\r\n                      </Stack>\r\n                    </Stack>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"4px\"}\r\n                      padding={\"8px\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"center\"}\r\n                      width={\"118px\"}\r\n                      sx={{\r\n                        border: `1px solid ${\r\n                          regularFontName\r\n                            ? color.errorColor\r\n                            : `${color.primaryColor}`\r\n                        }`,\r\n                        borderRadius: \"8px\",\r\n                        cursor: \"pointer\",\r\n                        backgroundColor: hover.Regular\r\n                          ? regularFontName\r\n                            ? color.errorColor\r\n                            : color.primaryColor\r\n                          : regularFontName\r\n                          ? \"white\"\r\n                          : \"transparent\",\r\n                        color: hover.Regular\r\n                          ? regularFontName\r\n                            ? \"white\"\r\n                            : \"white\"\r\n                          : regularFontName\r\n                          ? \"red\"\r\n                          : color.primaryColor,\r\n                        transition: \"all 0.3s ease\",\r\n                      }}\r\n                      onMouseEnter={() => handleMouseEnter(\"Regular\")}\r\n                      onMouseLeave={() => handleMouseLeave(\"Regular\")}\r\n                    >\r\n                      {regularFontName ? (\r\n                        <Typography\r\n                          onClick={(event) =>\r\n                            handleToggleUploadRemove(event, \"Regular\")\r\n                          }\r\n                        >\r\n                          Remove\r\n                        </Typography>\r\n                      ) : (\r\n                        <Stack\r\n                          gap={\"9px\"}\r\n                          direction={\"row\"}\r\n                          borderRadius={\"8px\"}\r\n                          alignItems={\"center\"}\r\n                          onClick={() =>\r\n                            document.getElementById(\"regularFile\").click()\r\n                          }\r\n                        >\r\n                          <input\r\n                            type=\"file\"\r\n                            accept=\".woff, .woff2, .ttf, .otf, .eot, .pfb, .pfm, .otc, .ttc\"\r\n                            id=\"regularFile\"\r\n                            onChange={(event) =>\r\n                              handleFileChange(event, \"Regular\")\r\n                            }\r\n                            style={{ display: \"none\" }}\r\n                          />\r\n                          <IcUploadFile\r\n                            color={hover.Regular ? \"white\" : color.primaryColor}\r\n                            height={20.79}\r\n                            width={24}\r\n                            icons={hover.Regular ? color.primaryColor : \"white\"}\r\n                          />\r\n                          <Typography fontSize={fontSizes.mediumFont}>\r\n                            Upload\r\n                          </Typography>\r\n                        </Stack>\r\n                      )}\r\n                    </Stack>\r\n                  </Stack>\r\n                </Grid>\r\n                <Grid item xs={isSmallScreen ? 12 : 6}>\r\n                  <Stack\r\n                    direction={\"row\"}\r\n                    justifyContent={\"space-between\"}\r\n                    sx={{\r\n                      bgcolor: \"#f9fafb\",\r\n                      border: \"1px solid #e1e1e1\",\r\n                      width: \"100%\",\r\n                      borderRadius: \"12px\",\r\n                      padding: \"16px\",\r\n                      gap: \"8px\",\r\n                      height: \"100%\",\r\n                    }}\r\n                    alignItems={\"center\"}\r\n                  >\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"16px\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"space-between\"}\r\n                    >\r\n                      <IcFont height={25} width={25} />\r\n                      <Stack>\r\n                        <Typography\r\n                          color={\r\n                            boldFontName ? color.titleDark : color.subTitle\r\n                          }\r\n                          fontWeight={700}\r\n                          fontSize={fontSizes.fontSize13px}\r\n                        >\r\n                          Bold font\r\n                        </Typography>\r\n                        <Typography\r\n                          color={\r\n                            boldFontName ? color.titleDark : color.subTitle\r\n                          }\r\n                          // textTransform={\"uppercase\"}\r\n                          fontSize={fontSizes.fontSize12px}\r\n                        >\r\n                          {boldFontName || \"No file Uploaded\"}\r\n                        </Typography>\r\n                      </Stack>\r\n                    </Stack>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"4px\"}\r\n                      padding={\"8px\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"center\"}\r\n                      width={\"118px\"}\r\n                      sx={{\r\n                        border: `1px solid ${\r\n                          boldFontName\r\n                            ? color.errorColor\r\n                            : `${color.primaryColor}`\r\n                        }`,\r\n                        borderRadius: \"8px\",\r\n                        cursor: \"pointer\",\r\n                        backgroundColor: hover.Bold\r\n                          ? boldFontName\r\n                            ? color.errorColor\r\n                            : color.primaryColor\r\n                          : boldFontName\r\n                          ? \"white\"\r\n                          : \"transparent\",\r\n                        color: hover.Bold\r\n                          ? boldFontName\r\n                            ? \"white\"\r\n                            : \"white\"\r\n                          : boldFontName\r\n                          ? \"red\"\r\n                          : color.primaryColor,\r\n                        transition: \"all 0.3s ease\",\r\n                      }}\r\n                      onMouseEnter={() => handleMouseEnter(\"Bold\")}\r\n                      onMouseLeave={() => handleMouseLeave(\"Bold\")}\r\n                    >\r\n                      {boldFontName ? (\r\n                        <Typography\r\n                          onClick={(event) =>\r\n                            handleToggleUploadRemove(event, \"Bold\")\r\n                          }\r\n                        >\r\n                          Remove\r\n                        </Typography>\r\n                      ) : (\r\n                        <Stack\r\n                          gap={\"9px\"}\r\n                          direction={\"row\"}\r\n                          borderRadius={\"8px\"}\r\n                          alignItems={\"center\"}\r\n                          onClick={() =>\r\n                            document.getElementById(\"boldFile\").click()\r\n                          }\r\n                        >\r\n                          <input\r\n                            type=\"file\"\r\n                            accept=\".woff, .woff2, .ttf, .otf, .eot, .pfb, .pfm, .otc, .ttc\"\r\n                            id=\"boldFile\"\r\n                            onChange={(event) =>\r\n                              handleFileChange(event, \"Bold\")\r\n                            }\r\n                            style={{ display: \"none\" }}\r\n                          />\r\n                          <IcUploadFile\r\n                            color={hover.Bold ? \"white\" : color.primaryColor}\r\n                            height={20.79}\r\n                            width={24}\r\n                            icons={hover.Bold ? color.primaryColor : \"white\"}\r\n                          />\r\n                          <Typography fontSize={fontSizes.mediumFont}>\r\n                            Upload\r\n                          </Typography>\r\n                        </Stack>\r\n                      )}\r\n                    </Stack>\r\n                  </Stack>\r\n                </Grid>\r\n\r\n                <Grid item xs={isSmallScreen ? 12 : 6}>\r\n                  <Stack\r\n                    direction={\"row\"}\r\n                    justifyContent={\"space-between\"}\r\n                    sx={{\r\n                      bgcolor: \"#f9fafb\",\r\n                      border: \"1px solid #e1e1e1\",\r\n                      width: \"100%\",\r\n                      borderRadius: \"12px\",\r\n                      padding: \"16px\",\r\n                      gap: \"8px\",\r\n                      height: \"100%\",\r\n                    }}\r\n                    alignItems={\"center\"}\r\n                  >\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"16px\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"space-between\"}\r\n                    >\r\n                      <IcFont height={25} width={25} />\r\n                      <Stack>\r\n                        <Typography\r\n                          color={\r\n                            italicFontName ? color.titleDark : color.subTitle\r\n                          }\r\n                          // textTransform={\"uppercase\"}\r\n                          fontWeight={700}\r\n                          fontSize={fontSizes.fontSize13px}\r\n                        >\r\n                          Italic font\r\n                        </Typography>\r\n                        <Typography\r\n                          color={\r\n                            italicFontName ? color.titleDark : color.subTitle\r\n                          }\r\n                          // textTransform={\"uppercase\"}\r\n                          fontSize={fontSizes.fontSize12px}\r\n                        >\r\n                          {italicFontName || \"No file Uploaded\"}\r\n                        </Typography>\r\n                      </Stack>\r\n                    </Stack>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"4px\"}\r\n                      padding={\"8px\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"center\"}\r\n                      width={\"118px\"}\r\n                      sx={{\r\n                        border: `1px solid ${\r\n                          italicFontName\r\n                            ? color.errorColor\r\n                            : `${color.primaryColor}`\r\n                        }`,\r\n                        borderRadius: \"8px\",\r\n                        cursor: \"pointer\",\r\n                        backgroundColor: hover.Italic\r\n                          ? italicFontName\r\n                            ? color.errorColor\r\n                            : color.primaryColor\r\n                          : italicFontName\r\n                          ? \"white\"\r\n                          : \"transparent\",\r\n                        color: hover.Italic\r\n                          ? italicFontName\r\n                            ? \"white\"\r\n                            : \"white\"\r\n                          : italicFontName\r\n                          ? \"red\"\r\n                          : color.primaryColor,\r\n                        transition: \"all 0.3s ease\",\r\n                      }}\r\n                      onMouseEnter={() => handleMouseEnter(\"Italic\")}\r\n                      onMouseLeave={() => handleMouseLeave(\"Italic\")}\r\n                    >\r\n                      {italicFontName ? (\r\n                        <Typography\r\n                          onClick={(event) =>\r\n                            handleToggleUploadRemove(event, \"Italic\")\r\n                          }\r\n                        >\r\n                          Remove\r\n                        </Typography>\r\n                      ) : (\r\n                        <Stack\r\n                          gap={\"9px\"}\r\n                          direction={\"row\"}\r\n                          borderRadius={\"8px\"}\r\n                          alignItems={\"center\"}\r\n                          onClick={() =>\r\n                            document.getElementById(\"italicFile\").click()\r\n                          }\r\n                        >\r\n                          <input\r\n                            type=\"file\"\r\n                            accept=\".woff, .woff2, .ttf, .otf, .eot, .pfb, .pfm, .otc, .ttc\"\r\n                            id=\"italicFile\"\r\n                            onChange={(event) =>\r\n                              handleFileChange(event, \"Italic\")\r\n                            }\r\n                            style={{ display: \"none\" }}\r\n                          />\r\n                          <IcUploadFile\r\n                            color={hover.Italic ? \"white\" : color.primaryColor}\r\n                            height={20.79}\r\n                            width={24}\r\n                            icons={hover.Italic ? color.primaryColor : \"white\"}\r\n                          />\r\n                          <Typography fontSize={fontSizes.mediumFont}>\r\n                            Upload\r\n                          </Typography>\r\n                        </Stack>\r\n                      )}\r\n                    </Stack>\r\n                  </Stack>\r\n                </Grid>\r\n                <Grid item xs={isSmallScreen ? 12 : 6}>\r\n                  <Stack\r\n                    direction={\"row\"}\r\n                    justifyContent={\"space-between\"}\r\n                    sx={{\r\n                      bgcolor: \"#f9fafb\",\r\n                      border: \"1px solid #e1e1e1\",\r\n                      width: \"100%\",\r\n                      borderRadius: \"12px\",\r\n                      padding: \"16px\",\r\n                      gap: \"8px\",\r\n                      height: \"100%\",\r\n                    }}\r\n                    alignItems={\"center\"}\r\n                  >\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"16px\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"space-between\"}\r\n                    >\r\n                      <IcFont height={25} width={25} />\r\n                      <Stack>\r\n                        <Typography\r\n                          color={\r\n                            boldItalicFontName\r\n                              ? color.titleDark\r\n                              : color.subTitle\r\n                          }\r\n                          fontWeight={700}\r\n                          fontSize={fontSizes.fontSize13px}\r\n                        >\r\n                          Bold italic Font\r\n                        </Typography>\r\n                        <Typography\r\n                          color={\r\n                            boldItalicFontName\r\n                              ? color.titleDark\r\n                              : color.subTitle\r\n                          }\r\n                          // textTransform={\"uppercase\"}\r\n                          fontSize={fontSizes.fontSize12px}\r\n                        >\r\n                          {boldItalicFontName || \"No file Uploaded\"}\r\n                        </Typography>\r\n                      </Stack>\r\n                    </Stack>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"4px\"}\r\n                      padding={\"8px\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"center\"}\r\n                      width={\"118px\"}\r\n                      sx={{\r\n                        border: `1px solid ${\r\n                          boldItalicFontName\r\n                            ? color.errorColor\r\n                            : `${color.primaryColor}`\r\n                        }`,\r\n                        borderRadius: \"8px\",\r\n                        cursor: \"pointer\",\r\n                        backgroundColor: hover.BoldItalic\r\n                          ? boldItalicFontName\r\n                            ? color.errorColor\r\n                            : color.primaryColor\r\n                          : boldItalicFontName\r\n                          ? \"white\"\r\n                          : \"transparent\",\r\n                        color: hover.BoldItalic\r\n                          ? boldItalicFontName\r\n                            ? \"white\"\r\n                            : \"white\"\r\n                          : boldItalicFontName\r\n                          ? \"red\"\r\n                          : color.primaryColor,\r\n                        transition: \"all 0.3s ease\",\r\n                      }}\r\n                      onMouseEnter={() => handleMouseEnter(\"BoldItalic\")}\r\n                      onMouseLeave={() => handleMouseLeave(\"BoldItalic\")}\r\n                    >\r\n                      {boldItalicFontName ? (\r\n                        <Typography\r\n                          onClick={(event) =>\r\n                            handleToggleUploadRemove(event, \"BoldItalic\")\r\n                          }\r\n                        >\r\n                          Remove\r\n                        </Typography>\r\n                      ) : (\r\n                        <Stack\r\n                          gap={\"9px\"}\r\n                          direction={\"row\"}\r\n                          borderRadius={\"8px\"}\r\n                          alignItems={\"center\"}\r\n                          onClick={() =>\r\n                            document.getElementById(\"boldItalicFile\").click()\r\n                          }\r\n                        >\r\n                          <input\r\n                            type=\"file\"\r\n                            accept=\".woff, .woff2, .ttf, .otf, .eot, .pfb, .pfm, .otc, .ttc\"\r\n                            id=\"boldItalicFile\"\r\n                            onChange={(event) =>\r\n                              handleFileChange(event, \"BoldItalic\")\r\n                            }\r\n                            style={{ display: \"none\" }}\r\n                          />\r\n                          <IcUploadFile\r\n                            color={\r\n                              hover.BoldItalic ? \"white\" : color.primaryColor\r\n                            }\r\n                            height={20.79}\r\n                            width={24}\r\n                            icons={\r\n                              hover.BoldItalic ? color.primaryColor : \"white\"\r\n                            }\r\n                          />\r\n                          <Typography fontSize={fontSizes.mediumFont}>\r\n                            Upload\r\n                          </Typography>\r\n                        </Stack>\r\n                      )}\r\n                    </Stack>\r\n                  </Stack>\r\n                </Grid>\r\n              </Grid>\r\n            </Stack>\r\n\r\n            {currentSubscription?.package === \"Free\" && (\r\n              <Box\r\n                mt={{\r\n                  xs: \"15px\",\r\n                  xl: \"24px\",\r\n                }}\r\n                // pl={\"24px\"}\r\n                // pr={\"32px\"}\r\n                sx={{\r\n                  \"&::-webkit-scrollbar\": {\r\n                    display: \"none\",\r\n                  },\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                  msOverflowStyle: \"none\",\r\n                  scrollbarWidth: \"none\",\r\n                }}\r\n              >\r\n                <UpgradeModel\r\n                  isNavigateOnClose\r\n                  title={\"Unlock Brand Center\"}\r\n                  subtitle={\r\n                    \"Access custom branding tools with the Brand Center. Upgrade to manage brand assets seamlessly.\"\r\n                  }\r\n                />\r\n              </Box>\r\n            )}\r\n          </Stack>\r\n        </Stack>\r\n      </Box>\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default UserSectionBrandCenter;\r\n","import { Box } from \"@material-ui/core\";\r\nimport {\r\n  FormControl,\r\n  FormControlLabel,\r\n  FormGroup,\r\n  Radio,\r\n  RadioGroup,\r\n  Stack,\r\n  Typography,\r\n  useMediaQuery,\r\n  useTheme,\r\n} from \"@mui/material\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { IcUpgrade } from \"../../../assets/icon-components\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport CustomAutoSelect from \"../../../common-components/CustomAutoSelect\";\r\nimport CommonSwitch from \"../../Input/CommonSwitch\";\r\nimport { useSelector } from \"react-redux\";\r\nimport {\r\n  useGetPermissionQuery,\r\n  useUpdatePermissionMutation,\r\n} from \"../../../Redux/api/permission\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { errorToast, successToast } from \"../../../Redux/toastSlice\";\r\nimport ChoosePlan from \"../../upgrade-plan/ChoosePlan\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { useGetTeamProfileByTeamQuery } from \"../../../Redux/api/teamsApi\";\r\nimport CommonDivider from \"../../../common-components/CommonDivider\";\r\n\r\nconst defaultSettingForBoard = [\r\n  {\r\n    label: \"Anyone in the team can view\",\r\n    value: \"anyone_in_the_team_can_view\",\r\n  },\r\n  {\r\n    label: \"Anyone in the team can edit\",\r\n    value: \"anyone_in_the_team_can_edit\",\r\n  },\r\n  {\r\n    label: \"Only board owners can access\",\r\n    value: \"only_board_owner_can_access\",\r\n  },\r\n];\r\n\r\nconst boardAndEdit = [\r\n  {\r\n    label: \"Anyone in the team can view\",\r\n    value: \"anyone_in_the_team_can_view\",\r\n  },\r\n  {\r\n    label: \"Only Space owners can access\",\r\n    value: \"only_team_owner_can_access\",\r\n  },\r\n];\r\n\r\nconst boardCopy = [\r\n  { label: \"Team members\", value: \"team_members\" },\r\n  { label: \"Board owners and co-owners\", value: \"board_owner\" },\r\n];\r\n\r\nfunction UserSectionPermissions() {\r\n  const [sharingSetting, setSharingSetting] = useState({\r\n    boardSharing: defaultSettingForBoard[0],\r\n    editSharing: boardAndEdit[0],\r\n    copySharing: boardCopy[0],\r\n  });\r\n  const [showPlans, setShowPlans] = useState(false);\r\n  const { currentSubscriptionData } = useSelector((state) => state.common);\r\n\r\n  const activeTeam = useSelector((state) => state?.sidebar?.currentTeam);\r\n  const selectedTeam = sessionStorage.getItem(\"selectedTeam\");\r\n  const { selectedTeamId, selectedTeamName } = selectedTeam\r\n    ? JSON.parse(selectedTeam)\r\n    : {};\r\n\r\n  const { data: permission } = useGetPermissionQuery(\r\n    selectedTeamId ?? activeTeam\r\n  );\r\n  const isProfessional =\r\n    currentSubscriptionData?.subscriptionData?.package?.includes(\r\n      \"Professional\"\r\n    );\r\n  const initialState = {\r\n    enable_team_invite_link:\r\n      permission?.data?.permission?.enable_team_invite_link,\r\n    team_invite_admin_only:\r\n      permission?.data?.permission?.team_invite_admin_only,\r\n    ...(isProfessional && {\r\n      copying_board_content:\r\n        permission?.data?.permission?.copying_board_content,\r\n      default_board_copying:\r\n        permission?.data?.permission?.default_board_copying,\r\n      default_setting_for_board_share:\r\n        permission?.data?.permission?.default_setting_for_board_share,\r\n      invite_to_board_and_edit_share_setting:\r\n        permission?.data?.permission?.invite_to_board_and_edit_share_setting,\r\n    }),\r\n  };\r\n  const [allState, setAllState] = useState(initialState);\r\n  const dispatch = useDispatch();\r\n  const theme = useTheme();\r\n  const matchDown950 = useMediaQuery(theme.breakpoints.down(950));\r\n  const { userData } = useSelector((state) => state.common);\r\n  const isAccountOwner = userData?.role;\r\n  const { data: selectedTeamInfo, refetch: teamIsFetching } =\r\n    useGetTeamProfileByTeamQuery(selectedTeamId, { skip: !selectedTeamId });\r\n\r\n  useEffect(() => {\r\n    teamIsFetching();\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (permission?.data?.permission) {\r\n      const fetchedPermissions = permission.data.permission;\r\n      setAllState({ ...allState, ...fetchedPermissions });\r\n      setSharingSetting({\r\n        boardSharing:\r\n          defaultSettingForBoard.find(\r\n            (item) =>\r\n              item.value === fetchedPermissions.default_setting_for_board_share\r\n          ) || defaultSettingForBoard[0],\r\n        editSharing:\r\n          boardAndEdit.find(\r\n            (item) =>\r\n              item.value ===\r\n              fetchedPermissions.invite_to_board_and_edit_share_setting\r\n          ) || boardAndEdit[0],\r\n        copySharing:\r\n          boardCopy.find(\r\n            (item) => item.value === fetchedPermissions.default_board_copying\r\n          ) || boardCopy[0],\r\n      });\r\n    }\r\n  }, [permission]);\r\n  var copyingBoardContentRadio =\r\n    permission?.data?.permission?.copying_board_content === \"only_team_member\"\r\n      ? \"only_team_member\"\r\n      : \"team_members_and_user_outside_this_team\";\r\n\r\n  const [updatePermission, { error: errorInUpdate, data: updateData }] =\r\n    useUpdatePermissionMutation();\r\n  const teamInvitationOnlyRadio = allState?.team_invite_admin_only\r\n    ? \"admins\"\r\n    : \"members\";\r\n  useEffect(() => {\r\n    if (errorInUpdate) {\r\n      setAllState(initialState);\r\n    }\r\n  }, [updateData, errorInUpdate]);\r\n  const updatePermissionsAPISelect = async (updatedSettings) => {\r\n    try {\r\n      const response = await updatePermission({\r\n        teamId: selectedTeamId ?? activeTeam,\r\n        data: {\r\n          ...allState,\r\n          default_setting_for_board_share: updatedSettings.boardSharing.value,\r\n          invite_to_board_and_edit_share_setting:\r\n            updatedSettings.editSharing.value,\r\n          default_board_copying: updatedSettings.copySharing.value,\r\n        },\r\n      }).unwrap();\r\n\r\n      response?.message &&\r\n        dispatch(\r\n          successToast({\r\n            message: response?.message, // || \"Permissions updated successfully!\",\r\n          })\r\n        );\r\n    } catch (error) {\r\n      console.error(\"Error updating permissions:\", error);\r\n      dispatch(\r\n        errorToast({\r\n          message: error?.data?.message || \"Failed to update permissions!\",\r\n        })\r\n      );\r\n    }\r\n  };\r\n  const handleChange = async (event) => {\r\n    const newIsChecked = event.target.checked;\r\n\r\n    try {\r\n      const response = await updatePermission({\r\n        teamId: selectedTeamId ?? activeTeam,\r\n        data: { ...allState, enable_team_invite_link: newIsChecked },\r\n      }).unwrap();\r\n\r\n      response?.message &&\r\n        dispatch(\r\n          successToast({\r\n            message: response?.message, // || \"Permissions updated successfully!\",\r\n          })\r\n        );\r\n    } catch (error) {\r\n      console.error(\"Error updating permissions:\", error);\r\n      dispatch(\r\n        errorToast({\r\n          message: error?.data?.message || \"Failed to update permissions!\",\r\n        })\r\n      );\r\n    }\r\n  };\r\n\r\n  const handleChangeRadioTeam = async (event) => {\r\n    const isAdminSelected = event.target.value === \"admins\";\r\n    setAllState({ ...allState, team_invite_admin_only: isAdminSelected });\r\n    try {\r\n      const response = await updatePermission({\r\n        teamId: selectedTeamId ?? activeTeam,\r\n        data: { ...allState, team_invite_admin_only: isAdminSelected },\r\n      }).unwrap();\r\n      response?.message &&\r\n        dispatch(\r\n          successToast({\r\n            message: response?.message, // || \"Permissions updated successfully!\",\r\n          })\r\n        );\r\n    } catch (error) {\r\n      console.error(\"Error updating permissions:\", error);\r\n      dispatch(\r\n        errorToast({\r\n          message: error?.data?.message || \"Failed to update permissions!\",\r\n        })\r\n      );\r\n    }\r\n  };\r\n\r\n  const handleChangeRadioCopyBoard = async (event) => {\r\n    const newSelectedOptionCopyBoard = event.target.value;\r\n\r\n    try {\r\n      const response = await updatePermission({\r\n        teamId: selectedTeamId ?? activeTeam,\r\n        data: {\r\n          ...allState,\r\n          copying_board_content: newSelectedOptionCopyBoard,\r\n        },\r\n      }).unwrap();\r\n      dispatch(\r\n        response?.message &&\r\n          successToast({\r\n            message: response?.message, // || \"Permissions updated successfully!\",\r\n          })\r\n      );\r\n    } catch (error) {\r\n      console.error(\"Error updating permissions:\", error);\r\n      dispatch(\r\n        errorToast({\r\n          message: error?.data?.message || \"Failed to update permissions!\",\r\n        })\r\n      );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {/* {(permissionIsFetching || permissionIsLoading) && <Loader />} */}\r\n      <Box\r\n        bgcolor={\"#FFF\"}\r\n        sx={{\r\n          overflow: \"auto\",\r\n        }}\r\n      >\r\n        <Box\r\n          // mt={{\r\n          //   xs: \"15px\",\r\n          //   xl: \"24px\",\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            // height: {\r\n            //   xl: \"calc(100svh - 250px) !important\",\r\n            // },\r\n          }}\r\n        >\r\n          <Stack gap={\"32px\"}>\r\n            <Stack gap={\"10px\"}>\r\n              <Typography\r\n                fontWeight={\"600\"}\r\n                fontSize={{\r\n                  xs: fontSizes.fontSize18px,\r\n                  md: fontSizes.fontSize19,\r\n                  xl: fontSizes.fontSize20,\r\n                }}\r\n                color={\"#18181B\"}\r\n              >\r\n                Team Invitation Settings\r\n              </Typography>\r\n              {selectedTeamName && (\r\n                <Typography\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                  color={\"#848382\"}\r\n                >\r\n                  Choose who can invite users to the\r\n                  <Typography\r\n                    variant=\"captions\"\r\n                    fontWeight={\"600\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#18181B\"}\r\n                  >\r\n                    &nbsp;{selectedTeamName}&nbsp;\r\n                  </Typography>\r\n                  team.{\" \"}\r\n                  <Typography variant=\"captions\" color={color.primaryColor}>\r\n                    Learn about invitation settings\r\n                  </Typography>\r\n                </Typography>\r\n              )}\r\n            </Stack>\r\n\r\n            {/* radio button */}\r\n\r\n            <RadioGroup\r\n              defaultValue={teamInvitationOnlyRadio}\r\n              value={teamInvitationOnlyRadio}\r\n              onChange={handleChangeRadioTeam}\r\n            >\r\n              <Stack direction={\"row\"} alignItems={\"flex-start\"}>\r\n                <FormControlLabel\r\n                  value=\"admins\"\r\n                  control={\r\n                    <Radio\r\n                      sx={{\r\n                        padding: \"0px !important\",\r\n                        ml: \"10px\",\r\n                        color: \"#848382\",\r\n                        \"&.Mui-checked\": {\r\n                          // color: \"#007aff\",\r\n                          color: color.primaryColor,\r\n                        },\r\n                      }}\r\n                      disabled={\r\n                        isAccountOwner !== \"Account Owner\" &&\r\n                        selectedTeamInfo?.data?.teamInfo?.role !== \"Admin\"\r\n                      }\r\n                    />\r\n                  }\r\n                  label={\r\n                    <Stack>\r\n                      <Typography\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                        color={\"#18181B\"}\r\n                      >\r\n                        Team admins only\r\n                      </Typography>\r\n                      <Typography\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                        color={\"#848382\"}\r\n                      >\r\n                        Only team admins are allowed to invite users.\r\n                      </Typography>\r\n                    </Stack>\r\n                  }\r\n                  sx={{ alignItems: \"flex-start\", gap: \"8px\" }}\r\n                />\r\n              </Stack>\r\n\r\n              <Stack direction={\"row\"} alignItems={\"flex-start\"} mt={\"24px\"}>\r\n                <FormControlLabel\r\n                  value=\"members\"\r\n                  control={\r\n                    <Radio\r\n                      sx={{\r\n                        padding: \"0px !important\",\r\n                        ml: \"10px\",\r\n                        color: \"#848382\",\r\n                        \"&.Mui-checked\": {\r\n                          // color: \"#007aff\",\r\n                          color: color.primaryColor,\r\n                        },\r\n                      }}\r\n                      disabled={\r\n                        isAccountOwner !== \"Account Owner\" &&\r\n                        selectedTeamInfo?.data?.teamInfo?.role !== \"Admin\"\r\n                      }\r\n                    />\r\n                  }\r\n                  label={\r\n                    <Stack>\r\n                      <Typography\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                        color={\"#18181B\"}\r\n                      >\r\n                        All team members\r\n                      </Typography>\r\n                      <Typography\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                        color={\"#848382\"}\r\n                      >\r\n                        Everyone can invite users\r\n                      </Typography>\r\n                    </Stack>\r\n                  }\r\n                  sx={{ alignItems: \"flex-start\", gap: \"8px\" }}\r\n                />\r\n              </Stack>\r\n            </RadioGroup>\r\n\r\n            {/* switch button */}\r\n            <Stack\r\n              sx={{\r\n                bgcolor: \" #f9fafb\",\r\n                border: \"1px solid #e1e1e1\",\r\n                width: matchDown950 ? \"100%\" : \"50%\",\r\n                borderRadius: \"8px\",\r\n                padding: \"16px\",\r\n                gap: \"8px\",\r\n                height: \"100%\",\r\n              }}\r\n            >\r\n              <Stack direction={\"row\"} alignItems={\"center\"} gap={\"14px\"}>\r\n                <Typography\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                  color={\"#181818\"}\r\n                >\r\n                  Enable team invite link\r\n                </Typography>\r\n                <FormGroup>\r\n                  <FormControlLabel\r\n                    control={\r\n                      <CommonSwitch\r\n                        sx={{ m: 1 }}\r\n                        checked={allState.enable_team_invite_link}\r\n                        onChange={handleChange}\r\n                        disabled={\r\n                          isAccountOwner !== \"Account Owner\" &&\r\n                          selectedTeamInfo?.data?.teamInfo?.role !== \"Admin\"\r\n                        }\r\n                      />\r\n                    }\r\n                    label=\"\"\r\n                  />\r\n                </FormGroup>\r\n              </Stack>\r\n              <Typography\r\n                pr={\"30px\"}\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                color={\"#848382\"}\r\n              >\r\n                Enabled invite link allows everyone with the link to join your\r\n                team. It shows up in board sharing settings and when inviting to\r\n                a team.\r\n              </Typography>\r\n            </Stack>\r\n\r\n            {/* external setting */}\r\n            {currentSubscriptionData?.subscriptionData?.package === \"Free\" && (\r\n              <>\r\n                <Stack width={matchDown950 ? \"100%\" : \"50%\"} gap={\"8px\"}>\r\n                  <Stack direction={\"row\"} alignItems={\"center\"} spacing={2}>\r\n                    <Typography\r\n                      fontWeight={\"600\"}\r\n                      fontSize={{\r\n                        xs: fontSizes.fontSize18px,\r\n                        md: fontSizes.fontSize19,\r\n                        xl: fontSizes.fontSize20,\r\n                      }}\r\n                      color={\"#181818\"}\r\n                    >\r\n                      External collaborators\r\n                    </Typography>\r\n\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      alignItems={\"center\"}\r\n                      gap={\"6px\"}\r\n                      sx={{\r\n                        padding: \"4px 12px\",\r\n                        backgroundColor: \"#f9fafb\",\r\n                        border: \"1px solid #e1e1e1\",\r\n                        borderRadius: \"8px\",\r\n                        cursor: \"pointer\",\r\n                      }}\r\n                    >\r\n                      <IcUpgrade fill=\"#848382\" />\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                        color={\"#848382\"}\r\n                        height={\"20px\"}\r\n                      >\r\n                        Upgrade\r\n                      </Typography>\r\n                    </Stack>\r\n                  </Stack>\r\n\r\n                  <Typography\r\n                    fontWeight={\"400\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#848382\"}\r\n                  >\r\n                    Invite people outside your team free of charge, with public\r\n                    board visitors on Starter Plan or secure guests on Business\r\n                    Plan.\r\n                    <Typography variant=\"captions\" color={color.primaryColor}>\r\n                      Learn more\r\n                    </Typography>\r\n                  </Typography>\r\n                  <BtnGradient\r\n                    sx={{\r\n                      px: \"18px\",\r\n                      width: \"fit-content\",\r\n                    }}\r\n                    onClick={() => {\r\n                      setShowPlans(!showPlans);\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={600}\r\n                    >\r\n                      Upgrade\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                    mt: \"-5px\",\r\n                    opacity: 1,\r\n                  }}\r\n                />\r\n\r\n                {/* sharing setting */}\r\n\r\n                <Stack width={matchDown950 ? \"100%\" : \"50%\"} gap={\"8px\"}>\r\n                  <Stack direction={\"row\"} alignItems={\"center\"} spacing={2}>\r\n                    <Typography\r\n                      fontWeight={\"600\"}\r\n                      fontSize={{\r\n                        xs: fontSizes.fontSize18px,\r\n                        md: fontSizes.fontSize19,\r\n                        xl: fontSizes.fontSize20,\r\n                      }}\r\n                      color={\"#181818\"}\r\n                    >\r\n                      Sharing Settings\r\n                    </Typography>\r\n\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      alignItems={\"center\"}\r\n                      gap={\"6px\"}\r\n                      sx={{\r\n                        padding: \"4px 12px\",\r\n                        backgroundColor: \"#f9fafb\",\r\n                        border: \"1px solid #e1e1e1\",\r\n                        borderRadius: \"8px\",\r\n                        cursor: \"pointer\",\r\n                      }}\r\n                    >\r\n                      <IcUpgrade fill=\"#848382\" />\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                        color={\"#848382\"}\r\n                      >\r\n                        Upgrade\r\n                      </Typography>\r\n                    </Stack>\r\n                  </Stack>\r\n\r\n                  <Typography\r\n                    fontWeight={\"400\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#848382\"}\r\n                  >\r\n                    Set up default access settings for boards and projects.\r\n                    <Typography variant=\"captions\" color={color.primaryColor}>\r\n                      Learn more\r\n                    </Typography>\r\n                  </Typography>\r\n                  <Typography\r\n                    fontWeight={\"400\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={\"#848382\"}\r\n                  >\r\n                    Available one the starter plan.\r\n                  </Typography>\r\n                  <BtnGradient\r\n                    sx={{\r\n                      px: \"18px\",\r\n                      width: \"fit-content\",\r\n                    }}\r\n                    onClick={() => {\r\n                      setShowPlans(!showPlans);\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={600}\r\n                    >\r\n                      Upgrade\r\n                    </Typography>\r\n                  </BtnGradient>\r\n                </Stack>\r\n              </>\r\n            )}\r\n          </Stack>\r\n          {(currentSubscriptionData?.subscriptionData?.package?.includes(\r\n            \"Professional\"\r\n          ) ||\r\n            currentSubscriptionData?.subscriptionData?.package?.includes(\r\n              \"Business\"\r\n            )) && (\r\n            <>\r\n              {/* <Stack\r\n                mt={\"20px\"}\r\n                width={matchDown950 ? \"100%\" : \"50%\"}\r\n                gap={\"8px\"}\r\n              >\r\n                <Typography\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                  lineHeight={\"20.16px\"}\r\n                  color={\"#18181B\"}\r\n                >\r\n                  Guests\r\n                </Typography>\r\n                <Typography\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                  color={\"#848382\"}\r\n                >\r\n                  Invite people outside your team, without making your boards\r\n                  public. Upgrade to Business plan to invite guests securely,\r\n                  free of charge.\r\n                  <Typography variant=\"captions\" color={\"#007aff\"}>\r\n                    Learn more\r\n                  </Typography>\r\n                </Typography>\r\n                <BtnGradient\r\n                  sx={{\r\n                    px: \"18px\",\r\n                    width: \"fit-content\",\r\n                  }}\r\n                  onClick={() => {\r\n                    setShowPlans(!showPlans);\r\n                  }}\r\n                >\r\n                  <Typography fontSize={12.6} height={\"20px\"} fontWeight={600}>\r\n                    Upgrade to Business Plan\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                  mt: \"20px\",\r\n                  opacity: 1,\r\n                }}\r\n              />\r\n              <Stack gap={\"20px\"} mt={\"20px\"}>\r\n                <Stack gap={\"8px\"}>\r\n                  <Typography\r\n                    fontWeight={\"600\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize18px,\r\n                      md: fontSizes.fontSize19,\r\n                      xl: fontSizes.fontSize20,\r\n                    }}\r\n                    lineHeight={\"27.72px\"}\r\n                    color={\"#18181B\"}\r\n                  >\r\n                    Sharing Settings\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                  >\r\n                    Set up default access settings for boards and projects.\r\n                  </Typography>\r\n                </Stack>\r\n                <Stack width={matchDown950 ? \"100%\" : \"50%\"} gap={\"8px\"}>\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                    // mb={\"8px\"}\r\n                    color={\"#18181B\"}\r\n                  >\r\n                    Default settings for board sharing\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                  >\r\n                    Select default sharing settings for a`ll newly created\r\n                    boards in your team account.Sharing settings can be later\r\n                    changed for each individual board by board owners and\r\n                    editors.\r\n                  </Typography>\r\n\r\n                  <CustomAutoSelect\r\n                    fullWidth={false}\r\n                    height={44}\r\n                    value={sharingSetting?.boardSharing}\r\n                    onChange={(value) => {\r\n                      const updatedSettings = {\r\n                        ...sharingSetting,\r\n                        boardSharing: value,\r\n                      };\r\n                      setAllState({\r\n                        ...allState,\r\n                        default_setting_for_board_share: value,\r\n                      });\r\n                      setSharingSetting(updatedSettings);\r\n                      updatePermissionsAPISelect(updatedSettings);\r\n                    }}\r\n                    options={defaultSettingForBoard}\r\n                    disabled={\r\n                      isAccountOwner !== \"Account Owner\" &&\r\n                      selectedTeamInfo?.data?.teamInfo?.role !== \"Admin\"\r\n                    }\r\n                    // mainSx={{\r\n                    //   minWidth: 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\r\n                <CommonDivider\r\n                  my={\"0px\"}\r\n                  border={`1px solid ${color.darkGray}`}\r\n                  sx={{\r\n                    mt: \"10px\",\r\n                    opacity: 1,\r\n                  }}\r\n                />\r\n\r\n                <Stack width={matchDown950 ? \"100%\" : \"50%\"} gap={\"8px\"}>\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={\"#18181B\"}\r\n                  >\r\n                    Invite to board and edit sharing settings - Default setting\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                  >\r\n                    Select a default for who can invite users to a board and\r\n                    edit the board's sharing settings.\r\n                  </Typography>\r\n                  <CustomAutoSelect\r\n                    fullWidth={false}\r\n                    height={44}\r\n                    value={sharingSetting.editSharing}\r\n                    onChange={(value) => {\r\n                      const updatedSettings = {\r\n                        ...sharingSetting,\r\n                        editSharing: value,\r\n                      };\r\n                      setSharingSetting(updatedSettings);\r\n                      updatePermissionsAPISelect(updatedSettings);\r\n                    }}\r\n                    options={boardAndEdit}\r\n                    // noOptionsText={\"No Display Language\"}\r\n                    disabled={\r\n                      isAccountOwner !== \"Account Owner\" &&\r\n                      selectedTeamInfo?.data?.teamInfo?.role !== \"Admin\"\r\n                    }\r\n                    // fullWidth={false}\r\n                    // mainSx={{\r\n                    //   minWidth: 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              </Stack>\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              <Stack gap={\"20px\"} mt={\"20px\"}>\r\n                {/* content security */}\r\n                <Stack width={matchDown950 ? \"100%\" : \"50%\"} gap={\"12px\"}>\r\n                  <Typography\r\n                    fontWeight={\"600\"}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize18px,\r\n                      md: fontSizes.fontSize19,\r\n                      xl: fontSizes.fontSize20,\r\n                    }}\r\n                    color={\"#18181B\"}\r\n                  >\r\n                    Content security\r\n                  </Typography>\r\n                  <Stack gap={\"8px\"}>\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={\"#18181B\"}\r\n                    >\r\n                      Copying board content\r\n                    </Typography>\r\n                    <Typography\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                      color={\"#848382\"}\r\n                    >\r\n                      Set who can be given permission to copy board content.\r\n                    </Typography>\r\n                    <Typography\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                      color={\"#848382\"}\r\n                    >\r\n                      Once set, board owners can configure this setting based on\r\n                      chosen option.\r\n                    </Typography>\r\n                  </Stack>\r\n                  <FormControl>\r\n                    <RadioGroup\r\n                      aria-labelledby=\"demo-radio-buttons-group-label\"\r\n                      defaultValue={copyingBoardContentRadio}\r\n                      value={copyingBoardContentRadio}\r\n                      name=\"radio-buttons-group\"\r\n                      onChange={handleChangeRadioCopyBoard}\r\n                    >\r\n                      <FormControlLabel\r\n                        value=\"only_team_member\"\r\n                        control={\r\n                          <Radio\r\n                            sx={{\r\n                              color: \"#848382\",\r\n                              \"&.Mui-checked\": {\r\n                                // color: \"#007aff\",\r\n                                color: color.primaryColor,\r\n                              },\r\n                            }}\r\n                            disabled={\r\n                              isAccountOwner !== \"Account Owner\" &&\r\n                              selectedTeamInfo?.data?.teamInfo?.role !== \"Admin\"\r\n                            }\r\n                          />\r\n                        }\r\n                        // label=\"Only team members\"\r\n                        label={\r\n                          <Typography\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                            color={\"#18181B\"}\r\n                          >\r\n                            Only team members\r\n                          </Typography>\r\n                        }\r\n                      />\r\n                      <FormControlLabel\r\n                        value=\"team_members_and_user_outside_this_team\"\r\n                        control={\r\n                          <Radio\r\n                            sx={{\r\n                              color: \"#848382\",\r\n                              \"&.Mui-checked\": {\r\n                                // color: \"#007aff\",\r\n                                color: color.primaryColor,\r\n                              },\r\n                            }}\r\n                            disabled={\r\n                              isAccountOwner !== \"Account Owner\" &&\r\n                              selectedTeamInfo?.data?.teamInfo?.role !== \"Admin\"\r\n                            }\r\n                          />\r\n                        }\r\n                        // label=\"Team members and users outside this team\"\r\n                        label={\r\n                          <Typography\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                            color={\"#18181B\"}\r\n                          >\r\n                            Team members and users outside this team\r\n                          </Typography>\r\n                        }\r\n                      />\r\n                    </RadioGroup>\r\n                  </FormControl>\r\n                </Stack>\r\n              </Stack>\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              {/* default board copying */}\r\n              <Stack\r\n                width={matchDown950 ? \"100%\" : \"50%\"}\r\n                gap={\"10px\"}\r\n                mt={\"20px\"}\r\n              >\r\n                <Typography\r\n                  fontWeight={\"600\"}\r\n                  fontSize={{\r\n                    xs: fontSizes.fontSize18px,\r\n                    md: fontSizes.fontSize19,\r\n                    xl: fontSizes.fontSize20,\r\n                  }}\r\n                  color={\"#18181B\"}\r\n                >\r\n                  Default board copying\r\n                </Typography>\r\n                <Typography\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                  color={\"#848382\"}\r\n                >\r\n                  Set who can copy board content on newly created boards.\r\n                </Typography>\r\n                <Typography\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                  color={\"#848382\"}\r\n                >\r\n                  Board owners can change this setting separately for each of\r\n                  their boards.\r\n                </Typography>\r\n                <CustomAutoSelect\r\n                  fullWidth={false}\r\n                  height={44}\r\n                  mb={\"16px\"}\r\n                  value={sharingSetting.copySharing}\r\n                  onChange={(value) => {\r\n                    const updatedSettings = {\r\n                      ...sharingSetting,\r\n                      copySharing: value,\r\n                    };\r\n                    setSharingSetting(updatedSettings);\r\n                    updatePermissionsAPISelect(updatedSettings);\r\n                  }}\r\n                  options={boardCopy}\r\n                  // noOptionsText={\"No Display Language\"}\r\n                  disabled={\r\n                    isAccountOwner !== \"Account Owner\" &&\r\n                    selectedTeamInfo?.data?.teamInfo?.role !== \"Admin\"\r\n                  }\r\n                  // fullWidth={false}\r\n                  // mainSx={{\r\n                  //   minWidth: 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                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          )}\r\n        </Box>\r\n      </Box>\r\n      <ChoosePlan open={showPlans} setOpen={setShowPlans} />\r\n    </>\r\n  );\r\n}\r\n\r\nexport default UserSectionPermissions;\r\n","import { Avatar, Box, Stack, Typography } from \"@mui/material\";\r\nimport React, { useEffect, useMemo, useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { localDateFormat } from \"../../../CommanFunctions/commanFunctions\";\r\nimport Loader from \"../../../CommanUI/Loader/loader\";\r\nimport {\r\n  useGetRequestControlListMutation,\r\n  useRequestApproveMutation,\r\n  useRequestRejectMutation,\r\n} from \"../../../Redux/api/teamsApi\";\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 BtnColoredOutlined from \"../../../common-components/buttons/BtnColoredOutlined\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { subscriptionDataSelect } from \"../../../Redux/common-reducer\";\r\nimport UpgradeModel from \"./UpgradeModel\";\r\nimport CommonPlaceHolder from \"../../../common-components/commonPlaceholder/CommonPlaceHolder\";\r\nimport TableComponent from \"./TableComponent\";\r\nimport { useSelector } from \"react-redux\";\r\nimport {\r\n  IcSortingTableAse,\r\n  IcSortingTableDes,\r\n} from \"../../../assets/icon-components\";\r\n// function a11yProps(index) {\r\n//   return {\r\n//     id: `simple-tab-${index}`,\r\n//     \"aria-controls\": `simple-tabpanel-${index}`,\r\n//   };\r\n// }\r\nfunction UserSectionRequestControl() {\r\n  // const globalTheme = useTheme();\r\n  // const [value, setValue] = useState(0);\r\n  const [iSubmitted, setIsSubmitted] = useState(false);\r\n  const dispatch = useDispatch();\r\n  const currentSubscription = subscriptionDataSelect();\r\n  const userData = useSelector((state) => state.common.userData);\r\n\r\n  const [\r\n    getRequestControlList,\r\n    { data: requestControlData = [], isLoading: requestIsLoading },\r\n  ] = useGetRequestControlListMutation();\r\n\r\n  const [requestReject] = useRequestRejectMutation();\r\n  const [requestApprove] = useRequestApproveMutation();\r\n\r\n  // for table\r\n  const [tableHeight, setTableHeight] = useState(\"auto\");\r\n\r\n  useEffect(() => {\r\n    currentSubscription?.package !== \"Free\" && getRequestControlList();\r\n    // Adjust table height based on screen size\r\n    const adjustTableHeight = () => {\r\n      const height = window.innerHeight * 0.6; // 60% of screen height\r\n      setTableHeight(`${height}px`);\r\n    };\r\n\r\n    adjustTableHeight();\r\n    window.addEventListener(\"resize\", adjustTableHeight);\r\n    return () => window.removeEventListener(\"resize\", adjustTableHeight);\r\n  }, []);\r\n\r\n  // const handleChange = (event, newValue) => {\r\n  //   setValue(newValue);\r\n  // };\r\n\r\n  // const CustomTabPanel = ({ children, value, index, ...other }) => {\r\n  //   return (\r\n  //     <div\r\n  //       role=\"tabpanel\"\r\n  //       hidden={value !== index}\r\n  //       id={`simple-tabpanel-${index}`}\r\n  //       aria-labelledby={`simple-tab-${index}`}\r\n  //       {...other}\r\n  //     >\r\n  //       {value === index && <Box mt={\"1rem\"}>{children}</Box>}\r\n  //     </div>\r\n  //   );\r\n  // };\r\n\r\n  const columns = useMemo(\r\n    () => [\r\n      {\r\n        accessorKey: \"name\",\r\n        header: \"Name\",\r\n        // minWidth: 150,\r\n        // maxWidth: 200,\r\n        enableSorting: true,\r\n        enableResizing: true,\r\n        Cell: (row) => {\r\n          let name = row?.first_name + \" \" + row?.last_name;\r\n          return (\r\n            <Stack flexDirection={\"row\"} alignItems={\"center\"} gap={\"10px\"}>\r\n              <Avatar\r\n                alt={row?.name}\r\n                src={row?.profile_picture}\r\n                sx={{\r\n                  height: \"36px !important\",\r\n                  width: \"36px !important\",\r\n                  fontSize: {\r\n                    xs: fontSizes.mediumFont,\r\n                    md: fontSizes.fontSize13,\r\n                    xl: fontSizes.fontSize14,\r\n                  },\r\n                  textTransform: \"uppercase\",\r\n                  boxSizing: \"border-box !important\",\r\n                  // pt: \"2px\",\r\n                  ...(!row?.profile_picture &&\r\n                    row?.profile_color && {\r\n                      backgroundColor: row?.profile_color,\r\n                    }),\r\n                }}\r\n              >\r\n                {!row?.profile_picture &&\r\n                  name &&\r\n                  name\r\n                    .split(\" \")\r\n                    .map((word) => word[0]?.toUpperCase())\r\n                    .slice(0, 2)\r\n                    .join(\"\")}\r\n              </Avatar>\r\n\r\n              <Typography\r\n                fontSize={{\r\n                  xs: fontSizes.mediumFont,\r\n                  md: fontSizes.fontSize13,\r\n                  xl: fontSizes.fontSize14,\r\n                }}\r\n                color={\"#18181B\"}\r\n                height={\"18px\"}\r\n              >\r\n                {row?.first_name + \" \" + row?.last_name}\r\n              </Typography>\r\n            </Stack>\r\n          );\r\n        },\r\n      },\r\n      {\r\n        accessorKey: \"email_id\",\r\n        header: \"Email\",\r\n        // minWidth: 150,\r\n        // maxWidth: 200,\r\n        enableSorting: true,\r\n        enableResizing: true,\r\n        Cell: (row) => {\r\n          return (\r\n            <Typography\r\n              fontSize={{\r\n                xs: fontSizes.fontSize13,\r\n                md: fontSizes.fontSize14,\r\n              }}\r\n              color={\"#18181B\"}\r\n              height={\"18px\"}\r\n            >\r\n              {`${row?.email_id ?? \"-\"}`}\r\n            </Typography>\r\n          );\r\n        },\r\n      },\r\n      // {\r\n      //   accessorKey: \"team_name\", // Field name in your data (e.g., \"team\")\r\n      //   header: \"Team\",\r\n      //   minWidth: 150,\r\n      //   maxWidth: 200,\r\n      //   enableSorting: true,\r\n      //   Cell: (row) => {\r\n      //     return (\r\n      //       <Typography\r\n      //         fontSize={{\r\n      //           xs: fontSizes.fontSize13,\r\n      //           md: fontSizes.fontSize14,\r\n      //         }}\r\n      //         color={\"#18181B\"}\r\n      //         height={\"18px\"}\r\n      //       >\r\n      //         {row?.team_name ?? \"-\"}\r\n      //       </Typography>\r\n      //     );\r\n      //   },\r\n      // },\r\n      // {\r\n      //   accessorKey: \"architecture_name\",\r\n      //   header: \"Board Name\",\r\n      //   minWidth: 150,\r\n      //   maxWidth: 150,\r\n      //   // enableSorting: true,\r\n      //   // textCenter: true,\r\n      //   Cell: (row) => {\r\n      //     return (\r\n      //       <Typography\r\n      //         fontSize={{\r\n      //           xs: fontSizes.fontSize13,\r\n      //           md: fontSizes.fontSize14,\r\n      //         }}\r\n      //         color={\"#18181B\"}\r\n      //         height={\"18px\"}\r\n      //       >\r\n      //         {row?.architecture_name ?? \"-\"}\r\n      //       </Typography>\r\n      //     );\r\n      //   },\r\n      // },\r\n\r\n      {\r\n        accessorKey: \"date\", // Field name for date\r\n        header: \"Date\",\r\n        // minWidth: 150,\r\n        // maxWidth: 150,\r\n        // enableSorting: true,\r\n        // textCenter: true,\r\n        enableResizing:\r\n          userData?.role === \"Account Owner\" || userData?.is_admin\r\n            ? true\r\n            : false,\r\n        Cell: (row) => {\r\n          return (\r\n            <Typography\r\n              fontSize={{\r\n                xs: fontSizes.fontSize13,\r\n                md: fontSizes.fontSize14,\r\n              }}\r\n              color={\"#18181B\"}\r\n              height={\"18px\"}\r\n            >\r\n              {/* {localDateFormat(row?.requested_on)} */}\r\n              {row?.requested_on ? (\r\n                localDateFormat(row?.requested_on)\r\n              ) : (\r\n                <Stack justifyContent={\"center\"}>\r\n                  <Typography ml={1.5}>-</Typography>\r\n                </Stack>\r\n              )}\r\n            </Typography>\r\n          );\r\n        },\r\n      },\r\n\r\n      ...(userData?.role === \"Account Owner\" || userData?.is_admin\r\n        ? [\r\n            {\r\n              accessorKey: \"action\", // This is just for the action column\r\n              header: \"Action\",\r\n              minWidth: 150,\r\n              maxWidth: 150,\r\n              // enableSorting: true,\r\n              textCenter: true,\r\n              // enableResizing: true,\r\n              Cell: (row) => {\r\n                return (\r\n                  <Stack direction=\"row\" gap={\"4px\"} ml={\"70px\"}>\r\n                    <BtnColoredOutlined\r\n                      bgcolor={color.greyHover}\r\n                      height={36}\r\n                      borderColor={color.commonBorderColor}\r\n                      sx={{\r\n                        px: \"24px\",\r\n                        transition: \"all 0.2s\",\r\n                      }}\r\n                      hoverSx={{\r\n                        bgcolor: color.darkGray,\r\n                      }}\r\n                      onClick={() => handleReject(row)}\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={fontWeight.weight400}\r\n                        color={color.subTitle}\r\n                      >\r\n                        Decline\r\n                      </Typography>\r\n                    </BtnColoredOutlined>\r\n                    {/* <BtnGradient\r\n                      sx={{\r\n                        px: \"18px\",\r\n                        width: \"fit-content\",\r\n                        border: \"1px solid #e1e1e1\",\r\n                      }}\r\n                      btnColor={color.cardLiteBgColor}\r\n                      height={\"18px\"}\r\n                      width={\"46px\"}\r\n                      onClick={() => handleReject(row)}\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={fontWeight.weight400}\r\n                        color={color.subTitle}\r\n                      >\r\n                        Decline\r\n                      </Typography>\r\n                    </BtnGradient> */}\r\n                    <BtnGradient\r\n                      height={36}\r\n                      sx={{\r\n                        px: \"24px\",\r\n                        width: \"fit-content\",\r\n                      }}\r\n                      onClick={() => handleApprove(row)}\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={600}\r\n                      >\r\n                        Approve\r\n                      </Typography>\r\n                    </BtnGradient>\r\n                  </Stack>\r\n                );\r\n              },\r\n            },\r\n          ]\r\n        : []),\r\n    ],\r\n    [userData]\r\n  );\r\n\r\n  // const table = useMaterialReactTable({\r\n  //   columns,\r\n  //   data: requestControlData?.data ?? [],\r\n  //   enableTopToolbar: false,\r\n  //   enableBottomToolbar: false,\r\n  //   enableColumnResizing: true, // column resize\r\n  //   enableRowActions: false,\r\n  //   enableExpandAll: false,\r\n  //   enableColumnPinning: true,\r\n  //   layoutMode: \"grid\",\r\n  //   getSubRows: (row) => row.subRows, //default\r\n  //   initialState: {\r\n  //     expanded: false,\r\n  //     showColumnFilters: false,\r\n  //   }, //expand all rows by default\r\n  //   paginateExpandedRows: false, //When rows are expanded, do not count sub-rows as number of rows on the page towards pagination\r\n  //   enableColumnActions: false,\r\n  //   manualPagination: true,\r\n  //   enableStickyHeader: true,\r\n\r\n  //   muiTableBodyRowProps: ({ row }) => {\r\n  //     return {\r\n  //       sx: {\r\n  //         backgroundColor: \"#FFFFFF !important\",\r\n  //         \"&:hover td::after\": {\r\n  //           backgroundColor: \"transparent !important\",\r\n  //         },\r\n  //       },\r\n  //     };\r\n  //   },\r\n  //   muiTableHeadCellProps: {\r\n  //     sx: {\r\n  //       textTransform: \"uppercase\",\r\n  //       color: \"#848382\",\r\n  //       fontWeight: \"700\",\r\n  //       fontSize: `${{\r\n  //         xs: fontSizes.mediumFont,\r\n  //         md: fontSizes.fontSize13,\r\n  //         xl: fontSizes.fontSize14,\r\n  //       }} !important`,\r\n  //     },\r\n  //   },\r\n\r\n  //   // new code\r\n  //   muiTableContainerProps: {\r\n  //     sx: {\r\n  //       maxHeight: tableHeight, // Restrict vertical height\r\n  //       overflowY: \"auto\", // Enable vertical scrolling\r\n  //       overflowX: \"auto\", // Enable horizontal scrolling only when needed\r\n  //       \"&::-webkit-scrollbar\": {\r\n  //         height: \"8px\", // Optional: Customize scrollbar height\r\n  //       },\r\n  //       \"&::-webkit-scrollbar-thumb\": {\r\n  //         backgroundColor: \"#bdbdbd\", // Optional: Customize scrollbar color\r\n  //         borderRadius: \"4px\",\r\n  //       },\r\n  //     },\r\n  //   },\r\n  //   muiTablePaperProps: {\r\n  //     elevation: 0,\r\n  //     sx: {\r\n  //       border: \"1px solid #e1e1e1\",\r\n  //       borderRadius: \"12px 12px 0px 0px\",\r\n  //       // borderRadius: \"0\",\r\n  //       // border: \"0\",\r\n  //       overflow: \"hidden\",\r\n  //       width: \"100%\",\r\n  //     },\r\n  //   },\r\n  //   muiTableHeadProps: {\r\n  //     sx: {\r\n  //       position: \"sticky\",\r\n  //       top: 0,\r\n  //       zIndex: 2,\r\n  //       backgroundColor: \"#f7f7f7\", // Sticky header background\r\n  //     },\r\n  //   },\r\n  //   muiTableBodyProps: {\r\n  //     sx: {\r\n  //       overflow: \"visible\",\r\n  //     },\r\n  //   },\r\n  //   renderEmptyRowsFallback: () =>\r\n  //     !requestIsLoading &&\r\n  //     requestControlData?.data && (\r\n  //       <Stack justifyContent={\"center\"} alignItems={\"center\"}>\r\n  //         <CommonPlaceHolder\r\n  //           title={\"No License Request\"}\r\n  //           desc={\r\n  //             \"License requests will be displayed here. You can approve them one by one and view additional details by selecting a row.\"\r\n  //           }\r\n  //         />\r\n  //       </Stack>\r\n  //     ),\r\n  //   icons: {\r\n  //     ...tableIcons,\r\n  //   },\r\n  // });\r\n\r\n  // const tableTheme = useMemo(\r\n  //   () =>\r\n  //     createTheme({\r\n  //       components: {\r\n  //         MuiPaper: {\r\n  //           styleOverrides: {\r\n  //             // elevation0: {\r\n  //             //   paddingRight: \"32px\",\r\n  //             //   paddingLeft: \"24px\",\r\n  //             // },\r\n  //           },\r\n  //         },\r\n  //         MuiTooltip: {\r\n  //           styleOverrides: {\r\n  //             tooltip: {\r\n  //               display: \"none\", //override to make tooltip font size larger\r\n  //             },\r\n  //           },\r\n  //         },\r\n  //         MuiTable: {\r\n  //           styleOverrides: {\r\n  //             root: {\r\n  //               borderRadius: \"12px 12px 0px 0px\",\r\n  //               border: \"1px solid #E1E1E1\",\r\n  //               boxShadow: \"0px 1px 2px 0px #1018280A\",\r\n  //             },\r\n  //           },\r\n  //         },\r\n  //       },\r\n  //     }),\r\n  //   [globalTheme]\r\n  // );\r\n\r\n  const handleReject = async (takeRecord) => {\r\n    setIsSubmitted(true);\r\n    const payload = {\r\n      // architecture_id: takeRecord.architecture_id,\r\n      user_id: takeRecord.user_id,\r\n    };\r\n    await requestReject(payload)\r\n      .then((result) => {\r\n        if (result?.error) {\r\n          dispatch(\r\n            errorToast({\r\n              message: result?.error?.data?.message,\r\n            })\r\n          );\r\n        } else if (result?.data?.status) {\r\n          dispatch(\r\n            successToast({\r\n              message: result?.data?.message,\r\n            })\r\n          );\r\n          getRequestControlList();\r\n        }\r\n      })\r\n      .catch((error) => {});\r\n    setIsSubmitted(false);\r\n  };\r\n\r\n  const handleApprove = async (takeRecord) => {\r\n    setIsSubmitted(true);\r\n    const payload = {\r\n      // architecture_id: takeRecord.architecture_id,\r\n      user_id: takeRecord.user_id,\r\n    };\r\n    await requestApprove(payload)\r\n      .then((result) => {\r\n        if (result?.error) {\r\n          dispatch(\r\n            errorToast({\r\n              message: result?.error?.data?.message,\r\n            })\r\n          );\r\n        } else if (result?.data?.status) {\r\n          dispatch(\r\n            successToast({\r\n              message: result?.data?.message,\r\n            })\r\n          );\r\n          getRequestControlList();\r\n        }\r\n      })\r\n      .catch((error) => {});\r\n    setIsSubmitted(false);\r\n  };\r\n\r\n  // if (currentSubscription?.package === \"Free\") {\r\n  //   return (\r\n  //     <Box\r\n  //       mt={{\r\n  //         xs: \"15px\",\r\n  //         xl: \"24px\",\r\n  //       }}\r\n  //       // pl={\"24px\"}\r\n  //       // pr={\"32px\"}\r\n  //       sx={{\r\n  //         \"&::-webkit-scrollbar\": {\r\n  //           display: \"none\",\r\n  //         },\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  //         msOverflowStyle: \"none\",\r\n  //         scrollbarWidth: \"none\",\r\n  //       }}\r\n  //     >\r\n  //       <UpgradeModel\r\n  //         title={\"Upgrade to Approve Pending Member Requests\"}\r\n  //         subtitle={\r\n  //           \"Upgrade to manage and approve member requests, expand your team, and enhance collaboration with unlimited member slots and advanced permissions.\"\r\n  //         }\r\n  //       />\r\n  //     </Box>\r\n  //   );\r\n  // }\r\n\r\n  return (\r\n    <Box\r\n      // position={\"relative\"}\r\n      // sx={{\r\n      //   height: {\r\n      //     // xs: \"calc(100svh - 170px)\",\r\n      //     // lg: \"calc(100svh - 170px)\",\r\n      //     // xl: \"calc(100svh - 210px)\",\r\n      //     xs: \"calc(100svh - 188px)\",\r\n      //   },\r\n      //   overflowY: \"auto\",\r\n      //   \"&::-webkit-scrollbar\": {\r\n      //     width: \"0 !important\",\r\n      //     height: \"0 !important\",\r\n      //   },\r\n      // }}\r\n      sx={{\r\n        overflowY: \"auto\",\r\n        \"&::-webkit-scrollbar\": {\r\n          width: \"0 !important\",\r\n          height: \"0 !important\",\r\n        },\r\n      }}\r\n      height={\"100%\"}\r\n    >\r\n      {iSubmitted || (requestIsLoading && <Loader />)}\r\n\r\n      <Box>\r\n        {/* <Tabs\r\n          value={value}\r\n          onChange={handleChange}\r\n          aria-label=\"basic tabs example\"\r\n          sx={{\r\n            \"& .MuiTab-root\": {\r\n              color: color.subTitle,\r\n              textTransform: \"capitalize\",\r\n              fontSize: fontSizes.mediumFont,\r\n              fontWeight: fontWeight.weight600,\r\n            },\r\n            \"& .MuiTab-textColorPrimary.Mui-selected\": {\r\n              color: color.primaryColor,\r\n              background: \"#007AFF1A\",\r\n              borderRadius: commonStyles.borderRadiusMD,\r\n            },\r\n            \"& .MuiTabs-indicator\": {\r\n              display: \"none\",\r\n            },\r\n          }}\r\n        >\r\n          <Tab\r\n            label=\"License requests\"\r\n            {...a11yProps(0)}\r\n            sx={{ alignItems: \"center\" }}\r\n          />\r\n          <Tab\r\n            label=\"Request management\"\r\n            {...a11yProps(1)}\r\n            sx={{ alignItems: \"center\" }}\r\n          />\r\n        </Tabs> */}\r\n      </Box>\r\n      {/* <CustomTabPanel value={value} index={0}> */}\r\n      {requestControlData?.data?.length === 0 && (\r\n        <Box\r\n          height={\"calc(100vh - 180px)\"}\r\n          display={\"flex\"}\r\n          justifyContent={\"center\"}\r\n          alignItems={\"center\"}\r\n        >\r\n          <Box\r\n            display={\"flex\"}\r\n            flexDirection={\"column\"}\r\n            gap={1}\r\n            alignItems={\"center\"}\r\n          >\r\n            <CommonPlaceHolder\r\n              // img={noRequests}\r\n              title={\"No Pending request\"}\r\n              desc={\"There’s no data here right now. Add some to get started.\"}\r\n              imgWidth={120}\r\n              imgHeight={120}\r\n              imgXsWidth={120}\r\n              imgXsHeight={120}\r\n              imageAndDescGapXl={\"10px\"}\r\n              imageAndDescGapXs={\"4px\"}\r\n            />\r\n            {/* <Box>\r\n              <img src={noRequests} />\r\n            </Box>\r\n            <Typography\r\n              fontSize={fontSizes.titleFont}\r\n              fontWeight={fontWeight.weight600}\r\n            >\r\n              No Pending Requests\r\n            </Typography>\r\n            <Typography\r\n              fontSize={fontSizes.largeFont}\r\n              color={color.subTitle}\r\n              width={\"65%\"}\r\n              textAlign={\"center\"}\r\n            >\r\n              There are no pending access requests at the moment.\r\n            </Typography> */}\r\n          </Box>\r\n        </Box>\r\n      )}\r\n      <Box\r\n        bgcolor={\"#FFF\"}\r\n        sx={{\r\n          overflow: \"auto\",\r\n        }}\r\n      >\r\n        <Box\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        // }}\r\n        // className=\"table-responsive\"\r\n        >\r\n          {requestControlData?.data?.length > 0 && (\r\n            <TableComponent\r\n              columns={columns}\r\n              data={requestControlData?.data ?? []}\r\n              isTableLoading={requestIsLoading}\r\n              // maxHeight={\"560px\"}\r\n              // maxWidth=\"100%\"\r\n              customSortIcons={{\r\n                ascending: <IcSortingTableAse />,\r\n                descending: <IcSortingTableDes />,\r\n              }}\r\n              showSortingIconOnHover={false}\r\n              // maxHeight={{\r\n              //   xs: \"calc(100vh - 188px)\",\r\n              //   sm: \"calc(100vh - 220px)\",\r\n              //   md: \"calc(100vh - 250px)\",\r\n              //   lg: \"calc(100vh - 270px)\",\r\n              //   xl: \"calc(100vh - 290px)\",\r\n              // }}\r\n              // emptyBoxHeight={{\r\n              //   xs: \"calc(100vh - 300px)\",\r\n              //   sm: \"calc(100vh - 340px)\",\r\n              //   md: \"calc(100vh - 340px)\",\r\n              //   lg: \"calc(100vh - 340px)\",\r\n              //   xl: \"calc(100vh - 360px)\",\r\n              // }}\r\n            />\r\n          )}\r\n\r\n          {/* {requestControlData?.data?.length > 0 && (\r\n            <ThemeProvider theme={tableTheme}>\r\n              <MaterialReactTable table={table} />\r\n            </ThemeProvider>\r\n          )} */}\r\n          {/* <Stack\r\n              sx={{\r\n                // mr: \"32px\",\r\n                // ml: \"24px\",\r\n                display: \"flex\",\r\n                flexDirection: \"row\",\r\n                alignItems: \"center\",\r\n                justifyContent: \"space-between\",\r\n                alignItems: \"center\",\r\n                borderBottom: \"1px solid #0000001A\",\r\n                borderLeft: \"1px solid #0000001A\",\r\n                borderRight: \"1px solid #0000001A\",\r\n                bgcolor: \"#fff\",\r\n                px: \"20px\",\r\n                borderRadius: \"0px 0px 12px 12px\",\r\n                height: \"65px\",\r\n              }}\r\n            >\r\n              <Typography fontSize={13.5} color={\"#7E899F\"} height={\"18px\"}>\r\n                Showing 1 to 10 of 25 entries\r\n              </Typography>\r\n            </Stack> */}\r\n        </Box>\r\n      </Box>\r\n\r\n      {currentSubscription?.package === \"Free\" && (\r\n        <Box\r\n          mt={{\r\n            xs: \"15px\",\r\n            xl: \"24px\",\r\n          }}\r\n          // pl={\"24px\"}\r\n          // pr={\"32px\"}\r\n          sx={{\r\n            \"&::-webkit-scrollbar\": {\r\n              display: \"none\",\r\n            },\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            msOverflowStyle: \"none\",\r\n            scrollbarWidth: \"none\",\r\n          }}\r\n        >\r\n          <UpgradeModel\r\n            isNavigateOnClose\r\n            title={\"Upgrade to Manage Requests\"}\r\n            subtitle={\r\n              \"Managing pending requests is available on paid plans. Upgrade to approve or decline requests.\"\r\n            }\r\n          />\r\n        </Box>\r\n      )}\r\n\r\n      {/* </CustomTabPanel> */}\r\n      {/* <CustomTabPanel value={value} index={1}>\r\n        <Box\r\n          height={{\r\n            xs: \"calc(100% - 20px)\",\r\n            xl: \"calc(100% - 61px)\",\r\n          }}\r\n          // overflow={\"hidden\"}\r\n          gap={\"8px\"}\r\n        >\r\n          <Box display={\"flex\"} gap={\"1rem\"}>\r\n            <Typography\r\n              fontSize={fontSizes.titleFont}\r\n              fontWeight={600}\r\n              height={{\r\n                xs: \"22px\",\r\n                xl: \"28px\",\r\n              }}\r\n              color={\"#18181B\"}\r\n            >\r\n              Managing requests\r\n            </Typography>\r\n\r\n            <UpgradePremiumTagGray />\r\n          </Box>\r\n          <Typography\r\n            width={\"60%\"}\r\n            fontSize={fontSizes.smallFont}\r\n            mt={\"0.5rem\"}\r\n            color={\"#848382\"}\r\n          >\r\n            Control how user requests are managed in your organization,\r\n            including license requests. You can also decide if requests are\r\n            managed externally or directly, making it easy to keep all your\r\n            admin work in one place.\r\n          </Typography>\r\n          <Typography\r\n            my={\"1rem\"}\r\n            fontSize={fontSizes.smallFont}\r\n            fontWeight={fontWeight.weight600}\r\n          >\r\n            Available on the Business Plan\r\n          </Typography>\r\n          <BtnColoredOutlined\r\n            borderColor=\"none\"\r\n            bgcolor=\"#007AFF\"\r\n            height={46}\r\n            sx={{\r\n              px: \"1.2rem\",\r\n              fontSize: fontSizes.largeFont,\r\n            }}\r\n          >\r\n            Contact us\r\n          </BtnColoredOutlined>\r\n        </Box>\r\n      </CustomTabPanel> */}\r\n    </Box>\r\n  );\r\n}\r\n\r\nexport default UserSectionRequestControl;\r\n","import {\r\n  Box,\r\n  Collapse,\r\n  List,\r\n  ListItem,\r\n  Stack,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport React, { useContext, useEffect, useMemo, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport {\r\n  IcBrandCenter,\r\n  IcRequestControlOutlined,\r\n  IcRightSingleArrow,\r\n  IcSubscriptionOutlined,\r\n  IcUserCircleOutlined2,\r\n  IcUserVerifiedOutlined,\r\n  IcWorkspace,\r\n} from \"../../../assets/icon-components\";\r\nimport IcManageTeam from \"../../../assets/icon-components/IcManageTeam\";\r\nimport commanService from \"../../../CommanFunctions/commanService\";\r\nimport { ModelContext } from \"../../../HOC/ModelContext\";\r\nimport { toggleLoadSidebarDocuments } from \"../../../Redux/sidebarSlice\";\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 InviteMultipleUserModel from \"../../Invite-User/components/InviteMultipleUserModel\";\r\nimport UpgradeModel from \"./UpgradeModel\";\r\nimport ChoosePlan from \"../../upgrade-plan/ChoosePlan\";\r\nimport WorkspaceSidebarDropDown from \"../../../common-components/WorkspaceSidebarDropDown\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\n\r\nconst UserSectionSidebar = () => {\r\n  const navigate = useNavigate();\r\n  const dispatch = useDispatch();\r\n  const userData = useSelector((state) => state.common.userData);\r\n  const { pathname } = useLocation();\r\n  const [openGroup, setOpenGroup] = useState([]);\r\n  const [currentPlan, setCurrentPlan] = useState(null);\r\n  const { createNewTeamModal, setCreateNewTeamModal, ...modelState } =\r\n    useContext(ModelContext);\r\n  const [openUpgradeModal, setOpenUpgradeModal] = useState(false);\r\n  const [showPlans, setShowPlans] = useState(false);\r\n\r\n  const [expandedSubChildren, setExpandedSubChildren] = useState(null);\r\n\r\n  const takeBrandCenters = JSON.parse(\r\n    localStorage.getItem(\"brandCenterAdministrators\")\r\n  );\r\n\r\n  const getCurrentSubscription = async () => {\r\n    try {\r\n      const response = await commanService.getApi(\r\n        \"user/v1\",\r\n        `subscription/current`\r\n      );\r\n      setCurrentPlan(response.data?.data);\r\n    } catch (error) {\r\n    } finally {\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    getCurrentSubscription();\r\n    return () => {\r\n      dispatch(toggleLoadSidebarDocuments());\r\n    };\r\n  }, []);\r\n\r\n  const handleToggleGroup = (groupName) => {\r\n    if (typeof groupName === \"string\") {\r\n      const opened = openGroup.includes(groupName);\r\n\r\n      if (opened) {\r\n        setOpenGroup((prev) => prev.filter((group) => group !== groupName));\r\n      } else {\r\n        setOpenGroup((prev) => [...prev, groupName]);\r\n      }\r\n    } else if (Array.isArray(groupName)) {\r\n      const existingGroup = groupName.filter(\r\n        (group) => !openGroup.includes(group)\r\n      );\r\n\r\n      if (existingGroup.length > 0) {\r\n        setOpenGroup((prev) => [\r\n          ...prev,\r\n\r\n          ...groupName.filter((group) => !prev.includes(group)),\r\n        ]);\r\n      }\r\n    }\r\n  };\r\n\r\n  const sidebarAccordionList = useMemo(() => {\r\n    let freePlanLockedRoutes = [\r\n      \"user/manage-domain\",\r\n\r\n      // \"user/invitations\",\r\n      \"user/manage-teams\",\r\n      \"user/permissions\",\r\n      \"user/workspace-users\",\r\n    ];\r\n    let isFreePlan = currentPlan?.subscriptionData?.package === \"Free\";\r\n    let isProPlan =\r\n      currentPlan?.subscriptionData?.package?.includes(\"Professional\");\r\n\r\n    const mainData = [\r\n      {\r\n        // label: \"Profile Setting\",\r\n        label: \"Settings\",\r\n        value: \"profile-settings\",\r\n        matchChildPaths: [\"/user/profile\", \"/user/security\"],\r\n        children: [\r\n          // {\r\n          //   Icon: IcUserCircleOutlined2,\r\n          //   // label: \"My Profile\",\r\n          //   label: \"User Profile\",\r\n          //   onClick: () => navigate(\"/user/profile\"),\r\n          //   route: \"/user/profile\",\r\n          //   matchPath: [\r\n          //     \"/user/profile\",\r\n          //     \"/user/profile/notifications\",\r\n          //     // \"/user/profile/integrations\",\r\n          //     \"/user/profile/user-info\",\r\n          //   ],\r\n          // },\r\n          {\r\n            Icon: IcWorkspace,\r\n            label: \"Workspace\",\r\n            value: \"workspace\",\r\n            route: \"/user/workspace\",\r\n            RightArrow: IcRightSingleArrow,\r\n            matchPath: [\"/user/workspace-profile\", \"/user/brand-center\"],\r\n            subChildren: [\r\n              {\r\n                Icon: IcUserCircleOutlined2,\r\n                label: \"Workspace Profile\",\r\n                route: \"user/workspace-profile\",\r\n                onClick: () => navigate(\"/user/workspace-profile\"),\r\n                matchPath: [\"/user/workspace-profile\"],\r\n              },\r\n              {\r\n                Icon: IcBrandCenter,\r\n                label: \"Brand Center\",\r\n                // isHidden:\r\n                //   takeBrandCenters || userData?.role !== \"Account Owner\"\r\n                //     ? true\r\n                //     : false,\r\n                premiumBadge: isFreePlan,\r\n                route: \"user/brand-center\",\r\n                onClick: () => navigate(\"/user/brand-center\"),\r\n                matchPath: [\"/user/brand-center\"],\r\n              },\r\n            ],\r\n            // onClick: () => navigate(\"/user/workspace-profile\"),\r\n            // matchPath: [\"/user/workspace-profile\"],\r\n          },\r\n\r\n          {\r\n            Icon: IcSubscriptionOutlined,\r\n            label: \"Subscription\",\r\n            route: \"user/subscription\",\r\n            onClick: () => navigate(\"/user/subscription\"),\r\n            matchPath: [\"/user/subscription\"],\r\n          },\r\n          {\r\n            Icon: IcUserVerifiedOutlined,\r\n            RightArrow: IcRightSingleArrow,\r\n            label: \"Users\",\r\n            route: \"/user/users\",\r\n            value: \"user\",\r\n            matchPath: [\"/user/workspace-users\", \"/user/request-control\"],\r\n            subChildren: [\r\n              {\r\n                Icon: IcUserCircleOutlined2,\r\n                label: \"All users\",\r\n                route: \"user/workspace-users\",\r\n                onClick: () => navigate(\"/user/workspace-users\"),\r\n                matchPath: [\"/user/workspace-users\"],\r\n              },\r\n              {\r\n                Icon: IcRequestControlOutlined,\r\n                label: \"Pending Requests\",\r\n                route: \"user/request-control\",\r\n                onClick: () => navigate(\"/user/request-control\"),\r\n                matchPath: [\"/user/request-control\"],\r\n                premiumBadge: isFreePlan,\r\n                isHidden: userData?.role !== \"Account Owner\",\r\n              },\r\n            ],\r\n          },\r\n          {\r\n            Icon: IcManageTeam,\r\n            label: \"Teams\",\r\n            isHidden:\r\n              userData?.role !== \"Account Owner\" &&\r\n              !currentPlan?.subscriptionData?.package?.includes(\"Business\"),\r\n            premiumBadge: isFreePlan || isProPlan,\r\n            onClick: () =>\r\n              userData?.is_account_owner\r\n                ? navigate(\"/user/manage-teams\")\r\n                : navigate(\"/user/invited-users-team\"),\r\n            matchPath: [\r\n              \"/user/invited-users-team\",\r\n              \"/user/manage-teams\",\r\n              \"/user/manage-teams/team-profile\",\r\n              \"/user/manage-teams/team-profile/team-user\",\r\n              \"/user/manage-teams/team-profile/team-permissions\",\r\n            ],\r\n            badge: \"Upgrade\",\r\n          },\r\n        ],\r\n      },\r\n\r\n      // ...[\r\n      //   {\r\n      //     label: \"Users & Teams\",\r\n      //     value: \"workspace-users\",\r\n      //     children: [\r\n      //       {\r\n      //         Icon: IcUserVerifiedOutlined,\r\n      //         RightArrow: IcRightSingleArrow,\r\n      //         label: \"Users\",\r\n      //         route: \"/user/users\",\r\n      //         value: \"user\",\r\n      //         matchPath: [\"/user/workspace-users\", \"/user/request-control\"],\r\n      //         subChildren: [\r\n      //           {\r\n      //             Icon: IcUserCircleOutlined2,\r\n      //             label: \"All users\",\r\n      //             route: \"user/workspace-users\",\r\n      //             onClick: () => navigate(\"/user/workspace-users\"),\r\n      //             matchPath: [\"/user/workspace-users\"],\r\n      //           },\r\n      //           {\r\n      //             Icon: IcRequestControlOutlined,\r\n      //             label: \"Pending Requests\",\r\n      //             route: \"user/request-control\",\r\n      //             onClick: () => navigate(\"/user/request-control\"),\r\n      //             matchPath: [\"/user/request-control\"],\r\n      //             premiumBadge: isFreePlan,\r\n      //           },\r\n      //         ],\r\n      //       },\r\n\r\n      //       // {\r\n      //       //   Icon: IcInvitations,\r\n      //       //   // label: \"Invite People\",\r\n      //       //   label: \"Invitations \",\r\n      //       //   onClick: () => navigate(\"/user/invitations\"),\r\n      //       //   route: \"user/invitations\",\r\n      //       //   matchPath: [\"/user/invitations\"],\r\n      //       // },\r\n      //       {\r\n      //         Icon: IcManageTeam,\r\n      //         label: \"Teams\",\r\n      //         premiumBadge: isFreePlan || isProPlan,\r\n      //         onClick: () => navigate(\"/user/manage-teams\"),\r\n      //         matchPath: [\r\n      //           \"/user/manage-teams\",\r\n      //           \"/user/manage-teams/team-profile\",\r\n      //           \"/user/manage-teams/team-profile/team-user\",\r\n      //           \"/user/manage-teams/team-profile/team-permissions\",\r\n      //         ],\r\n      //         badge: \"Upgrade\",\r\n      //       },\r\n      //     ],\r\n      //   },\r\n      // ],\r\n      // ...[\r\n      //   {\r\n      //     label: \"User Management\",\r\n      //     value: \"invite-users\",\r\n      //     matchChildPaths: [\"/user/invite-user/members\"],\r\n      //     children: [\r\n      //       {\r\n      //         Icon: IcUserVerifiedOutlined,\r\n      //         label: \"Team Users\",\r\n      //         route: \"user/members\",\r\n      //         onClick: () => navigate(\"/user/invite-user/members\"),\r\n      //         matchPath: [\"/user/invite-user/members\"],\r\n      //       },\r\n      //       {\r\n      //         Icon: IcRequestControlOutlined,\r\n      //         label: \"Request Control\",\r\n      //         route: \"user/request-control\",\r\n      //         onClick: () => navigate(\"/user/request-control\"),\r\n      //         matchPath: [\"/user/request-control\"],\r\n      //       },\r\n      //       {\r\n      //         Icon: IcInvitations,\r\n      //         label: \"Invitations\",\r\n      //         onClick: () => navigate(\"/user/invitations\"),\r\n      //         route: \"user/invitations\",\r\n      //         matchPath: [\"/user/invitations\"],\r\n      //       },\r\n\r\n      //       {\r\n      //         Icon: IcSecurity,\r\n      //         label: \"Permissions\",\r\n      //         route: \"user/permissions\",\r\n      //         onClick: () => navigate(\"/user/permissions\"),\r\n      //         matchPath: [\"/user/permissions\"],\r\n      //       },\r\n      //       {\r\n      //         Icon: Ic4SquareOutlined,\r\n      //         label: \"Apps & Integrations\",\r\n      //         route: \"user/apps-integrations\",\r\n      //         onClick: () => navigate(\"/user/apps-integrations\"),\r\n      //         matchPath: [\"/user/apps-integrations\"],\r\n      //       },\r\n      //     ],\r\n      //   },\r\n      // ],\r\n    ];\r\n    let filteredRoutes = mainData.map((item) => {\r\n      // return {\r\n      //   ...item,\r\n      //   children: isFreePlan\r\n      //     ? item.children.filter(\r\n      //         (item) => !freePlanLockedRoutes.includes(item.route)\r\n      //       )\r\n      //     : item.children,\r\n      // };\r\n      return {\r\n        ...item,\r\n        children: item.children.filter((child) => {\r\n          // Hide \"user/subscription\" if role is \"Account Owner\"\r\n          if (\r\n            child.route === \"user/subscription\" &&\r\n            userData?.role !== \"Account Owner\"\r\n          ) {\r\n            return false;\r\n          }\r\n\r\n          // Show Brand Center based on user role and takeBrandCenters\r\n\r\n          // if (\r\n          //   child.route === \"user/brand-center\" &&\r\n          //   !(userData?.role === \"Account Owner\" || !takeBrandCenters)\r\n          // ) {\r\n          //   return false;\r\n          // }\r\n\r\n          // Additional filtering logic for freePlanLockedRoutes\r\n          return !isFreePlan || !freePlanLockedRoutes.includes(child.route);\r\n        }),\r\n      };\r\n    });\r\n\r\n    return [...filteredRoutes];\r\n  }, [currentPlan, navigate]);\r\n  useEffect(() => {\r\n    const openedGroupKey = sidebarAccordionList?.filter((group) =>\r\n      group?.matchChildPaths?.includes(pathname)\r\n    )[0]?.value;\r\n\r\n    openedGroupKey ? setOpenGroup([openedGroupKey]) : setOpenGroup([]);\r\n  }, [pathname, sidebarAccordionList]);\r\n\r\n  const handleCloseInviteMember = () => {\r\n    modelState.setInviteNewMembers(false);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div id=\"SideBar\">\r\n        <div className={\"sidebar-menu openSideBar\"}>\r\n          <Stack\r\n            width={\"100%\"}\r\n            justifyContent={\"center\"}\r\n            alignItems={\"left\"}\r\n            p={\"0px 16px\"}\r\n            height={{ xs: \"50px\", xl: \"65px\" }}\r\n            sx={{\r\n              cursor: \"pointer\",\r\n              position: \"relative\",\r\n              \"& .cloudDairyColoredLogo\": {\r\n                width: {\r\n                  sm: \"104px\",\r\n                  md: \"104px\",\r\n                  lg: \"104px\",\r\n                  xl: \"131px\",\r\n                },\r\n              },\r\n            }}\r\n            onClick={() => {\r\n              navigate(`/`);\r\n            }}\r\n          >\r\n            <img\r\n              src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n              alt=\"cloudDairyColoredLogo\"\r\n              className=\"cloudDairyColoredLogo\"\r\n            />\r\n          </Stack>\r\n\r\n          <WorkspaceSidebarDropDown\r\n            setShowPlans={setShowPlans}\r\n            setOpenUpgradeModal={setOpenUpgradeModal}\r\n          />\r\n          <Stack\r\n            px={\"16px\"}\r\n            sx={{\r\n              height: \"calc(100svh - 65px)\",\r\n              overflow: \"auto\",\r\n              scrollbarWidth: \"none\",\r\n            }}\r\n          >\r\n            {sidebarAccordionList.map(({ children, label, value }, i) => {\r\n              return (\r\n                <List\r\n                  component=\"nav\"\r\n                  aria-labelledby=\"nested-list-subheader\"\r\n                  sx={{\r\n                    p: 0,\r\n                    mt: \"10px\",\r\n                    minWidth: { xl: \"220px\", lg: \"200px\", sm: \"195px\" },\r\n                  }}\r\n                  key={i + 1}\r\n                >\r\n                  {children.map((child, index) =>\r\n                    child?.isHidden ? (\r\n                      <></>\r\n                    ) : (\r\n                      <Box key={index}>\r\n                        <ListItem\r\n                          onClick={(event) => {\r\n                            child.onClick && child.onClick();\r\n                            setExpandedSubChildren((prev) =>\r\n                              prev === child.route ? null : child.route\r\n                            );\r\n                          }}\r\n                          sx={{\r\n                            width: \"100%\",\r\n                            mt: \"4px\",\r\n                            // mx: { xs: \"0px\", md: \"0px\", xl: \"auto\" },\r\n                            height: { xs: \"34px\", sm: \"38px\", xl: \"40px\" },\r\n                            // p: {\r\n                            //   xs: \"0px 6px 0px 10px\",\r\n                            //   sm: \"0px 8px 0px 12px\",\r\n                            //   xl: \"0px 10px 0px 20px\",\r\n                            // },\r\n                            bgcolor: \"#FFFFFF\",\r\n                            alignItems: \"center\",\r\n                            justifyContent: \"space-between\",\r\n                            borderRadius: commonStyles.borderRadiusMD,\r\n                            cursor: \"pointer\",\r\n                            transition: \"all 0.3s ease\",\r\n                            \"&:hover\": {\r\n                              background: child?.matchPath?.includes(pathname)\r\n                                ? color.lightPrimary\r\n                                : // : \"#EFF0F399\",\r\n                                  color.commonHover,\r\n                            },\r\n                            background: child?.matchPath?.includes(pathname)\r\n                              ? color.lightPrimary\r\n                              : \"#FFF\",\r\n                          }}\r\n                        >\r\n                          <Stack\r\n                            direction={\"row\"}\r\n                            alignItems={\"center\"}\r\n                            sx={{ gap: { xs: \"6px\", md: \"6px\", xl: \"10px\" } }}\r\n                          >\r\n                            <Box sx={{ display: \"flex\" }}>\r\n                              <child.Icon\r\n                                height=\"24\"\r\n                                width=\"24\"\r\n                                fill={\r\n                                  child?.matchPath?.includes(pathname)\r\n                                    ? // ? \"#FFFFFF\"\r\n                                      // : \"#848382\"\r\n                                      color.primaryColor\r\n                                    : color.titleDark\r\n                                }\r\n                              />\r\n                              <Typography\r\n                                sx={{ paddingLeft: \"10px\" }}\r\n                                display={\"flex\"}\r\n                                alignItems={\"center\"}\r\n                                fontSize={{\r\n                                  xs: fontSizes.mediumFont,\r\n                                  md: fontSizes.fontSize13,\r\n                                  xl: fontSizes.fontSize14,\r\n                                }}\r\n                                fontWeight={fontWeight.weight500}\r\n                                color={\r\n                                  child?.matchPath?.includes(pathname)\r\n                                    ? // ? \"#FFFFFF\"\r\n                                      // : \"#848382\"\r\n                                      color.primaryColor\r\n                                    : color.titleDark\r\n                                }\r\n                              >\r\n                                {child.label}\r\n                              </Typography>\r\n                            </Box>\r\n                          </Stack>\r\n\r\n                          {child?.RightArrow && (\r\n                            <Box\r\n                              mr={0.5}\r\n                              sx={{\r\n                                display: \"flex\",\r\n                                rotate:\r\n                                  expandedSubChildren === child.route\r\n                                    ? \"90deg\"\r\n                                    : \"0deg\",\r\n                              }}\r\n                            >\r\n                              <child.RightArrow\r\n                                height=\"11\"\r\n                                width=\"11\"\r\n                                fill={\r\n                                  child?.matchPath?.includes(pathname)\r\n                                    ? // ? \"#FFFFFF\"\r\n                                      // : \"#848382\"\r\n                                      color.primaryColor\r\n                                    : color.titleDark\r\n                                }\r\n                              />\r\n                            </Box>\r\n                          )}\r\n                          {/* {child.premiumBadge && (\r\n                          <IcUpgrade fill={color.titleDark} />\r\n                        )} */}\r\n                        </ListItem>\r\n\r\n                        <Collapse in={expandedSubChildren === child.route}>\r\n                          {/* Check if there are sub-children before rendering the dropdown */}\r\n                          {child.subChildren &&\r\n                            child.subChildren.length > 0 && (\r\n                              <List\r\n                                component=\"div\"\r\n                                disablePadding\r\n                                sx={{ mt: \"5px\" }}\r\n                              >\r\n                                {child.subChildren.map((subChild, subIndex) =>\r\n                                  subChild?.isHidden ? (\r\n                                    <></>\r\n                                  ) : (\r\n                                    <ListItem\r\n                                      key={subIndex}\r\n                                      sx={{\r\n                                        width: \"100%\",\r\n                                        my: \"4px\",\r\n                                        mx: \"0px\",\r\n                                        height: \"40px\",\r\n                                        // p: {\r\n                                        //   xs: \"0px 6px 0px 10px\",\r\n                                        //   sm: \"0px 8px 0px 12px\",\r\n                                        //   xl: \"0px 10px 0px 35px\",\r\n                                        // },\r\n                                        bgcolor: subChild?.matchPath?.includes(\r\n                                          pathname\r\n                                        )\r\n                                          ? color.whiteColor\r\n                                          : \"#fff\",\r\n                                        borderRadius:\r\n                                          commonStyles.borderRadiusMD,\r\n                                        cursor: \"pointer\",\r\n                                        \"&:hover\": {\r\n                                          background:\r\n                                            subChild?.matchPath?.includes(\r\n                                              pathname\r\n                                            )\r\n                                              ? // ? \"EFF0F399\"\r\n                                                // : \"#E0E0E0\",\r\n                                                color.whiteColor\r\n                                              : // : \"#EFF0F399\",\r\n                                                color.commonHover,\r\n                                        },\r\n                                      }}\r\n                                      onClick={() =>\r\n                                        subChild.onClick && subChild.onClick()\r\n                                      }\r\n                                    >\r\n                                      <Stack\r\n                                        direction=\"row\"\r\n                                        alignItems=\"center\"\r\n                                        gap={1}\r\n                                      >\r\n                                        <subChild.Icon\r\n                                          height=\"24\"\r\n                                          width=\"24\"\r\n                                          fill={\r\n                                            subChild?.matchPath?.includes(\r\n                                              pathname\r\n                                            )\r\n                                              ? // ? \"#fff\"\r\n                                                // : \"#848382\"\r\n                                                color.primaryColor\r\n                                              : color.titleDark\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                                          fontWeight={fontWeight.weight500}\r\n                                          color={\r\n                                            subChild?.matchPath?.includes(\r\n                                              pathname\r\n                                            )\r\n                                              ? // ? \"#fff\"\r\n                                                // : \"#848382\"\r\n                                                color.primaryColor\r\n                                              : color.titleDark\r\n                                          }\r\n                                        >\r\n                                          {subChild.label}\r\n                                        </Typography>\r\n                                      </Stack>\r\n                                    </ListItem>\r\n                                  )\r\n                                )}\r\n                              </List>\r\n                            )}\r\n                        </Collapse>\r\n                      </Box>\r\n                    )\r\n                  )}\r\n                </List>\r\n              );\r\n            })}\r\n          </Stack>\r\n\r\n          <InviteMultipleUserModel\r\n            open={modelState.inviteNewMembers}\r\n            handleCloseInviteUserModal={handleCloseInviteMember}\r\n            hidePermissions={true}\r\n            modalTitle={`Invite new user to workspace`}\r\n            modalSubTitle={`Collaborate with your team by inviting new users to your workspace. Assign roles to manage permissions and ensure smooth teamwork.`}\r\n            showInvitedUser={true}\r\n            isUserSettingInvite={true}\r\n          />\r\n\r\n          <UpgradeModel\r\n            open={openUpgradeModal}\r\n            setOpen={setOpenUpgradeModal}\r\n            isNavigateOnClose={false}\r\n            title={\"Upgrade to Create Teams\"}\r\n            subtitle={\r\n              \"Team creation is available on paid plans. Upgrade to collaborate efficiently with your team.\"\r\n            }\r\n          />\r\n\r\n          <ChoosePlan open={showPlans} setOpen={setShowPlans} />\r\n        </div>\r\n      </div>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default UserSectionSidebar;\r\n"],"names":["_ref","_window","_tableRef$current","_tableRef$current$get","mainBoxCss","columns","mainLoader","data","placeholder","maxWidth","showSortingIconOnHover","customSortIcons","headHeight","rowHeight","isTableLoading","maxHeight","emptyBoxHeight","enableColumnResizing","tableFullSpaceManage","userProfileSetting","tableFullEmptySpaceManage","sortConfig","setSortConfig","useState","key","direction","columnWidths","setColumnWidths","isResizing","setIsResizing","emptyPlaceholderHeigh","setEmptyPlaceholderHeigh","resizingColumn","useRef","startX","startWidth","tableRef","useEffect","calculateColumnWidths","widths","forEach","column","maxContentWidth","Math","max","getTextWidth","header","map","row","content","accessorKey","toString","minWidth","text","context","document","createElement","getContext","font","measureText","width","handleResizeStart","useCallback","e","enableResizing","preventDefault","current","pageX","handleResizeMove","diff","newWidth","prev","_objectSpread","handleResizeEnd","window","addEventListener","removeEventListener","windowHeight","innerHeight","tableTop","getBoundingClientRect","top","newHeight","emptyPlaceHolder","updateTableHeight","style","concat","sortedData","useMemo","sort","a","b","aValue","bValue","_jsx","Box","component","Paper","sx","overflow","lg","xl","overflowX","border","color","commonBorderColor","borderRadius","boxShadow","children","TableContainer","ref","theme","bgcolor","lightGridHover","borderBottom","padding","xs","breakpoints","down","overflowY","userSelect","_jsxs","Table","stickyHeader","tableLayout","TableHead","height","TableRow","index","TableCell","position","fontWeight","weight400","background","greyHover","fontSize","fontSizes","mediumFont","md","fontSize13","fontSize14","subTitle","paddingRight","paddingLeft","textAlign","textCenter","display","alignItems","justifyContent","enableSorting","IconButton","onClick","handleSort","prevConfig","size","opacity","backgroundColor","ascending","IcSortingTableAse","descending","IcSortingTableDes","onMouseDown","right","bottom","cursor","TableBody","colSpan","length","Stack","sm","AbsoluteLoader","zIndex","rowIndex","hover","colIndex","whiteSpace","textOverflow","Cell","undefined","CommonPlaceHolder","title","imgWidth","imgHeight","descFontSize","imageAndDescGapXl","imageAndDescGapXs","open","setOpen","subtitle","isNavigateOnClose","handleClose","handleChoosePlanClose","navigate","useNavigate","showPlans","setShowPlans","_Fragment","ChoosePlan","CustomModal","whiteColor","outline","commonStyles","borderRadius12","src","s3AssetsUrl","alt","transition","IcCloseThin","fill","p","pt","Typography","titleDark","weight600","modelTitle1","mt","my","BtnGradient","px","dispatch","useDispatch","useTheme","matchDown950","useMediaQuery","hexCode","setHexCode","colorName","setColorName","colors","setColors","anchorEl","setAnchorEl","regularFont","setRegularFont","regularFontFile","setRegularFontFile","regularFontName","setRegularFontName","fontTypeToDelete","setFontTypeToDelete","boldFont","setBoldFont","boldFontFile","setBoldFontFile","boldFontName","setBoldFontName","triggerDelete","setTriggerDelete","italicFont","setItalicFont","italicFontFile","setItalicFontFile","italicFontName","setItalicFontName","triggerSubmit","setTriggerSubmit","boldItalicFont","setBoldItalicFont","boldItalicFontFile","setBoldItalicFontFile","boldItalicFontName","setBoldItalicFontName","selectedIndex","setSelectedIndex","showDeleteBrand","setShowDeleteBrand","showDeleteFont","setShowDeleteFont","isSwitchOn","setIsSwitchOn","isSmallScreen","submitOnce","setSubmitOnce","userData","useSelector","state","common","currentSubscription","subscriptionDataSelect","getBrandCenter","brandCenter","isLoading","brandDataLoading","isFetching","brandDataFetching","useGetBrandCenterMutation","updateBrandCenter","updatingInProgress","useUpdateBrandCenterMutation","setHover","Regular","Bold","Italic","BoldItalic","hoverPlusIcon","setHoverPlusIcon","handleMouseEnter","type","handleMouseLeave","package","resetData","_brandCenter$data","_brandCenter$data$bra","_brandCenter$data3","_brandCenter$data3$br","_brandCenter$data$bra2","_brandCenter$data4","_brandCenter$data4$br","_brandCenter$data5","_brandCenter$data5$br","_brandCenter$data5$br2","_brandCenter$data5$br3","_brandCenter$data6","_brandCenter$data6$br","_brandCenter$data6$br2","_brandCenter$data6$br3","_brandCenter$data7","_brandCenter$data7$br","_brandCenter$data7$br2","_brandCenter$data7$br3","_brandCenter$data8","_brandCenter$data8$br","_brandCenter$data8$br2","_brandCenter$data8$br3","_brandCenter$data9","_brandCenter$data9$br","_brandCenter$data9$br2","_brandCenter$data9$br3","_brandCenter$data10","_brandCenter$data10$b","_brandCenter$data10$b2","_brandCenter$data10$b3","_brandCenter$data11","_brandCenter$data11$b","_brandCenter$data11$b2","_brandCenter$data11$b3","_brandCenter$data12","_brandCenter$data12$b","_brandCenter$data12$b2","_brandCenter$data12$b3","brand_center","colour","_brandCenter$data2","_brandCenter$data2$br","_brandCenter$data2$br2","defaultColors","color_code","color_name","only_admin","localStorage","setItem","fonts","find","font_type","font_url","font_name","async","payload","then","error","handleFileSubmit","performApiCall","handleFileChange","event","fontType","file","target","files","fileExtension","name","slice","lastIndexOf","includes","fontUrl","formData","FormData","append","_response$data$data$","commanService","uploadApi","location","uploadFont","handleToggleUploadRemove","colorValidation","colorCode","some","colorNameValidation","handleValidationForAddColorName","editValidation","filter","editColoNameValidation","handleClick","currentTarget","isValidHex","value","test","Boolean","id","gap","CommonDivider","darkGray","is_admin","role","mr","CommonSwitch","checked","onChange","check","mb","fontSize20","flexWrap","toLowerCase","isValid","primaryColor","onMouseEnter","onMouseLeave","IcPlus","strokeWidth","strokeIcon","stroke","Popover","onClose","anchorOrigin","vertical","horizontal","PaperProps","marginBottom","LargeSimpleInput","fullWidth","variant","newHexCode","updatedColors","handleHexCodeChange","errorMessage","startAdornment","onKeyPress","ctrlKey","metaKey","match","newColorName","Array","isArray","loading","darkPrimary","spacing","btnColor","errorColor","IcTrash","DeleteBrandColor","handleClickDelete","_","successToast","message","DeleteFont","Grid","container","item","IcFont","fontSize13px","fontSize12px","getElementById","click","accept","IcUploadFile","icons","msOverflowStyle","scrollbarWidth","UpgradeModel","defaultSettingForBoard","label","boardAndEdit","boardCopy","_currentSubscriptionD","_currentSubscriptionD2","_permission$data","_permission$data$perm","_permission$data2","_permission$data2$per","_permission$data3","_permission$data3$per","_permission$data4","_permission$data4$per","_permission$data5","_permission$data5$per","_permission$data6","_permission$data6$per","_permission$data8","_permission$data8$per","_selectedTeamInfo$dat","_selectedTeamInfo$dat2","_selectedTeamInfo$dat3","_selectedTeamInfo$dat4","_selectedTeamInfo$dat5","_selectedTeamInfo$dat6","_currentSubscriptionD3","_currentSubscriptionD4","_currentSubscriptionD5","_currentSubscriptionD6","_currentSubscriptionD7","_selectedTeamInfo$dat7","_selectedTeamInfo$dat8","_selectedTeamInfo$dat9","_selectedTeamInfo$dat10","_selectedTeamInfo$dat11","_selectedTeamInfo$dat12","_selectedTeamInfo$dat13","_selectedTeamInfo$dat14","_selectedTeamInfo$dat15","_selectedTeamInfo$dat16","sharingSetting","setSharingSetting","boardSharing","editSharing","copySharing","currentSubscriptionData","activeTeam","_state$sidebar","sidebar","currentTeam","selectedTeam","sessionStorage","getItem","selectedTeamId","selectedTeamName","JSON","parse","permission","useGetPermissionQuery","isProfessional","subscriptionData","initialState","enable_team_invite_link","team_invite_admin_only","copying_board_content","default_board_copying","default_setting_for_board_share","invite_to_board_and_edit_share_setting","allState","setAllState","isAccountOwner","selectedTeamInfo","refetch","teamIsFetching","useGetTeamProfileByTeamQuery","skip","_permission$data7","fetchedPermissions","copyingBoardContentRadio","updatePermission","errorInUpdate","updateData","useUpdatePermissionMutation","teamInvitationOnlyRadio","updatePermissionsAPISelect","response","teamId","updatedSettings","unwrap","_error$data","errorToast","fontSize18px","fontSize19","RadioGroup","defaultValue","isAdminSelected","_error$data3","FormControlLabel","control","Radio","ml","disabled","teamInfo","FormGroup","m","newIsChecked","_error$data2","pr","IcUpgrade","btnTextHeight","lineHeight","fontSize15","fontSize16","CustomAutoSelect","options","FormControl","newSelectedOptionCopyBoard","_error$data4","_requestControlData$d","_requestControlData$d2","_requestControlData$d3","iSubmitted","setIsSubmitted","getRequestControlList","requestControlData","requestIsLoading","useGetRequestControlListMutation","requestReject","useRequestRejectMutation","requestApprove","useRequestApproveMutation","tableHeight","setTableHeight","adjustTableHeight","first_name","last_name","flexDirection","Avatar","profile_picture","textTransform","boxSizing","profile_color","split","word","_word$","toUpperCase","join","_row$email_id","email_id","requested_on","localDateFormat","BtnColoredOutlined","borderColor","hoverSx","handleReject","handleApprove","user_id","takeRecord","result","_result$data","_result$error","_result$error$data","status","_result$data2","catch","_result$data3","_result$error2","_result$error2$data","_result$data4","Loader","desc","imgXsWidth","imgXsHeight","TableComponent","UserSectionSidebar","pathname","useLocation","openGroup","setOpenGroup","currentPlan","setCurrentPlan","_useContext","useContext","ModelContext","createNewTeamModal","setCreateNewTeamModal","modelState","_objectWithoutProperties","_excluded","openUpgradeModal","setOpenUpgradeModal","expandedSubChildren","setExpandedSubChildren","_response$data","getApi","getCurrentSubscription","toggleLoadSidebarDocuments","sidebarAccordionList","_currentPlan$subscrip","_currentPlan$subscrip2","_currentPlan$subscrip3","_currentPlan$subscrip4","_currentPlan$subscrip5","freePlanLockedRoutes","isFreePlan","isProPlan","matchChildPaths","Icon","IcWorkspace","route","RightArrow","IcRightSingleArrow","matchPath","subChildren","IcUserCircleOutlined2","IcBrandCenter","premiumBadge","IcSubscriptionOutlined","IcUserVerifiedOutlined","IcRequestControlOutlined","isHidden","IcManageTeam","is_account_owner","badge","child","_sidebarAccordionList","openedGroupKey","group","_group$matchChildPath","className","WorkspaceSidebarDropDown","i","List","_child$matchPath","_child$matchPath2","_child$matchPath3","_child$matchPath4","_child$matchPath5","ListItem","borderRadiusMD","lightPrimary","commonHover","weight500","rotate","Collapse","in","disablePadding","subChild","subIndex","_subChild$matchPath","_subChild$matchPath2","_subChild$matchPath3","_subChild$matchPath4","mx","InviteMultipleUserModel","inviteNewMembers","handleCloseInviteUserModal","handleCloseInviteMember","setInviteNewMembers","hidePermissions","modalTitle","modalSubTitle","showInvitedUser","isUserSettingInvite"],"sourceRoot":""}