{"version":3,"file":"static/js/main-74653e99.4c2caf08.js","mappings":"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","sources":["CommanUI/Loader/AbsoluteLoader.jsx","CommanUI/Loader/ProgressLoader.jsx","CommanUI/Loader/loader.js","CommanUI/Sidebar/sidebar.js","CommanUI/Subscription/BusinessBundle.jsx","CommanUI/Subscription/ProfessionalBundle.jsx","CommanUI/Subscription/FreeBundle.jsx","CommanUI/Subscription/AddLicenseBox.jsx","CommanUI/Subscription/DiscountDirector.jsx","CommanUI/Subscription/SubscriptionModel.jsx","CommanUI/Toast/toast.js"],"sourcesContent":["import React from \"react\";\r\nimport { Box, Typography } from \"@mui/material\";\r\nimport \"./loader.scss\";\r\nimport { LoaderSvg } from \"./loader\";\r\n\r\nconst AbsoluteLoader = ({ message = false, isFixed = false, fill, zIndex }) => {\r\n  return (\r\n    <Box\r\n      className={`loader ${isFixed ? \"fixed-loader\" : \"\"}`}\r\n      display={\"flex\"}\r\n      justifyContent={\"center\"}\r\n      alignItems={\"center\"}\r\n      sx={{\r\n        position: \"absolute\",\r\n        top: \"50%\",\r\n        right: \"50%\",\r\n\r\n        height: \"100%\",\r\n        width: \"100%\",\r\n        zIndex: zIndex || \"9999\",\r\n      }}\r\n    >\r\n      <LoaderSvg fill={fill} />\r\n      {message && (\r\n        <Typography\r\n          fontSize={18}\r\n          height={\"24px\"}\r\n          fontWeight={500}\r\n          textAlign={\"center\"}\r\n          color={\"#000000\"}\r\n        >\r\n          {message || \"Please Wait\"}\r\n        </Typography>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default AbsoluteLoader;\r\n","import { Box, CircularProgress, Typography } from \"@mui/material\";\r\nimport React from \"react\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\n\r\nconst ProgressLoader = ({ message, loaderColor, sx }) => {\r\n  return (\r\n    <Box\r\n      className={`loader`}\r\n      display={\"flex\"}\r\n      justifyContent={\"center\"}\r\n      alignItems={\"center\"}\r\n      sx={{\r\n        position: \"absolute\",\r\n        top: \"50%\",\r\n        right: \"50%\",\r\n\r\n        height: \"100%\",\r\n        width: \"100%\",\r\n        zIndex: \"99\",\r\n        ...sx,\r\n      }}\r\n    >\r\n      <CircularProgress\r\n        sx={{\r\n          color: loaderColor || color.primaryColor,\r\n        }}\r\n      />\r\n      {/* <Lottie options={defaultOptions} height={100} width={100} /> */}\r\n      {message && (\r\n        <Typography\r\n          fontSize={18}\r\n          height={\"24px\"}\r\n          fontWeight={500}\r\n          textAlign={\"center\"}\r\n          color={\"#000000\"}\r\n        >\r\n          Please Wait\r\n        </Typography>\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default ProgressLoader;\r\n","import \"./loader.scss\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { s3AssetsUrl } from \"../../Components/DrawBoard/const\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\n\r\nexport const LoaderSvg = ({ fill }) => {\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width=\"60\"\r\n      height=\"60\"\r\n      viewBox=\"0 0 200 200\"\r\n      fill={fill || color.primaryColor}\r\n    >\r\n      <path\r\n        d=\"M182.779 156.104C171.438 172.837 155.291 185.741 136.469 193.113C117.647 200.485 97.0327 201.979 77.3439 197.4C57.6551 192.82 39.8166 182.381 26.1803 167.458C12.5439 152.536 3.75015 133.832 0.958322 113.811C-1.8335 93.7904 1.50774 73.3937 10.5415 55.3102C19.5753 37.2267 33.8774 22.3056 51.5621 12.5142C69.2469 2.72273 89.4838 -1.47922 109.605 0.462324C129.726 2.40387 148.786 10.3977 164.272 23.3899L146.337 44.7677C135.172 35.401 121.431 29.6378 106.925 28.238C92.4183 26.8383 77.8284 29.8677 65.0786 36.9268C52.3287 43.986 42.0176 54.7434 35.5046 67.7807C28.9917 80.8181 26.5828 95.5232 28.5956 109.957C30.6084 124.391 36.9483 137.876 46.7794 148.634C56.6106 159.393 69.4713 166.919 83.666 170.221C97.8607 173.522 112.723 172.445 126.293 167.13C139.863 161.815 151.503 152.512 159.68 140.449L182.779 156.104Z\"\r\n        stroke={fill || color.primaryColor}\r\n        strokeWidth=\"1.2397\"\r\n        // mask=\"url(#path-1-inside-1_5011_42427)\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nconst Loader = ({\r\n  message = false,\r\n  isFixed = false,\r\n  loaderWidth = 100,\r\n  loaderHeight = 100,\r\n  chartLoader = false,\r\n}) => {\r\n  const { showLoading } = useSelector((state) => state.mindMapStore);\r\n  const [randomIndex, setRandomIndex] = useState(0);\r\n\r\n  useEffect(() => {\r\n    const randomNumber = Math.floor(Math.random() * 6) + 1;\r\n    setRandomIndex(randomNumber);\r\n  }, []);\r\n\r\n  return (\r\n    <div className={`loader ${isFixed ? \"fixed-loader\" : \"\"}`}>\r\n      {!showLoading ? (\r\n        !chartLoader ? (\r\n          <>\r\n            {/* <img\r\n              src={\"\"}\r\n              // src={`${s3AssetsUrl}/images/loader.gif`}\r\n              alt=\"Loading...\"\r\n              style={{\r\n                objectFit: \"contain\",\r\n                height: `${loaderHeight}px`,\r\n                width: `${loaderWidth}px`,\r\n              }}\r\n            /> */}\r\n            <LoaderSvg />\r\n          </>\r\n        ) : (\r\n          <img\r\n            src={`${s3AssetsUrl}/chart_loader_${randomIndex}.svg`}\r\n            className=\"loader-img\"\r\n            alt=\"Loading...\"\r\n          />\r\n        )\r\n      ) : (\r\n        <>\r\n          <LoaderSvg />\r\n          {/* {message  && (\r\n            <p\r\n              style={{\r\n                fontSize: \"18px\",\r\n                fontWeight: \"500\",\r\n                textAlign: \"center\",\r\n                color: \"#000\",\r\n              }}\r\n            >\r\n              Please Wait\r\n            </p>\r\n          )} */}\r\n        </>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Loader;\r\n","import { useLocation, useNavigate, useParams } from \"react-router-dom\";\r\nimport {\r\n  Box,\r\n  Popover,\r\n  Stack,\r\n  Typography,\r\n  useMediaQuery,\r\n  useTheme,\r\n} from \"@mui/material\";\r\nimport {\r\n  IcRotateClockWiseOutlined,\r\n  IcFolder2Outlined,\r\n  IcHomeOutlined,\r\n  IcRightSingleArrow,\r\n  IcPlusSquaredOutlined,\r\n  IcPin2,\r\n  IcMenuDotsVertical,\r\n  IcTrash,\r\n  IcTemplates2Outlined,\r\n  IcStarOutlined,\r\n  IcPlusSimple,\r\n  IcUsersOutlined,\r\n  IcTemplates20OutlinedSelected,\r\n  IcSharedWithMe,\r\n  IcSettingOutlinedNew,\r\n  IcDocuementOutline,\r\n} from \"../../assets/icon-components\";\r\nimport \"./sidebar.scss\";\r\nimport {\r\n  useEffect,\r\n  useMemo,\r\n  useState,\r\n  Fragment,\r\n  useContext,\r\n  useRef,\r\n} from \"react\";\r\nimport commanService from \"../../CommanFunctions/commanService\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport {\r\n  setCurrentTeam,\r\n  toggleLoadSidebarDocuments,\r\n} from \"../../Redux/sidebarSlice\";\r\nimport ProjectForm from \"../../Components/Project-Management/project/ProjectForm\";\r\nimport ChoosePlan from \"../../Components/upgrade-plan/ChoosePlan\";\r\nimport CreateBlankBoard from \"../../Components/DrawBoard/forms/CreateBlankBoard\";\r\nimport CreateBoardFromTemplate from \"../../Components/DrawBoard/forms/CreateBoardFromTemplate\";\r\nimport MoveBoard from \"../../Components/Project-Management/boards/MoveBoard\";\r\nimport DeleteDialog from \"../../Components/DialogBox/DeleteDialog\";\r\nimport { errorToast, successToast, warningToast } from \"../../Redux/toastSlice\";\r\nimport { CustomNameTooltip } from \"../../Components/DrawBoard/top-toolbar/components/CustomTooltip\";\r\nimport UpgradePlanAccess from \"../../Components/DrawBoard/forms/UpgradePlanAccess\";\r\nimport CreateNewTeam from \"../../Components/user-sections/pages/profile/components/CreateNewTeam\";\r\nimport CreateNewBoard from \"../../Components/user-sections/pages/profile/components/CreateNewBoard\";\r\nimport CreateNewSpace from \"../../Components/user-sections/pages/profile/components/CreateNewSpace\";\r\nimport {\r\n  useGetProjectsListQuery,\r\n  useGetTeamListQuery,\r\n  usePinProjectMutation,\r\n} from \"../../Redux/api/teamsApi\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { commonStyles } from \"../../Utils/style/common/commonStyles\";\r\nimport { ModelContext } from \"../../HOC/ModelContext\";\r\nimport SimpleCircularProgress from \"../../common-components/SimpleCircularProgress\";\r\nimport InviteMultipleUserModel from \"../../Components/Invite-User/components/InviteMultipleUserModel\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport UpgradeModel from \"../../Components/user-sections/components/UpgradeModel\";\r\nimport WorkspaceSidebarDropDown from \"../../common-components/WorkspaceSidebarDropDown\";\r\nimport CommonDivider from \"../../common-components/CommonDivider\";\r\nimport { s3AssetsUrl } from \"../../Components/DrawBoard/const\";\r\nimport {\r\n  setInitialTemplateSlice,\r\n  setOpenBoardFromTemplate,\r\n  setOpenViewTemplate,\r\n} from \"../../Redux/templatesSlices\";\r\nimport ViewTemplate from \"../../Components/templates/ViewTemplate\";\r\nimport { subscriptionDataSelect } from \"../../Redux/common-reducer\";\r\n\r\nconst SideBar = (props) => {\r\n  const navigate = useNavigate();\r\n  const { pathname } = useLocation();\r\n  const { project_id } = useParams();\r\n  const [shareUserProjectId, setShareUserProjectId] = useState(null);\r\n  const dispatch = useDispatch();\r\n  const location = useLocation();\r\n  const { openBoardFromTemplate, openViewTemplate } = useSelector((store) => {\r\n    return store?.templates;\r\n  });\r\n\r\n  const theme = useTheme();\r\n  const {\r\n    createNewTeamModal,\r\n    setOpenCreateNewTeamModel,\r\n    setCreateNewTeamModal,\r\n    openCreateNewTeamModel,\r\n    ...modelState\r\n  } = useContext(ModelContext);\r\n  const matchDownXL = useMediaQuery(theme.breakpoints.down(\"xl\"));\r\n  // const match1200px = useMediaQuery(theme.breakpoints.down(1200));\r\n  const { currentSubscriptionData, userData } = useSelector(\r\n    (state) => state.common\r\n  );\r\n  const { loadSidebarDocuments, openedSidebar } = useSelector(\r\n    (state) => state.sidebar\r\n  );\r\n\r\n  const [searchValue, setSearchValue] = useState(\"\");\r\n  const [showUseTemplate, setShowUseTemplate] = useState(false);\r\n  const [useCaseList, setUseCaseList] = useState([]);\r\n  const [templates, setTemplates] = useState([]);\r\n  const [unpinId, setUnpinId] = useState(null);\r\n  const templatesContainerRef = useRef(null);\r\n  const [isScrollLoading, setIsScrollLoading] = useState(false);\r\n  const templateState = useSelector((state) => state.templates);\r\n  const [openedDropDownList, setOpenedDropDownList] = useState([]);\r\n  // const [menuPosition, setMenuPosition] = useState(null);\r\n  const [selectedDoc, setSelectedDoc] = useState(null);\r\n  const [openProjectForm, setOpenProjectForm] = useState(false);\r\n  const [showPlans, setShowPlans] = useState(false);\r\n\r\n  const [upgradePlan, setUpgradePlan] = useState(false);\r\n  // const [openedDocs, setOpenedDocs] = useState([]);\r\n  // const [openBoardFromTemplate, setOpenBoardFromTemplate] = useState(false);\r\n  const [showChartCreateOptions, setShowChartCreateOption] = useState(false);\r\n  const [showCollabCreateOptions, setShowCollabCreateOption] = useState(false);\r\n  const [isCloudChart, setIsCloudChart] = useState(true);\r\n  const [anchorEl, setAnchorEl2] = useState(null);\r\n  const [anchorEl3, setAnchorEl3] = useState(null);\r\n  const [unPin, setUnpin] = useState(false);\r\n  // const [currentSubscription, setCurrentSubscription] = useState(null);\r\n  const [openUpgradePopup, setOpenUpgradePopup] = useState(false);\r\n  const [openUpgradeModal, setOpenUpgradeModal] = useState(false);\r\n  const [openFreeLimitModal, setOpenFreeLimitModal] = useState(false);\r\n  // const [chartSelected, setChartSelected] = useState(\"Cloudchart\");\r\n  const [anchorElCreateNew, setAnchorElCreateNew] = useState(null);\r\n  const [openBlankBoard, setOpenBlankBoard] = useState(false);\r\n  const [openNewSpace, setOpenNewSpace] = useState(false);\r\n  // const [categories, setCategories] = useState([]);\r\n  // const [loading, setLoading] = useState(true);\r\n  // const [selectedCategory, setSelectedCategory] = useState(\"\");\r\n  // const [templates, setTemplates] = useState([]);\r\n  const { data: teamListData, refetch: getTeamList } = useGetTeamListQuery();\r\n  const open3 = Boolean(anchorEl3);\r\n  const popoverId3 = open3 ? \"simple-popover2\" : undefined;\r\n  const open = Boolean(anchorEl);\r\n  const popoverId = open ? \"simple-popover2\" : undefined;\r\n  const activeTeam = useSelector((state) => state?.sidebar?.currentTeam);\r\n  const [shareModalOpen, setShareModalOpen] = useState(false);\r\n  const [isTrash, setIsTrash] = useState(false);\r\n  const [selectedTemplateData, setSelectedTemplateData] = useState(null);\r\n  const [viewTemplate, setViewTemplate] = useState(false);\r\n  const [isTeam, setIsTeam] = useState(false);\r\n  const [isNewSpace, setIsNewSpace] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (teamListData) {\r\n      let team = localStorage.getItem(\"active_team\");\r\n      if (!team) {\r\n        dispatch(setCurrentTeam(teamListData?.data?.resData?.[0]?.team_id));\r\n      } else {\r\n        dispatch(setCurrentTeam(team));\r\n      }\r\n    }\r\n  }, [teamListData]);\r\n\r\n  // const [openTemplateModel, setOpenTemplateModel] = useState(false);\r\n\r\n  // const [workSpaceList, setWorkSpaceList] = useState([]);\r\n  // const [inviteOpenModel, setInviteOpenModel] = useState(false);\r\n  // const handleClickCreateNew = (event, data) => {\r\n  //   setAnchorElCreateNew(event.currentTarget);\r\n  //   setAnchorEl2(event.currentTarget);\r\n  //   setShowChartCreateOption(false);\r\n  //   setShowCollabCreateOption(false);\r\n  // };\r\n  const handleClickCreateChart = (event, data) => {\r\n    setAnchorEl2(event.currentTarget);\r\n    setShowChartCreateOption(false);\r\n    setShowCollabCreateOption(false);\r\n  };\r\n\r\n  const handleCloseCreateNew = () => {\r\n    setAnchorElCreateNew(null);\r\n  };\r\n\r\n  const openCreateNew = Boolean(anchorElCreateNew);\r\n  const id = open ? \"simple-popover\" : undefined;\r\n  const [showBoardLocation, setShowBoardLocation] = useState(false);\r\n  const [editData, setEditData] = useState({\r\n    open: false,\r\n    id: \"\",\r\n    name: \"\",\r\n  });\r\n  const [showMoveBoardData, setShowMoveBoardData] = useState({\r\n    open: false,\r\n  });\r\n  const [deleteDialog, setDeleteDialog] = useState({\r\n    open: false,\r\n    id: \"\",\r\n    name: \"\",\r\n    type: \"project\",\r\n  });\r\n  const {\r\n    data: projectList,\r\n    refetch: refetchProjectList,\r\n    isLoading: projectListLoading,\r\n  } = useGetProjectsListQuery(\r\n    {\r\n      team_id: activeTeam,\r\n      search: \"\",\r\n    },\r\n    { skip: !activeTeam, refetchOnMountOrArgChange: true }\r\n  );\r\n  const [pinProject, { isLoading: pinUnpinInProgress }] =\r\n    usePinProjectMutation();\r\n\r\n  const pinned_projects = projectList?.pinned_projects;\r\n  const pinnedIds = pinned_projects?.map((item) => item.project_id);\r\n  const project_list = projectList?.resData?.filter(\r\n    (item) => !pinnedIds?.includes(item?.project_id)\r\n  );\r\n\r\n  const handleCloseCreateChart = () => {\r\n    setAnchorEl2(null);\r\n    setShowChartCreateOption(false);\r\n    setShowCollabCreateOption(false);\r\n  };\r\n\r\n  const boardRemaining =\r\n    Number(currentSubscriptionData?.featureLimitAndUsed?.[0]?.limit) -\r\n    Number(currentSubscriptionData?.featureLimitAndUsed?.[0]?.used);\r\n\r\n  useEffect(() => {\r\n    if (!openUpgradeModal) {\r\n      setIsNewSpace(false);\r\n      setIsTeam(false);\r\n      setIsTrash(false);\r\n    }\r\n  }, [openUpgradeModal]);\r\n\r\n  const currentSubscription = subscriptionDataSelect();\r\n\r\n  const handleCancel = () => {\r\n    setDeleteDialog({\r\n      open: false,\r\n      id: \"\",\r\n      name: \"\",\r\n      type: \"project\",\r\n    });\r\n  };\r\n\r\n  const previewApi = async () => {\r\n    const searchParams = new URLSearchParams(location?.search);\r\n    const t_id = searchParams.get(\"t_id\");\r\n    const preview = await commanService.getApi(\r\n      \"drawboard/v1\",\r\n      `templates/${t_id}`,\r\n      { is_public: true }\r\n    );\r\n    setSelectedTemplateData(preview?.data?.data);\r\n    // setViewTemplate(true);\r\n    dispatch(setOpenViewTemplate(true));\r\n  };\r\n  useEffect(() => {\r\n    const searchParams = new URLSearchParams(location?.search);\r\n    if (searchParams.has(\"t_id\")) {\r\n      // setOpenBoardFromTemplate(true);\r\n      // dispatch(setOpenBoardFromTemplate(true));\r\n      previewApi();\r\n    }\r\n  }, [location?.search]);\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  //     var data = response?.data?.data;\r\n  //     for (let currentSubscriptionData of data?.featureLimitAndUsed) {\r\n  //       if (currentSubscriptionData?.feature === \"user\") {\r\n  //         data[\"additionalUser\"] = currentSubscriptionData.limit - 1;\r\n  //       }\r\n  //     }\r\n  //     setCurrentSubscription(data);\r\n  //   } catch (error) {\r\n  //     if (error.response.status !== 401) {\r\n  //       if (error.response.status < 500) {\r\n  //         dispatch(\r\n  //           warningToast({\r\n  //             message:\r\n  //               error.response?.data?.message ||\r\n  //               error.response.data?.error[0] ||\r\n  //               error.message,\r\n  //           })\r\n  //         );\r\n  //       } else {\r\n  //         dispatch(\r\n  //           errorToast({\r\n  //             message: \"Oops! Something went wrong\",\r\n  //           })\r\n  //         );\r\n  //       }\r\n  //     }\r\n  //   }\r\n  // };\r\n\r\n  useEffect(() => {\r\n    // getCurrentSubscription();\r\n    getTeamList();\r\n    sessionStorage.removeItem(\"selectedTeam\");\r\n  }, []);\r\n\r\n  const handleOk = () => {\r\n    if (deleteDialog.id) {\r\n      handleCancel();\r\n      commanService\r\n        .deleteApi(\r\n          \"drawboard/v1\",\r\n          deleteDialog?.type === \"chart\" ? `architectures/${deleteDialog.id}` : `projects/${deleteDialog.id}`,\r\n        )\r\n        .then(({ data }) => {\r\n          if (data.status) {\r\n            deleteDialog.id === project_id && navigate(\"/\");\r\n            dispatch(successToast({ message: data.message }));\r\n            dispatch(toggleLoadSidebarDocuments());\r\n            refetchProjectList();\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          if (error.response.status !== 401) {\r\n            if (error.response.status < 500) {\r\n              dispatch(\r\n                warningToast({\r\n                  message:\r\n                    error.response?.data?.message ||\r\n                    error.response.data?.error[0] ||\r\n                    error.message,\r\n                })\r\n              );\r\n            } else {\r\n              dispatch(\r\n                errorToast({\r\n                  message: \"Oops! Something went wrong\",\r\n                })\r\n              );\r\n            }\r\n          }\r\n        });\r\n    }\r\n  };\r\n\r\n  const handleCloseMoveBoard = () => {\r\n    setShowMoveBoardData({ open: false });\r\n  };\r\n\r\n  const toggleDropDown = (label) => {\r\n    if (openedDropDownList?.includes(label)) {\r\n      setOpenedDropDownList((prev) => prev.filter((lab) => lab !== label));\r\n    } else {\r\n      setOpenedDropDownList((prev) => [...prev, label]);\r\n    }\r\n  };\r\n\r\n  // const getChartLocation = useCallback(() => {\r\n  //   if (project_id) {\r\n  //     commanService\r\n  //       .getApi(\"drawboard/v1\", `projects/project-route/${project_id}`)\r\n  //       .then((response) => {\r\n  //         setOpenedDocs((prev) =>\r\n  //           response.data.data[0]?.route?.map((r) => r.project_id)\r\n  //         );\r\n  //       })\r\n  //       .catch((error) => {});\r\n  //   } else {\r\n  //     setOpenedDocs([]);\r\n  //   }\r\n  // }, [project_id]);\r\n\r\n  // useEffect(() => {\r\n  //   if (loadSidebarDocuments === true) {\r\n  //     getProjectDataList();\r\n  //   }\r\n  // }, [loadSidebarDocuments]);\r\n\r\n  // useEffect(() => {\r\n  //   getChartLocation();\r\n  // }, [project_id]);\r\n\r\n  const handleCloseBoardFromTemplate = () => {\r\n    dispatch(setOpenBoardFromTemplate(false));\r\n    handleCloseCreateChart();\r\n    setSearchValue(\"\");\r\n  };\r\n\r\n  const handleBlankBoard = () => {\r\n    modelState.setIsOpenModelBlank(true);\r\n    setShowBoardLocation(true);\r\n    // if (currentSubscription?.package === \"Free\" && !boardRemaining) {\r\n    //   setOpenUpgradeModal(true);\r\n    // }\r\n  };\r\n\r\n  const handleCloseBlankBoard = () => {\r\n    setOpenBlankBoard(false);\r\n  };\r\n\r\n  const handleCloseNewSpace = () => {\r\n    setOpenNewSpace(false);\r\n  };\r\n\r\n  const handlePinProject = (id) => {\r\n    setUnpinId(id);\r\n    pinProject({\r\n      projectid: id,\r\n      is_pinned: true,\r\n    });\r\n  };\r\n\r\n  const contextMenuItems = useMemo(() => {\r\n    return [\r\n      {\r\n        label: \"Rename\",\r\n        onClick: () => {\r\n          setEditData((prev) => ({\r\n            ...prev,\r\n            open: true,\r\n            id: selectedDoc.project_id,\r\n            name: selectedDoc.project_name,\r\n          }));\r\n        },\r\n      },\r\n\r\n      {\r\n        label: \"Create New Board\",\r\n        onClick: () => {\r\n          // handleOpenChartForm();\r\n          setAnchorEl3(null);\r\n          modelState.setIsOpenModelBlank(true);\r\n          showBoardLocation(false);\r\n          // setOpenBlankBoard(true);\r\n        },\r\n      },\r\n      {\r\n        label: !unPin ? \"Pin Space\" : \"Unpin Space\",\r\n        onClick: () => {\r\n          if (!unPin) {\r\n            handlePinProject(selectedDoc?.project_id);\r\n          } else {\r\n            setUnpinId(selectedDoc?.project_id);\r\n            pinProject({\r\n              projectid: selectedDoc?.project_id,\r\n              is_pinned: false,\r\n            }).then(() => {\r\n              setUnpinId(null);\r\n            });\r\n          }\r\n        },\r\n      },\r\n      {\r\n        label: \"Share\",\r\n        onClick: () => {\r\n          setShareModalOpen(true);\r\n          modelState.setInviteNewMembers(true);\r\n          setShareUserProjectId({\r\n            id: selectedDoc.project_id,\r\n            name: selectedDoc.project_name,\r\n            type: \"project\",\r\n          });\r\n        },\r\n      },\r\n      {\r\n        label: \"Delete space\",\r\n        onClick: () =>\r\n          setDeleteDialog({\r\n            open: true,\r\n            id: selectedDoc.project_id,\r\n            name: selectedDoc.project_name,\r\n            type: \"project\",\r\n          }),\r\n      },\r\n    ];\r\n  }, [selectedDoc]);\r\n\r\n  const handleCloseMenu = () => {\r\n    setAnchorEl3(null);\r\n    setUnpin(false);\r\n  };\r\n\r\n  const handleCloseNewTeam = () => {\r\n    setCreateNewTeamModal(false);\r\n    setAnchorEl2(null);\r\n  };\r\n\r\n  const handleCloseShareModel = () => {\r\n    setShareModalOpen(false);\r\n    modelState.setInviteNewMembers(false);\r\n    setShareUserProjectId(null);\r\n  };\r\n\r\n  const handleCloseInviteMember = () => {\r\n    modelState.setInviteNewMembers(false);\r\n  };\r\n\r\n  const initialTeamName = teamListData?.data?.resData?.map((item) => {\r\n    const words = item?.team_name?.split(\" \");\r\n    if (words.length > 1) {\r\n      return (\r\n        words[0]?.charAt(0)?.toUpperCase() + words[1]?.charAt(0)?.toUpperCase()\r\n      );\r\n    } else {\r\n      return words && words[0]?.substring(0, 2)?.toUpperCase();\r\n    }\r\n  });\r\n\r\n  const handleNavigateTrash = () => {\r\n    // if (currentSubscriptionData?.subscriptionData?.package?.includes(\"Free\")) {\r\n    //   setOpenUpgradeModal(true);\r\n    //   setIsTrash(true);\r\n    // } else {\r\n    navigate(\"/trash\");\r\n    // }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <div id=\"SideBar\">\r\n        <div\r\n          className={`sidebar-menu ${openedSidebar ? \"openSideBar\" : \"closeSideBar\"\r\n            }`}\r\n          style={{\r\n            display: \"flex\",\r\n            justifyContent: \"space-between\",\r\n          }}\r\n        >\r\n          <Stack\r\n            height={\"100%\"}\r\n            overflow={\"auto\"}\r\n            width={{ xs: \"72px\", lg: \"75px\", xl: \"80px\" }}\r\n            borderRight={`1px solid ${color.darkGray}`}\r\n            pt={{ xs: \"25px\", xl: \"75px\" }}\r\n            px={\"6px\"}\r\n            justifyContent={\"space-between\"}\r\n            alignItems={\"center\"}\r\n            bgcolor={\"#FAFAFA\"}\r\n            sx={{\r\n              // width: match1200px ? \"100px\" : \"auto\",\r\n              \"&::-webkit-scrollbar\": {\r\n                width: \"0px !important\",\r\n                height: \"0px !important\",\r\n              },\r\n            }}\r\n          >\r\n            <Stack>\r\n              <Stack\r\n                gap={\"6px\"}\r\n                alignItems={\"center\"}\r\n                mb={{ xs: \"4px\", xl: \"10px\" }}\r\n                className=\"cursor-pointer\"\r\n                onClick={handleClickCreateChart}\r\n              >\r\n                {/* <img\r\n                src={createIcon}\r\n                onClick={handleClickCreateChart}\r\n                // onClick={() => {\r\n                //   setCreateNewTeamModal(true)\r\n                // }}\r\n                className=\"cursor-pointer\"\r\n                alt=\"\"\r\n                height={\"36px\"}\r\n                width={\"36px\"}\r\n              /> */}\r\n                <Stack\r\n                  height={\"36px\"}\r\n                  width={\"36px\"}\r\n                  borderRadius={\"12px\"}\r\n                  bgcolor={color.purple}\r\n                  alignItems={\"center\"}\r\n                  justifyContent={\"center\"}\r\n                  sx={{\r\n                    \"&:hover\": {\r\n                      backgroundColor: color.purpleHover,\r\n                    },\r\n                  }}\r\n                >\r\n                  <IcPlusSimple fill=\"#FFF\" width=\"24px\" height=\"24px\" />\r\n                </Stack>\r\n                <Typography\r\n                  color={color.titleDark}\r\n                  fontSize={fontSizes.fontSize12px}\r\n                  fontWeight={400}\r\n                  textAlign={\"center\"}\r\n                >\r\n                  Create New\r\n                </Typography>\r\n                <CommonDivider\r\n                  color={color.darkGray}\r\n                  my={\"0px\"}\r\n                  width={\"100%\"}\r\n                />\r\n                <Popover\r\n                  id={id}\r\n                  open={openCreateNew}\r\n                  anchorEl={anchorElCreateNew}\r\n                  onClose={handleCloseCreateNew}\r\n                  anchorOrigin={{\r\n                    vertical: \"bottom\",\r\n                    horizontal: \"left\",\r\n                  }}\r\n                ></Popover>\r\n              </Stack>\r\n              {/* <Stack gap={\"6px\"} alignItems={\"center\"} mb={\"10px\"}>\r\n              <Stack\r\n                width={\"36px\"}\r\n                height={\"36px\"}\r\n                bgcolor={\r\n                  location.pathname === \"/\" ? color.lightPrimary : \"transparent\"\r\n                }\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                borderRadius={\"8px\"}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                }}\r\n                onClick={() => {\r\n                  navigate(\"/\");\r\n                }}\r\n              >\r\n                <IcHomeFilled\r\n                  fill={\r\n                    location.pathname === \"/\"\r\n                      ? color.primaryColor\r\n                      : color.subTitle\r\n                  }\r\n                />\r\n              </Stack>\r\n              <Typography\r\n                color={\r\n                  location.pathname === \"/\"\r\n                    ? color.primaryColor\r\n                    : color.subTitle\r\n                }\r\n                fontSize={\"10.8px\"}\r\n                textAlign={\"center\"}\r\n                fontWeight={location.pathname === \"/\" ? 500 : 400}\r\n              >\r\n                Home\r\n              </Typography>\r\n            </Stack> */}\r\n\r\n              <Stack\r\n                maxHeight={{\r\n                  xs: \"calc(100svh - 252px)\",\r\n                  xl: \"calc(100svh - 320px)\",\r\n                }}\r\n                overflow={\"auto\"}\r\n                gap={\"5px\"}\r\n              >\r\n                {teamListData?.data?.resData?.map((item, i) => {\r\n                  const initialsTeamName = initialTeamName[i];\r\n                  return (\r\n                    <Stack\r\n                      key={i + 1}\r\n                      gap={{ xs: \"2px\", xl: \"6px\" }}\r\n                      alignItems={\"center\"}\r\n                      // mb={{ xs: \"2px\", xl: \"6px\" }}\r\n                      width={\"63px\"}\r\n                      p={\"5px\"}\r\n                      sx={{\r\n                        cursor: \"pointer\",\r\n                      }}\r\n                      borderRadius={commonStyles.borderRadiusMD}\r\n                      onClick={() => {\r\n                        dispatch(setCurrentTeam(item.team_id));\r\n                        navigate(\"/\");\r\n                      }}\r\n                    >\r\n                      <CustomNameTooltip\r\n                        title={item?.team_name}\r\n                        arrow\r\n                        placement=\"right\"\r\n                      >\r\n                        <Stack\r\n                          alignItems={\"center\"}\r\n                          justifyContent={\"center\"}\r\n                          sx={{\r\n                            minHeight: \"48px\",\r\n                            minWidth: \"48px\",\r\n                            borderRadius: \"8px\",\r\n                            background:\r\n                              activeTeam === item.team_id\r\n                                ? location.pathname !== \"/templates\"\r\n                                  ? color.lightPrimary\r\n                                  : \"\"\r\n                                : \"transparent\",\r\n                            border:\r\n                              activeTeam === item.team_id\r\n                                ? location.pathname !== \"/templates\"\r\n                                  ? `1px solid ${color.primaryColor}`\r\n                                  : \"\"\r\n                                : \"1px solid transparent\",\r\n                            \"&:hover\": {\r\n                              bgcolor:\r\n                                activeTeam === item.team_id\r\n                                  ? color.lightPrimary\r\n                                  : \"#e8e9ebb3\",\r\n                            },\r\n                          }}\r\n                        >\r\n                          <Stack\r\n                            width={\"36px\"}\r\n                            height={\"36px\"}\r\n                            bgcolor={\"#E5FAFF\"}\r\n                            border={\"1px solid #0087A74D\"}\r\n                            alignItems={\"center\"}\r\n                            justifyContent={\"center\"}\r\n                            borderRadius={\"8px\"}\r\n                          >\r\n                            {/* <IcHomeOutlined /> */}\r\n                            <Typography\r\n                              color={\"#0087A7\"}\r\n                              fontSize={\"14px\"}\r\n                              fontWeight={500}\r\n                              height={\"18px\"}\r\n                            >\r\n                              {initialsTeamName}\r\n                            </Typography>\r\n                          </Stack>\r\n                        </Stack>\r\n                      </CustomNameTooltip>\r\n                      {/* <Typography\r\n                      width={\"48px\"}\r\n                      color={\r\n                        activeTeam === item.team_id\r\n                          ? color.primaryColor\r\n                          : color.subTitle\r\n                      }\r\n                      fontWeight={activeTeam === item.team_id ? 600 : 400}\r\n                      fontSize={fontSizes.fontSize12px}\r\n                      textAlign={\"center\"}\r\n                      maxHeight={\"55px\"}\r\n                      overflow={\"hidden\"}\r\n                      whiteSpace={\"nowrap\"}\r\n                      textOverflow={\"ellipsis\"}\r\n                    >\r\n                      {item.team_name}\r\n                    </Typography> */}\r\n                    </Stack>\r\n                  );\r\n                })}\r\n              </Stack>\r\n            </Stack>\r\n            <Stack>\r\n              <CommonDivider width={\"100%\"} color={color.darkGray} my={\"0px\"} />\r\n              <Stack gap={{ xl: \"20px\", sm: \"14px\" }} margin={\"15px 0px\"}>\r\n                <Stack\r\n                  gap={{ xs: \"1px\", xl: \"2px\" }}\r\n                  alignItems={\"center\"}\r\n                  p={\"0px 8px\"}\r\n                  sx={{\r\n                    cursor: \"pointer\",\r\n                  }}\r\n                  onClick={() => {\r\n                    dispatch(setInitialTemplateSlice());\r\n                    dispatch(setOpenBoardFromTemplate(true));\r\n                    // setOpenBoardFromTemplate(true);\r\n                    // navigate(\"/templates\");\r\n                  }}\r\n                >\r\n                  <Stack\r\n                    width={\"34px\"}\r\n                    height={\"34px\"}\r\n                    bgcolor={\r\n                      location.pathname === \"/templates\"\r\n                        ? color.lightPrimary\r\n                        : \"transparent\"\r\n                    }\r\n                    alignItems={\"center\"}\r\n                    justifyContent={\"center\"}\r\n                    borderRadius={\"8px\"}\r\n                    sx={{\r\n                      \":hover\": {\r\n                        backgroundColor: \"#e8e9ebb3\",\r\n                      },\r\n                    }}\r\n                  >\r\n                    {location.pathname !== \"/templates\" ? (\r\n                      <IcTemplates2Outlined\r\n                        height=\"24\"\r\n                        width=\"24\"\r\n                        fill={color.titleDark}\r\n                      />\r\n                    ) : (\r\n                      <IcTemplates20OutlinedSelected\r\n                        height=\"24\"\r\n                        width=\"24\"\r\n                        fill={color.primaryColor}\r\n                      />\r\n                    )}\r\n                  </Stack>\r\n                  <Typography\r\n                    color={\r\n                      location.pathname === \"/templates\"\r\n                        ? color.primaryColor\r\n                        : color.titleDark\r\n                    }\r\n                    fontSize={fontSizes.fontSize12px}\r\n                    textAlign={\"center\"}\r\n                    fontWeight={location.pathname === \"/templates\" ? 600 : 400}\r\n                  >\r\n                    Templates\r\n                  </Typography>\r\n                </Stack>\r\n\r\n                <Stack\r\n                  gap={{ xs: \"1px\", xl: \"2x\" }}\r\n                  alignItems={\"center\"}\r\n                  p={\"0px 8px\"}\r\n                  sx={{\r\n                    cursor: \"pointer\",\r\n                  }}\r\n                  onClick={() => {\r\n                    navigate(\"/user/workspace-profile\");\r\n                  }}\r\n                >\r\n                  <Stack\r\n                    width={\"34px\"}\r\n                    height={\"34px\"}\r\n                    alignItems={\"center\"}\r\n                    justifyContent={\"center\"}\r\n                    borderRadius={\"8px\"}\r\n                    sx={{\r\n                      \":hover\": {\r\n                        backgroundColor: \"#e8e9ebb3\",\r\n                      },\r\n                    }}\r\n                  >\r\n                    {/* {location.pathname !== \"/templates\" ? (\r\n                  <IcTemplates2Outlined\r\n                    height=\"24\"\r\n                    width=\"24\"\r\n                    fill={color.titleDark}\r\n                  />\r\n                ) : (\r\n                  <IcTemplates20OutlinedSelected\r\n                    height=\"24\"\r\n                    width=\"24\"\r\n                    fill={color.primaryColor}\r\n                  />\r\n                )} */}\r\n\r\n                    <IcSettingOutlinedNew\r\n                      height={24}\r\n                      width={24}\r\n                      fill={color.titleDark}\r\n                      stroke={\"1\"}\r\n                    />\r\n                  </Stack>\r\n                  <Typography\r\n                    color={color.titleDark}\r\n                    fontSize={fontSizes.fontSize12px}\r\n                    textAlign={\"center\"}\r\n                    fontWeight={fontWeight.weight400}\r\n                  >\r\n                    Setting\r\n                  </Typography>\r\n                </Stack>\r\n              </Stack>\r\n            </Stack>\r\n\r\n            {/* <Box\r\n              sx={{\r\n                \"&:hover .getStarted\": {\r\n                  bgcolor: \"#6762FE\",\r\n                  borderRadius: \"10px\",\r\n                },\r\n                justifyContent: \"center\",\r\n                alignItems: \"center\",\r\n                width: \"69px\",\r\n              }}\r\n              position={\"fixed\"}\r\n              bottom={\"15px\"}\r\n            >\r\n              <Stack\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={\"6px\"}\r\n                height={\"100%\"}\r\n                overflow={\"auto\"}\r\n                sx={{\r\n                  boxShadow: \"0px 2px 4px 0px #0000001F\",\r\n                  bgcolor: \"white\",\r\n                  padding: \"8px\",\r\n                  borderRadius: \"8px\",\r\n                  cursor: \"pointer\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  \"& path\": {\r\n                    transition: \"all 0.5s ease\",\r\n                  },\r\n\r\n                  \"&:hover\": {\r\n                    \"& path\": {\r\n                      stroke: \"#FFFFFF\",\r\n                    },\r\n                  },\r\n                }}\r\n              >\r\n                <Stack\r\n                  alignItems=\"center\"\r\n                  justifyContent=\"center\"\r\n                  className=\"getStarted\"\r\n                  height={\"38px\"}\r\n                  width={\"38px\"}\r\n                  borderRadius={\"10px\"}\r\n                  sx={{\r\n                    transition: \"all 0.5s ease\",\r\n                  }}\r\n                >\r\n                  <IcGetStarted fill={\"#6762FE\"} />\r\n                </Stack>\r\n                <Stack>\r\n                  <Typography\r\n                    fontWeight={fontWeight.weight400}\r\n                    color={\"#6762FE\"}\r\n                    fontSize={\"10.8px\"}\r\n                    textAlign={\"center\"}\r\n                  >\r\n                    Getting Started\r\n                  </Typography>\r\n                </Stack>\r\n              </Stack>\r\n            </Box> */}\r\n\r\n            {/* team map */}\r\n          </Stack>\r\n          <Stack\r\n            width={{ xs: \"200px\", lg: \"235px\", xl: \"250px\" }}\r\n            // width={{\r\n            //   xs: \"150px\",\r\n            //   lg: \"200px\",\r\n            //   xl: \"249px\",\r\n            // }}\r\n            justifyContent={\"space-between\"}\r\n          >\r\n            {/* <Stack height={\"100svh\"}> */}\r\n            <Stack height={\"100%\"}>\r\n              <Stack\r\n                width={\"100%\"}\r\n                // width={{\r\n                //   xs: \"150px\",\r\n                //   lg: \"200px\",\r\n                //   xl: \"249px\",\r\n                // }}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"flex-start\"}\r\n                height={{ xs: \"50px\", xl: \"65px\" }}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  position: \"relative\",\r\n                  padding: \"0px 16px\",\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                  dispatch(toggleLoadSidebarDocuments({ isShow: true }));\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              <Stack\r\n                alignItems={\"center\"}\r\n                justifyContent={\"space-between\"}\r\n                height={\"100%\"}\r\n                // pb={\"22px\"}\r\n                width={\"100%\"}\r\n                sx={{\r\n                  overflow: \"auto\",\r\n                  \"&::-webkit-scrollbar\": {\r\n                    width: \"0px !important\",\r\n                    height: \"0px !important\",\r\n                  },\r\n                }}\r\n              >\r\n                <Stack\r\n                  // p={{\r\n                  //   xs: \"0px 0px 10px\",\r\n                  //   lg: \"10px 0px 10px\",\r\n                  //   xl: \"10px 0px 10px\",\r\n                  // }}\r\n                  width={\"100%\"}\r\n                  alignItems={\"center\"}\r\n                >\r\n                  <WorkspaceSidebarDropDown\r\n                    setShowPlans={setShowPlans}\r\n                    setOpenUpgradeModal={setOpenUpgradeModal}\r\n                  />\r\n\r\n                  <Stack\r\n                    sx={{\r\n                      overflow: project_list?.length < 1 && { xs: \"auto\" },\r\n                      height: project_list?.length < 1 && {\r\n                        xs: \"calc(100svh - 212px)\",\r\n                        xl: \"unset\",\r\n                      },\r\n                      width: \"100%\",\r\n                    }}\r\n                  >\r\n                    {!location.pathname.includes(\"/templates\") &&\r\n                      newSidebarItem(\r\n                        navigate,\r\n                        project_list || [],\r\n                        // menuPosition,\r\n                        // setMenuPosition,\r\n                        setSelectedDoc,\r\n                        pinned_projects || []\r\n                        // categories\r\n                      )\r\n                        // .filter(({ children }) => children.length > 0)\r\n                        .map(({ mainLabel, children }, i) => {\r\n                          return (\r\n                            <Fragment key={i + 1}>\r\n                              {(mainLabel === \"Pinned Spaces\"\r\n                                ? children.length > 0\r\n                                : true) && (\r\n                                  <Stack\r\n                                    width={\"100%\"}\r\n                                    // height={\"40%\"}\r\n                                    pl={\"16px\"}\r\n                                    pr={\"12px\"}\r\n                                    mt={\r\n                                      i === 0\r\n                                        ? { xs: \"8px\", xl: \"15px\" }\r\n                                        : { xs: \"8px\", xl: \"20px\" }\r\n                                    }\r\n                                  >\r\n                                    {openedSidebar && (\r\n                                      <>\r\n                                        {mainLabel &&\r\n                                          mainLabel !== \"Main\" &&\r\n                                          currentSubscriptionData\r\n                                            ?.subscriptionData?.package !==\r\n                                          \"Free\" && (\r\n                                            <>\r\n                                              <Stack\r\n                                                flexDirection={\"row\"}\r\n                                                alignItems={\"center\"}\r\n                                                justifyContent={\"space-between\"}\r\n                                                mb={{\r\n                                                  xs: \"3px\",\r\n                                                  lg: \"6px\",\r\n                                                  xl: \"9px\",\r\n                                                }}\r\n                                              >\r\n                                                <Typography\r\n                                                  sx={{\r\n                                                    // textTransform: \"uppercase\",\r\n                                                    fontSize: {\r\n                                                      md: fontSizes.smallFont,\r\n                                                      xl: fontSizes.fontSize12px,\r\n                                                    },\r\n                                                    color: color.subTitle,\r\n                                                    fontWeight:\r\n                                                      fontWeight.weight600,\r\n                                                  }}\r\n                                                >\r\n                                                  {mainLabel}\r\n                                                </Typography>\r\n                                                {mainLabel === \"Spaces\" && (\r\n                                                  <Stack\r\n                                                    width={\"20px\"}\r\n                                                    height={\"20px\"}\r\n                                                    justifyContent={\"center\"}\r\n                                                    alignItems={\"center\"}\r\n                                                    sx={{\r\n                                                      cursor: \"pointer\",\r\n                                                      \"&:hover\": {\r\n                                                        \"& svg path\": {\r\n                                                          stroke:\r\n                                                            color.primaryColor,\r\n                                                        },\r\n                                                      },\r\n                                                    }}\r\n                                                    onClick={() => {\r\n                                                      setOpenProjectForm(true);\r\n                                                    }}\r\n                                                  >\r\n                                                    <IcPlusSquaredOutlined\r\n                                                      fill={color.titleDark}\r\n                                                    />\r\n                                                  </Stack>\r\n                                                )}\r\n                                              </Stack>\r\n                                              {/* <Box\r\n                                          mb={{\r\n                                            xs: \"3px\",\r\n                                            lg: \"6px\",\r\n                                            xl: \"8px\",\r\n                                          }}\r\n                                          sx={{\r\n                                            backgroundColor: \"#EEEEEE\",\r\n                                            width: \"100%\",\r\n                                            height: \"1px\",\r\n                                            opacity: 1,\r\n                                          }}\r\n                                        /> */}\r\n\r\n                                              <CommonDivider\r\n                                                my={\"0px\"}\r\n                                                sx={{\r\n                                                  mb: \"8px\",\r\n                                                  borderColor:\r\n                                                    color.commonBorderColor,\r\n                                                }}\r\n                                              />\r\n                                            </>\r\n                                          )}\r\n                                      </>\r\n                                    )}\r\n                                    {/* TEAMSPACEITEMS */}\r\n                                    <Stack\r\n                                      overflow={\"auto\"}\r\n                                      maxHeight={\r\n                                        mainLabel === \"Main\"\r\n                                          ? {\r\n                                            xs:\r\n                                              pinned_projects?.length > 0\r\n                                                ? \"98px\"\r\n                                                : \"100%\",\r\n                                            xl: \"max-content\",\r\n                                          }\r\n                                          : mainLabel === \"Spaces\"\r\n                                            ? pinned_projects &&\r\n                                              pinned_projects?.length > 0 &&\r\n                                              project_list?.length > 0\r\n                                              ? {\r\n                                                xs:\r\n                                                  pinned_projects?.length > 0\r\n                                                    ? \"100px\"\r\n                                                    : \"112px\",\r\n                                                xl: `calc(440px - ${pinned_projects?.length * 50 +\r\n                                                    50 >\r\n                                                    200\r\n                                                    ? 260\r\n                                                    : pinned_projects?.length *\r\n                                                    50 +\r\n                                                    75\r\n                                                  }px)`,\r\n                                              }\r\n                                              : {\r\n                                                xs:\r\n                                                  pinned_projects?.length > 0\r\n                                                    ? \"98px\"\r\n                                                    : \"112px\",\r\n                                                xl: 380,\r\n                                              }\r\n                                            : mainLabel === \"Pinned Spaces\"\r\n                                              ? {\r\n                                                xs:\r\n                                                  pinned_projects?.length > 0\r\n                                                    ? \"61px\"\r\n                                                    : \"112px\",\r\n                                                xl: 160,\r\n                                              }\r\n                                              : \"auto\"\r\n                                      }\r\n                                      height={\r\n                                        [\"Pinned Spaces\", \"Spaces\"].includes(\r\n                                          mainLabel\r\n                                        )\r\n                                          ? mainLabel === \"Spaces\"\r\n                                            ? pinned_projects &&\r\n                                              pinned_projects?.length > 0 &&\r\n                                              project_list?.length > 0\r\n                                              ? `calc(440px - ${pinned_projects?.length * 50 +\r\n                                                50 >\r\n                                                200\r\n                                                ? 260\r\n                                                : pinned_projects?.length *\r\n                                                60 +\r\n                                                75\r\n                                              }px)`\r\n                                              : \"auto\"\r\n                                            : \"auto\"\r\n                                          : \"auto\"\r\n                                      }\r\n                                    >\r\n                                      {(currentSubscriptionData?.subscriptionData\r\n                                        ?.package !== \"Free\" ||\r\n                                        (mainLabel && mainLabel === \"Main\")) && (\r\n                                          <Stack pr={\"4px\"} rowGap={\"4px\"}>\r\n                                            {(mainLabel === \"Main\"\r\n                                              ? children\r\n                                              : [...children].sort((a, b) => {\r\n                                                const isAActive =\r\n                                                  a.activePathname?.includes(\r\n                                                    pathname\r\n                                                  );\r\n                                                const isBActive =\r\n                                                  b.activePathname?.includes(\r\n                                                    pathname\r\n                                                  );\r\n                                                if (isAActive && !isBActive)\r\n                                                  return -1;\r\n                                                if (!isAActive && isBActive)\r\n                                                  return 1;\r\n                                                return 0;\r\n                                              })\r\n                                            ).map(\r\n                                              (\r\n                                                {\r\n                                                  child,\r\n                                                  activePathname,\r\n                                                  extraPathnames,\r\n                                                  navigateTo,\r\n                                                  Icon,\r\n                                                  label,\r\n                                                  subChildren,\r\n                                                  onContextMenu,\r\n                                                  id,\r\n                                                },\r\n                                                childI\r\n                                              ) => {\r\n                                                return (\r\n                                                  <Stack\r\n                                                    key={i + childI + 1}\r\n                                                    id=\"TEAM_SPACE_ITEM\"\r\n                                                    mb={\r\n                                                      openedSidebar\r\n                                                        ? \"0px\"\r\n                                                        : childI + 1 ===\r\n                                                          children.length\r\n                                                          ? \"0px\"\r\n                                                          : {\r\n                                                            xs: \"15px\",\r\n                                                            lg: \"20px\",\r\n                                                            xl: \"20px\",\r\n                                                          }\r\n                                                    }\r\n                                                  >\r\n                                                    <Stack\r\n                                                      direction={\"row\"}\r\n                                                      alignItems={\"center\"}\r\n                                                      justifyContent={\r\n                                                        \"space-between\"\r\n                                                      }\r\n                                                      sx={{\r\n                                                        bgcolor:\r\n                                                          openedSidebar &&\r\n                                                            (activePathname?.includes(\r\n                                                              pathname\r\n                                                            ) ||\r\n                                                              extraPathnames?.filter(\r\n                                                                (pathName) =>\r\n                                                                  pathname?.includes(\r\n                                                                    pathName\r\n                                                                  )\r\n                                                              )?.length > 0)\r\n                                                            ? color.lightPrimary\r\n                                                            : \"#FFF\",\r\n                                                        borderRadius: \"8px\",\r\n                                                        transition: \"all 0.2s ease\",\r\n                                                        cursor: \"pointer\",\r\n                                                        p: {\r\n                                                          xs: \"0px 8px\",\r\n                                                          // xl: \"0px 15px 0px 20px\",\r\n                                                          xl: \"0px 6px 0px 12px\",\r\n                                                        },\r\n\r\n                                                        \"& .sidebar_item_name\": {\r\n                                                          maxWidth:\r\n                                                            openedSidebar &&\r\n                                                              (activePathname?.includes(\r\n                                                                pathname\r\n                                                              ) ||\r\n                                                                extraPathnames?.filter(\r\n                                                                  (pathName) =>\r\n                                                                    pathname?.includes(\r\n                                                                      pathName\r\n                                                                    )\r\n                                                                )?.length > 0)\r\n                                                              ? mainLabel === \"Main\"\r\n                                                                ? \"135px\"\r\n                                                                : \"calc(100% - 40px)\"\r\n                                                              : \"calc(100% - 35px)\",\r\n                                                        },\r\n\r\n                                                        \"& .sidebar_item_icon_name_container\":\r\n                                                        {\r\n                                                          width:\r\n                                                            openedSidebar &&\r\n                                                              (activePathname?.includes(\r\n                                                                pathname\r\n                                                              ) ||\r\n                                                                extraPathnames?.filter(\r\n                                                                  (pathName) =>\r\n                                                                    pathname?.includes(\r\n                                                                      pathName\r\n                                                                    )\r\n                                                                )?.length > 0)\r\n                                                              ? \"calc(100% - 15px)\"\r\n                                                              : \"100%\",\r\n                                                        },\r\n\r\n                                                        \"&:hover\": {\r\n                                                          bgcolor:\r\n                                                            openedSidebar &&\r\n                                                              (activePathname?.includes(\r\n                                                                pathname\r\n                                                              ) ||\r\n                                                                extraPathnames?.filter(\r\n                                                                  (pathName) =>\r\n                                                                    pathname?.includes(\r\n                                                                      pathName\r\n                                                                    )\r\n                                                                )?.length > 0)\r\n                                                              ? color.lightPrimary\r\n                                                              : openedSidebar\r\n                                                                ? \"#F2F4F7b3\"\r\n                                                                : //  ? color.lightPrimary\r\n                                                                \"transparent\",\r\n                                                          \"& .menu-dots\": {\r\n                                                            display: \"flex\",\r\n                                                          },\r\n\r\n                                                          \"& .sidebar_item_name\": {\r\n                                                            maxWidth:\r\n                                                              mainLabel === \"Main\"\r\n                                                                ? \"135px\"\r\n                                                                : \"calc(100% - 40px)\",\r\n                                                          },\r\n\r\n                                                          \"& .sidebar_item_icon_name_container\":\r\n                                                          {\r\n                                                            width:\r\n                                                              \"calc(100% - 15px)\",\r\n                                                          },\r\n                                                        },\r\n                                                      }}\r\n                                                      onClick={() => {\r\n                                                        navigateTo && navigateTo();\r\n                                                        // if (!openedDropDownList.includes(label)) {\r\n                                                        if (subChildren) {\r\n                                                          toggleDropDown(label);\r\n                                                        } else {\r\n                                                          setOpenedDropDownList([]);\r\n                                                        }\r\n                                                        // }\r\n                                                      }}\r\n                                                      onContextMenu={(e) => {\r\n                                                        onContextMenu &&\r\n                                                          onContextMenu(e);\r\n                                                      }}\r\n                                                    >\r\n                                                      <Stack\r\n                                                        direction={\r\n                                                          openedSidebar\r\n                                                            ? \"row\"\r\n                                                            : \"column\"\r\n                                                        }\r\n                                                        alignItems={\"center\"}\r\n                                                        justifyContent={\r\n                                                          \"space-between\"\r\n                                                        }\r\n                                                        width={\"100%\"}\r\n                                                        borderRadius={\"6px\"}\r\n                                                        height={\r\n                                                          openedSidebar\r\n                                                            ? {\r\n                                                              xs: \"30px\",\r\n                                                              md: \"30px\",\r\n                                                              lg: \"34px\",\r\n                                                              xl: \"40px\",\r\n                                                            }\r\n                                                            : \"auto\"\r\n                                                        }\r\n                                                      >\r\n                                                        <Stack\r\n                                                          className=\"sidebar_item_icon_name_container\"\r\n                                                          direction={\"row\"}\r\n                                                          alignItems={\"center\"}\r\n                                                          sx={{\r\n                                                            width:\r\n                                                              \"calc(100% - 15px)\",\r\n                                                            gap: {\r\n                                                              xs: openedSidebar\r\n                                                                ? \"8px\"\r\n                                                                : activePathname?.includes(\r\n                                                                  pathname\r\n                                                                ) ||\r\n                                                                  extraPathnames?.filter(\r\n                                                                    (pathName) =>\r\n                                                                      pathname?.includes(\r\n                                                                        pathName\r\n                                                                      )\r\n                                                                  )?.length > 0\r\n                                                                  ? \"6px\"\r\n                                                                  : \"0px\",\r\n                                                              lg: openedSidebar\r\n                                                                ? \"8px\"\r\n                                                                : activePathname?.includes(\r\n                                                                  pathname\r\n                                                                ) ||\r\n                                                                  extraPathnames?.filter(\r\n                                                                    (pathName) =>\r\n                                                                      pathname?.includes(\r\n                                                                        pathName\r\n                                                                      )\r\n                                                                  )?.length > 0\r\n                                                                  ? \"8px\"\r\n                                                                  : \"0px\",\r\n                                                              xl: openedSidebar\r\n                                                                ? \"12px\"\r\n                                                                : activePathname?.includes(\r\n                                                                  pathname\r\n                                                                ) ||\r\n                                                                  extraPathnames?.filter(\r\n                                                                    (pathName) =>\r\n                                                                      pathname?.includes(\r\n                                                                        pathName\r\n                                                                      )\r\n                                                                  )?.length > 0\r\n                                                                  ? \"12px\"\r\n                                                                  : \"0px\",\r\n                                                            },\r\n                                                          }}\r\n                                                        >\r\n                                                          <Stack\r\n                                                            alignItems={\"center\"}\r\n                                                            justifyContent={\r\n                                                              \"center\"\r\n                                                            }\r\n                                                            width={\r\n                                                              !openedSidebar\r\n                                                                ? {\r\n                                                                  xs: \"36px\",\r\n                                                                  lg: \"40px\",\r\n                                                                  xl: \"48px\",\r\n                                                                }\r\n                                                                : \"auto\"\r\n                                                            }\r\n                                                            borderRadius={\"8px\"}\r\n                                                            height={\r\n                                                              !openedSidebar\r\n                                                                ? {\r\n                                                                  xs: \"36px\",\r\n                                                                  lg: \"40px\",\r\n                                                                  xl: \"48px\",\r\n                                                                }\r\n                                                                : \"auto\"\r\n                                                            }\r\n                                                            sx={{\r\n                                                              bgcolor:\r\n                                                                !openedSidebar &&\r\n                                                                  (activePathname?.includes(\r\n                                                                    pathname\r\n                                                                  ) ||\r\n                                                                    extraPathnames?.filter(\r\n                                                                      (pathName) =>\r\n                                                                        pathname?.includes(\r\n                                                                          pathName\r\n                                                                        )\r\n                                                                    )?.length > 0)\r\n                                                                  ? color.lightPrimary\r\n                                                                  : !openedSidebar\r\n                                                                    ? \"#F7F7F7\"\r\n                                                                    : \"transparent\",\r\n                                                            }}\r\n                                                          >\r\n                                                            <Box\r\n                                                              sx={{\r\n                                                                display: \"flex\",\r\n                                                                alignItems:\r\n                                                                  \"center\",\r\n                                                                justifyContent:\r\n                                                                  \"center\",\r\n                                                              }}\r\n                                                              onClick={(e) => {\r\n                                                                e.stopPropagation();\r\n                                                                setUnpinId(id);\r\n                                                                if (\r\n                                                                  mainLabel ===\r\n                                                                  \"Pinned Spaces\"\r\n                                                                ) {\r\n                                                                  pinProject({\r\n                                                                    projectid: id,\r\n                                                                    is_pinned: false,\r\n                                                                  }).then(() => {\r\n                                                                    setUnpinId(\r\n                                                                      null\r\n                                                                    );\r\n                                                                  });\r\n                                                                }\r\n                                                              }}\r\n                                                            >\r\n                                                              {mainLabel ===\r\n                                                                \"Pinned Spaces\" &&\r\n                                                                unpinId === id &&\r\n                                                                pinUnpinInProgress ? (\r\n                                                                <SimpleCircularProgress size=\"1.2rem\" />\r\n                                                              ) : (\r\n                                                                <Icon\r\n                                                                  height={\r\n                                                                    matchDownXL\r\n                                                                      ? \"17\"\r\n                                                                      : \"22\"\r\n                                                                  }\r\n                                                                  width={\r\n                                                                    matchDownXL\r\n                                                                      ? \"17\"\r\n                                                                      : \"22\"\r\n                                                                  }\r\n                                                                  fill={\r\n                                                                    activePathname?.includes(\r\n                                                                      pathname\r\n                                                                    ) ||\r\n                                                                      extraPathnames?.filter(\r\n                                                                        (pathName) =>\r\n                                                                          pathname?.includes(\r\n                                                                            pathName\r\n                                                                          )\r\n                                                                      )?.length > 0\r\n                                                                      ? \"#6762FE\"\r\n                                                                      : mainLabel ===\r\n                                                                        \"Main\"\r\n                                                                        ? color.titleDark\r\n                                                                        : \"#3E3E3F\"\r\n                                                                  }\r\n                                                                  fill1={\r\n                                                                    activePathname?.includes(\r\n                                                                      pathname\r\n                                                                    ) ||\r\n                                                                      extraPathnames?.filter(\r\n                                                                        (pathName) =>\r\n                                                                          pathname?.includes(\r\n                                                                            pathName\r\n                                                                          )\r\n                                                                      )?.length > 0\r\n                                                                      ? color.primaryColor\r\n                                                                      : mainLabel ===\r\n                                                                        \"Main\"\r\n                                                                        ? color.titleDark\r\n                                                                        : \"#3E3E3F\"\r\n                                                                  }\r\n                                                                  fill2={\r\n                                                                    activePathname?.includes(\r\n                                                                      pathname\r\n                                                                    ) ||\r\n                                                                      extraPathnames?.filter(\r\n                                                                        (pathName) =>\r\n                                                                          pathname?.includes(\r\n                                                                            pathName\r\n                                                                          )\r\n                                                                      ).length > 0\r\n                                                                      ? color.primaryColor\r\n                                                                      : mainLabel ===\r\n                                                                        \"Main\"\r\n                                                                        ? color.titleDark\r\n                                                                        : \"#3E3E3F\"\r\n                                                                  }\r\n                                                                  background={\r\n                                                                    activePathname?.includes(\r\n                                                                      pathname\r\n                                                                    ) ||\r\n                                                                      extraPathnames?.filter(\r\n                                                                        (pathName) =>\r\n                                                                          pathname.includes(\r\n                                                                            pathName\r\n                                                                          )\r\n                                                                      ).length > 0\r\n                                                                      ? color.primaryColor\r\n                                                                      : mainLabel ===\r\n                                                                        \"Main\"\r\n                                                                        ? color.titleDark\r\n                                                                        : \"#3E3E3F\"\r\n                                                                  }\r\n                                                                />\r\n                                                              )}\r\n                                                            </Box>\r\n                                                          </Stack>\r\n                                                          {label?.length >= 15 ? (\r\n                                                            openedSidebar && (\r\n                                                              <CustomNameTooltip\r\n                                                                title={label}\r\n                                                                arrow\r\n                                                              >\r\n                                                                <Typography\r\n                                                                  className=\"sidebar_item_name\"\r\n                                                                  sx={{\r\n                                                                    fontSize: {\r\n                                                                      xs: \"10px\",\r\n                                                                      xl: `${fontSizes.fontSize13} !important`,\r\n                                                                    },\r\n                                                                    height: {\r\n                                                                      // xs: \"12px\",\r\n                                                                      xl: \"17px\",\r\n                                                                    },\r\n                                                                    whiteSpace:\r\n                                                                      \"nowrap\",\r\n                                                                    overflow:\r\n                                                                      \"hidden\",\r\n                                                                    textOverflow:\r\n                                                                      \"ellipsis\",\r\n                                                                  }}\r\n                                                                  fontWeight={500}\r\n                                                                  color={\r\n                                                                    activePathname?.includes(\r\n                                                                      pathname\r\n                                                                    ) ||\r\n                                                                      extraPathnames?.filter(\r\n                                                                        (pathName) =>\r\n                                                                          pathname?.includes(\r\n                                                                            pathName\r\n                                                                          )\r\n                                                                      ).length > 0\r\n                                                                      ? openedSidebar\r\n                                                                        ? \"#6762FE\"\r\n                                                                        : \"#18181B\"\r\n                                                                      : mainLabel ===\r\n                                                                        \"Main\"\r\n                                                                        ? color.titleDark\r\n                                                                        : \"#3E3E3F\"\r\n                                                                  }\r\n                                                                  textAlign={\r\n                                                                    \"center\"\r\n                                                                  }\r\n                                                                >\r\n                                                                  {label}\r\n                                                                </Typography>\r\n                                                              </CustomNameTooltip>\r\n                                                            )\r\n                                                          ) : (\r\n                                                            <Typography\r\n                                                              className=\"sidebar_item_name\"\r\n                                                              sx={{\r\n                                                                fontSize: {\r\n                                                                  xs: \"10px\",\r\n                                                                  xl: `${fontSizes.fontSize14} !important`,\r\n                                                                  lg: \"11px !important\",\r\n                                                                },\r\n                                                                // height: {\r\n                                                                //   xs: \"12px\",\r\n                                                                //   xl: \"17px\",\r\n                                                                //   lg: \"15px\"\r\n                                                                // },\r\n                                                                whiteSpace:\r\n                                                                  \"nowrap\",\r\n                                                                overflow: \"hidden\",\r\n                                                                textOverflow:\r\n                                                                  \"ellipsis\",\r\n                                                              }}\r\n                                                              fontWeight={500}\r\n                                                              color={\r\n                                                                activePathname?.includes(\r\n                                                                  pathname\r\n                                                                ) ||\r\n                                                                  extraPathnames?.filter(\r\n                                                                    (pathName) =>\r\n                                                                      pathname?.includes(\r\n                                                                        pathName\r\n                                                                      )\r\n                                                                  ).length > 0\r\n                                                                  ? openedSidebar\r\n                                                                    ? \"#6762FE\"\r\n                                                                    : \"#18181B\"\r\n                                                                  : mainLabel ===\r\n                                                                    \"Main\"\r\n                                                                    ? color.titleDark\r\n                                                                    : \"#3E3E3F\"\r\n                                                              }\r\n                                                              textAlign={\"center\"}\r\n                                                            >\r\n                                                              {label}\r\n                                                            </Typography>\r\n                                                          )}\r\n                                                        </Stack>\r\n                                                        <Box\r\n                                                          display={\"flex\"}\r\n                                                          alignItems={\"center\"}\r\n                                                          gap={\"5px\"}\r\n                                                        >\r\n                                                          {/* {mainLabel === \"Spaces\" && (\r\n                                                    <Box\r\n                                                      className=\"menu-dots\"\r\n                                                      position={\"relative\"}\r\n                                                      display={\r\n                                                        openedSidebar &&\r\n                                                        (activePathname?.includes(\r\n                                                          pathname\r\n                                                        ) ||\r\n                                                          extraPathnames?.filter(\r\n                                                            (pathName) =>\r\n                                                              pathname?.includes(\r\n                                                                pathName\r\n                                                              )\r\n                                                          )?.length > 0)\r\n                                                          ? \"flex\"\r\n                                                          : \"none\"\r\n                                                      }\r\n                                                    >\r\n                                                      <Box\r\n                                                        onClick={(e) => {\r\n                                                          e.stopPropagation();\r\n                                                          handlePinProject(id);\r\n                                                        }}\r\n                                                      >\r\n                                                        {pinUnpinInProgress &&\r\n                                                        unpinId === id ? (\r\n                                                          <SimpleCircularProgress size=\"1.2rem\" />\r\n                                                        ) : (\r\n                                                          <IcPinOutlined\r\n                                                            fill={\r\n                                                              openedSidebar &&\r\n                                                              (activePathname?.includes(\r\n                                                                pathname\r\n                                                              ) ||\r\n                                                                extraPathnames?.filter(\r\n                                                                  (pathName) =>\r\n                                                                    pathname?.includes(\r\n                                                                      pathName\r\n                                                                    )\r\n                                                                )?.length > 0)\r\n                                                                ? color.primaryColor\r\n                                                                : color.titleDark\r\n                                                            }\r\n                                                          />\r\n                                                        )}\r\n                                                      </Box>\r\n                                                    </Box>\r\n                                                  )} */}\r\n\r\n                                                          {openedSidebar &&\r\n                                                            mainLabel ===\r\n                                                            \"Spaces\" && (\r\n                                                              <Stack\r\n                                                                className=\"menu-dots\"\r\n                                                                display={\r\n                                                                  openedSidebar &&\r\n                                                                    (activePathname?.includes(\r\n                                                                      pathname\r\n                                                                    ) ||\r\n                                                                      extraPathnames?.filter(\r\n                                                                        (pathName) =>\r\n                                                                          pathname?.includes(\r\n                                                                            pathName\r\n                                                                          )\r\n                                                                      )?.length > 0)\r\n                                                                    ? \"flex\"\r\n                                                                    : \"none\"\r\n                                                                }\r\n                                                                width={\"22\"}\r\n                                                                height={\"22\"}\r\n                                                                direction={\"row\"}\r\n                                                                onClick={(e) => {\r\n                                                                  e.stopPropagation();\r\n                                                                  setAnchorEl3(\r\n                                                                    e.currentTarget\r\n                                                                  );\r\n                                                                  setSelectedDoc(\r\n                                                                    child\r\n                                                                  );\r\n                                                                }}\r\n                                                                position={\r\n                                                                  \"relative\"\r\n                                                                }\r\n                                                              >\r\n                                                                <IcMenuDotsVertical\r\n                                                                  fill={\r\n                                                                    openedSidebar &&\r\n                                                                      (activePathname?.includes(\r\n                                                                        pathname\r\n                                                                      ) ||\r\n                                                                        extraPathnames?.filter(\r\n                                                                          (\r\n                                                                            pathName\r\n                                                                          ) =>\r\n                                                                            pathname?.includes(\r\n                                                                              pathName\r\n                                                                            )\r\n                                                                        )?.length > 0)\r\n                                                                      ? color.primaryColor\r\n                                                                      : color.titleDark\r\n                                                                  }\r\n                                                                />\r\n                                                              </Stack>\r\n                                                            )}\r\n\r\n                                                          {openedSidebar &&\r\n                                                            mainLabel ===\r\n                                                            \"Pinned Spaces\" && (\r\n                                                              <Stack\r\n                                                                className=\"menu-dots\"\r\n                                                                display={\r\n                                                                  openedSidebar &&\r\n                                                                    (activePathname?.includes(\r\n                                                                      pathname\r\n                                                                    ) ||\r\n                                                                      extraPathnames?.filter(\r\n                                                                        (pathName) =>\r\n                                                                          pathname?.includes(\r\n                                                                            pathName\r\n                                                                          )\r\n                                                                      )?.length > 0)\r\n                                                                    ? \"flex\"\r\n                                                                    : \"none\"\r\n                                                                }\r\n                                                                width={\"22\"}\r\n                                                                height={\"22\"}\r\n                                                                direction={\"row\"}\r\n                                                                onClick={(e) => {\r\n                                                                  setUnpin(true);\r\n                                                                  e.stopPropagation();\r\n                                                                  setAnchorEl3(\r\n                                                                    e.currentTarget\r\n                                                                  );\r\n\r\n                                                                  setSelectedDoc(\r\n                                                                    child\r\n                                                                  );\r\n                                                                }}\r\n                                                                position={\r\n                                                                  \"relative\"\r\n                                                                }\r\n                                                              >\r\n                                                                <IcMenuDotsVertical\r\n                                                                  fill={\r\n                                                                    openedSidebar &&\r\n                                                                      (activePathname?.includes(\r\n                                                                        pathname\r\n                                                                      ) ||\r\n                                                                        extraPathnames?.filter(\r\n                                                                          (\r\n                                                                            pathName\r\n                                                                          ) =>\r\n                                                                            pathname?.includes(\r\n                                                                              pathName\r\n                                                                            )\r\n                                                                        )?.length > 0)\r\n                                                                      ? color.primaryColor\r\n                                                                      : color.titleDark\r\n                                                                  }\r\n                                                                />\r\n                                                              </Stack>\r\n                                                            )}\r\n                                                        </Box>\r\n                                                      </Stack>\r\n                                                    </Stack>\r\n                                                  </Stack>\r\n                                                );\r\n                                              }\r\n                                            )}\r\n                                          </Stack>\r\n                                        )}\r\n                                    </Stack>\r\n                                    {currentSubscriptionData !== null &&\r\n                                      currentSubscriptionData?.subscriptionData\r\n                                        ?.package !== \"Free\" &&\r\n                                      mainLabel === \"Spaces\" &&\r\n                                      children.length < 1 &&\r\n                                      !projectListLoading && (\r\n                                        <Stack\r\n                                          width={\"100%\"}\r\n                                          sx={{\r\n                                            borderWidth: \"1px\",\r\n                                            borderStyle: \"dashed\",\r\n                                            borderColor: \"#BABABA\",\r\n                                            alignItems: \"center\",\r\n                                            justifyContent: \"center\",\r\n                                            gap: { xl: \"16px\", xs: \"12px\" },\r\n                                            height: { xl: \"215px\", xs: \"180px\" },\r\n                                            borderRadius: \"8px\",\r\n                                          }}\r\n                                        >\r\n                                          <img\r\n                                            src={\r\n                                              s3AssetsUrl +\r\n                                              \"/images/space_placeholder.svg\"\r\n                                            }\r\n                                            width={\"65px\"}\r\n                                            alt=\"SpacePlaceHolder\"\r\n                                          />\r\n                                          <Typography\r\n                                            fontSize={{\r\n                                              xl: fontSizes.fontSize14,\r\n                                              xs: fontSizes.fontSize12px,\r\n                                            }}\r\n                                            fontWeight={400}\r\n                                            color={color.subTitle}\r\n                                            textAlign={\"center\"}\r\n                                            width={\"80%\"}\r\n                                          >\r\n                                            Organize your projects and teams by\r\n                                            creating spaces.\r\n                                          </Typography>\r\n                                          <Stack\r\n                                            direction={\"row\"}\r\n                                            gap={\"4px\"}\r\n                                            border={`1px solid ${color.primaryColor}`}\r\n                                            borderRadius={\"8px\"}\r\n                                            px={\"11px\"}\r\n                                            height={{\r\n                                              xl: \"33px\",\r\n                                              xs: \"30px\",\r\n                                            }}\r\n                                            alignItems={\"center\"}\r\n                                            sx={{\r\n                                              cursor: \"pointer\",\r\n                                              \"&:hover\": {\r\n                                                backgroundColor:\r\n                                                  color.primaryColor,\r\n                                                \"& .hover-box\": {\r\n                                                  color: \"#FFF\",\r\n                                                },\r\n                                                \"& svg path\": {\r\n                                                  stroke: \"#FFF\",\r\n                                                },\r\n                                              },\r\n                                            }}\r\n                                            onClick={() => {\r\n                                              setOpenProjectForm(true);\r\n                                            }}\r\n                                          >\r\n                                            <IcPlusSimple />\r\n                                            <Typography\r\n                                              color={color.primaryColor}\r\n                                              fontSize={{\r\n                                                xl: fontSizes.fontSize14,\r\n                                                xs: fontSizes.fontSize12px,\r\n                                              }}\r\n                                              fontWeight={500}\r\n                                              className=\"hover-box\"\r\n                                            >\r\n                                              Create Space\r\n                                            </Typography>\r\n                                          </Stack>\r\n                                        </Stack>\r\n                                      )}\r\n                                  </Stack>\r\n                                )}\r\n                            </Fragment>\r\n                          );\r\n                        })}\r\n                  </Stack>\r\n                </Stack>\r\n              </Stack>\r\n            </Stack>\r\n\r\n            {!location.pathname.includes(\"/templates\") && (\r\n              <Stack\r\n                borderTop={\"1px solid #EEEEEE\"}\r\n                px={\"10px\"}\r\n                mt={{\r\n                  xs: \"-6px\",\r\n                }}\r\n              >\r\n                <Stack\r\n                  height={{ xs: \"38px\", xl: \"40px\" }}\r\n                  flexDirection={\"row\"}\r\n                  // p={\"0px 15px 0px 20px\"}\r\n                  p={\"0px 12px 0px 14px\"}\r\n                  // pl={\"14px\"}\r\n                  alignItems={\"center\"}\r\n                  sx={{\r\n                    background:\r\n                      location.pathname === \"/trash\"\r\n                        ? color.lightPrimary\r\n                        : \"transparent\",\r\n                    cursor: \"pointer\",\r\n                    \"&:hover\": {\r\n                      background: location.pathname !== \"/trash\" && \"#F7F7F7\",\r\n                    },\r\n                  }}\r\n                  justifyContent={\"space-between\"}\r\n                  onClick={handleNavigateTrash}\r\n                  borderRadius={\"8px\"}\r\n                  margin={\"8px 4px\"}\r\n                >\r\n                  <Stack flexDirection={\"row\"} alignItems={\"center\"}>\r\n                    <IcTrash\r\n                      height={matchDownXL ? \"17\" : \"22\"}\r\n                      width={matchDownXL ? \"17\" : \"22\"}\r\n                      fill={\r\n                        location.pathname === \"/trash\"\r\n                          ? color.purple\r\n                          : color.titleDark\r\n                      }\r\n                    />\r\n                    <CustomNameTooltip arrow title={\"Trash\"}>\r\n                      <Typography\r\n                        fontSize={\"13px\"}\r\n                        height={\"20px\"}\r\n                        fontWeight={500}\r\n                        ml={\"16px\"}\r\n                        color={\r\n                          location.pathname === \"/trash\"\r\n                            ? color.purple\r\n                            : color.titleDark\r\n                        }\r\n                      >\r\n                        Trash\r\n                      </Typography>\r\n                    </CustomNameTooltip>\r\n                  </Stack>\r\n                  <IcRightSingleArrow\r\n                    height={matchDownXL ? \"11\" : \"11\"}\r\n                    width={matchDownXL ? \"11\" : \"11\"}\r\n                    fill={\r\n                      location.pathname === \"/trash\"\r\n                        ? color.purple\r\n                        : color.titleDark\r\n                    }\r\n                  />\r\n                </Stack>\r\n              </Stack>\r\n            )}\r\n          </Stack>\r\n        </div>\r\n      </div>\r\n      {showPlans && <ChoosePlan open={showPlans} setOpen={setShowPlans} />}\r\n\r\n      <UpgradeModel\r\n        open={upgradePlan}\r\n        setOpen={setUpgradePlan}\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      <CreateBlankBoard\r\n        open={modelState.isOpenModelBlank}\r\n        setOpen={(e) => {\r\n          setAnchorEl2(null);\r\n          modelState.setIsOpenModelBlank(e);\r\n        }}\r\n        handleClose={() => {\r\n          modelState.setIsOpenModelBlank(false);\r\n        }}\r\n        project_id={selectedDoc?.project_id}\r\n        isHideCategory={false}\r\n        isCloudChartTemplate={isCloudChart}\r\n        showBoardLocation={showBoardLocation}\r\n      />\r\n\r\n      {/* <ShareProjectModel\r\n        open={shareModalOpen}\r\n        handleClose={handleCloseShareModel}\r\n        projectData={shareUserProjectId}\r\n      /> */}\r\n      {/* <ShareSapceModel\r\n        open={shareModalOpen}\r\n        handleClose={handleCloseShareModel}\r\n        projectData={shareUserProjectId}\r\n      /> */}\r\n\r\n      {/* {openBoardFromTemplate && ( */}\r\n      <CreateBoardFromTemplate\r\n        handleClose={handleCloseBoardFromTemplate}\r\n        open={openBoardFromTemplate}\r\n        setOpen={setOpenBoardFromTemplate}\r\n        project_id={selectedDoc?.project_id}\r\n        isSidebar={true}\r\n        selectedTemplateData={selectedTemplateData}\r\n        setSelectedTemplateData={setSelectedTemplateData}\r\n        viewTemplate={viewTemplate}\r\n        setViewTemplate={setViewTemplate}\r\n        searchValue={searchValue}\r\n        setSearchValue={setSearchValue}\r\n        useCaseList={useCaseList}\r\n        setUseCaseList={setUseCaseList}\r\n        showUseTemplate={showUseTemplate}\r\n        setShowUseTemplate={setShowUseTemplate}\r\n        setTemplates={setTemplates}\r\n        templates={templates}\r\n        CreateBoardFromTemplate={CreateBoardFromTemplate}\r\n        templatesContainerRef={templatesContainerRef}\r\n        setIsScrollLoading={setIsScrollLoading}\r\n        isScrollLoading={isScrollLoading}\r\n        templateState={templateState}\r\n        setOpenUpgradePopup={setOpenUpgradePopup}\r\n        openUpgradePopup={openUpgradePopup}\r\n      />\r\n      {/* )} */}\r\n\r\n      {openViewTemplate && (\r\n        <ViewTemplate\r\n          backToTemplate={openBoardFromTemplate}\r\n          setSearchValue={setSearchValue}\r\n          open={openViewTemplate}\r\n          setOpen={setOpenViewTemplate}\r\n          setOpenBoardFromTemplate={setOpenBoardFromTemplate}\r\n          setShowUseTemplate={setShowUseTemplate}\r\n          useCaseId={useCaseList?.[0]?.use_case_id}\r\n          selectedTemplateData={selectedTemplateData}\r\n          setSelectedTemplateData={setSelectedTemplateData}\r\n          setTemplates={setTemplates}\r\n          handleClose={(value) => {\r\n            // setViewTemplate(value);\r\n            dispatch(setOpenViewTemplate(value));\r\n            setSelectedTemplateData(null);\r\n            // setOpen(true);\r\n            const searchParams = new URLSearchParams(location.search);\r\n            searchParams.delete(\"t_id\");\r\n            const newUrl = `${window.location.pathname\r\n              }${searchParams.toString()}`;\r\n            window.history.replaceState(null, \"\", newUrl);\r\n            localStorage.removeItem(\"redirectPath\");\r\n          }}\r\n          setOpenUpgradePopup={setOpenFreeLimitModal}\r\n          openUpgradePopup={openUpgradePopup}\r\n        />\r\n      )}\r\n\r\n      <ProjectForm\r\n        setOpen={(e) => {\r\n          setAnchorEl2(null);\r\n          setOpenProjectForm(e);\r\n        }}\r\n        setLoader={() => { }}\r\n        // getProjectDataList={getProjectDataList}\r\n        open={openProjectForm || editData.open}\r\n        editData={editData}\r\n        setEditData={setEditData}\r\n        parent={selectedDoc?.project_id}\r\n        openShareAfterCreateSpace={(takeEvent) => {\r\n          setShareModalOpen(true);\r\n          modelState.setInviteNewMembers(true);\r\n          setShareUserProjectId((prev) => {\r\n            return {\r\n              id: takeEvent.project_id,\r\n              name: takeEvent.project_name,\r\n              type: \"project\",\r\n            };\r\n          });\r\n        }}\r\n      />\r\n\r\n      <MoveBoard\r\n        boardData={showMoveBoardData}\r\n        handleClose={handleCloseMoveBoard}\r\n        open={showMoveBoardData.open}\r\n      />\r\n\r\n      <DeleteDialog\r\n        open={deleteDialog.open}\r\n        handleClose={handleCancel}\r\n        handleOk={handleOk}\r\n        title={deleteDialog.name}\r\n        heading={deleteDialog?.type === \"project\" ? \"Space\" : \"Chart\"}\r\n      />\r\n\r\n      <Popover\r\n        onContextMenu={(e) => {\r\n          e.preventDefault();\r\n        }}\r\n        id={popoverId3}\r\n        open={open3}\r\n        anchorEl={anchorEl3}\r\n        onClose={handleCloseMenu}\r\n        anchorOrigin={{\r\n          vertical: \"bottom\",\r\n          horizontal: \"left\",\r\n        }}\r\n        sx={{\r\n          \"& .MuiPaper-root\": {\r\n            p: \"14px\",\r\n            ml: \"0px\",\r\n            mt: \"20px\",\r\n            pt: 0,\r\n            boxShadow: \"none\",\r\n            bgcolor: \"transparent\",\r\n          },\r\n        }}\r\n      >\r\n        <Stack\r\n          sx={{\r\n            boxShadow: \"0px 2px 8px 0px #030B160D\",\r\n            border: \"1px solid #EFF0F3\",\r\n            display: \"flex\",\r\n            flexDirection: \"column\",\r\n            p: \"10px\",\r\n            bgcolor: \"#FFF\",\r\n            borderRadius: \"14px\",\r\n            gap: \"6px\",\r\n            minWidth: \"155px\",\r\n          }}\r\n        >\r\n          {contextMenuItems.map((item, i) => {\r\n            return (\r\n              <Stack\r\n                key={i + 1}\r\n                px={\"10px\"}\r\n                height={\"34px\"}\r\n                borderRadius={\"10px\"}\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                gap={\"8px\"}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  bgcolor: \"transparent\",\r\n                  transition: \"all 0.3s ease\",\r\n                  fontWeight: fontWeight.weight400,\r\n                  color: color.titleDark,\r\n                  borderRadius: \"16px\",\r\n                  \"&:hover\": {\r\n                    bgcolor: \"#F7F7F7\",\r\n                    borderRadius: \"8px\",\r\n                  },\r\n                }}\r\n                onClick={() => {\r\n                  item.onClick();\r\n                  handleCloseMenu();\r\n                }}\r\n              >\r\n                <Typography fontSize={14} height={\"18px\"}>\r\n                  {item.label}\r\n                </Typography>\r\n              </Stack>\r\n            );\r\n          })}\r\n        </Stack>\r\n      </Popover>\r\n\r\n      <Popover\r\n        id={popoverId}\r\n        open={open}\r\n        anchorEl={anchorEl}\r\n        onClose={handleCloseCreateChart}\r\n        anchorOrigin={{\r\n          vertical: \"bottom\",\r\n          horizontal: \"left\",\r\n        }}\r\n        sx={{\r\n          \"& .MuiPaper-root\": {\r\n            py: \"10px\",\r\n            pt: 0,\r\n            boxShadow: \"none\",\r\n            bgcolor: \"transparent\",\r\n            // mt: \"8px\",\r\n            overflowY: \"visible !important\",\r\n            overflowX: \"visible !important\",\r\n          },\r\n        }}\r\n      >\r\n        <Stack\r\n          sx={{\r\n            boxShadow: \"0px 2px 8px 0px #030B160D\",\r\n            border: \"1px solid #EFF0F3\",\r\n            p: {\r\n              xs: \"6px\",\r\n              lg: \"10px\",\r\n              xl: \"10px\",\r\n            },\r\n            borderRadius: \"14px\",\r\n            width: {\r\n              xs: \"180px\",\r\n              lg: \"225px\",\r\n              xl: \"225px\",\r\n            },\r\n            gap: {\r\n              xs: \"6px\",\r\n              lg: \"8px\",\r\n              xl: \"8px\",\r\n            },\r\n            background: \"#FFF\",\r\n            position: \"relative\",\r\n          }}\r\n        >\r\n          {/* <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n            sx={{\r\n              height: {\r\n                xs: \"30px\",\r\n                lg: \"40px\",\r\n                xl: \"40px\",\r\n              },\r\n              borderRadius: \"8px\",\r\n              cursor: \"pointer\",\r\n              background: showChartCreateOptions ? \"#F7F7F7\" : \"#FFF\",\r\n              px: {\r\n                xs: \"6px\",\r\n                lg: \"10px\",\r\n                xl: \"10px\",\r\n              },\r\n              transition: \"all 0.2s\",\r\n              \"&:hover\": {\r\n                background: \"#F7F7F7\",\r\n              },\r\n            }}\r\n            onClick={() => {\r\n              setShowChartCreateOption(!showChartCreateOptions);\r\n              setShowCollabCreateOption(false);\r\n            }}\r\n          >\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"8px\"}\r\n            >\r\n              <IcCloudChartLogoColored />\r\n              <Typography\r\n                fontSize={{\r\n                  xs: 12,\r\n                  xl: 14,\r\n                }}\r\n                height={{\r\n                  xs: 16,\r\n                  xl: 20,\r\n                }}\r\n                color={color.titleDark}\r\n              >\r\n                Cloudchart\r\n              </Typography>\r\n            </Stack>\r\n            <IcRightSingleArrow fill=color.titleDark height=\"22\" width=\"22\" />\r\n          </Stack>\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n            sx={{\r\n              height: {\r\n                xs: \"30px\",\r\n                lg: \"40px\",\r\n                xl: \"40px\",\r\n              },\r\n              borderRadius: \"8px\",\r\n              cursor: \"pointer\",\r\n              background: showChartCreateOptions ? \"#F7F7F7\" : \"#FFF\",\r\n              px: {\r\n                xs: \"6px\",\r\n                lg: \"10px\",\r\n                xl: \"10px\",\r\n              },\r\n              transition: \"all 0.2s\",\r\n              \"&:hover\": {\r\n                background: \"#F7F7F7\",\r\n              },\r\n            }}\r\n            onClick={() => {\r\n              setShowChartCreateOption(false);\r\n              setShowCollabCreateOption(!showCollabCreateOptions);\r\n            }}\r\n          >\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"8px\"}\r\n            >\r\n              <IcCloudCollabLogoColored />\r\n              <Typography\r\n                fontSize={{\r\n                  xs: 12,\r\n                  xl: 14,\r\n                }}\r\n                height={{\r\n                  xs: 16,\r\n                  xl: 20,\r\n                }}\r\n                color={color.titleDark}\r\n              >\r\n                Cloudcollab\r\n              </Typography>\r\n            </Stack>\r\n            <IcRightSingleArrow fill=color.titleDark height=\"22\" width=\"22\" />\r\n          </Stack> */}\r\n          {/* <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n            sx={{\r\n              height: {\r\n                xs: \"30px\",\r\n                lg: \"40px\",\r\n                xl: \"40px\",\r\n              },\r\n              borderRadius: \"8px\",\r\n              cursor: \"pointer\",\r\n              background: showCollabCreateOptions ? \"#F7F7F7\" : \"#FFF\",\r\n              px: {\r\n                xs: \"6px\",\r\n                lg: \"10px\",\r\n                xl: \"10px\",\r\n              },\r\n              transition: \"all 0.2s\",\r\n              \"&:hover\": {\r\n                background: \"#F7F7F7\",\r\n              },\r\n            }}\r\n            onClick={() => {\r\n              setShowChartCreateOption(false);\r\n              setShowCollabCreateOption(!showCollabCreateOptions);\r\n            }}\r\n          >\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"8px\"}\r\n            >\r\n              <IcCloudCollabLogoColored />\r\n              <Typography\r\n                fontSize={{\r\n                  xs: 12,\r\n                  xl: 14,\r\n                }}\r\n                height={{\r\n                  xs: 16,\r\n                  xl: 20,\r\n                }}\r\n                color={color.titleDark}\r\n              >\r\n                Cloudcollab\r\n              </Typography>\r\n            </Stack>\r\n            <IcRightSingleArrow fill=color.titleDark height=\"22\" width=\"22\" />\r\n          </Stack> */}\r\n\r\n          {/* team */}\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n            sx={{\r\n              height: {\r\n                xs: \"30px\",\r\n                lg: \"40px\",\r\n                xl: \"40px\",\r\n              },\r\n              borderRadius: \"8px\",\r\n              cursor: \"pointer\",\r\n              px: {\r\n                xs: \"6px\",\r\n                lg: \"10px\",\r\n                xl: \"10px\",\r\n              },\r\n              transition: \"all 0.2s\",\r\n              \"&:hover\": {\r\n                background: \"#F7F7F7\",\r\n              },\r\n            }}\r\n            onClick={handleBlankBoard}\r\n          >\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"11px\"}\r\n            >\r\n              {/* <IcFile /> */}\r\n              <Stack\r\n                bgcolor={\"#44B5FF\"}\r\n                borderRadius={\"5px\"}\r\n                width={\"28px\"}\r\n                height={\"28px\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n              >\r\n                <IcPlusSimple width=\"24\" height=\"24\" fill=\"#FFF\" />\r\n              </Stack>\r\n              <Typography\r\n                fontSize={{\r\n                  xs: 12,\r\n                  xl: 14,\r\n                }}\r\n                height={{\r\n                  xs: 16,\r\n                  xl: 20,\r\n                }}\r\n                color={color.titleDark}\r\n              >\r\n                New Board\r\n              </Typography>\r\n            </Stack>\r\n            <IcRightSingleArrow fill={color.titleDark} height=\"11\" width=\"11\" />\r\n          </Stack>\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n            sx={{\r\n              height: {\r\n                xs: \"30px\",\r\n                lg: \"40px\",\r\n                xl: \"40px\",\r\n              },\r\n              borderRadius: \"8px\",\r\n              cursor: \"pointer\",\r\n              px: {\r\n                xs: \"6px\",\r\n                lg: \"10px\",\r\n                xl: \"10px\",\r\n              },\r\n              transition: \"all 0.2s\",\r\n              \"&:hover\": {\r\n                background: \"#F7F7F7\",\r\n              },\r\n            }}\r\n            onClick={() => {\r\n              if (currentSubscription?.package === \"Free\") {\r\n                setOpenUpgradeModal(true);\r\n                setIsNewSpace(true);\r\n              } else {\r\n                setOpenProjectForm(true);\r\n              }\r\n            }}\r\n          >\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"11px\"}\r\n            >\r\n              {/* <IcFolder /> */}\r\n              <Stack\r\n                bgcolor={\"#FFAE21\"}\r\n                borderRadius={\"5px\"}\r\n                width={\"28px\"}\r\n                height={\"28px\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n              >\r\n                <IcFolder2Outlined width=\"16\" height=\"16\" fill=\"#FFF\" />\r\n              </Stack>\r\n              <Typography\r\n                fontSize={{\r\n                  xs: 12,\r\n                  xl: 14,\r\n                }}\r\n                height={{\r\n                  xs: 16,\r\n                  xl: 20,\r\n                }}\r\n                color={color.titleDark}\r\n              >\r\n                New Space\r\n              </Typography>\r\n            </Stack>\r\n            <IcRightSingleArrow fill={color.titleDark} height=\"11\" width=\"11\" />\r\n          </Stack>\r\n          {/* {currentSubscriptionData?.subscriptionData?.package?.includes(\r\n            \"Business\"\r\n          ) && ( */}\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n            sx={{\r\n              height: {\r\n                xs: \"30px\",\r\n                lg: \"40px\",\r\n                xl: \"40px\",\r\n              },\r\n              borderRadius: \"8px\",\r\n              cursor: \"pointer\",\r\n              px: {\r\n                xs: \"6px\",\r\n                lg: \"10px\",\r\n                xl: \"10px\",\r\n              },\r\n              transition: \"all 0.2s\",\r\n              \"&:hover\": {\r\n                background: \"#F7F7F7\",\r\n              },\r\n            }}\r\n            onClick={() => {\r\n              if (\r\n                currentSubscription?.package === \"Free\" ||\r\n                currentSubscription?.package?.includes(\"Professional\")\r\n              ) {\r\n                setOpenUpgradeModal(true);\r\n                setIsTeam(true);\r\n              } else {\r\n                setCreateNewTeamModal(true);\r\n              }\r\n            }}\r\n          >\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"11px\"}\r\n            >\r\n              <Stack\r\n                bgcolor={\"#8F71F7\"}\r\n                borderRadius={\"5px\"}\r\n                width={\"28px\"}\r\n                height={\"28px\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n              >\r\n                <IcUsersOutlined width=\"16\" height=\"16\" fill=\"#FFF\" />\r\n              </Stack>\r\n              <Typography\r\n                fontSize={{\r\n                  xs: 12,\r\n                  xl: 14,\r\n                }}\r\n                height={{\r\n                  xs: 16,\r\n                  xl: 20,\r\n                }}\r\n                color={\"#18181B\"}\r\n              >\r\n                New Team\r\n              </Typography>\r\n            </Stack>\r\n            <IcRightSingleArrow fill={color.titleDark} height=\"11\" width=\"11\" />\r\n          </Stack>\r\n          {/* )} */}\r\n\r\n          {(showChartCreateOptions || showCollabCreateOptions) && (\r\n            <Stack\r\n              sx={{\r\n                border: \"1px solid #EFF0F3\",\r\n                p: \"10px\",\r\n                borderRadius: \"10px\",\r\n                width: {\r\n                  xs: \"180px\",\r\n                  lg: \"225px\",\r\n                  xl: \"225px\",\r\n                },\r\n                gap: \"8px\",\r\n                background: \"#FFF\",\r\n                position: \"absolute\",\r\n                top: showCollabCreateOptions ? \"60px\" : 0,\r\n                left: \"calc(100% + 6px)\",\r\n              }}\r\n            >\r\n              <Stack\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"space-between\"}\r\n                sx={{\r\n                  height: {\r\n                    xs: \"30px\",\r\n                    lg: \"40px\",\r\n                    xl: \"40px\",\r\n                  },\r\n                  borderRadius: \"8px\",\r\n                  cursor: \"pointer\",\r\n                  px: \"10px\",\r\n                  transition: \"all 0.2s\",\r\n                  \"&:hover\": {\r\n                    background: \"#F7F7F7\",\r\n                  },\r\n                }}\r\n                onClick={() => {\r\n                  if (\r\n                    showCollabCreateOptions &&\r\n                    currentSubscriptionData?.subscriptionData?.package ===\r\n                    \"Free\"\r\n                  ) {\r\n                    setOpenUpgradePopup(true);\r\n                  } else {\r\n                    setIsCloudChart(showChartCreateOptions ? true : false);\r\n                  }\r\n                }}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 12,\r\n                    lg: 14,\r\n                    xl: 14,\r\n                  }}\r\n                  height={{\r\n                    xs: 18,\r\n                    lg: 20,\r\n                    xl: 20,\r\n                  }}\r\n                  color={color.titleDark}\r\n                >\r\n                  Create blank {showChartCreateOptions ? \"chart\" : \"board\"}\r\n                </Typography>\r\n              </Stack>\r\n              {!showCollabCreateOptions && (\r\n                <Stack\r\n                  direction={\"row\"}\r\n                  alignItems={\"center\"}\r\n                  justifyContent={\"space-between\"}\r\n                  sx={{\r\n                    height: {\r\n                      xs: \"30px\",\r\n                      lg: \"40px\",\r\n                      xl: \"40px\",\r\n                    },\r\n                    borderRadius: \"8px\",\r\n                    cursor: \"pointer\",\r\n                    px: \"10px\",\r\n                    transition: \"all 0.2s\",\r\n                    \"&:hover\": {\r\n                      background: \"#F7F7F7\",\r\n                    },\r\n                  }}\r\n                  onClick={() => {\r\n                    dispatch(setInitialTemplateSlice());\r\n                    dispatch(setOpenBoardFromTemplate(true));\r\n                    setIsCloudChart(showChartCreateOptions ? true : false);\r\n                  }}\r\n                >\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: 12,\r\n                      lg: 14,\r\n                      xl: 14,\r\n                    }}\r\n                    height={{\r\n                      xs: 18,\r\n                      lg: 20,\r\n                      xl: 20,\r\n                    }}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Create from template\r\n                  </Typography>\r\n                </Stack>\r\n              )}\r\n            </Stack>\r\n          )}\r\n        </Stack>\r\n      </Popover>\r\n\r\n      <InviteMultipleUserModel\r\n        open={modelState.inviteNewMembers}\r\n        handleCloseInviteUserModal={(takeType) => {\r\n          if (takeType && takeType === \"AddUserFromWp\") {\r\n            modelState.setInviteNewMembers(false);\r\n            if (shareModalOpen === true) {\r\n              setShareModalOpen(true);\r\n            }\r\n          } else {\r\n            shareModalOpen\r\n              ? handleCloseShareModel()\r\n              : handleCloseInviteMember();\r\n          }\r\n        }}\r\n        modalTitle={\r\n          shareModalOpen\r\n            ? // ? `Invite New Member to ${shareUserProjectId?.name}`\r\n            `Share ${shareUserProjectId?.name}`\r\n            : `Invite new user to workspace`\r\n        }\r\n        hidePermissions={shareModalOpen ? false : true}\r\n        modalSubTitle={\r\n          shareModalOpen\r\n            ? \"Collaborate seamlessly by inviting new members to your space. Assign roles and set permissions to get started.\"\r\n            : \"Collaborate with your team by inviting new users to your workspace. Assign roles to manage permissions and ensure smooth teamwork.\"\r\n        }\r\n        selectedProjectId={shareUserProjectId?.id}\r\n        selectedTeamName={shareUserProjectId?.name}\r\n        addUserFromWp={shareModalOpen && \"Add user from workspace\"}\r\n        shareModalOpen={shareModalOpen ? true : false}\r\n        hideTeams={shareModalOpen ? true : false}\r\n        showInvitedUser={shareModalOpen ? false : true}\r\n        isFromDashboardSidebar={true}\r\n      />\r\n\r\n      {/* <InviteUserMultipleModel\r\n        open={modelState.inviteNewMembers}\r\n        handleClose={handleCloseInviteMember}\r\n      /> */}\r\n\r\n      <CreateNewBoard\r\n        open={openBlankBoard}\r\n        handleClose={handleCloseBlankBoard}\r\n      />\r\n\r\n      <CreateNewSpace open={openNewSpace} handleClose={handleCloseNewSpace} />\r\n\r\n      <CreateNewTeam\r\n        open={createNewTeamModal}\r\n        setOpen={setCreateNewTeamModal}\r\n        handleClose={() => {\r\n          handleCloseNewTeam();\r\n        }}\r\n        getTeamListWithExistingValues={getTeamList}\r\n        modalTitle={\r\n          \"Set up a new team to collaborate effectively. Teams allow you to organize your workspace, assign roles, and manage projects efficiently.\"\r\n        }\r\n      />\r\n      {openUpgradePopup && (\r\n        <UpgradePlanAccess\r\n          open={openUpgradePopup}\r\n          onClose={() => {\r\n            setOpenUpgradePopup(false);\r\n          }}\r\n          setOpen={setOpenUpgradePopup}\r\n        />\r\n      )}\r\n\r\n      {openFreeLimitModal && (\r\n        <UpgradeModel\r\n          open={openFreeLimitModal}\r\n          setOpen={setOpenFreeLimitModal}\r\n          isNavigateOnClose={false}\r\n          title={\"Upgrade for Unlimited Boards\"}\r\n          subtitle={\r\n            \"You’ve reached the board limit for your current plan. Upgrade to create unlimited boards.\"\r\n          }\r\n        />\r\n      )}\r\n\r\n      <UpgradeModel\r\n        open={openUpgradeModal}\r\n        setOpen={setOpenUpgradeModal}\r\n        isNavigateOnClose={false}\r\n        title={\r\n          isTrash\r\n            ? \"Restore deleted boards anytime\"\r\n            : isTeam\r\n              ? \"Upgrade to Create Teams\"\r\n              : isNewSpace\r\n                ? \"Upgrade to Create Spaces\"\r\n                : \"Upgrade to Create More Workspaces\"\r\n        }\r\n        subtitle={\r\n          isTrash\r\n            ? \"Get full access to your trash and bring back boards you’ve deleted, hassle-free.\"\r\n            : isTeam\r\n              ? \"Team creation is available on paid plans. Upgrade to collaborate efficiently with your team.\"\r\n              : isNewSpace\r\n                ? \"Spaces are available for paid plans. Upgrade to organize projects and streamline workflows.\"\r\n                : \"Free plan users can create only one workspace. Upgrade your plan to unlock the ability to create multiple workspaces and enjoy enhanced features for better collaboration and organization.\"\r\n        }\r\n      />\r\n      {/* {openUpgradePopup && (\r\n          <UpgradePlanAccess\r\n            open={openUpgradePopup}\r\n            onClose={() => {\r\n              setOpenUpgradePopup(false);\r\n            }}\r\n          />\r\n        )} */}\r\n    </>\r\n  );\r\n};\r\n\r\nexport default SideBar;\r\n\r\nconst newSidebarItem = (\r\n  navigate,\r\n  subDocuments,\r\n  // menuPosition,\r\n  // setMenuPosition,\r\n  setSelectedDoc,\r\n  pinnedDocuments\r\n  // categories\r\n) => {\r\n  const location = window.location.pathname;\r\n\r\n  return [\r\n    {\r\n      mainLabel: \"Main\",\r\n      children: [\r\n        {\r\n          Icon: IcHomeOutlined,\r\n          label: \"Home\",\r\n          navigateTo: () => {\r\n            location !== \"/\" && navigate(\"/\");\r\n          },\r\n          activePathname: [\"/\"],\r\n          extraPathnames: [],\r\n        },\r\n        {\r\n          Icon: IcRotateClockWiseOutlined,\r\n          label: \"Recent\",\r\n          navigateTo: () => {\r\n            location !== \"/recent-charts\" && navigate(\"/recent-charts\");\r\n          },\r\n          activePathname: [\"/recent-charts\"],\r\n          extraPathnames: [],\r\n        },\r\n        {\r\n          Icon: IcStarOutlined,\r\n          label: \"Favorites\",\r\n          navigateTo: () => {\r\n            location !== \"/favorite-charts\" && navigate(\"/favorite-charts\");\r\n          },\r\n          activePathname: [\"/favorite-charts\"],\r\n          extraPathnames: [],\r\n        },\r\n        {\r\n          Icon: IcDocuementOutline,\r\n          label: \"My Documents\",\r\n          navigateTo: () => {\r\n            location !== \"/documents\" && navigate(\"/documents\");\r\n          },\r\n          activePathname: [\"/documents\"],\r\n          extraPathnames: [],\r\n        },\r\n\r\n        {\r\n          Icon: IcSharedWithMe,\r\n          label: \"Shared with me\",\r\n          navigateTo: () => {\r\n            location !== \"/share-with-me\" && navigate(\"/share-with-me\");\r\n          },\r\n          activePathname: [\"/share-with-me\"],\r\n          extraPathnames: [],\r\n        },\r\n      ],\r\n    },\r\n    {\r\n      mainLabel: \"Pinned Spaces\",\r\n      children:\r\n        pinnedDocuments.length > 0\r\n          ? pinnedDocuments.map((subChild) => ({\r\n            Icon: IcPin2,\r\n            label: subChild.project_name,\r\n            id: subChild.project_id,\r\n            navigateTo: () => {\r\n              location !== `/projects/${subChild.project_id}` &&\r\n                navigate(`/projects/${subChild.project_id}`);\r\n            },\r\n            child: subChild,\r\n            activePathname: [`/projects/${subChild.project_id}`],\r\n            extraPathnames: [],\r\n            onContextMenu: (e) => {\r\n              e.stopPropagation();\r\n              e.preventDefault();\r\n              setSelectedDoc(subChild);\r\n            },\r\n          }))\r\n          : [],\r\n    },\r\n    {\r\n      mainLabel: \"Spaces\",\r\n      children:\r\n        subDocuments.length > 0\r\n          ? subDocuments.map((subChild) => ({\r\n            Icon: IcFolder2Outlined,\r\n            label: subChild.project_name,\r\n            id: subChild.project_id,\r\n            navigateTo: () => {\r\n              location !== `/projects/${subChild.project_id}` &&\r\n                navigate(`/projects/${subChild.project_id}`);\r\n            },\r\n            child: subChild,\r\n            activePathname: [`/projects/${subChild.project_id}`],\r\n            extraPathnames: [],\r\n            onContextMenu: (e) => {\r\n              e.stopPropagation();\r\n              e.preventDefault();\r\n              setSelectedDoc(subChild);\r\n            },\r\n          }))\r\n          : [],\r\n    },\r\n  ];\r\n};\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { Box, Stack, Typography, useMediaQuery, useTheme } from \"@mui/material\";\r\nimport { commonStyles } from \"../../Utils/style/common/commonStyles\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { IcCheck } from \"../../assets/icon-components\";\r\nimport BtnColoredOutlined from \"../../common-components/buttons/BtnColoredOutlined\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport usePlanChangeClick from \"../../Utils/hooks/usePlanChangeClick\";\r\nimport {\r\n  setButtonContent,\r\n  setPlanPricesToShow,\r\n} from \"../../Redux/subscriptionSlice\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { ModelContext } from \"../../HOC/ModelContext\";\r\nexport const BUSINESS_PLAN_ITEMS = [\r\n  \"Multiple teams with unlimited boards\",\r\n  \"Private & more control workspace\",\r\n  \"Project management\",\r\n  // \"Unlimited guests\",\r\n  \"Advanced security features\",\r\n  \"Advanced integrations\",\r\n  \"Flexible payment options\",\r\n  \"90-day version history\",\r\n  \"Cloudairy AI with 100 credits/month\",\r\n];\r\nconst BusinessBundle = ({\r\n  planData,\r\n  activeDuration,\r\n  additionalSeats,\r\n  additionalSeatPrice,\r\n  currentPlanDetails,\r\n  planeList,\r\n  additionalPlan,\r\n  activeType,\r\n  addedLicenseCount,\r\n  isCreatingNewWorkSpace,\r\n  isPlanDetailsPage,\r\n  isFreePlanPage,\r\n  handleClose,\r\n  isCurrentPlanIsTrial,\r\n  isExportBusinessButtonOnly,\r\n}) => {\r\n  const dispatch = useDispatch();\r\n\r\n  const theme = useTheme();\r\n  const matchDown1400 = useMediaQuery(theme.breakpoints.down(1400));\r\n  const isInvitedUserCreatingWorkspace = JSON.parse(\r\n    localStorage.getItem(\"isHaveNotWorkspace\")\r\n  );\r\n  const { setShowReactivateModel } = useContext(ModelContext);\r\n  const MonthlyPrice = Number(\r\n    planeList?.packages?.packageList?.find(\r\n      (item) =>\r\n        item.package_name === planData.package_name &&\r\n        item.interval_type === \"month\"\r\n    )?.price || 0\r\n  );\r\n\r\n  const originalValue =\r\n    activeDuration === \"year\" ? MonthlyPrice : Number(planData?.price);\r\n  // const calculatedPrice =\r\n  //   activeDuration === \"year\"\r\n  //     ? (Number(planData?.price) / 12 + addonPrice).toFixed(2)\r\n  //     : (Number(planData?.price) + addonPrice).toFixed(2);\r\n  const calculatedPrice =\r\n    activeDuration === \"year\"\r\n      ? (Number(planData?.price) / 12).toFixed(2)\r\n      : Number(planData?.price).toFixed(2);\r\n  const currentPackage = currentPlanDetails?.subscriptionData?.package;\r\n  const packageName = planData?.package_name;\r\n  const currentPlanInterval =\r\n    currentPlanDetails?.subscriptionData?.interval_type;\r\n  const selectedLicense = currentPlanDetails?.featureLimitAndUsed?.find(\r\n    (item) => item.feature === \"user\"\r\n  )?.limit;\r\n  const isCurrentPlan =\r\n    !isInvitedUserCreatingWorkspace &&\r\n    !isCreatingNewWorkSpace &&\r\n    currentPackage === packageName;\r\n  const isYearly =\r\n    additionalSeats === selectedLicense &&\r\n    isCurrentPlan &&\r\n    currentPlanInterval === \"month\";\r\n  const isTrialPlan = planData?.is_trial || planData?.is_current_trial;\r\n  const isCancelledSubscription =\r\n    currentPlanDetails?.subscriptionData?.unsubscribe_date;\r\n  const { handleClickPlan } = usePlanChangeClick({\r\n    planData,\r\n    currentPlanDetails,\r\n    additionalSeats,\r\n    additionalPlan,\r\n    planeList,\r\n    activeDuration,\r\n    addedLicenseCount,\r\n    isYearly,\r\n    isCurrentPlan,\r\n    handleClose,\r\n    isCurrentPlanIsTrial,\r\n    isModifyingLicense:\r\n      isCurrentPlan && currentPlanInterval === \"year\"\r\n        ? true\r\n        : addedLicenseCount !== additionalSeats && isCurrentPlan,\r\n  });\r\n  /////////height-calculation/////////////\r\n  const [sectionHeight, setSectionHeight] = useState(\"auto\");\r\n  const calculateHeight = () => {\r\n    const mainModelHeight =\r\n      document.querySelector(\".plan-model\")?.offsetHeight || 0;\r\n    const outerTopHeight =\r\n      document.getElementById(\"outer-top-section\")?.offsetHeight || 0;\r\n    const outerBottomHeight =\r\n      document.getElementById(\"outer-bottom-section\")?.offsetHeight || 0;\r\n    const topSectionHeight =\r\n      document.getElementById(\"business-top-section\")?.offsetHeight || 0;\r\n\r\n    const totalHeight =\r\n      mainModelHeight - (outerTopHeight + outerBottomHeight + topSectionHeight);\r\n    setSectionHeight(`${totalHeight - 72 + 16}px`);\r\n  };\r\n  useEffect(() => {\r\n    calculateHeight(); // Calculate height on component mount\r\n    window.addEventListener(\"resize\", calculateHeight);\r\n    return () => window.removeEventListener(\"resize\", calculateHeight); // Cleanup event listener\r\n  }, [currentPlanDetails, currentPackage]);\r\n  /////////height-calculation/////////////\r\n  /////////////////// !IMPORTANT CODE DO NOT REMOVE!////////////////\r\n  // const getButtonContent = () => {\r\n  //   // if (isCurrentPlanIsTrial && isCurrentPlan) {\r\n  //   //   return \"Upgrade Now\";\r\n  //   // }\r\n  //   if (isButtonHidden) {\r\n  //     return `Getting Started with ${packageName}`;\r\n  //   }\r\n  //   if (!isCreatingNewWorkSpace && isTrialPlan && !isCurrentPlan) {\r\n  //     return `Start ${packageName} Trial`;\r\n  //   }\r\n  //   if (isCreatingNewWorkSpace || currentPackage === \"Free\") {\r\n  //     return `Getting Started with ${packageName}`;\r\n  //   }\r\n  //   if (currentPackage?.includes(\"Bundle\")) {\r\n  //     // if (!isCurrentPlan && isTrialPlan) {\r\n  //     //   return \"Getting Started with Trial\";\r\n  //     // }\r\n  //     if (addedLicenseCount !== additionalSeats && isCurrentPlan) {\r\n  //       return \"Modify License\";\r\n  //     } else if (activeType === \"Bundle\") {\r\n  //       if (\r\n  //         currentPackage?.includes(\"Business\") &&\r\n  //         currentPlanInterval === \"month\"\r\n  //       ) {\r\n  //         return \"Upgrade to annual plan\";\r\n  //       } else if (currentPackage?.includes(\"Professional\")) {\r\n  //         return `Upgrade To Business plan`;\r\n  //       } else {\r\n  //         return \"Addon License\";\r\n  //       }\r\n  //     } else {\r\n  //       return `Downgrade To ${activeType} Business Plan`;\r\n  //     }\r\n  //   } else if (currentPackage?.includes(\"Cloudcollab\")) {\r\n  //     // if (!isCurrentPlan && isTrialPlan) {\r\n  //     //   return \"Getting Started with Trial\";\r\n  //     // }\r\n  //     if (addedLicenseCount !== additionalSeats && isCurrentPlan) {\r\n  //       return \"Modify License\";\r\n  //     } else if (activeType === \"Cloudcollab\") {\r\n  //       if (\r\n  //         currentPackage?.includes(\"Business\") &&\r\n  //         currentPlanInterval === \"month\"\r\n  //       ) {\r\n  //         return \"Upgrade to annual plan\";\r\n  //       } else if (currentPackage?.includes(\"Professional\")) {\r\n  //         return `Upgrade To Business plan`;\r\n  //       } else {\r\n  //         return \"Addon License\";\r\n  //       }\r\n  //     } else if (activeType === \"Bundle\") {\r\n  //       return `Upgrade To ${activeType} Business Plan`;\r\n  //     } else {\r\n  //       return `Switch To ${activeType} Business Plan`;\r\n  //     }\r\n  //   } else if (currentPackage?.includes(\"Cloudchart\")) {\r\n  //     // if (!isCurrentPlan && isTrialPlan) {\r\n  //     //   return \"Getting Started with Trial\";\r\n  //     // }\r\n  //     if (addedLicenseCount !== additionalSeats && isCurrentPlan) {\r\n  //       return \"Modify License\";\r\n  //     } else if (activeType === \"Cloudchart\") {\r\n  //       if (\r\n  //         currentPackage?.includes(\"Business\") &&\r\n  //         currentPlanInterval === \"month\"\r\n  //       ) {\r\n  //         return \"Upgrade to annual plan\";\r\n  //       } else if (currentPackage?.includes(\"Professional\")) {\r\n  //         return `Upgrade To Business plan`;\r\n  //       } else {\r\n  //         return \"Addon License\";\r\n  //       }\r\n  //     } else if (activeType === \"Bundle\") {\r\n  //       return `Upgrade To ${activeType} Business Plan`;\r\n  //     } else {\r\n  //       return `Switch To ${activeType} Business Plan`;\r\n  //     }\r\n  //   }\r\n  // };\r\n  const isCurrentUpgradeNow =\r\n    !isCreatingNewWorkSpace &&\r\n    !isInvitedUserCreatingWorkspace &&\r\n    isTrialPlan &&\r\n    isCurrentPlan &&\r\n    isCurrentPlanIsTrial;\r\n  const getButtonContent = () => {\r\n    // if (isCurrentPlanIsTrial && isCurrentPlan) {\r\n    //   return \"Upgrade Now\";\r\n    // }\r\n    if (isButtonHidden) {\r\n      return `Getting started`;\r\n    }\r\n    if (isCancelledSubscription) {\r\n      return \"Reactivate\";\r\n    }\r\n    if (\r\n      !isCreatingNewWorkSpace &&\r\n      isTrialPlan &&\r\n      !isInvitedUserCreatingWorkspace\r\n    ) {\r\n      if (isCurrentPlan && isCurrentPlanIsTrial) {\r\n        return \"Upgrade now\";\r\n      }\r\n      return `Start a free trial`;\r\n    }\r\n    if (\r\n      isCreatingNewWorkSpace ||\r\n      currentPackage === \"Free\" ||\r\n      isInvitedUserCreatingWorkspace\r\n    ) {\r\n      return `Getting started`;\r\n    }\r\n    if (currentPackage?.includes(\"Cloudchart\")) {\r\n      // if (!isCurrentPlan && isTrialPlan) {\r\n      //   return \"Getting Started with Trial\";\r\n      // }\r\n      if (addedLicenseCount !== additionalSeats && isCurrentPlan) {\r\n        return \"Modify license\";\r\n      } else if (activeType === \"Cloudchart\") {\r\n        if (\r\n          currentPackage?.includes(\"Business\") &&\r\n          currentPlanInterval === \"month\"\r\n        ) {\r\n          return \"Switch to annual\";\r\n        } else if (currentPackage?.includes(\"Professional\")) {\r\n          return `Upgrade now`;\r\n        } else {\r\n          return \"Add licenses\";\r\n        }\r\n      } else if (activeType === \"Bundle\") {\r\n        return `Upgrade now`;\r\n      } else {\r\n        return `Switch To Business Plan`;\r\n      }\r\n    }\r\n  };\r\n  const isButtonHidden =\r\n    isCreatingNewWorkSpace || isInvitedUserCreatingWorkspace\r\n      ? false\r\n      : (currentPackage?.includes(\"Bundle Business\") ||\r\n          currentPackage?.includes(\"Bundle Professional\")) &&\r\n        activeType !== \"Bundle\";\r\n\r\n  const BUTTON_CONTENT = currentPlanDetails && getButtonContent();\r\n\r\n  const monthlyActualPrice = ((MonthlyPrice * 100) / 75).toFixed(2);\r\n  const yearlyActualPrice = ((planData?.price * 100) / 75 / 12).toFixed(2);\r\n  const isNotTrialUsed = planeList?.packages?.packageList?.find(\r\n    (item) => item.package_name !== \"Free\" && item?.is_trial\r\n  );\r\n  useEffect(() => {\r\n    dispatch(\r\n      setButtonContent({\r\n        business: BUTTON_CONTENT,\r\n      })\r\n    );\r\n    dispatch(\r\n      setPlanPricesToShow({\r\n        businessPrice: calculatedPrice,\r\n      })\r\n    );\r\n  }, [BUTTON_CONTENT, calculatedPrice]);\r\n\r\n  if (isExportBusinessButtonOnly) {\r\n    return (\r\n      <BtnColoredOutlined\r\n        height={40}\r\n        disabled={isButtonHidden}\r\n        onClick={() => {\r\n          if (isCancelledSubscription) {\r\n            setShowReactivateModel(true);\r\n          } else {\r\n            handleClickPlan(planData, isCurrentUpgradeNow);\r\n          }\r\n        }}\r\n        fullWidth\r\n        hoverSx={\r\n          (isCurrentPlan || isTrialPlan) && {\r\n            bgcolor: color.darkPrimary,\r\n          }\r\n        }\r\n        borderColor={isButtonHidden ? \"transparent\" : color.primaryColor}\r\n        sx={\r\n          isButtonHidden\r\n            ? {\r\n                background: color.commonHoverColor,\r\n                transition: \"none\",\r\n\r\n                color: \"white\",\r\n                borderRadius: commonStyles.borderRadius6,\r\n                position: \"relative\",\r\n                zIndex: 99,\r\n              }\r\n            : isCurrentPlan || isTrialPlan\r\n            ? {\r\n                transition: \"none\",\r\n                color: color.whiteColor,\r\n                borderRadius: commonStyles.borderRadius6,\r\n                position: \"relative\",\r\n                zIndex: 99,\r\n                background: color.primaryColor,\r\n                // visibility: isButtonHidden ? \"hidden\" : \"visible\",\r\n              }\r\n            : {\r\n                transition: \"none\",\r\n                color: color.primaryColor,\r\n                borderRadius: commonStyles.borderRadius6,\r\n                position: \"relative\",\r\n                zIndex: 99,\r\n                background: color.whiteColor,\r\n\r\n                // visibility: isButtonHidden ? \"hidden\" : \"visible\",\r\n              }\r\n        }\r\n      >\r\n        <Typography\r\n          fontSize={fontSizes.fontSize14}\r\n          textOverflow={\"ellipsis\"}\r\n          overflow={\"hidden\"}\r\n          whiteSpace={\"nowrap\"}\r\n          textTransform={\"none\"}\r\n        >\r\n          {BUTTON_CONTENT}\r\n        </Typography>\r\n      </BtnColoredOutlined>\r\n    );\r\n  } else {\r\n    return (\r\n      <Box\r\n        minWidth={\"300px\"}\r\n        // border={commonStyles.borderThick}\r\n        boxShadow={\"inset 0 0 0 1.34px rgb(230, 230, 230)\"}\r\n        borderRadius={commonStyles.borderRadiusMD}\r\n        // sx={\r\n        //   isCurrentPlan && {\r\n        //     boxShadow: \"inset 0px 0px 0px 2px rgba(103,98,254,1)\",\r\n        //     background:\r\n        //       \"linear-gradient(180deg, rgba(77, 131, 245, 0.05) 0%, rgba(158, 111, 255, 0.05) 100%)\",\r\n        //   }\r\n        // }\r\n        p={2}\r\n        position={\"relative\"}\r\n        overflow={\"hidden\"}\r\n        height={\"100%\"}\r\n      >\r\n        <Box id=\"business-top-section\">\r\n          <Box display={\"flex\"} justifyContent={\"space-between\"}>\r\n            <Typography\r\n              fontSize={fontSizes.modelTitle}\r\n              fontWeight={fontWeight.weight600}\r\n            >\r\n              Business\r\n            </Typography>\r\n            {/* {isCurrentPlan && (\r\n          <Typography\r\n            fontSize={fontSizes.largeFont}\r\n            fontWeight={fontWeight.weight600}\r\n            color={color.colorOffWhite}\r\n            bgcolor={color.primaryColor}\r\n            sx={{\r\n              marginBottom: 0,\r\n              display: \"flex\",\r\n              alignItems: \"end\",\r\n              borderRadius: \"10px\",\r\n              padding: \" 0px 10px\",\r\n              position: \"absolute\",\r\n              right: \"-6px\",\r\n              top: \"-7px\",\r\n              height: \"31px\",\r\n            }}\r\n          >\r\n            Current Plan\r\n          </Typography>\r\n        )} */}\r\n          </Box>\r\n          <Typography\r\n            fontSize={fontSizes.mediumFont}\r\n            color={color.subTitle}\r\n            whiteSpace={\"nowrap\"}\r\n            textOverflow={\"ellipsis\"}\r\n            overflow={\"hidden\"}\r\n            mb={2}\r\n            mt={1}\r\n          >\r\n            Unlock the full power of Cloudairy with the Business plan\r\n          </Typography>\r\n\r\n          <Box display={\"flex\"} flexDirection={\"column\"} gap={\"8px\"}>\r\n            <Box\r\n              display={\"flex\"}\r\n              gap={0.5}\r\n              alignItems={\"baseline\"}\r\n              flexWrap={\"wrap\"}\r\n            >\r\n              <Typography\r\n                color={\"#171617\"}\r\n                fontSize={fontSizes.fontSize28}\r\n                fontWeight={fontWeight.weight600}\r\n              >\r\n                {activeDuration === \"month\" && activeType === \"Bundle\" && (\r\n                  <Typography\r\n                    mr={1}\r\n                    display={\"inline\"}\r\n                    color={color.subTitle}\r\n                    fontSize={fontSizes.xLargeFont}\r\n                    fontWeight={fontWeight.weight500}\r\n                    sx={{\r\n                      textDecoration: \"line-through\",\r\n                    }}\r\n                  >\r\n                    ${monthlyActualPrice}\r\n                  </Typography>\r\n                )}\r\n                {planData?.price ? (\r\n                  <>\r\n                    {activeDuration === \"year\" && (\r\n                      <Typography\r\n                        mr={1}\r\n                        display={\"inline\"}\r\n                        color={color.subTitle}\r\n                        fontSize={fontSizes.xLargeFont}\r\n                        fontWeight={fontWeight.weight500}\r\n                        sx={{\r\n                          textDecoration: \"line-through\",\r\n                        }}\r\n                      >\r\n                        $\r\n                        {Number(\r\n                          activeType === \"Bundle\"\r\n                            ? yearlyActualPrice\r\n                            : originalValue\r\n                        ).toFixed(2)}\r\n                      </Typography>\r\n                    )}\r\n                    ${calculatedPrice}\r\n                  </>\r\n                ) : (\r\n                  \"$0.00\"\r\n                )}\r\n              </Typography>\r\n\r\n              <Typography color={color.subTitle} fontSize={fontSizes.largeFont}>\r\n                /month\r\n              </Typography>\r\n              <Typography\r\n                fontSize={fontSizes.mediumFont}\r\n                color={color.successColor}\r\n                fontWeight={fontWeight.weight500}\r\n                display={\"flex\"}\r\n                alignItems={\"baseline\"}\r\n                height={\"19px\"}\r\n              >\r\n                {\r\n                  // activeDuration === \"year\" ||\r\n                  // activeDuration === \"month\" &&\r\n                  activeType === \"Bundle\" ? (\r\n                    <Stack\r\n                      height={\"24px\"}\r\n                      borderRadius={\"35px\"}\r\n                      direction={\"row\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"center\"}\r\n                      px={\"10px\"}\r\n                      ml={\"7px\"}\r\n                      sx={{\r\n                        background:\r\n                          \"linear-gradient(151.67deg, #FF9900 13.5%, #FF6A3A 85.38%)\",\r\n                      }}\r\n                    >\r\n                      <Typography\r\n                        fontSize={10.8}\r\n                        color={\"#FFF\"}\r\n                        height={\"14px\"}\r\n                        fontWeight={600}\r\n                        sx={{ whiteSpace: \"nowrap\" }}\r\n                      >\r\n                        {activeType === \"Bundle\"\r\n                          ? \"25% Discount\"\r\n                          : \"20% Discount\"}\r\n                      </Typography>\r\n                    </Stack>\r\n                  ) : (\r\n                    \"\"\r\n                  )\r\n                }\r\n              </Typography>\r\n            </Box>\r\n            {/* <Box height={\"19px\"}></Box> */}\r\n          </Box>\r\n\r\n          {/* <Box mt={2}>\r\n        <Typography\r\n          color={color.titleDark}\r\n          fontSize={fontSizes.mediumFont}\r\n          fontWeight={fontWeight.weight600}\r\n          sx={{\r\n            mb: \"4px\",\r\n          }}\r\n        >\r\n          Products included:\r\n        </Typography>\r\n        <Box display={\"flex\"} gap={1}>\r\n          <Box\r\n            border={\"0.84px solid #84838233\"}\r\n            borderRadius={commonStyles.borderRadiusMD}\r\n            display={\r\n              activeType === \"Bundle\" || activeType === \"Cloudcollab\"\r\n                ? \"flex\"\r\n                : \"none\"\r\n            }\r\n            gap={1}\r\n            p={1}\r\n            width={\"fit-content\"}\r\n          >\r\n            <IcCloudCollabLogoColored height={20} width={20} />\r\n            <Typography color={color.titleDark} fontSize={fontSizes.mediumFont}>\r\n              Cloudcollab\r\n            </Typography>\r\n          </Box>\r\n          <Box\r\n            border={\"0.84px solid #84838233\"}\r\n            borderRadius={commonStyles.borderRadiusMD}\r\n            display={\r\n              activeType === \"Bundle\" || activeType === \"Cloudchart\"\r\n                ? \"flex\"\r\n                : \"none\"\r\n            }\r\n            gap={1}\r\n            p={1}\r\n            width={\"fit-content\"}\r\n          >\r\n            <IcCloudChartLogoColored height={20} width={20} />\r\n            <Typography color={color.titleDark} fontSize={fontSizes.mediumFont}>\r\n              Cloudchart\r\n            </Typography>\r\n          </Box>\r\n        </Box>\r\n      </Box> */}\r\n\r\n          <BtnColoredOutlined\r\n            height={40}\r\n            disabled={isButtonHidden}\r\n            onClick={() => {\r\n              if (isCancelledSubscription) {\r\n                setShowReactivateModel(true);\r\n              } else {\r\n                handleClickPlan(planData, isCurrentUpgradeNow);\r\n              }\r\n            }}\r\n            fullWidth\r\n            hoverSx={\r\n              (isCurrentPlan || isTrialPlan) && {\r\n                bgcolor: color.darkPrimary,\r\n              }\r\n            }\r\n            borderColor={isButtonHidden ? \"transparent\" : color.primaryColor}\r\n            sx={\r\n              isButtonHidden\r\n                ? {\r\n                    background: color.commonHoverColor,\r\n                    transition: \"none\",\r\n\r\n                    mt: 2,\r\n                    mb: 1,\r\n                    color: \"white\",\r\n                    borderRadius: commonStyles.borderRadius6,\r\n                    position: \"relative\",\r\n                    zIndex: 99,\r\n                  }\r\n                : isCurrentPlan || isTrialPlan\r\n                ? {\r\n                    mt: 2,\r\n                    mb: 1,\r\n                    transition: \"none\",\r\n                    color: color.whiteColor,\r\n                    borderRadius: commonStyles.borderRadius6,\r\n                    position: \"relative\",\r\n                    zIndex: 99,\r\n                    background: color.primaryColor,\r\n                    // visibility: isButtonHidden ? \"hidden\" : \"visible\",\r\n                  }\r\n                : {\r\n                    mt: 2,\r\n                    mb: 1,\r\n                    transition: \"none\",\r\n                    color: color.primaryColor,\r\n                    borderRadius: commonStyles.borderRadius6,\r\n                    position: \"relative\",\r\n                    zIndex: 99,\r\n                    background: color.whiteColor,\r\n\r\n                    // visibility: isButtonHidden ? \"hidden\" : \"visible\",\r\n                  }\r\n            }\r\n          >\r\n            <Typography\r\n              fontSize={fontSizes.fontSize14}\r\n              textOverflow={\"ellipsis\"}\r\n              overflow={\"hidden\"}\r\n              whiteSpace={\"nowrap\"}\r\n              textTransform={\"none\"}\r\n            >\r\n              {BUTTON_CONTENT}\r\n            </Typography>\r\n          </BtnColoredOutlined>\r\n\r\n          {/* {(isCurrentPlan && !currentPlanDetails?.subscriptionData?.is_trial\r\n        ? false\r\n        : true) &&\r\n        (currentPackage === \"Free\" && isTrialPlan ? true : isTrialPlan) &&\r\n        !isButtonHidden &&\r\n        !isCreatingNewWorkSpace && ( */}\r\n          {!isCancelledSubscription &&\r\n            !isButtonHidden &&\r\n            !isCreatingNewWorkSpace &&\r\n            !isInvitedUserCreatingWorkspace &&\r\n            (isTrialPlan\r\n              ? true\r\n              : !currentPackage?.includes(\"Professional\") &&\r\n                currentPlanInterval !== \"year\") &&\r\n            (currentPackage === \"Free\" && !isTrialPlan ? false : true) && (\r\n              <Box\r\n                display={\"flex\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                gap={1}\r\n                mb={1}\r\n              >\r\n                <Box>or</Box>\r\n                <Typography\r\n                  textAlign={\"center\"}\r\n                  onClick={() => {\r\n                    handleClickPlan(\r\n                      planData,\r\n                      isCurrentPlanIsTrial\r\n                        ? false\r\n                        : currentPackage === \"Free\" && isTrialPlan\r\n                        ? true\r\n                        : isTrialPlan && !isCurrentPlan && isCurrentPlanIsTrial\r\n                        ? \"isUpgradeNow\"\r\n                        : false\r\n                    );\r\n                  }}\r\n                  fontSize={fontSizes.fontSize14}\r\n                  color={color.primaryColor}\r\n                  fontWeight={fontWeight.weight600}\r\n                  sx={{\r\n                    \"&:hover\": {\r\n                      textDecoration: \"underline\",\r\n                    },\r\n                    cursor: \"pointer\",\r\n                  }}\r\n                >\r\n                  {currentPackage === \"Free\" && isTrialPlan\r\n                    ? \"Upgrade now\"\r\n                    : isTrialPlan && !isCurrentPlan && isCurrentPlanIsTrial\r\n                    ? \" Upgrade now\"\r\n                    : \"Add licenses\"}\r\n                </Typography>\r\n              </Box>\r\n            )}\r\n          <Typography\r\n            fontSize={fontSizes.fontSize13}\r\n            fontWeight={fontWeight.weight600}\r\n            color={color.titleDark}\r\n          >\r\n            All features in Pro Plan, plus\r\n          </Typography>\r\n          {/* )} */}\r\n        </Box>\r\n        <Box\r\n          className=\"features-main-section\"\r\n          sx={{\r\n            overflow: \"auto\",\r\n            height: { lg: sectionHeight, md: \"100%\" },\r\n          }}\r\n        >\r\n          <Box\r\n            position={\"sticky\"}\r\n            top={0}\r\n            height={{ xl: \"16px\", sm: \"12px\" }}\r\n            bgcolor={color.whiteColor}\r\n          ></Box>\r\n          {BUSINESS_PLAN_ITEMS.map((item, index) => {\r\n            return (\r\n              <Box\r\n                display={\"flex\"}\r\n                alignItems={\"center\"}\r\n                gap={1}\r\n                mt={index === 0 ? 0 : { xl: 2, sm: 1.5 }}\r\n                mb={{ xl: 2, sm: 1.5 }}\r\n              >\r\n                <IcCheck fill={color.primaryColor} />\r\n                <Typography\r\n                  fontSize={fontSizes.mediumFont}\r\n                  color={color.titleDark}\r\n                >\r\n                  {item}\r\n                </Typography>\r\n              </Box>\r\n            );\r\n          })}\r\n        </Box>\r\n      </Box>\r\n    );\r\n  }\r\n};\r\n\r\nexport default BusinessBundle;\r\n","import React, { useContext, useEffect, useState } from \"react\";\r\nimport { Box, Stack, Typography, useMediaQuery, useTheme } from \"@mui/material\";\r\nimport { commonStyles } from \"../../Utils/style/common/commonStyles\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { IcCheck } from \"../../assets/icon-components\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport usePlanChangeClick from \"../../Utils/hooks/usePlanChangeClick\";\r\nimport BtnColoredOutlined from \"../../common-components/buttons/BtnColoredOutlined\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport {\r\n  setButtonContent,\r\n  setPlanPricesToShow,\r\n} from \"../../Redux/subscriptionSlice\";\r\nimport { ModelContext } from \"../../HOC/ModelContext\";\r\nexport const PRO_PLAN_ITEMS = [\r\n  \"Unlimited boards\",\r\n  \"Private workspace\",\r\n  // \"Premium icons library\",\r\n  \"Sharable team space\",\r\n  \"Securely shared boards\",\r\n  \"Access to premium templates\",\r\n  \"Unlimited file exports\",\r\n  \"Unlimited shapes per board\",\r\n  \"Unlimited custom templates\",\r\n  \"30-day version history\",\r\n  \"1 GB of storage\",\r\n  \"Cloudairy AI with 50 credits/month\",\r\n  \"Chat, email, and priority support\",\r\n  \"Unlimited guests\",\r\n];\r\nconst ProfessionalBundle = ({\r\n  planData,\r\n  activeDuration,\r\n  currentPlanDetails,\r\n  additionalSeats,\r\n  additionalSeatPrice,\r\n  additionalPlan,\r\n  planeList,\r\n  activeType,\r\n  addedLicenseCount,\r\n  isCreatingNewWorkSpace,\r\n  isPlanDetailsPage,\r\n  isFreePlanPage,\r\n  handleClose,\r\n  isCurrentPlanIsTrial,\r\n  isExportProButtonOnly,\r\n}) => {\r\n  const theme = useTheme();\r\n  const dispatch = useDispatch();\r\n  const matchDown1400 = useMediaQuery(theme.breakpoints.down(1400));\r\n  const { setShowReactivateModel } = useContext(ModelContext);\r\n  const isInvitedUserCreatingWorkspace = JSON.parse(\r\n    localStorage.getItem(\"isHaveNotWorkspace\")\r\n  );\r\n  const MonthlyPrice = Number(\r\n    planeList?.packages?.packageList?.find(\r\n      (item) =>\r\n        item.package_name === planData.package_name &&\r\n        item.interval_type === \"month\"\r\n    )?.price || 0\r\n  );\r\n  const originalValue =\r\n    activeDuration === \"year\" ? MonthlyPrice : Number(planData?.price);\r\n\r\n  const calculatedPrice =\r\n    activeDuration === \"year\"\r\n      ? (Number(planData?.price) / 12).toFixed(2)\r\n      : Number(planData?.price).toFixed(2);\r\n\r\n  const currentPackage = currentPlanDetails?.subscriptionData?.package;\r\n  const packageName = planData?.package_name;\r\n  const currentPlanInterval =\r\n    currentPlanDetails?.subscriptionData?.interval_type;\r\n  const selectedLicense = currentPlanDetails?.featureLimitAndUsed?.find(\r\n    (item) => item.feature === \"user\"\r\n  )?.limit;\r\n  const isCurrentPlan =\r\n    !isInvitedUserCreatingWorkspace &&\r\n    !isCreatingNewWorkSpace &&\r\n    currentPackage === packageName;\r\n  const isYearly =\r\n    additionalSeats === selectedLicense &&\r\n    isCurrentPlan &&\r\n    currentPlanInterval === \"month\";\r\n  const isTrialPlan = planData?.is_trial || planData?.is_current_trial;\r\n  const isCurrentPlanWithoutTrial =\r\n    isCurrentPlan && isTrialPlan && planData?.is_current_trial;\r\n  const isCancelledSubscription =\r\n    currentPlanDetails?.subscriptionData?.unsubscribe_date &&\r\n    !isCreatingNewWorkSpace &&\r\n    !isInvitedUserCreatingWorkspace;\r\n  const { handleClickPlan } = usePlanChangeClick({\r\n    planData,\r\n    currentPlanDetails,\r\n    additionalSeats,\r\n    additionalPlan,\r\n    planeList,\r\n    activeDuration,\r\n    addedLicenseCount,\r\n    isYearly,\r\n    isCurrentPlan,\r\n    handleClose,\r\n    isCurrentPlanIsTrial,\r\n    isModifyingLicense:\r\n      isCurrentPlan && currentPlanInterval === \"year\"\r\n        ? true\r\n        : addedLicenseCount !== additionalSeats && isCurrentPlan,\r\n  });\r\n  /////////height-calculation/////////////\r\n  const [sectionHeight, setSectionHeight] = useState(\"auto\");\r\n  const calculateHeight = () => {\r\n    const mainModelHeight =\r\n      document.querySelector(\".plan-model\")?.offsetHeight || 0;\r\n    const outerTopHeight =\r\n      document.getElementById(\"outer-top-section\")?.offsetHeight || 0;\r\n    const outerBottomHeight =\r\n      document.getElementById(\"outer-bottom-section\")?.offsetHeight || 0;\r\n    const topSectionHeight =\r\n      document.getElementById(\"pro-top-section\")?.offsetHeight || 0;\r\n\r\n    const totalHeight =\r\n      mainModelHeight - (outerTopHeight + outerBottomHeight + topSectionHeight);\r\n\r\n    setSectionHeight(`${totalHeight - 72 + 16}px`);\r\n  };\r\n  useEffect(() => {\r\n    calculateHeight(); // Calculate height on component mount\r\n    window.addEventListener(\"resize\", calculateHeight);\r\n    return () => window.removeEventListener(\"resize\", calculateHeight); // Cleanup event listener\r\n  }, [currentPlanDetails, currentPackage]);\r\n  /////////height-calculation/////////////\r\n\r\n  /////////////////// !IMPORTANT CODE DO NOT REMOVE!////////////////\r\n  // const getButtonContent = () => {\r\n  //   if (isButtonHidden) {\r\n  //     return `Getting Started with ${packageName}`;\r\n  //   }\r\n  //   if (!isCreatingNewWorkSpace && isTrialPlan && !isCurrentPlan) {\r\n  //     return `Start ${packageName} Trial`;\r\n  //   }\r\n  //   if (isCreatingNewWorkSpace || currentPackage === \"Free\") {\r\n  //     return `Getting Started with ${packageName}`;\r\n  //   }\r\n  //   if (currentPackage?.includes(\"Bundle\")) {\r\n  //     // if (!isCurrentPlan && isTrialPlan) {\r\n  //     //   return \"Getting Started with Trial\";\r\n  //     // }\r\n\r\n  //     if (addedLicenseCount !== additionalSeats && isCurrentPlan) {\r\n  //       return \"Modify License\";\r\n  //     } else if (activeType === \"Bundle\") {\r\n  //       if (currentPackage?.includes(\"Business\")) {\r\n  //         return `Downgrade`;\r\n  //       } else if (\r\n  //         currentPackage?.includes(\"Professional\") &&\r\n  //         currentPlanInterval === \"month\"\r\n  //       ) {\r\n  //         return \"Upgrade to annual plan\";\r\n  //       } else {\r\n  //         return \"Addon License\";\r\n  //       }\r\n  //     } else {\r\n  //       return `Downgrade To ${activeType} Professional Plan`;\r\n  //     }\r\n  //   } else if (currentPackage?.includes(\"Cloudcollab\")) {\r\n  //     // if (!isCurrentPlan && isTrialPlan) {\r\n  //     //   return \"Getting Started with Trial\";\r\n  //     // }\r\n  //     if (addedLicenseCount !== additionalSeats && isCurrentPlan) {\r\n  //       return \"Modify License\";\r\n  //     } else if (activeType === \"Cloudcollab\") {\r\n  //       if (currentPackage?.includes(\"Business\")) {\r\n  //         return `Downgrade`;\r\n  //       } else if (\r\n  //         currentPackage?.includes(\"Professional\") &&\r\n  //         currentPlanInterval === \"month\"\r\n  //       ) {\r\n  //         return \"Upgrade to annual plan\";\r\n  //       } else {\r\n  //         return \"Addon License\";\r\n  //       }\r\n  //     } else if (activeType === \"Bundle\") {\r\n  //       return `Upgrade To ${activeType} Professional Plan`;\r\n  //     } else {\r\n  //       return `Switch To ${activeType} Professional Plan`;\r\n  //     }\r\n  //   } else if (currentPackage?.includes(\"Cloudchart\")) {\r\n  //     // if (!isCurrentPlan && isTrialPlan) {\r\n  //     //   return \"Getting Started with Trial\";\r\n  //     // }\r\n  //     if (addedLicenseCount !== additionalSeats && isCurrentPlan) {\r\n  //       return \"Modify License\";\r\n  //     } else if (activeType === \"Cloudchart\") {\r\n  //       if (currentPackage?.includes(\"Business\")) {\r\n  //         return `Downgrade`;\r\n  //       } else if (\r\n  //         currentPackage?.includes(\"Professional\") &&\r\n  //         currentPlanInterval === \"month\"\r\n  //       ) {\r\n  //         return \"Upgrade to annual plan\";\r\n  //       } else {\r\n  //         return \"Addon License\";\r\n  //       }\r\n  //     } else if (activeType === \"Bundle\") {\r\n  //       return `Upgrade To ${activeType} Professional Plan`;\r\n  //     } else {\r\n  //       return `Switch To ${activeType} Professional Plan`;\r\n  //     }\r\n  //   }\r\n  // };\r\n  const isCurrentUpgradeNow =\r\n    !isInvitedUserCreatingWorkspace &&\r\n    !isCreatingNewWorkSpace &&\r\n    isTrialPlan &&\r\n    isCurrentPlan &&\r\n    isCurrentPlanIsTrial;\r\n  const getButtonContent = () => {\r\n    if (isButtonHidden) {\r\n      return `Unavailable`;\r\n    }\r\n    if (isCancelledSubscription) {\r\n      return \"Reactivate\";\r\n    }\r\n    if (\r\n      !isCreatingNewWorkSpace &&\r\n      isTrialPlan &&\r\n      !isInvitedUserCreatingWorkspace\r\n    ) {\r\n      if (isCurrentPlan && isCurrentPlanIsTrial) {\r\n        return \"Upgrade now\";\r\n      }\r\n      return `Start a free trial`;\r\n    }\r\n    if (\r\n      isCreatingNewWorkSpace ||\r\n      currentPackage === \"Free\" ||\r\n      isInvitedUserCreatingWorkspace\r\n    ) {\r\n      return `Getting started`;\r\n    }\r\n    if (currentPackage?.includes(\"Cloudchart\")) {\r\n      // if (!isCurrentPlan && isTrialPlan) {\r\n      //   return \"Getting Started with Trial\";\r\n      // }\r\n      if (addedLicenseCount !== additionalSeats && isCurrentPlan) {\r\n        return \"Modify license\";\r\n      } else if (activeType === \"Cloudchart\") {\r\n        if (currentPackage?.includes(\"Business\")) {\r\n          return `Downgrade`;\r\n        } else if (\r\n          currentPackage?.includes(\"Professional\") &&\r\n          currentPlanInterval === \"month\"\r\n        ) {\r\n          return \"Switch to annual\";\r\n        } else {\r\n          return \"Add licenses\";\r\n        }\r\n      } else if (activeType === \"Bundle\") {\r\n        return `Upgrade now`;\r\n      } else {\r\n        return `Switch To Professional Plan`;\r\n      }\r\n    }\r\n  };\r\n\r\n  const isButtonHidden =\r\n    !isCreatingNewWorkSpace &&\r\n    !isInvitedUserCreatingWorkspace &&\r\n    (currentPackage?.includes(\"Bundle Business\") ||\r\n      ((currentPackage?.includes(\"Cloudcollab Business\") ||\r\n        currentPackage?.includes(\"Cloudchart Business\")) &&\r\n        activeType === \"Cloudcollab\") ||\r\n      ((currentPackage?.includes(\"Cloudcollab Business\") ||\r\n        currentPackage?.includes(\"Cloudchart Business\")) &&\r\n        activeType === \"Cloudchart\") ||\r\n      (currentPackage?.includes(\"Bundle Professional\") &&\r\n        activeType !== \"Bundle\"));\r\n\r\n  const BUTTON_CONTENT = currentPlanDetails && getButtonContent();\r\n\r\n  const monthlyActualPrice = ((MonthlyPrice * 100) / 75).toFixed(2);\r\n  const yearlyActualPrice = ((planData?.price * 100) / 75 / 12).toFixed(2);\r\n  const isNotTrialUsed = planeList?.packages?.packageList?.find(\r\n    (item) => item.package_name !== \"Free\" && item?.is_trial\r\n  );\r\n  useEffect(() => {\r\n    dispatch(\r\n      setButtonContent({\r\n        professional: BUTTON_CONTENT,\r\n      })\r\n    );\r\n    dispatch(\r\n      setPlanPricesToShow({\r\n        professionalPrice: calculatedPrice,\r\n      })\r\n    );\r\n  }, [BUTTON_CONTENT, calculatedPrice]);\r\n  if (isExportProButtonOnly) {\r\n    return (\r\n      <BtnColoredOutlined\r\n        height={40}\r\n        fullWidth\r\n        disabled={isButtonHidden}\r\n        borderColor={isButtonHidden ? \"transparent\" : color.primaryColor}\r\n        hoverSx={{\r\n          // (isCurrentPlan || isTrialPlan) && {\r\n          bgcolor: color.darkPrimary,\r\n        }}\r\n        sx={\r\n          isButtonHidden\r\n            ? {\r\n                background: \"#6762FE1A\",\r\n                transition: \"none\",\r\n                color: \"#6762FE66 !important\",\r\n\r\n                // color: \"white\",\r\n                borderRadius: commonStyles.borderRadius6,\r\n                position: \"relative\",\r\n                zIndex: 99,\r\n              }\r\n            : // isCurrentPlan || isTrialPlan\r\n              // ?\r\n              {\r\n                transition: \"none\",\r\n\r\n                color: \"white\",\r\n                borderRadius: commonStyles.borderRadius6,\r\n                position: \"relative\",\r\n                zIndex: 99,\r\n                background: color.primaryColor,\r\n              }\r\n          // : {\r\n          //     my: 2,\r\n          //     // mb: 1,\r\n          //     transition: \"none\",\r\n          //     color: color.primaryColor,\r\n          //     borderRadius: commonStyles.borderRadius6,\r\n          //     position: \"relative\",\r\n          //     zIndex: 99,\r\n          //     background: color.whiteColor,\r\n          //   }\r\n        }\r\n        // hoverSx={{\r\n        //   background: color.primaryColor,\r\n        // }}\r\n        onClick={() => {\r\n          if (isCancelledSubscription) {\r\n            setShowReactivateModel(true);\r\n          } else {\r\n            handleClickPlan(planData, isCurrentUpgradeNow);\r\n          }\r\n        }}\r\n      >\r\n        <Typography\r\n          fontSize={fontSizes.fontSize14}\r\n          textOverflow={\"ellipsis\"}\r\n          overflow={\"hidden\"}\r\n          whiteSpace={\"nowrap\"}\r\n          textTransform={\"none\"}\r\n          // color={isP color.colorOffWhite}\r\n        >\r\n          {BUTTON_CONTENT}\r\n        </Typography>\r\n      </BtnColoredOutlined>\r\n    );\r\n  } else {\r\n    return (\r\n      <Box\r\n        minWidth={\"300px\"}\r\n        sx={{\r\n          boxShadow: \"inset 0px 0px 0px 2px rgba(103,98,254,1)\",\r\n          background: \"#f7f7ff\",\r\n        }}\r\n        borderRadius={commonStyles.borderRadiusMD}\r\n        p={2}\r\n        position={\"relative\"}\r\n        overflow={\"hidden\"}\r\n      >\r\n        <Box>\r\n          <Box id=\"pro-top-section\">\r\n            <Box display={\"flex\"} justifyContent={\"space-between\"}>\r\n              <Typography\r\n                fontSize={fontSizes.modelTitle}\r\n                fontWeight={fontWeight.weight600}\r\n              >\r\n                Professional\r\n              </Typography>\r\n\r\n              {/* {isCurrentPlan && (\r\n            <Typography\r\n              fontSize={fontSizes.largeFont}\r\n              fontWeight={fontWeight.weight600}\r\n              color={color.colorOffWhite}\r\n              bgcolor={color.primaryColor}\r\n              sx={{\r\n                marginBottom: 0,\r\n                display: \"flex\",\r\n                alignItems: \"end\",\r\n                borderRadius: \"10px\",\r\n                padding: \" 0px 10px\",\r\n                position: \"absolute\",\r\n                right: \"-6px\",\r\n                top: \"-7px\",\r\n                height: \"31px\",\r\n              }}\r\n            >\r\n              Current Plan\r\n            </Typography>\r\n          )}\r\n          {!currentPackage?.includes(\"Business\") &&\r\n            !isCurrentPlan &&\r\n            !currentPackage?.includes(\"Professional\") && (\r\n              <Typography\r\n                fontSize={fontSizes.largeFont}\r\n                fontWeight={fontWeight.weight600}\r\n                color={color.colorOffWhite}\r\n                bgcolor={color.primaryColor}\r\n                sx={{\r\n                  marginBottom: 0,\r\n                  display: \"flex\",\r\n                  alignItems: \"end\",\r\n                  borderRadius: \"10px\",\r\n                  padding: \" 0px 10px\",\r\n                  position: \"absolute\",\r\n                  right: \"-6px\",\r\n                  top: \"-7px\",\r\n                  height: \"31px\",\r\n                }}\r\n              >\r\n                Recommended\r\n              </Typography>\r\n            )} */}\r\n            </Box>\r\n            <Typography\r\n              fontSize={fontSizes.mediumFont}\r\n              color={color.subTitle}\r\n              mb={2}\r\n              mt={1}\r\n              whiteSpace={\"nowrap\"}\r\n              textOverflow={\"ellipsis\"}\r\n              overflow={\"hidden\"}\r\n            >\r\n              Upgrade to Professional for unlimited boards and more\r\n            </Typography>\r\n\r\n            <Box display={\"flex\"} flexDirection={\"column\"} gap={\"8px\"}>\r\n              <Box\r\n                display={\"flex\"}\r\n                gap={0.5}\r\n                alignItems={\"baseline\"}\r\n                flexWrap={\"wrap\"}\r\n              >\r\n                <Typography\r\n                  color={\"#171617\"}\r\n                  fontSize={fontSizes.fontSize28}\r\n                  fontWeight={fontWeight.weight600}\r\n                >\r\n                  {activeDuration === \"month\" && activeType === \"Bundle\" && (\r\n                    <Typography\r\n                      mr={1}\r\n                      display={\"inline\"}\r\n                      color={color.subTitle}\r\n                      fontSize={fontSizes.xLargeFont}\r\n                      fontWeight={fontWeight.weight500}\r\n                      sx={{\r\n                        textDecoration: \"line-through\",\r\n                      }}\r\n                    >\r\n                      ${monthlyActualPrice}\r\n                    </Typography>\r\n                  )}\r\n                  {planData?.price ? (\r\n                    <>\r\n                      {activeDuration === \"year\" && (\r\n                        <Typography\r\n                          mr={1}\r\n                          display={\"inline\"}\r\n                          color={color.subTitle}\r\n                          fontSize={fontSizes.xLargeFont}\r\n                          fontWeight={fontWeight.weight500}\r\n                          sx={{\r\n                            textDecoration: \"line-through\",\r\n                          }}\r\n                        >\r\n                          $\r\n                          {Number(\r\n                            activeType === \"Bundle\"\r\n                              ? yearlyActualPrice\r\n                              : originalValue\r\n                          ).toFixed(2)}\r\n                        </Typography>\r\n                      )}\r\n                      ${calculatedPrice}\r\n                    </>\r\n                  ) : (\r\n                    \"$0.00\"\r\n                  )}\r\n                </Typography>\r\n                <Typography\r\n                  color={color.subTitle}\r\n                  fontSize={fontSizes.largeFont}\r\n                >\r\n                  /month\r\n                </Typography>\r\n                <Typography\r\n                  fontSize={fontSizes.mediumFont}\r\n                  color={color.successColor}\r\n                  fontWeight={fontWeight.weight500}\r\n                  display={\"flex\"}\r\n                  alignItems={\"baseline\"}\r\n                  height={\"19px\"}\r\n                >\r\n                  {\r\n                    // activeDuration === \"year\" ||\r\n                    // activeDuration === \"month\" &&\r\n                    activeType === \"Bundle\" ? (\r\n                      <Stack\r\n                        height={\"24px\"}\r\n                        borderRadius={\"35px\"}\r\n                        direction={\"row\"}\r\n                        alignItems={\"center\"}\r\n                        justifyContent={\"center\"}\r\n                        px={\"10px\"}\r\n                        ml={\"7px\"}\r\n                        sx={{\r\n                          background:\r\n                            \"linear-gradient(151.67deg, #FF9900 13.5%, #FF6A3A 85.38%)\",\r\n                        }}\r\n                      >\r\n                        <Typography\r\n                          fontSize={10.8}\r\n                          color={\"#FFF\"}\r\n                          height={\"14px\"}\r\n                          fontWeight={600}\r\n                          sx={{ whiteSpace: \"nowrap\" }}\r\n                        >\r\n                          {activeType === \"Bundle\"\r\n                            ? \"25% Discount\"\r\n                            : \"20% Discount\"}\r\n                        </Typography>\r\n                      </Stack>\r\n                    ) : (\r\n                      \"\"\r\n                    )\r\n                  }\r\n                </Typography>\r\n              </Box>\r\n              {/* <Box height={\"19px\"}></Box> */}\r\n            </Box>\r\n            {/* <Box mt={2}>\r\n          <Typography\r\n            color={color.titleDark}\r\n            fontSize={fontSizes.mediumFont}\r\n            fontWeight={fontWeight.weight600}\r\n            sx={{\r\n              mb: \"4px\",\r\n            }}\r\n          >\r\n            Products included:\r\n          </Typography>\r\n          <Box display={\"flex\"} gap={1}>\r\n            <Box\r\n              border={\"0.84px solid #84838233\"}\r\n              borderRadius={commonStyles.borderRadiusMD}\r\n              display={\r\n                activeType === \"Bundle\" || activeType === \"Cloudcollab\"\r\n                  ? \"flex\"\r\n                  : \"none\"\r\n              }\r\n              bgcolor={color.whiteColor}\r\n              gap={1}\r\n              p={1}\r\n              width={\"fit-content\"}\r\n            >\r\n              <IcCloudCollabLogoColored height={20} width={20} />\r\n              <Typography\r\n                color={color.titleDark}\r\n                fontSize={fontSizes.mediumFont}\r\n              >\r\n                Cloudcollab\r\n              </Typography>\r\n            </Box>\r\n            <Box\r\n              border={\"0.84px solid #84838233\"}\r\n              borderRadius={commonStyles.borderRadiusMD}\r\n              gap={1}\r\n              p={1}\r\n              width={\"fit-content\"}\r\n              bgcolor={color.whiteColor}\r\n              display={\r\n                activeType === \"Bundle\" || activeType === \"Cloudchart\"\r\n                  ? \"flex\"\r\n                  : \"none\"\r\n              }\r\n            >\r\n              <IcCloudChartLogoColored height={20} width={20} />\r\n              <Typography\r\n                color={color.titleDark}\r\n                fontSize={fontSizes.mediumFont}\r\n              >\r\n                Cloudchart\r\n              </Typography>\r\n            </Box>\r\n          </Box>\r\n        </Box> */}\r\n\r\n            <Box>\r\n              <BtnColoredOutlined\r\n                height={40}\r\n                fullWidth\r\n                disabled={isButtonHidden}\r\n                borderColor={\r\n                  isButtonHidden ? \"transparent\" : color.primaryColor\r\n                }\r\n                hoverSx={{\r\n                  // (isCurrentPlan || isTrialPlan) && {\r\n                  bgcolor: color.darkPrimary,\r\n                }}\r\n                sx={\r\n                  isButtonHidden\r\n                    ? {\r\n                        background: \"#6762FE1A\",\r\n                        transition: \"none\",\r\n                        color: \"#6762FE66 !important\",\r\n                        mt: 2,\r\n                        mb: 1,\r\n                        // color: \"white\",\r\n                        borderRadius: commonStyles.borderRadius6,\r\n                        position: \"relative\",\r\n                        zIndex: 99,\r\n                      }\r\n                    : // isCurrentPlan || isTrialPlan\r\n                      // ?\r\n                      {\r\n                        transition: \"none\",\r\n\r\n                        mt: 2,\r\n                        mb: 1,\r\n                        color: \"white\",\r\n                        borderRadius: commonStyles.borderRadius6,\r\n                        position: \"relative\",\r\n                        zIndex: 99,\r\n                        background: color.primaryColor,\r\n                      }\r\n                  // : {\r\n                  //     my: 2,\r\n                  //     // mb: 1,\r\n                  //     transition: \"none\",\r\n                  //     color: color.primaryColor,\r\n                  //     borderRadius: commonStyles.borderRadius6,\r\n                  //     position: \"relative\",\r\n                  //     zIndex: 99,\r\n                  //     background: color.whiteColor,\r\n                  //   }\r\n                }\r\n                // hoverSx={{\r\n                //   background: color.primaryColor,\r\n                // }}\r\n                onClick={() => {\r\n                  if (isCancelledSubscription) {\r\n                    setShowReactivateModel(true);\r\n                  } else {\r\n                    handleClickPlan(planData, isCurrentUpgradeNow);\r\n                  }\r\n                }}\r\n              >\r\n                <Typography\r\n                  fontSize={fontSizes.fontSize14}\r\n                  textOverflow={\"ellipsis\"}\r\n                  overflow={\"hidden\"}\r\n                  whiteSpace={\"nowrap\"}\r\n                  textTransform={\"none\"}\r\n                  // color={isP color.colorOffWhite}\r\n                >\r\n                  {BUTTON_CONTENT}\r\n                </Typography>\r\n              </BtnColoredOutlined>\r\n              {/* {(isCurrentPlan && !currentPlanDetails?.subscriptionData?.is_trial\r\n            ? false\r\n            : true) &&\r\n            (currentPackage === \"Free\" && isTrialPlan ? true : isTrialPlan) &&\r\n            !isButtonHidden &&\r\n            !isCreatingNewWorkSpace && ( */}\r\n\r\n              {(isCurrentPlan &&\r\n              !isTrialPlan &&\r\n              !isCurrentPlanIsTrial &&\r\n              currentPlanInterval === \"year\"\r\n                ? false\r\n                : true) &&\r\n                !isCancelledSubscription &&\r\n                !isCreatingNewWorkSpace &&\r\n                !isInvitedUserCreatingWorkspace &&\r\n                !isButtonHidden &&\r\n                (currentPackage === \"Free\" && !isTrialPlan ? false : true) && (\r\n                  <Box\r\n                    display={\"flex\"}\r\n                    alignItems={\"center\"}\r\n                    justifyContent={\"center\"}\r\n                    gap={1}\r\n                    mb={1}\r\n                    // visibility={\r\n                    //   isCurrentPlan &&\r\n                    //   !isTrialPlan &&\r\n                    //   !isCurrentPlanIsTrial &&\r\n                    //   currentPlanInterval === \"year\"\r\n                    //     ? \"hidden\"\r\n                    //     : \"visible\"\r\n                    // }\r\n                  >\r\n                    <Box>or</Box>\r\n                    <Typography\r\n                      textAlign={\"center\"}\r\n                      onClick={() => {\r\n                        handleClickPlan(\r\n                          planData,\r\n                          currentPackage === \"Free\" && isTrialPlan\r\n                            ? true\r\n                            : isTrialPlan &&\r\n                              !isCurrentPlan &&\r\n                              isCurrentPlanIsTrial\r\n                            ? \"isUpgradeNow\"\r\n                            : false\r\n                        );\r\n                      }}\r\n                      color={color.primaryColor}\r\n                      fontSize={fontSizes.fontSize14}\r\n                      fontWeight={fontWeight.weight600}\r\n                      sx={{\r\n                        \"&:hover\": {\r\n                          textDecoration: \"underline\",\r\n                        },\r\n                        cursor: \"pointer\",\r\n                      }}\r\n                    >\r\n                      {currentPackage === \"Free\" && isTrialPlan\r\n                        ? \"Upgrade now\"\r\n                        : isTrialPlan && !isCurrentPlan && isCurrentPlanIsTrial\r\n                        ? \" Upgrade now\"\r\n                        : \"Add licenses\"}\r\n                    </Typography>\r\n                  </Box>\r\n                )}\r\n\r\n              {/* )} */}\r\n            </Box>\r\n            <Typography\r\n              fontSize={fontSizes.fontSize13}\r\n              fontWeight={fontWeight.weight600}\r\n              color={color.titleDark}\r\n            >\r\n              All features in Free Plan, plus\r\n            </Typography>\r\n          </Box>\r\n\r\n          <Box\r\n            // className=\"features-main-section\"\r\n            sx={{\r\n              height: { lg: sectionHeight, md: \"100%\" },\r\n              overflow: \"auto\",\r\n              position: \"relative\",\r\n              zIndex: \"9\",\r\n            }}\r\n          >\r\n            <Box\r\n              position={\"sticky\"}\r\n              top={0}\r\n              height={{ xl: \"16px\", sm: \"12px\" }}\r\n              bgcolor={\"#f7f7ff\"}\r\n            ></Box>\r\n            {PRO_PLAN_ITEMS.map((item, index) => {\r\n              return (\r\n                <Box\r\n                  display={\"flex\"}\r\n                  alignItems={\"center\"}\r\n                  gap={1}\r\n                  mt={index === 0 ? 0 : { xl: 2, sm: 1.5 }}\r\n                  mb={{ xl: 2, sm: 1.5 }}\r\n                >\r\n                  <IcCheck fill={color.primaryColor} />\r\n                  <Typography\r\n                    fontSize={fontSizes.mediumFont}\r\n                    color={color.titleDark}\r\n                  >\r\n                    {item}\r\n                  </Typography>\r\n                </Box>\r\n              );\r\n            })}\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n    );\r\n  }\r\n};\r\n\r\nexport default ProfessionalBundle;\r\n","import { Box, Typography } from \"@mui/material\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { commonStyles } from \"../../Utils/style/common/commonStyles\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { IcCheck } from \"../../assets/icon-components\";\r\nimport BtnColoredOutlined from \"../../common-components/buttons/BtnColoredOutlined\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport DisableSectionOverlay from \"../../common-components/DisableSectionOverlay\";\r\nimport { setButtonContent } from \"../../Redux/subscriptionSlice\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport {\r\n  useCerateWorkspaceMutation,\r\n  useSwitchAccountsMutation,\r\n} from \"../../Redux/api/workSpaceApi\";\r\nimport { errorToast } from \"../../Redux/toastSlice\";\r\nimport { updateUserData } from \"../../Redux/common-reducer\";\r\nimport { setCurrentTeam } from \"../../Redux/sidebarSlice\";\r\n\r\nexport const FREE_PLAN_ITEMS = [\r\n  \"Unlimited members\",\r\n  // \"3 Cloudcollab boards\",\r\n  \"3 boards\",\r\n  \"Public workspace\",\r\n  \"Access to standard templates\",\r\n  \"Limited file exports\",\r\n  \"Limited shapes per board\",\r\n  \"Limited custom templates\",\r\n  \"Cloudairy AI with 25 credits per month\",\r\n  \"Commenting\",\r\n  \"Limited storage\",\r\n  \"Basic integrations\",\r\n  \"Community support\",\r\n];\r\nconst FreeBundle = ({\r\n  planData,\r\n  activeDuration,\r\n  currentPlanDetails,\r\n  activeType,\r\n  isPlanDetailsPage,\r\n  isCreatingNewWorkSpace,\r\n  isFreePlanPage,\r\n  planeList,\r\n  isExportFreeButtonOnly,\r\n}) => {\r\n  const dispatch = useDispatch();\r\n  const navigate = useNavigate();\r\n  const isHaveNotWorkspace = localStorage.getItem(\"isHaveNotWorkspace\");\r\n\r\n  const PLAN_LIST = [\"Free\", \"Professional\", \"Team\"];\r\n  const currentPackage = currentPlanDetails?.subscriptionData?.package;\r\n  const packageName = planData?.package_name;\r\n  const isCurrentPlan =\r\n    !isCreatingNewWorkSpace && currentPackage === packageName;\r\n  const isNotTrialUsed = planeList?.packages?.packageList?.find(\r\n    (item) => item.package_name !== \"Free\" && item?.is_trial\r\n  );\r\n  const isInvitedUserCreatingWorkspace = JSON.parse(\r\n    localStorage.getItem(\"isHaveNotWorkspace\")\r\n  );\r\n  const isDisableButton =\r\n    !isInvitedUserCreatingWorkspace &&\r\n    (currentPlanDetails?.subscriptionData?.package?.includes(\"Business\") ||\r\n      currentPlanDetails?.subscriptionData?.package?.includes(\"Professional\") ||\r\n      isCreatingNewWorkSpace ||\r\n      currentPlanDetails?.subscriptionData?.package === \"Free\");\r\n  const [\r\n    createWorkspace,\r\n    { data: createdWorkspace, isLoading: creatingWorkspace },\r\n  ] = useCerateWorkspaceMutation();\r\n  const [\r\n    switchWorkSpace,\r\n    { data: switchingData, isLoading: switchingIProgress },\r\n  ] = useSwitchAccountsMutation();\r\n  const getButtonContent = () => {\r\n    if (isInvitedUserCreatingWorkspace) {\r\n      return \"Getting started\";\r\n    } else if (\r\n      currentPlanDetails?.subscriptionData?.package?.includes(\"Business\") ||\r\n      currentPlanDetails?.subscriptionData?.package?.includes(\"Professional\") ||\r\n      isCreatingNewWorkSpace\r\n    ) {\r\n      return \"Unavailable\";\r\n    } else {\r\n      return \"Current plan\";\r\n    }\r\n  };\r\n  const BUTTON_CONTENT = currentPlanDetails && getButtonContent();\r\n  useEffect(() => {\r\n    dispatch(\r\n      setButtonContent({\r\n        free: BUTTON_CONTENT,\r\n      })\r\n    );\r\n  }, [BUTTON_CONTENT]);\r\n  /////////height-calculation/////////////\r\n  const [sectionHeight, setSectionHeight] = useState(\"auto\");\r\n  const calculateHeight = () => {\r\n    const mainModelHeight =\r\n      document.querySelector(\".plan-model\")?.offsetHeight || 0;\r\n    const outerTopHeight =\r\n      document.getElementById(\"outer-top-section\")?.offsetHeight || 0;\r\n    const outerBottomHeight =\r\n      document.getElementById(\"outer-bottom-section\")?.offsetHeight || 0;\r\n    const topSectionHeight =\r\n      document.getElementById(\"free-top-section\")?.offsetHeight || 0;\r\n    const totalHeight =\r\n      mainModelHeight - (outerTopHeight + outerBottomHeight + topSectionHeight);\r\n    setSectionHeight(`${totalHeight - 72 + 16}px`);\r\n  };\r\n  useEffect(() => {\r\n    calculateHeight(); // Calculate height on component mount\r\n    window.addEventListener(\"resize\", calculateHeight);\r\n    return () => window.removeEventListener(\"resize\", calculateHeight); // Cleanup event listener\r\n  }, [currentPlanDetails, currentPackage]);\r\n  /////////height-calculation/////////////\r\n\r\n  const handleButtonCLick = () => {\r\n    if (isHaveNotWorkspace) {\r\n      createWorkspace({\r\n        workspace_name: isCreatingNewWorkSpace?.workspace_name,\r\n        ...(isCreatingNewWorkSpace?.logoFile\r\n          ? { logo: isCreatingNewWorkSpace?.logoFile }\r\n          : {}),\r\n      })\r\n        .then((result) => {\r\n          switchWorkSpace(result?.data?.data?.account_id).then(\r\n            (accountData) => {\r\n              localStorage.setItem(\r\n                \"user_data\",\r\n                JSON.stringify({\r\n                  ...accountData?.data,\r\n                  team_id: result?.data?.data?.team_id,\r\n                  is_onboarding_done: true,\r\n                })\r\n              );\r\n              localStorage.setItem(\"active_team\", result?.data?.data?.team_id);\r\n              dispatch(setCurrentTeam(result?.data?.data?.team_id));\r\n              dispatch(\r\n                updateUserData({\r\n                  ...accountData?.data,\r\n                  team_id: result?.data?.data?.team_id,\r\n                  is_onboarding_done: true,\r\n                })\r\n              );\r\n              navigate(\"/\");\r\n            }\r\n          );\r\n        })\r\n        .catch((error) => {\r\n          dispatch(\r\n            errorToast({\r\n              message: error?.data?.message,\r\n            })\r\n          );\r\n        });\r\n    }\r\n  };\r\n\r\n  if (isExportFreeButtonOnly) {\r\n    return (\r\n      <BtnColoredOutlined\r\n        onClick={() => {\r\n          handleButtonCLick();\r\n        }}\r\n        loaderColor={color.primaryColor}\r\n        loading={switchingIProgress || creatingWorkspace}\r\n        hoverSx={{\r\n          bgcolor:\r\n            isCurrentPlan || isInvitedUserCreatingWorkspace\r\n              ? color.whiteColor\r\n              : isDisableButton\r\n              ? color.commonHoverColor\r\n              : color.lightPrimary,\r\n          border:\r\n            isDisableButton && !isCurrentPlan\r\n              ? \"none\"\r\n              : `1px solid ${color.primaryColor}`,\r\n        }}\r\n        height={40}\r\n        disabled={\r\n          isInvitedUserCreatingWorkspace\r\n            ? false\r\n            : currentPlanDetails?.subscriptionData?.package?.includes(\r\n                \"Business\"\r\n              ) ||\r\n              currentPlanDetails?.subscriptionData?.package?.includes(\r\n                \"Professional\"\r\n              )\r\n        }\r\n        fullWidth\r\n        fontSize={fontSizes.fontSize14}\r\n        sx={{\r\n          background: color.whiteColor,\r\n          borderColor: color.primaryColor,\r\n          borderRadius: commonStyles.borderRadius6,\r\n          ...(isDisableButton && {\r\n            background: color.commonHoverColor,\r\n            transition: \"none\",\r\n            border: \"none\",\r\n\r\n            color: color.disableText,\r\n            borderRadius: commonStyles.borderRadius6,\r\n            position: \"relative\",\r\n            zIndex: 99,\r\n          }),\r\n          ...(isCurrentPlan && {\r\n            background: color.whiteColor,\r\n            color: color.primaryColor,\r\n            border: `1px solid ${color.primaryColor}`,\r\n            opacity: 0.3,\r\n          }),\r\n          ...(isInvitedUserCreatingWorkspace && {\r\n            color: color.primaryColor,\r\n          }),\r\n        }}\r\n      >\r\n        {/* <Typography fontSize={fontSizes.fontSize14} color={color.primaryColor}> */}\r\n        {BUTTON_CONTENT}\r\n        {/* </Typography> */}\r\n      </BtnColoredOutlined>\r\n    );\r\n  } else {\r\n    return (\r\n      <Box\r\n        minWidth={\"300px\"}\r\n        // border={commonStyles.borderThick}\r\n        boxShadow={\"inset 0 0 0 1.34px rgb(230, 230, 230)\"}\r\n        borderRadius={commonStyles.borderRadiusMD}\r\n        // sx={\r\n        //   isCurrentPlan && {\r\n        //     boxShadow: \"inset 0px 0px 0px 2px rgba(103,98,254,1)\",\r\n        //     background:\r\n        //       \"linear-gradient(180deg, rgba(77, 131, 245, 0.05) 0%, rgba(158, 111, 255, 0.05) 100%)\",\r\n        //   }\r\n        // }\r\n        p={2}\r\n        height={\"100%\"}\r\n        position={\"relative\"}\r\n        overflow={\"hidden\"}\r\n      >\r\n        <Box id=\"free-top-section\">\r\n          {isHaveNotWorkspace ? (\r\n            <></>\r\n          ) : (\r\n            isCreatingNewWorkSpace && (\r\n              <DisableSectionOverlay\r\n                tooltipPlacement=\"top\"\r\n                tooltipTitle={\"You cannot create new workspace with free plan\"}\r\n              />\r\n            )\r\n          )}\r\n          <Typography\r\n            fontSize={fontSizes.modelTitle}\r\n            fontWeight={fontWeight.weight600}\r\n          >\r\n            Free\r\n          </Typography>\r\n          {/* {isCurrentPlan && (\r\n        <Typography\r\n          fontSize={fontSizes.largeFont}\r\n          fontWeight={fontWeight.weight600}\r\n          color={color.colorOffWhite}\r\n          bgcolor={color.primaryColor}\r\n          sx={{\r\n            marginBottom: 0,\r\n            display: \"flex\",\r\n            alignItems: \"end\",\r\n            borderRadius: \"10px\",\r\n            padding: \" 0px 10px\",\r\n            position: \"absolute\",\r\n            right: \"-6px\",\r\n            top: \"-7px\",\r\n            height: \"31px\",\r\n          }}\r\n        >\r\n          Current Plan\r\n        </Typography>\r\n      )} */}\r\n          <Typography\r\n            fontSize={fontSizes.mediumFont}\r\n            color={color.subTitle}\r\n            mb={2}\r\n            mt={1}\r\n            whiteSpace={\"nowrap\"}\r\n            textOverflow={\"ellipsis\"}\r\n            overflow={\"hidden\"}\r\n          >\r\n            Get started with Cloudairy for free\r\n          </Typography>\r\n\r\n          <Box display={\"flex\"} flexDirection={\"column\"} gap={\"8px\"}>\r\n            <Box display={\"flex\"} gap={1} alignItems={\"baseline\"}>\r\n              <Typography\r\n                color={\"#171617\"}\r\n                fontSize={fontSizes.fontSize28}\r\n                fontWeight={fontWeight.weight600}\r\n              >\r\n                ${planData?.price}\r\n              </Typography>\r\n              <Typography color={color.subTitle} fontSize={fontSizes.largeFont}>\r\n                /month\r\n              </Typography>\r\n            </Box>\r\n            {/* <Typography\r\n          fontSize={fontSizes.mediumFont}\r\n          color={color.subTitle}\r\n          fontWeight={fontWeight.weight600}\r\n          display={\"flex\"}\r\n          alignItems={\"baseline\"}\r\n          height={\"19px\"}\r\n        >\r\n          Unlimited team members\r\n        </Typography> */}\r\n          </Box>\r\n          {/* <Box mt={2}>\r\n        <Typography\r\n          color={color.titleDark}\r\n          fontSize={fontSizes.mediumFont}\r\n          sx={{\r\n            mb: \"4px\",\r\n          }}\r\n        >\r\n          Products included:\r\n        </Typography>\r\n        <Box display={\"flex\"} gap={1}>\r\n          <Box\r\n            border={\"0.84px solid #84838233\"}\r\n            borderRadius={commonStyles.borderRadiusMD}\r\n            gap={1}\r\n            p={1}\r\n            width={\"fit-content\"}\r\n            display={\r\n              activeType === \"Bundle\" || activeType === \"Cloudcollab\"\r\n                ? \"flex\"\r\n                : \"none\"\r\n            }\r\n          >\r\n            <IcCloudCollabLogoColored height={20} width={20} />\r\n            <Typography color={color.titleDark} fontSize={fontSizes.mediumFont}>\r\n              Cloudcollab\r\n            </Typography>\r\n          </Box>\r\n          <Box\r\n            border={\"0.84px solid #84838233\"}\r\n            borderRadius={commonStyles.borderRadiusMD}\r\n            gap={1}\r\n            p={1}\r\n            width={\"fit-content\"}\r\n            display={\r\n              activeType === \"Bundle\" || activeType === \"Cloudchart\"\r\n                ? \"flex\"\r\n                : \"none\"\r\n            }\r\n          >\r\n            <IcCloudChartLogoColored height={20} width={20} />\r\n            <Typography color={color.titleDark} fontSize={fontSizes.mediumFont}>\r\n              Cloudchart\r\n            </Typography>\r\n          </Box>\r\n        </Box>\r\n      </Box> */}\r\n\r\n          <BtnColoredOutlined\r\n            onClick={() => {\r\n              handleButtonCLick();\r\n            }}\r\n            loading={switchingIProgress || creatingWorkspace}\r\n            loaderColor={color.primaryColor}\r\n            hoverSx={{\r\n              bgcolor:\r\n                isCurrentPlan || isInvitedUserCreatingWorkspace\r\n                  ? color.whiteColor\r\n                  : isDisableButton\r\n                  ? color.commonHoverColor\r\n                  : color.lightPrimary,\r\n              border:\r\n                isDisableButton && !isCurrentPlan\r\n                  ? \"none\"\r\n                  : `1px solid ${color.primaryColor}`,\r\n            }}\r\n            height={40}\r\n            disabled={\r\n              isInvitedUserCreatingWorkspace\r\n                ? false\r\n                : currentPlanDetails?.subscriptionData?.package?.includes(\r\n                    \"Business\"\r\n                  ) ||\r\n                  currentPlanDetails?.subscriptionData?.package?.includes(\r\n                    \"Professional\"\r\n                  )\r\n            }\r\n            fullWidth\r\n            fontSize={fontSizes.fontSize14}\r\n            sx={{\r\n              mt: 2,\r\n              mb: 1,\r\n              background: color.whiteColor,\r\n              borderColor: color.primaryColor,\r\n              borderRadius: commonStyles.borderRadius6,\r\n              ...(isDisableButton && {\r\n                background: color.commonHoverColor,\r\n                transition: \"none\",\r\n                border: \"none\",\r\n                // mb: 1,\r\n                color: color.disableText,\r\n                borderRadius: commonStyles.borderRadius6,\r\n                position: \"relative\",\r\n                zIndex: 99,\r\n              }),\r\n              ...(isCurrentPlan && {\r\n                background: color.whiteColor,\r\n                color: color.primaryColor,\r\n                border: `1px solid ${color.primaryColor}`,\r\n                opacity: 0.3,\r\n              }),\r\n              ...(isInvitedUserCreatingWorkspace && {\r\n                color: color.primaryColor,\r\n              }),\r\n            }}\r\n          >\r\n            {/* <Typography fontSize={fontSizes.fontSize14} color={color.primaryColor}> */}\r\n            {BUTTON_CONTENT}\r\n            {/* </Typography> */}\r\n          </BtnColoredOutlined>\r\n          {isNotTrialUsed && !isCreatingNewWorkSpace && !isHaveNotWorkspace && (\r\n            <Box height={\"32px\"}></Box>\r\n          )}\r\n          <Typography\r\n            fontSize={fontSizes.fontSize13}\r\n            color={color.titleDark}\r\n            fontWeight={fontWeight.weight600}\r\n          >\r\n            All features in the Free Plan\r\n          </Typography>\r\n        </Box>\r\n        <Box\r\n          height={{ lg: sectionHeight, md: \"100%\" }}\r\n          sx={{\r\n            overflow: \"auto\",\r\n          }}\r\n        >\r\n          <Box\r\n            position={\"sticky\"}\r\n            top={0}\r\n            height={{ xl: \"16px\", sm: \"12px\" }}\r\n            bgcolor={color.whiteColor}\r\n          ></Box>\r\n          {FREE_PLAN_ITEMS.map((item, i) => {\r\n            return (\r\n              <Box\r\n                display={\"flex\"}\r\n                alignItems={\"center\"}\r\n                gap={1}\r\n                mt={i === 0 ? 0 : { xl: 2, sm: 1.5 }}\r\n                mb={{ xl: 2, sm: 1.5 }}\r\n                key={i}\r\n              >\r\n                <IcCheck fill={color.primaryColor} />\r\n                <Typography\r\n                  fontSize={fontSizes.mediumFont}\r\n                  color={color.titleDark}\r\n                >\r\n                  {item}\r\n                </Typography>\r\n              </Box>\r\n            );\r\n          })}\r\n        </Box>\r\n      </Box>\r\n    );\r\n  }\r\n};\r\nexport default FreeBundle;\r\n","import { Box, FormLabel } from \"@mui/material\";\r\nimport React, { useEffect, useMemo, useState } from \"react\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport BtnGradient from \"../../common-components/buttons/BtnGradient\";\r\nimport LargeSimpleInput from \"../../common-components/LargeSimpleInput\";\r\nimport { featureLimitAndUsedSelect } from \"../../Redux/common-reducer\";\r\n\r\nconst AddLicenseBox = () => {\r\n  const [additionalSeats, setAdditionalSeats] = useState(0);\r\n  const [addedLicenseCount, setAddedLicenseCount] = useState(1);\r\n  const totalSeats = additionalSeats + addedLicenseCount;\r\n\r\n  const isInvitingUsers = useMemo(\r\n    () => JSON.parse(localStorage.getItem(\"user_invite_data\")),\r\n    []\r\n  );\r\n  const featureLimit = featureLimitAndUsedSelect();\r\n  const purchasedLicense = featureLimit.find(\r\n    (item) => item.feature === \"user\"\r\n  )?.limit;\r\n  const selectedLicense = useMemo(\r\n    () =>\r\n      featureLimit?.find((item) => item.feature === \"user\")?.limit === -1\r\n        ? 1\r\n        : featureLimit?.find((item) => item.feature === \"user\")?.limit,\r\n    [featureLimit]\r\n  );\r\n  useEffect(() => {}, [purchasedLicense]);\r\n  useEffect(() => {\r\n    if (additionalSeats) {\r\n    }\r\n  }, [additionalSeats, selectedLicense]);\r\n\r\n  return (\r\n    <Box display={\"flex\"}>\r\n      <FormLabel\r\n        sx={{\r\n          mr: 1,\r\n          color: color.titleDark,\r\n          fontSize: {\r\n            xs: `${fontSizes.smallFont} !important`,\r\n            md: `${fontSizes.mediumFont} !important`,\r\n            xl: `${fontSizes.fontSize14} !important`,\r\n          },\r\n          fontWeight: fontWeight.weight500,\r\n          mb: \"6px\",\r\n          lineHeight: \"18px\",\r\n          display: \"flex\",\r\n          alignItems: \"center\",\r\n        }}\r\n      >\r\n        License :\r\n      </FormLabel>\r\n      <Box\r\n        display={\"flex\"}\r\n        gap={1}\r\n        alignItems={\"center\"}\r\n        position={\"relative\"}\r\n        zIndex={99}\r\n      >\r\n        <BtnGradient\r\n          sx={{\r\n            borderRadius: \"50%\",\r\n            height: \"32px !important\",\r\n            width: \"32px\",\r\n            minWidth: \"32px\",\r\n            fontSize: \"22px\",\r\n            background: color.lightPrimary,\r\n\r\n            color: color.primaryColor,\r\n            \"&:hover\": {\r\n              background: color.primaryColor,\r\n              color: \"white\",\r\n            },\r\n          }}\r\n          onClick={(e) => {\r\n            if (totalSeats >= 2) {\r\n              setAdditionalSeats(additionalSeats - 1);\r\n            }\r\n          }}\r\n        >\r\n          -\r\n        </BtnGradient>\r\n        <LargeSimpleInput\r\n          disabled={isInvitingUsers}\r\n          height={40}\r\n          value={additionalSeats}\r\n          onChange={(e) => {\r\n            let value = Number(e.target.value);\r\n\r\n            setAdditionalSeats(value);\r\n          }}\r\n          type=\"number\"\r\n          mainSx={{\r\n            width: \"80px\",\r\n          }}\r\n          inputSx={{\r\n            textAlign: \"center\",\r\n          }}\r\n        />\r\n        <BtnGradient\r\n          sx={{\r\n            borderRadius: \"50%\",\r\n            height: \"32px !important\",\r\n            width: \"32px\",\r\n            minWidth: \"32px\",\r\n            fontSize: \"22px\",\r\n            background: color.lightPrimary,\r\n            marginTop: \"1px\",\r\n            color: color.primaryColor,\r\n            \"&:hover\": {\r\n              background: color.primaryColor,\r\n              color: \"white\",\r\n            },\r\n          }}\r\n          onClick={(e) => {\r\n            setAdditionalSeats(additionalSeats + 1);\r\n          }}\r\n        >\r\n          +\r\n        </BtnGradient>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default AddLicenseBox;\r\n","import { Box, Typography } from \"@mui/material\";\r\nimport React from \"react\";\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\n\r\nconst ICDownArrow = () => {\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width=\"20\"\r\n      height=\"18\"\r\n      viewBox=\"0 0 20 18\"\r\n      fill=\"none\"\r\n    >\r\n      <path\r\n        d=\"M16.9461 17.0043C17.3416 17.1274 17.762 16.9064 17.885 16.5109L19.8898 10.0655C20.0128 9.66997 19.7919 9.24961 19.3964 9.12659C19.0008 9.00357 18.5805 9.22447 18.4575 9.62L16.6755 15.3493L10.9462 13.5673C10.5507 13.4442 10.1303 13.6651 10.0073 14.0607C9.88427 14.4562 10.1052 14.8766 10.5007 14.9996L16.9461 17.0043ZM17.8328 15.9393C14.8758 10.3124 12.0552 2.3217 1.10607 0.757538L0.893934 2.24246C10.9448 3.6783 13.4404 10.8055 16.505 16.6371L17.8328 15.9393Z\"\r\n        fill=\"#6762FE\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n\r\nconst DiscountDirector = ({ amount }) => {\r\n  return (\r\n    <Box display={\"flex\"} gap={0.5}>\r\n      <Typography\r\n        display={\"inline\"}\r\n        color={color.primaryColor}\r\n        fontSize={fontSizes.fontSize14}\r\n        fontWeight={fontWeight.weight500}\r\n      >\r\n        {amount}% Discount\r\n      </Typography>{\" \"}\r\n      <Box display={\"inline-block\"} mt={\"5px\"}>\r\n        <ICDownArrow />\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default DiscountDirector;\r\n","import {\r\n  Alert,\r\n  Box,\r\n  FormLabel,\r\n  IconButton,\r\n  Stack,\r\n  Typography,\r\n  useMediaQuery,\r\n  useTheme,\r\n} from \"@mui/material\";\r\nimport React, {\r\n  useCallback,\r\n  useContext,\r\n  useEffect,\r\n  useLayoutEffect,\r\n  useMemo,\r\n  useState,\r\n} from \"react\";\r\nimport IcPlaneBundle from \"../../assets/icon-components/IcPlaneBundle\";\r\nimport {\r\n  IcArrowDown2,\r\n  IcCloseThin,\r\n  IcCloudChartLogoColored,\r\n  IcCloudCollabLogoColored,\r\n  IcLeftArrow,\r\n  IcLinedArrow,\r\n  IcLinedArrowRight,\r\n  IcRightArrow,\r\n} from \"../../assets/icon-components\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { commonStyles } from \"../../Utils/style/common/commonStyles\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport TwoWaySwitch from \"../../Components/Input/TwoWaySwitch\";\r\nimport FreeBundle from \"./FreeBundle\";\r\nimport ProfessionalBundle from \"./ProfessionalBundle\";\r\nimport BusinessBundle from \"./BusinessBundle\";\r\nimport {\r\n  useGetCurrentSubscriptionQuery,\r\n  useGetPlanListQuery,\r\n} from \"../../Redux/api/subscriptionApi\";\r\nimport AbsoluteLoader from \"../Loader/AbsoluteLoader\";\r\nimport BtnGradient from \"../../common-components/buttons/BtnGradient\";\r\nimport LargeSimpleInput from \"../../common-components/LargeSimpleInput\";\r\nimport { ModelContext } from \"../../HOC/ModelContext\";\r\nimport IcLongTailedArrow from \"../../assets/icon-components/IcLongTailedArrow\";\r\nimport AddLicenseBox from \"./AddLicenseBox\";\r\nimport DiscountDirector from \"./DiscountDirector\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { errorToast, warningToast } from \"../../Redux/toastSlice\";\r\nimport PlanComparison from \"../../Components/upgrade-plan/components/PlanComparison\";\r\nimport useEmblaCarousel from \"embla-carousel-react\";\r\n\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport ReactivateSubscription from \"../../common-components/modals/ReactivateSubscription\";\r\nexport const usePrevNextButtons = (emblaApi) => {\r\n  const [prevBtnDisabled, setPrevBtnDisabled] = useState(true);\r\n  const [nextBtnDisabled, setNextBtnDisabled] = useState(true);\r\n\r\n  const onPrevButtonClick = useCallback(() => {\r\n    if (!emblaApi) return;\r\n    emblaApi.scrollPrev();\r\n  }, [emblaApi]);\r\n\r\n  const onNextButtonClick = useCallback(() => {\r\n    if (!emblaApi) return;\r\n    emblaApi.scrollNext();\r\n  }, [emblaApi]);\r\n\r\n  const onSelect = useCallback((emblaApi) => {\r\n    setPrevBtnDisabled(!emblaApi.canScrollPrev());\r\n    setNextBtnDisabled(!emblaApi.canScrollNext());\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (!emblaApi) return;\r\n\r\n    onSelect(emblaApi);\r\n    emblaApi.on(\"reInit\", onSelect).on(\"select\", onSelect);\r\n  }, [emblaApi, onSelect]);\r\n\r\n  return {\r\n    prevBtnDisabled,\r\n    nextBtnDisabled,\r\n    onPrevButtonClick,\r\n    onNextButtonClick,\r\n  };\r\n};\r\nconst SubscriptionModel = ({\r\n  handleClose,\r\n  isPlanDetailsPage,\r\n  isFreePlanPage,\r\n  isPricingWPPage,\r\n  isExportProButtonOnly,\r\n  isExportBusinessButtonOnly,\r\n  isExportFreeButtonOnly,\r\n}) => {\r\n  const navigate = useNavigate();\r\n  const [activeType, setActiveType] = useState(\"Cloudchart\");\r\n  const [activeDuration, setActiveDuration] = useState(\"month\");\r\n  const [additionalSeats, setAdditionalSeats] = useState(0);\r\n  const theme = useTheme();\r\n  const matchDown1100 = useMediaQuery(theme.breakpoints.down(1100));\r\n  const isHasNoWorkspace = JSON.parse(\r\n    localStorage.getItem(\"user_data\")\r\n  )?.has_workspace;\r\n  const isInvitedUserCreatingWorkspace = JSON.parse(\r\n    localStorage.getItem(\"isHaveNotWorkspace\")\r\n  );\r\n  const isCreatingNewWorkSpace = JSON.parse(\r\n    localStorage.getItem(\"create_new_workspace_data\")\r\n  );\r\n  const [emblaRef, emblaApi] = useEmblaCarousel({\r\n    loop: true,\r\n    active: true,\r\n  });\r\n  const {\r\n    prevBtnDisabled,\r\n    nextBtnDisabled,\r\n    onPrevButtonClick,\r\n    onNextButtonClick,\r\n  } = usePrevNextButtons(emblaApi);\r\n  const [slidesPerView, setSlidesPerView] = useState(2); // Default slides per view\r\n  // useEffect(() => {\r\n  //   const updateSlidesPerView = () => {\r\n  //     if (window.innerWidth < 768) {\r\n  //       setSlidesPerView(2);\r\n  //     } else if (window.innerWidth < 1024) {\r\n  //       setSlidesPerView(3);\r\n  //     } else {\r\n  //       setSlidesPerView(3);\r\n  //     }\r\n  //   };\r\n\r\n  //   updateSlidesPerView();\r\n  //   window.addEventListener(\"resize\", updateSlidesPerView);\r\n  //   return () => window.removeEventListener(\"resize\", updateSlidesPerView);\r\n  // }, []);\r\n  const {\r\n    data: planeList,\r\n    isLoading: planListLoading,\r\n    isFetching: planListFetching,\r\n  } = useGetPlanListQuery();\r\n  const { data: currentPlanApiDetails, isLoading: currentPlanIsLoading } =\r\n    useGetCurrentSubscriptionQuery(null, {\r\n      skip:\r\n        !isHasNoWorkspace ||\r\n        isCreatingNewWorkSpace ||\r\n        isInvitedUserCreatingWorkspace,\r\n    });\r\n  const currentPlanDetails = useMemo(() => {\r\n    if (\r\n      !isHasNoWorkspace ||\r\n      isCreatingNewWorkSpace ||\r\n      isInvitedUserCreatingWorkspace\r\n    ) {\r\n      return {\r\n        data: {\r\n          subscriptionData: {\r\n            package: \"Free\",\r\n            is_trial: false,\r\n            interval_type: \"month\",\r\n          },\r\n        },\r\n      };\r\n    } else {\r\n      return currentPlanApiDetails;\r\n    }\r\n  }, [currentPlanApiDetails]);\r\n  //  !isHasNoWorkspace\r\n  //   ? {\r\n  //       data: {\r\n  //         subscriptionData: {\r\n  //           package: \"Free\",\r\n  //           is_trial: false,\r\n  //           interval_type: \"month\",\r\n  //         },\r\n  //       },\r\n  //     }\r\n  //   : currentPlanApiDetails;\r\n  const { showPlanModel, setShowPlaneModel } = useContext(ModelContext);\r\n  const dispatch = useDispatch();\r\n\r\n  const isInvitingUsers = useMemo(\r\n    () => JSON.parse(localStorage.getItem(\"user_invite_data\")),\r\n    []\r\n  );\r\n  const isSignUp = JSON.parse(localStorage.getItem(\"IsSignUPForPricing\"));\r\n\r\n  const [addedLicenseCount, setAddedLicenseCount] = useState(0);\r\n  const isCurrentPlanIsFreePlan =\r\n    currentPlanDetails?.data?.subscriptionData?.package === \"Free\";\r\n  useEffect(() => {\r\n    if (currentPlanDetails?.data) {\r\n      let addedLicenseCounTemp =\r\n        isCreatingNewWorkSpace || isCurrentPlanIsFreePlan\r\n          ? 0\r\n          : currentPlanDetails?.data?.featureLimitAndUsed?.find(\r\n              (item) => item.feature === \"user\"\r\n            )?.limit;\r\n      setAddedLicenseCount(\r\n        isCreatingNewWorkSpace || isInvitedUserCreatingWorkspace\r\n          ? 0\r\n          : addedLicenseCounTemp === -1\r\n          ? 1\r\n          : addedLicenseCounTemp\r\n      );\r\n      setAdditionalSeats(\r\n        isCreatingNewWorkSpace ||\r\n          isCurrentPlanIsFreePlan ||\r\n          isInvitedUserCreatingWorkspace\r\n          ? 1 + (isInvitingUsers?.emails?.length || 0)\r\n          : addedLicenseCounTemp === -1\r\n          ? 1\r\n          : addedLicenseCounTemp\r\n      );\r\n\r\n      setActiveDuration(\r\n        currentPlanDetails?.data?.subscriptionData?.interval_type\r\n      );\r\n\r\n      let tempType =\r\n        currentPlanDetails?.data?.subscriptionData?.package?.split(\" \")[0] ===\r\n        \"Free\"\r\n          ? \"Bundle\"\r\n          : currentPlanDetails?.data?.subscriptionData?.package?.split(\" \")[0];\r\n      // setActiveType(tempType);\r\n    }\r\n  }, [currentPlanDetails]);\r\n\r\n  const FREE_PLANE = planeList?.packages?.packageList?.find(\r\n    (item) =>\r\n      item?.package_name === \"Free\" && item?.interval_type === activeDuration\r\n  );\r\n  const selectedLicense =\r\n    currentPlanDetails?.data?.featureLimitAndUsed?.find(\r\n      (item) => item.feature === \"user\"\r\n    )?.limit === -1\r\n      ? 1\r\n      : currentPlanDetails?.data?.featureLimitAndUsed?.find(\r\n          (item) => item.feature === \"user\"\r\n        )?.limit;\r\n  const PRO_PLANE = planeList?.packages?.packageList?.find(\r\n    (item) =>\r\n      item?.package_name === `${activeType} Professional` &&\r\n      item?.interval_type === activeDuration\r\n  );\r\n  const BUSINESS_PLANE = planeList?.packages?.packageList?.find(\r\n    (item) =>\r\n      item?.package_name === `${activeType} Business` &&\r\n      item?.interval_type === activeDuration\r\n  );\r\n  const ADDITIONAL_USER_PRICE =\r\n    planeList?.packages?.additionalPackage?.price?.filter(\r\n      (item) => item.interval_type === activeDuration\r\n    )?.[0]?.price;\r\n  const ADDITIONAL_PLAN = planeList?.packages?.additionalPackage;\r\n  const handleBlurLicenseBox = (e) => {\r\n    if (\r\n      (isCreatingNewWorkSpace || isSignUp) &&\r\n      additionalSeats < isInvitingUsers?.emails?.length + 1\r\n    ) {\r\n      setAdditionalSeats(isInvitingUsers?.emails?.length + 1);\r\n      dispatch(\r\n        warningToast({\r\n          message: `The number of licenses cannot be less than the total required for you and your invited users. Please ensure it is at least ${\r\n            isInvitingUsers?.emails?.length + 1\r\n          }`,\r\n        })\r\n      );\r\n    } else if (\r\n      isInvitingUsers &&\r\n      additionalSeats < isInvitingUsers?.emails?.length\r\n    ) {\r\n      setAdditionalSeats(isInvitingUsers?.emails?.length);\r\n      dispatch(\r\n        warningToast({\r\n          message: `The number of licenses cannot be less than the total required for your invited users`,\r\n        })\r\n      );\r\n    } else if (additionalSeats === 0) {\r\n      setAdditionalSeats(1);\r\n      dispatch(\r\n        warningToast({\r\n          message:\r\n            \"Your license count is insufficient. You need at least 1 license to proceed.\",\r\n        })\r\n      );\r\n    }\r\n  };\r\n  const isCurrentPlanIsTrial =\r\n    currentPlanDetails?.data?.subscriptionData?.is_trial;\r\n  const isCurrentPlanIsFree =\r\n    currentPlanDetails?.data?.subscriptionData?.package === \"Free\";\r\n  const isNavLinkAvailable = localStorage.getItem(\"navigateLink\");\r\n  // useLayoutEffect(() => {\r\n  //   let elem = document.querySelector(\".plan-model\");\r\n  //   let elemToMode = document.querySelector(\".close-icon\");\r\n  //   let dims = elem.getBoundingClientRect();\r\n  //   if (dims && elemToMode) {\r\n  //     elemToMode.style.left = `${\r\n  //       dims.left - elem.offsetWidth - elemToMode.offsetWidth - 16\r\n  //     }px`;\r\n  //   }\r\n  // }, [height, width]);\r\n  if (isExportFreeButtonOnly) {\r\n    return (\r\n      <FreeBundle\r\n        isExportFreeButtonOnly\r\n        planData={FREE_PLANE}\r\n        activeDuration={activeDuration}\r\n        currentPlanDetails={currentPlanDetails?.data}\r\n        additionalSeats={additionalSeats}\r\n        activeType={activeType}\r\n        isCreatingNewWorkSpace={isCreatingNewWorkSpace}\r\n        handleClose={handleClose}\r\n        // isPlanDetailsPage={isPlanDetailsPage}\r\n        isFreePlanPage={isFreePlanPage}\r\n        isCurrentPlanIsTrial={isCurrentPlanIsTrial}\r\n        planeList={planeList}\r\n      />\r\n    );\r\n  } else if (isExportProButtonOnly) {\r\n    return (\r\n      <ProfessionalBundle\r\n        planData={PRO_PLANE}\r\n        isExportProButtonOnly\r\n        activeDuration={activeDuration}\r\n        currentPlanDetails={currentPlanDetails?.data}\r\n        additionalSeats={additionalSeats}\r\n        additionalSeatPrice={ADDITIONAL_USER_PRICE}\r\n        additionalPlan={ADDITIONAL_PLAN}\r\n        planeList={planeList}\r\n        activeType={activeType}\r\n        addedLicenseCount={addedLicenseCount}\r\n        isCreatingNewWorkSpace={isCreatingNewWorkSpace}\r\n        handleClose={handleClose}\r\n        isFreePlanPage={isFreePlanPage}\r\n        isCurrentPlanIsTrial={isCurrentPlanIsTrial}\r\n        // isPlanDetailsPage={isPlanDetailsPage}\r\n      />\r\n    );\r\n  } else if (isExportBusinessButtonOnly) {\r\n    return (\r\n      <BusinessBundle\r\n        isExportBusinessButtonOnly\r\n        planData={BUSINESS_PLANE}\r\n        activeDuration={activeDuration}\r\n        currentPlanDetails={currentPlanDetails?.data}\r\n        additionalSeats={additionalSeats}\r\n        additionalSeatPrice={ADDITIONAL_USER_PRICE}\r\n        additionalPlan={ADDITIONAL_PLAN}\r\n        planeList={planeList}\r\n        activeType={activeType}\r\n        addedLicenseCount={addedLicenseCount}\r\n        isCreatingNewWorkSpace={isCreatingNewWorkSpace}\r\n        handleClose={handleClose}\r\n        isFreePlanPage={isFreePlanPage}\r\n        isCurrentPlanIsTrial={isCurrentPlanIsTrial}\r\n        // isPlanDetailsPage={isPlanDetailsPage}\r\n      />\r\n    );\r\n  } else {\r\n    return (\r\n      // <Box\r\n      //   sx={{\r\n      //     overflow: \"auto\",\r\n      //     height: \"100vh\",\r\n      //     p: 4,\r\n      //   }}\r\n      // >\r\n      //   <Link to={\"/\"}>\r\n      //     <img\r\n      //       src={cloudDairyColoredLogo}\r\n      //       alt=\"cloudDairyColoredLogo\"\r\n      //       className=\"cloudDairyColoredLogo\"\r\n      //     />\r\n      //   </Link>\r\n      // <BtnGradient\r\n      //   height={40}\r\n      //   onClick={() => navigate(-1)}\r\n      //   sx={{\r\n      //     position: \"absolute\",\r\n      //     right: \"30px\",\r\n      //     top: \"25px\",\r\n      //   }}\r\n      // >\r\n      //   Back to Board\r\n      // </BtnGradient>\r\n\r\n      // </Box>\r\n      <>\r\n        <Box\r\n          sx={{\r\n            width: \"100%\",\r\n            display: \"flex\",\r\n            justifyContent: \"center\",\r\n            alignItems: \"center\",\r\n            flexDirection: \"column\",\r\n            background: \"white\",\r\n            position: \"relative\",\r\n            overflow: \"hidden\",\r\n            zIndex: \"9\",\r\n            height:\r\n              isPlanDetailsPage || isPricingWPPage\r\n                ? \"100%\"\r\n                : { xl: \"95%\", lg: \"95%\", md: \"100%\", sm: \"100%\" },\r\n            borderRadius: commonStyles.borderRadius10,\r\n          }}\r\n        >\r\n          <Box\r\n            className=\"plan-model\"\r\n            sx={{\r\n              width: \"100%\",\r\n              py: isFreePlanPage ? 1 : 3,\r\n              px: isFreePlanPage ? 0 : 3,\r\n              pb: 0,\r\n              background: \"white\",\r\n              height: \"100%\",\r\n              overflow: \"auto\",\r\n              scrollbarWidth: \"none\",\r\n              // borderRadius: commonStyles.borderRadius10,\r\n            }}\r\n          >\r\n            <Box id=\"outer-top-section\" pb={{ xl: 4, lg: 3, sm: 3 }}>\r\n              <Box\r\n                // display={\"flex\"}\r\n                // justifyContent={\"space-between\"}\r\n                // alignItems={\"center\"}\r\n                id={\"subscription-model\"}\r\n                display={\"inline\"}\r\n              >\r\n                <Typography\r\n                  fontWeight={fontWeight.weight600}\r\n                  display={\"inline\"}\r\n                  fontSize={{\r\n                    xl: isFreePlanPage\r\n                      ? fontSizes.fontSize20\r\n                      : fontSizes?.modelTitle1,\r\n                    lg: fontSizes.modelTitle1,\r\n                    md: fontSizes.modelTitle,\r\n                  }}\r\n                  letterSpacing={0}\r\n                  id=\"planModelTitle\"\r\n                >\r\n                  Find the perfect plan to power your success\r\n                  {/* {isPlanDetailsPage\r\n              ? \r\n              \"Find the perfect plan to power your success\"\r\n              : \"Choose a plan that fits your business\"} */}\r\n                </Typography>\r\n              </Box>\r\n              {!isPlanDetailsPage && !isFreePlanPage && !isPricingWPPage && (\r\n                <IconButton\r\n                  className=\"close-icon\"\r\n                  sx={{\r\n                    position: \"sticky\",\r\n                    zIndex: 999,\r\n                    top: \"0\",\r\n                    float: \"right\",\r\n                    right: \"0\",\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                    // if (isNavLinkAvailable) {\r\n                    //   navigate(isNavLinkAvailable);\r\n                    // } else {\r\n                    handleClose();\r\n                    setShowPlaneModel();\r\n                    localStorage.removeItem(\"isHaveNotWorkspace\");\r\n                    // }\r\n                  }}\r\n                >\r\n                  <IcCloseThin fill=\"#18181B\" />\r\n                </IconButton>\r\n              )}\r\n              {(planListLoading ||\r\n                planListFetching ||\r\n                currentPlanIsLoading) && <AbsoluteLoader />}\r\n\r\n              <Box\r\n                display={\"flex\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"space-between\"}\r\n                position={\"relative\"}\r\n                flexWrap={\"wrap\"}\r\n                mt={{ xl: 4, lg: 3, sm: 3 }}\r\n              >\r\n                {/* <AddLicenseBox\r\n            selectedLicense={selectedLicense}\r\n            isInvitingUsers={isInvitingUsers}\r\n          /> */}\r\n                <Box position={\"absolute\"} top={-19} right={21}>\r\n                  <DiscountDirector amount={20} />\r\n                </Box>\r\n                <Box display={\"flex\"}>\r\n                  {/* {!isCreatingNewWorkSpace && (\r\n              <FormLabel\r\n                sx={{\r\n                  mr: 1,\r\n                  color: color.titleDark,\r\n                  fontSize: {\r\n                    xs: `${fontSizes.smallFont} !important`,\r\n                    md: `${fontSizes.mediumFont} !important`,\r\n                    xl: `${fontSizes.fontSize14} !important`,\r\n                  },\r\n                  fontWeight: fontWeight.weight500,\r\n                  mb: \"6px\",\r\n                  lineHeight: \"18px\",\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                }}\r\n              >\r\n                Purchased License :{\" \"}\r\n                <Typography ml={0.5} color={color.titleDark}>\r\n                  {selectedLicense}\r\n                </Typography>\r\n              </FormLabel>\r\n            )} */}\r\n\r\n                  <Box\r\n                    display={\"flex\"}\r\n                    gap={1}\r\n                    alignItems={\"center\"}\r\n                    position={\"relative\"}\r\n                    zIndex={99}\r\n                  >\r\n                    {\" \"}\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight600}\r\n                      color={color.titleDark}\r\n                      fontSize={fontSizes.fontSize16}\r\n                    >\r\n                      License:\r\n                    </Typography>{\" \"}\r\n                    <BtnGradient\r\n                      disabled={\r\n                        additionalSeats ===\r\n                          (isCreatingNewWorkSpace || isSignUp\r\n                            ? isInvitingUsers?.emails?.length + 1\r\n                            : isInvitingUsers?.emails?.length) &&\r\n                        isInvitingUsers\r\n                      }\r\n                      sx={{\r\n                        borderRadius: \"50%\",\r\n                        height: \"32px !important\",\r\n                        width: \"32px\",\r\n                        minWidth: \"32px\",\r\n                        fontSize: \"22px\",\r\n                        background: color.lightPrimary,\r\n\r\n                        color: color.primaryColor,\r\n                        \"&:hover\": {\r\n                          background: color.primaryColor,\r\n                          color: \"white\",\r\n                        },\r\n                      }}\r\n                      onClick={(e) => {\r\n                        if (additionalSeats > 1) {\r\n                          setAdditionalSeats(additionalSeats - 1);\r\n                        }\r\n                        // }\r\n                      }}\r\n                    >\r\n                      -\r\n                    </BtnGradient>\r\n                    <LargeSimpleInput\r\n                      onBlur={(e) => handleBlurLicenseBox(e)}\r\n                      onMouseMove={(e) => handleBlurLicenseBox(e)}\r\n                      height={40}\r\n                      value={additionalSeats}\r\n                      onChange={(e) => {\r\n                        let value = Number(e.target.value);\r\n                        if (!isNaN(value)) {\r\n                          setAdditionalSeats(value);\r\n                        }\r\n                      }}\r\n                      mainSx={{\r\n                        width: \"80px\",\r\n                      }}\r\n                      inputSx={{\r\n                        textAlign: \"center\",\r\n                      }}\r\n                    />\r\n                    <BtnGradient\r\n                      sx={{\r\n                        borderRadius: \"50%\",\r\n                        height: \"32px !important\",\r\n                        width: \"32px\",\r\n                        minWidth: \"32px\",\r\n                        fontSize: \"22px\",\r\n                        background: color.lightPrimary,\r\n                        marginTop: \"1px\",\r\n                        color: color.primaryColor,\r\n                        \"&:hover\": {\r\n                          background: color.primaryColor,\r\n                          color: \"white\",\r\n                        },\r\n                      }}\r\n                      onClick={(e) => {\r\n                        setAdditionalSeats(additionalSeats + 1);\r\n                      }}\r\n                    >\r\n                      +\r\n                    </BtnGradient>\r\n                    {!isSignUp && (\r\n                      <Box>\r\n                        <Typography\r\n                          color={color.subTitle}\r\n                          fontWeight={fontWeight.weight400}\r\n                          fontSize={fontSizes.fontSize14}\r\n                        >\r\n                          Current : {addedLicenseCount}\r\n                        </Typography>\r\n                        <Typography\r\n                          color={color.subTitle}\r\n                          fontWeight={fontWeight.weight400}\r\n                          fontSize={fontSizes.fontSize14}\r\n                        >\r\n                          Added : {additionalSeats - addedLicenseCount}\r\n                        </Typography>\r\n                      </Box>\r\n                    )}\r\n                  </Box>\r\n                </Box>\r\n                {/* <Box\r\n            boxShadow={\"0px 0px 6px 0px #18181B29\"}\r\n            p={1}\r\n            borderRadius={commonStyles.borderRadius48}\r\n            sx={{\r\n              width: \"fit-content\",\r\n              m: \"auto\",\r\n            }}\r\n          >\r\n            <Box display={\"flex\"} gap={1}>\r\n              <Box\r\n                onClick={() => setActiveType(\"Bundle\")}\r\n                className=\"cursor-pointer\"\r\n                borderRadius={commonStyles.borderRadius48}\r\n                bgcolor={\r\n                  activeType === \"Bundle\" ? color.primaryColor : \"transparent\"\r\n                }\r\n                border={`1px solid ${\r\n                  activeType === \"Bundle\" ? color.primaryColor : \"transparent\"\r\n                }`}\r\n                p={0.5}\r\n                px={1.5}\r\n                display={\"flex\"}\r\n                alignItems={\"center\"}\r\n              >\r\n                <IcPlaneBundle\r\n                  height=\"20\"\r\n                  width=\"20\"\r\n                  fill={activeType === \"Bundle\" ? color.whiteColor : null}\r\n                />\r\n                <Typography\r\n                  display={\"inline\"}\r\n                  color={\r\n                    activeType === \"Bundle\" ? color.whiteColor : color.titleDark\r\n                  }\r\n                  ml={1}\r\n                  fontSize={fontSizes.xLargeFont}\r\n                >\r\n                  Bundle & Save\r\n                </Typography>\r\n              </Box>\r\n              <Box\r\n                onClick={() => setActiveType(\"Cloudchart\")}\r\n                className=\"cursor-pointer\"\r\n                borderRadius={commonStyles.borderRadius48}\r\n                bgcolor={\r\n                  activeType === \"Cloudchart\"\r\n                    ? color.primaryColor\r\n                    : \"transparent\"\r\n                }\r\n                border={`1px solid ${\r\n                  activeType === \"Cloudchart\"\r\n                    ? color.primaryColor\r\n                    : \"transparent\"\r\n                }`}\r\n                p={0.5}\r\n                px={1.5}\r\n                display={\"flex\"}\r\n                alignItems={\"center\"}\r\n              >\r\n                <IcCloudChartLogoColored\r\n                  height=\"20\"\r\n                  width=\"20\"\r\n                  fill={activeType === \"Cloudchart\" ? color.whiteColor : null}\r\n                />\r\n                <Typography\r\n                  color={\r\n                    activeType === \"Cloudchart\"\r\n                      ? color.whiteColor\r\n                      : color.titleDark\r\n                  }\r\n                  fontSize={fontSizes.xLargeFont}\r\n                  display={\"inline\"}\r\n                  ml={1}\r\n                >\r\n                  Cloudchart\r\n                </Typography>\r\n              </Box>\r\n              <Box\r\n                className=\"cursor-pointer\"\r\n                onClick={() => setActiveType(\"Cloudcollab\")}\r\n                borderRadius={commonStyles.borderRadius48}\r\n                bgcolor={\r\n                  activeType === \"Cloudcollab\"\r\n                    ? color.primaryColor\r\n                    : \"transparent\"\r\n                }\r\n                border={`1px solid ${\r\n                  activeType === \"Cloudcollab\"\r\n                    ? color.primaryColor\r\n                    : \"transparent\"\r\n                }`}\r\n                p={0.5}\r\n                px={1.5}\r\n                display={\"flex\"}\r\n                alignItems={\"center\"}\r\n              >\r\n                <IcCloudCollabLogoColored\r\n                  height=\"20\"\r\n                  width=\"20\"\r\n                  fill={activeType === \"Cloudcollab\" ? color.whiteColor : null}\r\n                />\r\n                <Typography\r\n                  fontSize={fontSizes.xLargeFont}\r\n                  display={\"inline\"}\r\n                  ml={1}\r\n                  color={\r\n                    activeType === \"Cloudcollab\"\r\n                      ? color.whiteColor\r\n                      : color.titleDark\r\n                  }\r\n                >\r\n                  Cloudcollab\r\n                </Typography>\r\n              </Box>\r\n            </Box>\r\n          </Box> */}\r\n\r\n                <Box position={\"relative\"} zIndex={99}>\r\n                  <TwoWaySwitch\r\n                    disabled={\r\n                      // !isHasNoWorkspace &&\r\n                      !isCreatingNewWorkSpace &&\r\n                      (currentPlanIsLoading ||\r\n                        (currentPlanDetails?.data?.subscriptionData\r\n                          ?.interval_type === \"year\" &&\r\n                          currentPlanDetails?.data?.subscriptionData\r\n                            ?.package !== \"Free\"))\r\n                    }\r\n                    label1={\"Monthly\"}\r\n                    label2={\"Yearly\"}\r\n                    activeLabel={activeDuration}\r\n                    checked={activeDuration === \"year\"}\r\n                    onChange={(e) =>\r\n                      e === \"Yearly\"\r\n                        ? setActiveDuration(\"year\")\r\n                        : setActiveDuration(\"month\")\r\n                    }\r\n                  />\r\n                </Box>\r\n              </Box>\r\n            </Box>\r\n            {/* <Box height={\"calc(100% - 160px)\"}> */}\r\n            {matchDown1100 && slidesPerView ? (\r\n              <>\r\n                <div className=\"embla\" ref={emblaRef}>\r\n                  <div className=\"embla__container\">\r\n                    <div\r\n                      className=\"embla__slide\"\r\n                      style={{ flex: `0 0 ${100 / slidesPerView}%` }}\r\n                    >\r\n                      <FreeBundle\r\n                        planData={FREE_PLANE}\r\n                        activeDuration={activeDuration}\r\n                        currentPlanDetails={currentPlanDetails?.data}\r\n                        additionalSeats={additionalSeats}\r\n                        activeType={activeType}\r\n                        isCreatingNewWorkSpace={isCreatingNewWorkSpace}\r\n                        handleClose={handleClose}\r\n                        // isPlanDetailsPage={isPlanDetailsPage}\r\n                        isFreePlanPage={isFreePlanPage}\r\n                        isCurrentPlanIsTrial={isCurrentPlanIsTrial}\r\n                        planeList={planeList}\r\n                        isInvitedUserCreatingWorkspace={\r\n                          isInvitedUserCreatingWorkspace\r\n                        }\r\n                      />\r\n                    </div>\r\n                    <div\r\n                      className=\"embla__slide\"\r\n                      style={{ flex: `0 0 ${100 / slidesPerView}%` }}\r\n                    >\r\n                      {\" \"}\r\n                      <ProfessionalBundle\r\n                        planData={PRO_PLANE}\r\n                        activeDuration={activeDuration}\r\n                        currentPlanDetails={currentPlanDetails?.data}\r\n                        additionalSeats={additionalSeats}\r\n                        additionalSeatPrice={ADDITIONAL_USER_PRICE}\r\n                        additionalPlan={ADDITIONAL_PLAN}\r\n                        planeList={planeList}\r\n                        activeType={activeType}\r\n                        addedLicenseCount={addedLicenseCount}\r\n                        isCreatingNewWorkSpace={isCreatingNewWorkSpace}\r\n                        handleClose={handleClose}\r\n                        isFreePlanPage={isFreePlanPage}\r\n                        isCurrentPlanIsTrial={isCurrentPlanIsTrial}\r\n                        // isPlanDetailsPage={isPlanDetailsPage}\r\n                      />\r\n                    </div>\r\n                    <div\r\n                      className=\"embla__slide\"\r\n                      style={{ flex: `0 0 ${100 / slidesPerView}%` }}\r\n                    >\r\n                      <BusinessBundle\r\n                        planData={BUSINESS_PLANE}\r\n                        activeDuration={activeDuration}\r\n                        currentPlanDetails={currentPlanDetails?.data}\r\n                        additionalSeats={additionalSeats}\r\n                        additionalSeatPrice={ADDITIONAL_USER_PRICE}\r\n                        additionalPlan={ADDITIONAL_PLAN}\r\n                        planeList={planeList}\r\n                        activeType={activeType}\r\n                        addedLicenseCount={addedLicenseCount}\r\n                        isCreatingNewWorkSpace={isCreatingNewWorkSpace}\r\n                        handleClose={handleClose}\r\n                        isFreePlanPage={isFreePlanPage}\r\n                        isCurrentPlanIsTrial={isCurrentPlanIsTrial}\r\n                        // isPlanDetailsPage={isPlanDetailsPage}\r\n                      />\r\n                    </div>\r\n                  </div>{\" \"}\r\n                  <Box\r\n                    sx={{\r\n                      position: \"absolute\",\r\n                      top: \"50%\",\r\n                      width: \"100%\",\r\n                      display: \"flex\",\r\n                      justifyContent: \"space-between\",\r\n                    }}\r\n                  >\r\n                    <BtnGradient\r\n                      onClick={onPrevButtonClick}\r\n                      disabled={prevBtnDisabled}\r\n                      sx={{\r\n                        borderRadius: \"50%\",\r\n                        height: \"35px !important\",\r\n                        width: \"35px\",\r\n                        minWidth: \"35px\",\r\n                      }}\r\n                    >\r\n                      <Box\r\n                        sx={{\r\n                          rotate: \"180deg\",\r\n                        }}\r\n                      >\r\n                        <IcRightArrow fill={color.whiteColor} />\r\n                      </Box>\r\n                    </BtnGradient>\r\n                    <BtnGradient\r\n                      sx={{\r\n                        borderRadius: \"50%\",\r\n                        height: \"35px !important\",\r\n                        width: \"35px\",\r\n                        minWidth: \"35px\",\r\n                      }}\r\n                      onClick={onNextButtonClick}\r\n                      disabled={nextBtnDisabled}\r\n                    >\r\n                      <IcRightArrow fill={color.whiteColor} />\r\n                    </BtnGradient>\r\n                  </Box>\r\n                </div>\r\n              </>\r\n            ) : (\r\n              <Box\r\n                display={\"grid\"}\r\n                id=\"outer-mide-section\"\r\n                gridTemplateColumns={\"1fr 1fr 1fr\"}\r\n                gap={\"1rem\"}\r\n                overflow={\"auto\"}\r\n                // height={{\r\n                //   xl: \"calc(100% - 229px)\",\r\n                //   lg: \"unset\",\r\n                // }}\r\n              >\r\n                <FreeBundle\r\n                  planData={FREE_PLANE}\r\n                  activeDuration={activeDuration}\r\n                  currentPlanDetails={currentPlanDetails?.data}\r\n                  additionalSeats={additionalSeats}\r\n                  activeType={activeType}\r\n                  isCreatingNewWorkSpace={isCreatingNewWorkSpace}\r\n                  handleClose={handleClose}\r\n                  // isPlanDetailsPage={isPlanDetailsPage}\r\n                  isFreePlanPage={isFreePlanPage}\r\n                  isCurrentPlanIsTrial={isCurrentPlanIsTrial}\r\n                  planeList={planeList}\r\n                  isInvitedUserCreatingWorkspace={\r\n                    isInvitedUserCreatingWorkspace\r\n                  }\r\n                />\r\n\r\n                <ProfessionalBundle\r\n                  planData={PRO_PLANE}\r\n                  activeDuration={activeDuration}\r\n                  currentPlanDetails={currentPlanDetails?.data}\r\n                  additionalSeats={additionalSeats}\r\n                  additionalSeatPrice={ADDITIONAL_USER_PRICE}\r\n                  additionalPlan={ADDITIONAL_PLAN}\r\n                  planeList={planeList}\r\n                  activeType={activeType}\r\n                  addedLicenseCount={addedLicenseCount}\r\n                  isCreatingNewWorkSpace={isCreatingNewWorkSpace}\r\n                  handleClose={handleClose}\r\n                  isFreePlanPage={isFreePlanPage}\r\n                  isCurrentPlanIsTrial={isCurrentPlanIsTrial}\r\n                  // isPlanDetailsPage={isPlanDetailsPage}\r\n                />\r\n\r\n                <BusinessBundle\r\n                  planData={BUSINESS_PLANE}\r\n                  activeDuration={activeDuration}\r\n                  currentPlanDetails={currentPlanDetails?.data}\r\n                  additionalSeats={additionalSeats}\r\n                  additionalSeatPrice={ADDITIONAL_USER_PRICE}\r\n                  additionalPlan={ADDITIONAL_PLAN}\r\n                  planeList={planeList}\r\n                  activeType={activeType}\r\n                  addedLicenseCount={addedLicenseCount}\r\n                  isCreatingNewWorkSpace={isCreatingNewWorkSpace}\r\n                  handleClose={handleClose}\r\n                  isFreePlanPage={isFreePlanPage}\r\n                  isCurrentPlanIsTrial={isCurrentPlanIsTrial}\r\n                  // isPlanDetailsPage={isPlanDetailsPage}\r\n                />\r\n              </Box>\r\n            )}\r\n            {/* </Box> */}\r\n\r\n            {!isFreePlanPage && (\r\n              <Box\r\n                id=\"outer-bottom-section\"\r\n                display={\"flex\"}\r\n                justifyContent={\"center\"}\r\n                width={\"100%\"}\r\n              >\r\n                <PlanComparison />\r\n                {/* <BtnGradient\r\n            btnColor={color.cardBgColor}\r\n            height={40}\r\n            hoverSx={{\r\n              background: color.commonBorderColor,\r\n            }}\r\n            sx={{\r\n              border: `1px solid ${color.commonBorderColor}`,\r\n            }}\r\n          >\r\n            <Typography color={color.subTitle} fontSize={fontSizes.largeFont}>\r\n              See detailed feature comparison\r\n            </Typography>\r\n            <Box\r\n              sx={{\r\n                ml: \"10px\",\r\n              }}\r\n            >\r\n              <IcLongTailedArrow fill={color.primaryColor} />\r\n            </Box>\r\n          </BtnGradient> */}\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        </Box>\r\n      </>\r\n    );\r\n  }\r\n};\r\n\r\nexport default SubscriptionModel;\r\n","import { Toast } from \"react-bootstrap\";\r\nimport React from \"react\";\r\nimport \"./toast.scss\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { removeToast } from \"../../Redux/toastSlice\";\r\nimport { Box, IconButton, Stack, Typography } from \"@mui/material\";\r\nimport {\r\n  IcCheckCircleFill,\r\n  IcClose,\r\n  IcCrossCircleFill,\r\n  IcInfoCircleFill,\r\n} from \"../../assets/icon-components\";\r\n\r\nconst ToastComponent = ({\r\n  show,\r\n  toastType,\r\n  toastBody,\r\n  toastBg = \"dark\",\r\n  isCustomStyled = false,\r\n  isBottomCenter = false,\r\n  isAutoHide = true,\r\n}) => {\r\n  const dispatch = useDispatch();\r\n\r\n  return (\r\n    <Toast\r\n      autohide={isAutoHide}\r\n      onClose={() => dispatch(removeToast())}\r\n      show={show}\r\n      style={{\r\n        ...(isBottomCenter\r\n          ? {\r\n              bottom: \"3%\",\r\n              left: \"50%\",\r\n              transform: \"translateX(-50%)\",\r\n            }\r\n          : { top: \"2%\", right: \"1%\" }),\r\n        backgroundColor: toastBg === \"dark\" ? \"#020617\" : \"#FFFFFF\",\r\n        color: toastBg === \"dark\" ? \"#FFFFFF\" : \"#18181B\",\r\n        zIndex: \"9999999\",\r\n        borderRadius: \"8px\",\r\n        boxShadow: \"0px 5px 18.5px 0px #00000040\",\r\n        border: \"none\",\r\n        overflow: \"hidden\",\r\n        width: isCustomStyled ? \"450px\" : \"max-content\",\r\n        maxWidth: \"90%\",\r\n      }}\r\n      className={\"position-fixed\"}\r\n    >\r\n      {toastBody && (\r\n        <Toast.Body\r\n          style={{\r\n            padding: isCustomStyled\r\n              ? \"15px 45px 15px 15px\"\r\n              : \"10px 10px 10px 12px\",\r\n          }}\r\n        >\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={isCustomStyled ? \"flex-start\" : \"center\"}\r\n            justifyContent={\"flex-start\"}\r\n          >\r\n            {toastType === \"success\" ? (\r\n              <Box\r\n                sx={{\r\n                  height: \"24px\",\r\n                  width: \"24px\",\r\n                  borderRadius: \"50%\",\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  bgcolor: \"#22C55E66\",\r\n                }}\r\n              >\r\n                <IcCheckCircleFill\r\n                  circleFill={\"#22C55E\"}\r\n                  checkFill={toastBg === \"dark\" ? \"#020617\" : \"#FFFFFF\"}\r\n                />\r\n              </Box>\r\n            ) : toastType === \"error\" ? (\r\n              <Box\r\n                sx={{\r\n                  height: \"24px\",\r\n                  width: \"24px\",\r\n                  borderRadius: \"50%\",\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  bgcolor: \"#EF444466\",\r\n                }}\r\n              >\r\n                <IcCrossCircleFill\r\n                  circleFill=\"#EF4444\"\r\n                  iFill={toastBg === \"dark\" ? \"black\" : \"#FFFFFF\"}\r\n                />\r\n              </Box>\r\n            ) : (\r\n              <Box\r\n                sx={{\r\n                  height: \"24px\",\r\n                  width: \"24px\",\r\n                  borderRadius: \"50%\",\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  bgcolor: \"#FFB4004D\",\r\n                }}\r\n              >\r\n                <IcInfoCircleFill\r\n                  circleFill=\"#FFB400\"\r\n                  iFill={toastBg === \"dark\" ? \"black\" : \"#FFFFFF\"}\r\n                />\r\n              </Box>\r\n            )}\r\n            <Typography\r\n              fontSize={12.6}\r\n              fontWeight={isCustomStyled ? 400 : 500}\r\n              color={toastBg === \"dark\" ? \"#FFFFFF\" : \"#18181B\"}\r\n              lineHeight={\"16px\"}\r\n              ml={\"10px\"}\r\n              width={\"fit-content\"}\r\n            >\r\n              {toastBody}\r\n            </Typography>\r\n          </Stack>\r\n          {isAutoHide && (\r\n            <IconButton\r\n              sx={{\r\n                bgcolor: \"transparent\",\r\n                width: \"28px !important\",\r\n                height: \"28px !important\",\r\n                borderRadius: \"6px\",\r\n                ml: \"6px\",\r\n                transition: \"all 0.3s ease\",\r\n                ...(isCustomStyled\r\n                  ? { position: \"absolute\", top: \"4px\", right: \"4px\" }\r\n                  : {}),\r\n                \"&:hover\": {\r\n                  bgcolor: toastBg === \"dark\" ? \"#FFFFFF24\" : \"#0000001A\",\r\n                },\r\n              }}\r\n              onClick={() => dispatch(removeToast())}\r\n            >\r\n              <IcClose\r\n                fill={toastBg === \"dark\" ? \"#FFFFFF\" : \"#18181B\"}\r\n                height=\"9\"\r\n                width=\"9\"\r\n              />\r\n            </IconButton>\r\n          )}\r\n        </Toast.Body>\r\n      )}\r\n    </Toast>\r\n  );\r\n};\r\n\r\nexport default ToastComponent;\r\n"],"names":["_ref","message","isFixed","fill","zIndex","_jsxs","Box","className","concat","display","justifyContent","alignItems","sx","position","top","right","height","width","children","_jsx","LoaderSvg","Typography","fontSize","fontWeight","textAlign","color","loaderColor","_objectSpread","CircularProgress","primaryColor","xmlns","viewBox","d","stroke","strokeWidth","_ref2","loaderWidth","loaderHeight","chartLoader","showLoading","useSelector","state","mindMapStore","randomIndex","setRandomIndex","useState","useEffect","randomNumber","Math","floor","random","_Fragment","src","s3AssetsUrl","alt","props","_projectList$resData","_currentSubscriptionD","_currentSubscriptionD2","_currentSubscriptionD3","_currentSubscriptionD4","_teamListData$data2","_teamListData$data2$r","_teamListData$data3","_teamListData$data3$r","_useCaseList$","navigate","useNavigate","pathname","useLocation","project_id","useParams","shareUserProjectId","setShareUserProjectId","dispatch","useDispatch","location","openBoardFromTemplate","openViewTemplate","store","templates","theme","useTheme","_useContext","useContext","ModelContext","createNewTeamModal","setOpenCreateNewTeamModel","setCreateNewTeamModal","openCreateNewTeamModel","modelState","_objectWithoutProperties","_excluded","matchDownXL","useMediaQuery","breakpoints","down","currentSubscriptionData","userData","common","loadSidebarDocuments","openedSidebar","sidebar","searchValue","setSearchValue","showUseTemplate","setShowUseTemplate","useCaseList","setUseCaseList","setTemplates","unpinId","setUnpinId","templatesContainerRef","useRef","isScrollLoading","setIsScrollLoading","templateState","openedDropDownList","setOpenedDropDownList","selectedDoc","setSelectedDoc","openProjectForm","setOpenProjectForm","showPlans","setShowPlans","upgradePlan","setUpgradePlan","showChartCreateOptions","setShowChartCreateOption","showCollabCreateOptions","setShowCollabCreateOption","isCloudChart","setIsCloudChart","anchorEl","setAnchorEl2","anchorEl3","setAnchorEl3","unPin","setUnpin","openUpgradePopup","setOpenUpgradePopup","openUpgradeModal","setOpenUpgradeModal","openFreeLimitModal","setOpenFreeLimitModal","anchorElCreateNew","setAnchorElCreateNew","openBlankBoard","setOpenBlankBoard","openNewSpace","setOpenNewSpace","data","teamListData","refetch","getTeamList","useGetTeamListQuery","open3","Boolean","popoverId3","undefined","open","popoverId","activeTeam","_state$sidebar","currentTeam","shareModalOpen","setShareModalOpen","isTrash","setIsTrash","selectedTemplateData","setSelectedTemplateData","viewTemplate","setViewTemplate","isTeam","setIsTeam","isNewSpace","setIsNewSpace","team","localStorage","getItem","_teamListData$data","_teamListData$data$re","_teamListData$data$re2","setCurrentTeam","resData","team_id","openCreateNew","id","showBoardLocation","setShowBoardLocation","editData","setEditData","name","showMoveBoardData","setShowMoveBoardData","deleteDialog","setDeleteDialog","type","projectList","refetchProjectList","isLoading","projectListLoading","useGetProjectsListQuery","search","skip","refetchOnMountOrArgChange","pinProject","pinUnpinInProgress","usePinProjectMutation","pinned_projects","pinnedIds","map","item","project_list","filter","includes","handleCloseCreateChart","Number","featureLimitAndUsed","limit","used","currentSubscription","subscriptionDataSelect","handleCancel","URLSearchParams","has","async","_preview$data","t_id","get","preview","commanService","getApi","is_public","setOpenViewTemplate","previewApi","sessionStorage","removeItem","contextMenuItems","useMemo","label","onClick","prev","project_name","setIsOpenModelBlank","projectid","is_pinned","then","handlePinProject","setInviteNewMembers","handleCloseMenu","initialTeamName","_item$team_name","words","team_name","split","_words$","_words$$charAt","_words$2","_words$2$charAt","_words$3","_words$3$substring","length","charAt","toUpperCase","substring","style","Stack","overflow","xs","lg","xl","borderRight","darkGray","pt","px","bgcolor","gap","mb","handleClickCreateChart","event","currentTarget","borderRadius","purple","backgroundColor","purpleHover","IcPlusSimple","titleDark","fontSizes","fontSize12px","CommonDivider","my","Popover","onClose","handleCloseCreateNew","anchorOrigin","vertical","horizontal","maxHeight","i","initialsTeamName","p","cursor","commonStyles","borderRadiusMD","CustomNameTooltip","title","arrow","placement","minHeight","minWidth","background","lightPrimary","border","sm","margin","setInitialTemplateSlice","setOpenBoardFromTemplate","IcTemplates2Outlined","IcTemplates20OutlinedSelected","IcSettingOutlinedNew","weight400","padding","md","toggleLoadSidebarDocuments","isShow","WorkspaceSidebarDropDown","newSidebarItem","_currentSubscriptionD5","_currentSubscriptionD6","_currentSubscriptionD7","mainLabel","Fragment","pl","pr","mt","subscriptionData","package","flexDirection","smallFont","subTitle","weight600","IcPlusSquaredOutlined","borderColor","commonBorderColor","rowGap","sort","a","b","_a$activePathname","_b$activePathname","isAActive","activePathname","isBActive","_ref3","childI","_extraPathnames$filte","_extraPathnames$filte2","_extraPathnames$filte3","_extraPathnames$filte4","_extraPathnames$filte5","_extraPathnames$filte6","_extraPathnames$filte7","_extraPathnames$filte8","_extraPathnames$filte9","_extraPathnames$filte10","_extraPathnames$filte11","_extraPathnames$filte12","_extraPathnames$filte13","_extraPathnames$filte14","child","extraPathnames","navigateTo","Icon","subChildren","onContextMenu","direction","pathName","transition","maxWidth","lab","toggleDropDown","e","stopPropagation","SimpleCircularProgress","size","fill1","fill2","fontSize13","whiteSpace","textOverflow","fontSize14","IcMenuDotsVertical","borderWidth","borderStyle","borderTop","handleNavigateTrash","IcTrash","ml","IcRightSingleArrow","ChoosePlan","setOpen","UpgradeModel","isNavigateOnClose","subtitle","CreateBlankBoard","isOpenModelBlank","handleClose","isHideCategory","isCloudChartTemplate","CreateBoardFromTemplate","handleCloseBoardFromTemplate","isSidebar","ViewTemplate","backToTemplate","useCaseId","use_case_id","value","searchParams","delete","newUrl","window","toString","history","replaceState","ProjectForm","setLoader","parent","openShareAfterCreateSpace","takeEvent","MoveBoard","boardData","handleCloseMoveBoard","DeleteDialog","handleOk","deleteApi","status","successToast","catch","error","_error$response","_error$response$data","_error$response$data2","response","warningToast","errorToast","heading","preventDefault","boxShadow","py","overflowY","overflowX","handleBlankBoard","IcFolder2Outlined","_currentSubscription$","IcUsersOutlined","left","_currentSubscriptionD8","InviteMultipleUserModel","inviteNewMembers","handleCloseInviteUserModal","takeType","modalTitle","hidePermissions","modalSubTitle","selectedProjectId","selectedTeamName","addUserFromWp","hideTeams","showInvitedUser","isFromDashboardSidebar","CreateNewBoard","handleCloseBlankBoard","CreateNewSpace","handleCloseNewSpace","CreateNewTeam","getTeamListWithExistingValues","UpgradePlanAccess","subDocuments","pinnedDocuments","IcHomeOutlined","IcRotateClockWiseOutlined","IcStarOutlined","IcDocuementOutline","IcSharedWithMe","subChild","IcPin2","BUSINESS_PLAN_ITEMS","_planeList$packages","_planeList$packages$p","_planeList$packages$p2","_currentPlanDetails$s","_currentPlanDetails$s2","_currentPlanDetails$f","_currentPlanDetails$f2","_currentPlanDetails$s3","_planeList$packages2","_planeList$packages2$","planData","activeDuration","additionalSeats","additionalSeatPrice","currentPlanDetails","planeList","additionalPlan","activeType","addedLicenseCount","isCreatingNewWorkSpace","isPlanDetailsPage","isFreePlanPage","isCurrentPlanIsTrial","isExportBusinessButtonOnly","isInvitedUserCreatingWorkspace","JSON","parse","setShowReactivateModel","MonthlyPrice","packages","packageList","find","package_name","interval_type","price","originalValue","calculatedPrice","toFixed","currentPackage","packageName","currentPlanInterval","selectedLicense","feature","isCurrentPlan","isYearly","isTrialPlan","is_trial","is_current_trial","isCancelledSubscription","unsubscribe_date","handleClickPlan","usePlanChangeClick","isModifyingLicense","sectionHeight","setSectionHeight","calculateHeight","_document$querySelect","_document$getElementB","_document$getElementB2","_document$getElementB3","mainModelHeight","document","querySelector","offsetHeight","outerTopHeight","getElementById","outerBottomHeight","topSectionHeight","addEventListener","removeEventListener","isCurrentUpgradeNow","isButtonHidden","BUTTON_CONTENT","monthlyActualPrice","yearlyActualPrice","setButtonContent","business","setPlanPricesToShow","businessPrice","BtnColoredOutlined","disabled","fullWidth","hoverSx","darkPrimary","commonHoverColor","borderRadius6","whiteColor","textTransform","modelTitle","mediumFont","flexWrap","fontSize28","mr","xLargeFont","weight500","textDecoration","largeFont","successColor","index","IcCheck","PRO_PLAN_ITEMS","isExportProButtonOnly","professional","professionalPrice","FREE_PLAN_ITEMS","_currentPlanDetails$s4","_currentPlanDetails$s5","_currentPlanDetails$s6","isExportFreeButtonOnly","isHaveNotWorkspace","isNotTrialUsed","isDisableButton","createWorkspace","createdWorkspace","creatingWorkspace","useCerateWorkspaceMutation","switchWorkSpace","switchingData","switchingIProgress","useSwitchAccountsMutation","_currentPlanDetails$s7","_currentPlanDetails$s8","_currentPlanDetails$s9","_currentPlanDetails$s10","getButtonContent","free","handleButtonCLick","workspace_name","logoFile","logo","result","_result$data","_result$data$data","account_id","accountData","_result$data2","_result$data2$data","_result$data3","_result$data3$data","_result$data4","_result$data4$data","_result$data5","_result$data5$data","setItem","stringify","is_onboarding_done","updateUserData","_error$data","_currentPlanDetails$s11","_currentPlanDetails$s12","_currentPlanDetails$s13","_currentPlanDetails$s14","_currentPlanDetails$s15","_currentPlanDetails$s16","_currentPlanDetails$s17","_currentPlanDetails$s18","loading","disableText","opacity","DisableSectionOverlay","tooltipPlacement","tooltipTitle","ICDownArrow","amount","_JSON$parse","_currentPlanDetails$d","_currentPlanDetails$d2","_currentPlanDetails$d14","_currentPlanDetails$d15","_currentPlanDetails$d16","_currentPlanDetails$d17","_currentPlanDetails$d18","_currentPlanDetails$d19","_planeList$packages3","_planeList$packages3$","_planeList$packages4","_planeList$packages4$","_planeList$packages4$2","_planeList$packages4$3","_planeList$packages4$4","_planeList$packages5","_currentPlanDetails$d20","_currentPlanDetails$d21","_currentPlanDetails$d22","_currentPlanDetails$d23","isPricingWPPage","setActiveType","setActiveDuration","setAdditionalSeats","matchDown1100","isHasNoWorkspace","has_workspace","emblaRef","emblaApi","useEmblaCarousel","loop","active","prevBtnDisabled","nextBtnDisabled","onPrevButtonClick","onNextButtonClick","setPrevBtnDisabled","setNextBtnDisabled","useCallback","scrollPrev","scrollNext","onSelect","canScrollPrev","canScrollNext","on","usePrevNextButtons","slidesPerView","setSlidesPerView","planListLoading","isFetching","planListFetching","useGetPlanListQuery","currentPlanApiDetails","currentPlanIsLoading","useGetCurrentSubscriptionQuery","showPlanModel","setShowPlaneModel","isInvitingUsers","isSignUp","setAddedLicenseCount","isCurrentPlanIsFreePlan","_currentPlanDetails$d3","_currentPlanDetails$d4","_currentPlanDetails$d5","_isInvitingUsers$emai","_currentPlanDetails$d6","_currentPlanDetails$d7","_currentPlanDetails$d8","_currentPlanDetails$d9","_currentPlanDetails$d10","_currentPlanDetails$d11","_currentPlanDetails$d12","_currentPlanDetails$d13","addedLicenseCounTemp","emails","FREE_PLANE","PRO_PLANE","BUSINESS_PLANE","ADDITIONAL_USER_PRICE","additionalPackage","ADDITIONAL_PLAN","handleBlurLicenseBox","_isInvitingUsers$emai2","_isInvitingUsers$emai5","_isInvitingUsers$emai3","_isInvitingUsers$emai4","_isInvitingUsers$emai6","FreeBundle","ProfessionalBundle","BusinessBundle","borderRadius10","pb","scrollbarWidth","fontSize20","modelTitle1","letterSpacing","IconButton","float","IcCloseThin","AbsoluteLoader","DiscountDirector","fontSize16","BtnGradient","_isInvitingUsers$emai7","_isInvitingUsers$emai8","LargeSimpleInput","onBlur","onMouseMove","onChange","target","isNaN","mainSx","inputSx","marginTop","TwoWaySwitch","_currentPlanDetails$d24","_currentPlanDetails$d25","_currentPlanDetails$d26","_currentPlanDetails$d27","label1","label2","activeLabel","checked","ref","flex","rotate","IcRightArrow","gridTemplateColumns","PlanComparison","show","toastType","toastBody","toastBg","isCustomStyled","isBottomCenter","isAutoHide","Toast","autohide","removeToast","bottom","transform","Body","IcCheckCircleFill","circleFill","checkFill","IcCrossCircleFill","iFill","IcInfoCircleFill","lineHeight","IcClose"],"sourceRoot":""}