{"version":3,"file":"static/js/main-74653e99.9f315d3d.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 || \"1200\",\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(1);\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_0${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 {\r\n  shareSpaceModel,\r\n  subscriptionDataSelect,\r\n} 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  const [deleteSpaceLoader, setDeleteSpaceLoader] = useState(false)\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\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      setDeleteSpaceLoader(true)\r\n      commanService\r\n        .deleteApi(\r\n          \"drawboard/v1\",\r\n          deleteDialog?.type === \"chart\"\r\n            ? `architectures/${deleteDialog.id}`\r\n            : `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        }).finally(() => {\r\n          setDeleteSpaceLoader(false)\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 ${\r\n            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 - ${\r\n                                                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 - ${\r\n                                                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                                        {children\r\n                                          // mainLabel === \"Main\"\r\n                                          // ?\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:\r\n                                                        \"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 ===\r\n                                                              \"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                                                          {\r\n                                                            maxWidth:\r\n                                                              mainLabel ===\r\n                                                              \"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 &&\r\n                                                        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                                                      // }\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                                                                    (\r\n                                                                      pathName\r\n                                                                    ) =>\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                                                                    (\r\n                                                                      pathName\r\n                                                                    ) =>\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                                                                    (\r\n                                                                      pathName\r\n                                                                    ) =>\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                                                                    (\r\n                                                                      pathName\r\n                                                                    ) =>\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                                                                    (\r\n                                                                      pathName\r\n                                                                    ) =>\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:\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={\"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                                                                    (\r\n                                                                      pathName\r\n                                                                    ) =>\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 >\r\n                                                                      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                                                                    (\r\n                                                                      pathName\r\n                                                                    ) =>\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 >\r\n                                                                      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      {modelState.isOpenModelBlank && (\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          isHideCategory={\r\n            currentSubscription?.package?.includes(\"Bundle\") ? false : true\r\n          }\r\n          project_id={selectedDoc?.project_id}\r\n          isCloudChartTemplate={isCloudChart}\r\n          showBoardLocation={showBoardLocation}\r\n          isCloudCollabTemplate={currentSubscription?.package?.includes(\"cl\")}\r\n        />\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 = `${\r\n              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        deleteSpaceLoader={deleteSpaceLoader}\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    </>\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 {\r\n  IcCheck,\r\n  IcCloudChartLogoColored,\r\n  IcCloudCollabLogoColored,\r\n} 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\nimport { calculateDiscountedAmount } from \"../../Utils/functions/calculateDiscountedAmount\";\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) => item.package_name === planData?.package_name\r\n    )?.price || 0\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, activeType]);\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\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      // (isCurrentPlanIsTrial || currentPackage === \"Free\") &&\r\n      (isCurrentPlan && !isCurrentPlanIsTrial ? false : true) &&\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 to   Business plan`;\r\n        } else {\r\n          return \"Add licenses\";\r\n        }\r\n      } else if (activeType === \"Cloudairy Suite\") {\r\n        return `Upgrade to   Business plan`;\r\n      } else {\r\n        return `Upgrade to   Business plan`;\r\n      }\r\n    } else if (currentPackage?.includes(\"Suite\")) {\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) {\r\n        if (\r\n          currentPackage?.includes(\"Business Suite\") &&\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 `Upgrade to 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 Suite\") &&\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 === \"Cloudairy Suite\") {\r\n        return `Upgrade to Business plan`;\r\n      } else {\r\n        return `Upgrade to Business plan`;\r\n      }\r\n    }\r\n  };\r\n  const isButtonHidden = false;\r\n  //   isCreatingNewWorkSpace || isInvitedUserCreatingWorkspace\r\n  //     ? false\r\n  //     : (currentPackage?.includes(\"Business\") ||\r\n  //         currentPackage?.includes(\"Bundle Professional\")) &&\r\n  //       activeType !== \"Cloudairy Suite\";\r\n\r\n  const BUTTON_CONTENT = currentPlanDetails && getButtonContent();\r\n  const monthlyActualPrice = ((MonthlyPrice * 100) / 75).toFixed(2);\r\n  const yearlyActualPrice = ((planData?.price * 100) / 75 / 12).toFixed(2);\r\n\r\n  const isNotTrialUsed = planeList?.packages?.packageList?.find(\r\n    (item) => item.package_name !== \"Free\" && item?.is_trial\r\n  );\r\n  const isHiddenSubButton =\r\n    isCancelledSubscription ||\r\n    isCreatingNewWorkSpace ||\r\n    isInvitedUserCreatingWorkspace;\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              {planData?.package_name}\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\" &&\r\n                  activeType === \"Cloudairy Suite\" && ( */}\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                  {activeDuration === \"year\"\r\n                    ? yearlyActualPrice\r\n                    : monthlyActualPrice}\r\n                </Typography>\r\n                {/* )} */}\r\n                {planData?.price ? (\r\n                  <>\r\n                    {/* {activeDuration === \"year\" && 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                        $\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\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                      {\r\n                        // activeType === \"Bundle\"\r\n                        //   ?\r\n                        \"25% Discount\"\r\n                        // : \"20% Discount\"\r\n                      }\r\n                    </Typography>\r\n                  </Stack>\r\n                }\r\n              </Typography>\r\n            </Box>\r\n            {/* <Box height={\"19px\"}></Box> */}\r\n          </Box>\r\n\r\n          {/* {activeType === \"Bundle\" && ( */}\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={\"flex\"}\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                display={\"flex\"}\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\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\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\r\n          {/* {!isCancelledSubscription &&\r\n            !isCreatingNewWorkSpace &&\r\n            !isInvitedUserCreatingWorkspace &&\r\n            !isButtonHidden &&\r\n            !isCurrentPlan &&\r\n            !isTrialPlan &&\r\n            !isCurrentPlanIsTrial && (\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          {!isHiddenSubButton && (\r\n            <>\r\n              {isCurrentPlan &&\r\n                !isCurrentPlanIsTrial &&\r\n                currentPlanInterval !== \"year\" && (\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(planData);\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                      Add licenses\r\n                    </Typography>\r\n                  </Box>\r\n                )}\r\n              {isCurrentPlan && isCurrentPlanIsTrial && (\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 &&\r\n                            !isCurrentPlan &&\r\n                            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              {!isCurrentPlan && isCurrentPlanIsTrial && (\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(planData, true);\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                      : !isCurrentPlan && isCurrentPlanIsTrial\r\n                      ? \" Upgrade now\"\r\n                      : \"Add licenses\"}\r\n                  </Typography>\r\n                </Box>\r\n              )}\r\n              {!isCurrentPlan && isTrialPlan && (\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(planData, true);\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                    {isTrialPlan\r\n                      ? \"Upgrade now\"\r\n                      : !isCurrentPlan && isCurrentPlanIsTrial\r\n                      ? \" Upgrade now\"\r\n                      : \"Add licenses\"}\r\n                  </Typography>\r\n                </Box>\r\n              )}\r\n            </>\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: \"100%\", 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: \"6px\", sm: \"4px\" }}\r\n                mb={{ xl: \"6px\", sm: \"4px\" }}\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 {\r\n  IcCheck,\r\n  IcCloudChartLogoColored,\r\n  IcCloudCollabLogoColored,\r\n} 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 PRO_PLAN_ITEMS_DATA =\r\n    activeType === \"Cloudchart\"\r\n      ? [\r\n          \"Unlimited Editable Boards\",\r\n          \"Secured shared Boards files\",\r\n          \"Premium icons library\",\r\n          \"Unlimited file exports\",\r\n          \"Unlimited shapes per Boards\",\r\n          \"Unlimited custom templates\",\r\n          \"1 GB of Storage\",\r\n          \"Private workspace\",\r\n          \"30-day Version History\",\r\n          \"Cloudairy AI with 50 credits/month\",\r\n          \"Chat, email, and priority support\",\r\n          \"Sharable Team space\",\r\n          \"Unlimited guests\",\r\n        ]\r\n      : activeType === \"Cloudcollab\"\r\n      ? [\r\n          \"Unlimited boards\",\r\n          \"Private workspace\",\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\n      : [\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\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\r\n  const isHiddenSubButton =\r\n    isCancelledSubscription ||\r\n    isCreatingNewWorkSpace ||\r\n    isInvitedUserCreatingWorkspace;\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, activeType]);\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      // (isCurrentPlanIsTrial || currentPackage === \"Free\") &&\r\n      (isCurrentPlan && !isCurrentPlanIsTrial ? false : true) &&\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 === \"Cloudairy Suite\") {\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(\"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 === \"Cloudairy Suite\") {\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(\"Suite\")) {\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 === \"Cloudairy Suite\") {\r\n        if (currentPackage?.includes(\"Business\")) {\r\n          return `Downgrade to Professional Suite plan`;\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    }\r\n  };\r\n\r\n  const isButtonHidden =\r\n    !isCreatingNewWorkSpace &&\r\n    !isInvitedUserCreatingWorkspace &&\r\n    (currentPackage?.includes(\"Business Suite\") ||\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(\"Suite\") && activeType !== \"Cloudairy Suite\"));\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={\r\n          // isButtonHidden ? \"transparent\" :\r\n          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\r\n          //       // color: \"white\",\r\n          //       borderRadius: commonStyles.borderRadius6,\r\n          //       position: \"relative\",\r\n          //       zIndex: 99,\r\n          //     }\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                {planData?.package_name}\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\" &&\r\n                    activeType === \"Cloudairy Suite\" && (\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                        activeType === \"Cloudairy Suite\" && (\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 === \"Cloudairy Suite\"\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 === \"Cloudairy Suite\" ? (\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 === \"Cloudairy Suite\"\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            {/* {activeType === \"Cloudairy Suite\" && ( */}\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 === \"Cloudairy Suite\" ||\r\n                    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 === \"Cloudairy Suite\" ||\r\n                    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\r\n            <Box>\r\n              <BtnColoredOutlined\r\n                height={40}\r\n                fullWidth\r\n                // disabled={isButtonHidden}\r\n                borderColor={\r\n                  // isButtonHidden ? \"transparent\" :\r\n                  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                  //   :\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              {/* {!isCancelledSubscription &&\r\n                !isCreatingNewWorkSpace &&\r\n                !isInvitedUserCreatingWorkspace &&\r\n                !isButtonHidden &&\r\n                !isCurrentPlan &&\r\n                !isTrialPlan &&\r\n                !isCurrentPlanIsTrial && (\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 &&\r\n                              !isCurrentPlan &&\r\n                              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              {!isHiddenSubButton && (\r\n                <>\r\n                  {isCurrentPlan &&\r\n                    !isCurrentPlanIsTrial &&\r\n                    currentPlanInterval !== \"year\" && (\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(planData, false, true);\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                          Add licenses\r\n                        </Typography>\r\n                      </Box>\r\n                    )}\r\n\r\n                  {isCurrentPlan && isCurrentPlanIsTrial && (\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 &&\r\n                                !isCurrentPlan &&\r\n                                isCurrentPlanIsTrial\r\n                              ? \"isUpgradeNow\"\r\n                              : false,\r\n                            true\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 &&\r\n                            !isCurrentPlan &&\r\n                            isCurrentPlanIsTrial\r\n                          ? \" Upgrade now\"\r\n                          : \"Add licenses\"}\r\n                      </Typography>\r\n                    </Box>\r\n                  )}\r\n                  {!isCurrentPlan && isCurrentPlanIsTrial && (\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(planData, true, true);\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                          : !isCurrentPlan && isCurrentPlanIsTrial\r\n                          ? \" Upgrade now\"\r\n                          : \"Add licenses\"}\r\n                      </Typography>\r\n                    </Box>\r\n                  )}\r\n                  {!isCurrentPlan &&\r\n                    isTrialPlan &&\r\n                    (!isCurrentPlanIsTrial ? true : false) && (\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(planData, true, true);\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                          {isTrialPlan\r\n                            ? !isCurrentPlanIsTrial &&\r\n                              currentPackage !== \"Free\" &&\r\n                              (packageName?.includes(\"Cloudchart\") ||\r\n                                packageName?.includes(\"Cloudcollab\"))\r\n                              ? currentPackage?.includes(\"Business\") ||\r\n                                currentPackage?.includes(\"Suit\")\r\n                                ? `Downgrade to ${activeType} Professional plan`\r\n                                : `Switch to ${activeType} Professional plan`\r\n                              : currentPackage?.includes(\"Business\")\r\n                              ? \"Downgrade to Professional Plan\"\r\n                              : \"Upgrade now\"\r\n                            : !isCurrentPlan && isCurrentPlanIsTrial\r\n                            ? \" Upgrade now\"\r\n                            : \"Add licenses\"}\r\n                        </Typography>\r\n                      </Box>\r\n                    )}\r\n                </>\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: \"100%\", 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_DATA.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: \"6px\", sm: \"4px\" }}\r\n                    mb={{ xl: \"6px\", sm: \"4px\" }}\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, Stack, 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 {\r\n  IcCheck,\r\n  IcCloudChartLogoColored,\r\n  IcCloudCollabLogoColored,\r\n} 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, activeType]);\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(\"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={\"flex\"}\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                display={\"flex\"}\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          <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: \"100%\", 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: \"6px\", sm: \"4px\" }}\r\n                  mb={{ xl: \"6px\", sm: \"4px\" }}\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(\"Cloudairy Suite\");\r\n  const [activeDuration, setActiveDuration] = useState(\"year\");\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  const currentPackageName =\r\n    currentPlanDetails?.data?.subscriptionData?.package;\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        isCreatingNewWorkSpace || isInvitedUserCreatingWorkspace\r\n          ? \"year\"\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          ? \"Cloudairy Suite\"\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 ===\r\n        `${\r\n          activeType === \"Cloudairy Suite\"\r\n            ? \"Professional Suite\"\r\n            : `${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?.includes(\r\n        activeType === \"Cloudairy Suite\" ? `Business Suite` : `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: \"98%\", lg: \"98%\", 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                gap={\"45px\"}\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\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(\"Cloudairy Suite\")}\r\n                      className=\"cursor-pointer\"\r\n                      borderRadius={commonStyles.borderRadius48}\r\n                      bgcolor={\r\n                        activeType === \"Cloudairy Suite\"\r\n                          ? color.primaryColor\r\n                          : \"transparent\"\r\n                      }\r\n                      border={`1px solid ${\r\n                        activeType === \"Cloudairy Suite\"\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                      <IcPlaneBundle\r\n                        height=\"20\"\r\n                        width=\"20\"\r\n                        fill={\r\n                          activeType === \"Cloudairy Suite\"\r\n                            ? color.whiteColor\r\n                            : null\r\n                        }\r\n                      />\r\n                      <Typography\r\n                        display={\"inline\"}\r\n                        color={\r\n                          activeType === \"Cloudairy Suite\"\r\n                            ? color.whiteColor\r\n                            : color.titleDark\r\n                        }\r\n                        ml={1}\r\n                        fontSize={fontSizes.xLargeFont}\r\n                      >\r\n                        Cloudairy Suite\r\n                      </Typography>\r\n                    </Box>\r\n                    <Box\r\n                      onClick={() => {\r\n                        if (\r\n                          currentPackageName?.includes(\"Professional Suite\") ||\r\n                          currentPackageName?.includes(\"Cloudcollab\")\r\n                        ) {\r\n                          return;\r\n                        }\r\n                        setActiveType(\"Cloudchart\");\r\n                      }}\r\n                      sx={{\r\n                        userSelect: \"none\",\r\n                        opacity:\r\n                          currentPackageName?.includes(\"Professional Suite\") ||\r\n                          currentPackageName?.includes(\"Cloudcollab\")\r\n                            ? 0.5\r\n                            : 1,\r\n                        cursor:\r\n                          currentPackageName?.includes(\"Professional Suite\") ||\r\n                          currentPackageName?.includes(\"Cloudcollab\")\r\n                            ? \"default\"\r\n                            : \"pointer\",\r\n                      }}\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={\r\n                          activeType === \"Cloudchart\" ? color.whiteColor : null\r\n                        }\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                      onClick={() => {\r\n                        if (\r\n                          currentPackageName?.includes(\"Professional Suite\") ||\r\n                          currentPackageName?.includes(\"Cloudchart\")\r\n                        ) {\r\n                          return;\r\n                        }\r\n                        setActiveType(\"Cloudcollab\");\r\n                      }}\r\n                      borderRadius={commonStyles.borderRadius48}\r\n                      sx={{\r\n                        userSelect: \"none\",\r\n                        opacity:\r\n                          currentPackageName?.includes(\"Professional Suite\") ||\r\n                          currentPackageName?.includes(\"Cloudchart\")\r\n                            ? 0.5\r\n                            : 1,\r\n                        cursor:\r\n                          currentPackageName?.includes(\"Professional Suite\") ||\r\n                          currentPackageName?.includes(\"Cloudchart\")\r\n                            ? \"default\"\r\n                            : \"pointer\",\r\n                      }}\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={\r\n                          activeType === \"Cloudcollab\" ? color.whiteColor : null\r\n                        }\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                  <Box position={\"absolute\"} top={-33} right={21}>\r\n                    <DiscountDirector amount={20} />\r\n                  </Box>\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                  proPlanName={PRO_PLANE?.package_name}\r\n                  businessPlanName={BUSINESS_PLANE?.package_name}\r\n                />\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","_currentSubscription$","_currentSubscription$2","_useCaseList$","navigate","useNavigate","pathname","useLocation","project_id","useParams","shareUserProjectId","setShareUserProjectId","dispatch","useDispatch","location","openBoardFromTemplate","openViewTemplate","store","templates","deleteSpaceLoader","setDeleteSpaceLoader","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","_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","activePathname","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","isOpenModelBlank","CreateBlankBoard","handleClose","isHideCategory","isCloudChartTemplate","isCloudCollabTemplate","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","finally","heading","preventDefault","boxShadow","py","overflowY","overflowX","handleBlankBoard","IcFolder2Outlined","_currentSubscription$3","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","price","calculatedPrice","toFixed","currentPackage","packageName","currentPlanInterval","interval_type","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","isHiddenSubButton","setButtonContent","business","setPlanPricesToShow","businessPrice","BtnColoredOutlined","disabled","fullWidth","hoverSx","darkPrimary","commonHoverColor","borderRadius6","whiteColor","textTransform","modelTitle","mediumFont","flexWrap","fontSize28","mr","xLargeFont","weight500","textDecoration","largeFont","successColor","IcCloudCollabLogoColored","IcCloudChartLogoColored","index","IcCheck","PRO_PLAN_ITEMS","isExportProButtonOnly","PRO_PLAN_ITEMS_DATA","originalValue","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","setItem","updateUserData","is_onboarding_done","_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$d3","_currentPlanDetails$d4","_currentPlanDetails$d16","_currentPlanDetails$d17","_currentPlanDetails$d18","_currentPlanDetails$d19","_currentPlanDetails$d20","_currentPlanDetails$d21","_planeList$packages3","_planeList$packages3$","_planeList$packages4","_planeList$packages4$","_planeList$packages4$2","_planeList$packages4$3","_planeList$packages4$4","_planeList$packages5","_currentPlanDetails$d22","_currentPlanDetails$d23","_currentPlanDetails$d24","_currentPlanDetails$d25","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","currentPackageName","isInvitingUsers","isSignUp","setAddedLicenseCount","isCurrentPlanIsFreePlan","_currentPlanDetails$d5","_currentPlanDetails$d6","_currentPlanDetails$d7","_isInvitingUsers$emai","_currentPlanDetails$d8","_currentPlanDetails$d9","_currentPlanDetails$d10","_currentPlanDetails$d11","_currentPlanDetails$d12","_currentPlanDetails$d13","_currentPlanDetails$d14","_currentPlanDetails$d15","addedLicenseCounTemp","emails","FREE_PLANE","PRO_PLANE","BUSINESS_PLANE","_item$package_name","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","fontSize16","BtnGradient","_isInvitingUsers$emai7","_isInvitingUsers$emai8","LargeSimpleInput","onBlur","onMouseMove","onChange","target","isNaN","mainSx","inputSx","marginTop","borderRadius48","m","IcPlaneBundle","userSelect","DiscountDirector","TwoWaySwitch","label1","label2","activeLabel","checked","ref","flex","rotate","IcRightArrow","gridTemplateColumns","PlanComparison","proPlanName","businessPlanName","show","toastType","toastBody","toastBg","isCustomStyled","isBottomCenter","isAutoHide","Toast","autohide","removeToast","bottom","transform","Body","IcCheckCircleFill","circleFill","checkFill","IcCrossCircleFill","iFill","IcInfoCircleFill","lineHeight","IcClose"],"sourceRoot":""}