0\r\n ? \"#18181B\"\r\n : \"#A9A8A8\",\r\n }}\r\n className=\"card_description_box\"\r\n dangerouslySetInnerHTML={{\r\n __html:\r\n removeHTMLTags(data?.description).trim().length > 0\r\n ? data?.description\r\n : \"Type something\",\r\n }}\r\n />\r\n )}\r\n \r\n )}\r\n
\r\n {data?.priority && (\r\n \r\n {\" \"}\r\n \r\n {data?.priority}{\" \"}\r\n \r\n )}\r\n\r\n {data?.status && (\r\n \r\n \r\n {fillColorStatus?.Icon && (\r\n \r\n )}\r\n \r\n {data?.status} \r\n \r\n )}\r\n\r\n {data?.date && (\r\n \r\n
\r\n \r\n {data?.date}\r\n \r\n \r\n )}\r\n \r\n\r\n {data?.assign?.length > 0 && (\r\n
\r\n \r\n {data?.assign?.slice(0, 5).map((val, index) => (\r\n \r\n {val?.profile_picture ? (\r\n \r\n
\r\n \r\n ) : (\r\n \r\n {val?.first_name[0]?.toUpperCase()}\r\n \r\n )}\r\n \r\n \r\n {val?.first_name} {val?.last_name}\r\n \r\n \r\n \r\n ))}\r\n \r\n }\r\n placement=\"bottom\"\r\n isAvatarGroup\r\n >\r\n
\r\n {data?.assign.slice(0, 5).map((val, index) => (\r\n \r\n {val?.profile_picture ? (\r\n
\r\n ) : (\r\n \r\n {val?.first_name[0]?.toUpperCase()}\r\n \r\n )}\r\n \r\n ))}\r\n {data?.assign.length > 5 && (\r\n \r\n \r\n +{5}\r\n \r\n \r\n )}\r\n \r\n \r\n \r\n )}\r\n\r\n {data?.tag?.length > 0 && (\r\n
\r\n {data?.tag?.map((val, index) => {\r\n return (\r\n \r\n {val.name.length > 20\r\n ? `${val.name.slice(0, 20)}...`\r\n : val.name}\r\n \r\n );\r\n })}\r\n \r\n )}\r\n \r\n {!isDownload && !copyAsImage && !showExport && !data?.locked && (\r\n <>\r\n {node?.selected &&\r\n !showExport &&\r\n !isNodeSelectionStarted &&\r\n !copyAsImage && (\r\n <>\r\n
onResizeEnd(node, true)}\r\n minWidth={324}\r\n minHeight={cardRef?.current?.offsetHeight + 40}\r\n // maxHeight={(cardRef?.current?.offsetHeight + 40) * 2}\r\n // maxWidth={800}\r\n // onResize={onResize}\r\n />\r\n onResizeEnd(node)}\r\n minWidth={324}\r\n minHeight={cardRef?.current?.offsetHeight + 40}\r\n // maxHeight={(cardRef?.current?.offsetHeight + 40) * 2}\r\n // maxWidth={800}\r\n // onResize={onResize}\r\n >\r\n \r\n \r\n onResizeEnd(node)}\r\n minWidth={324}\r\n minHeight={cardRef?.current?.offsetHeight + 40}\r\n // maxHeight={(cardRef?.current?.offsetHeight + 40) * 2}\r\n // maxWidth={800}\r\n // onResize={onResize}\r\n >\r\n \r\n \r\n onResizeEnd(node)}\r\n minWidth={324}\r\n minHeight={cardRef?.current?.offsetHeight + 40}\r\n // maxHeight={(cardRef?.current?.offsetHeight + 40) * 2}\r\n // maxWidth={800}\r\n // onResize={onResize}\r\n >\r\n \r\n \r\n onResizeEnd(node)}\r\n minWidth={324}\r\n minHeight={cardRef?.current?.offsetHeight + 40}\r\n // maxHeight={(cardRef?.current?.offsetHeight + 40) * 2}\r\n // maxWidth={800}\r\n // onResize={onResize}\r\n >\r\n \r\n \r\n >\r\n )}\r\n\r\n {!node?.dragging && !showExport && !copyAsImage && (\r\n <>\r\n {\" \"}\r\n \r\n console.log(\"handle onConnect\", params)\r\n }\r\n onMouseOver={() => {\r\n setShowDots(true);\r\n setHoveredItem(\"left\");\r\n }}\r\n onMouseLeave={() => {\r\n setShowDots(false);\r\n setHoveredItem(\"\");\r\n }}\r\n onClick={(e) => {\r\n e.preventDefault();\r\n }}\r\n >\r\n {(!isNodeSelectionStarted || isNodeSelected <= 0) && (\r\n \r\n )}\r\n \r\n \r\n console.log(\"handle onConnect\", params)\r\n }\r\n onMouseOver={() => {\r\n setShowDots(true);\r\n setHoveredItem(\"right\");\r\n }}\r\n onMouseLeave={() => {\r\n setShowDots(false);\r\n setHoveredItem(\"\");\r\n }}\r\n onClick={(e) => {\r\n e.preventDefault();\r\n }}\r\n >\r\n {(!isNodeSelectionStarted || isNodeSelected <= 0) && (\r\n \r\n )}\r\n \r\n {\r\n setShowDots(true);\r\n setHoveredItem(\"top\");\r\n }}\r\n onMouseLeave={() => {\r\n setShowDots(false);\r\n setHoveredItem(\"\");\r\n }}\r\n onClick={(e) => {\r\n e.preventDefault();\r\n }}\r\n >\r\n {(!isNodeSelectionStarted || isNodeSelected <= 0) && (\r\n \r\n )}\r\n \r\n \r\n console.log(\"handle onConnect\", params)\r\n }\r\n onMouseOver={() => {\r\n setShowDots(true);\r\n setHoveredItem(\"bottom\");\r\n }}\r\n onMouseLeave={() => {\r\n setShowDots(false);\r\n setHoveredItem(\"\");\r\n }}\r\n onClick={(e) => {\r\n e.preventDefault();\r\n }}\r\n >\r\n {(!isNodeSelectionStarted || isNodeSelected <= 0) && (\r\n \r\n )}\r\n \r\n >\r\n )}\r\n >\r\n )}\r\n \r\n \r\n {data?.emoji?.length > 0 &&\r\n Object?.values(emojiCount)?.map((emoji, i) => {\r\n return (\r\n \r\n
\r\n \r\n {emoji.count}\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n\r\n setAnchorEl(null)}\r\n anchorOrigin={{\r\n vertical: \"bottom\",\r\n horizontal: \"center\",\r\n }}\r\n transformOrigin={{\r\n vertical: \"top\",\r\n horizontal: \"center\",\r\n }}\r\n sx={{\r\n \"& .MuiPaper-root\": {\r\n p: \"10px\",\r\n ml: \"-10px\",\r\n mt: \"5px\",\r\n width: 209,\r\n boxShadow: \"none\",\r\n bgcolor: \"transparent\",\r\n },\r\n }}\r\n BackdropProps={{\r\n style: { backgroundColor: \"transparent\" },\r\n onClick: () => setOpen(false),\r\n }}\r\n >\r\n \r\n {priorityDropdown.map(({ Icon, name, fill }, i) => {\r\n return (\r\n \r\n {i === priorityDropdown.length - 1 && (\r\n \r\n )}\r\n\r\n {\r\n handlePriorityClick(name, fill);\r\n }}\r\n >\r\n \r\n \r\n \r\n {name}\r\n \r\n \r\n {data?.priority === name && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n setAnchorElStatus(null)}\r\n anchorOrigin={{\r\n vertical: \"bottom\",\r\n horizontal: \"center\",\r\n }}\r\n transformOrigin={{\r\n vertical: \"top\",\r\n horizontal: \"center\",\r\n }}\r\n sx={{\r\n \"& .MuiPaper-root\": {\r\n p: \"10px\",\r\n ml: \"-10px\",\r\n mt: \"5px\",\r\n width: 209,\r\n boxShadow: \"none\",\r\n bgcolor: \"transparent\",\r\n },\r\n }}\r\n BackdropProps={{\r\n style: { backgroundColor: \"transparent\" },\r\n onClick: () => setOpenStatus(false),\r\n }}\r\n >\r\n \r\n {statusDropdown.map(({ Icon, name, fill }, i) => {\r\n return (\r\n \r\n {i === statusDropdown.length - 1 && (\r\n \r\n )}\r\n\r\n {\r\n handleStatusClick(name);\r\n }}\r\n >\r\n \r\n \r\n \r\n {name}\r\n \r\n \r\n {name === data?.status && (\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n setAnchorElAssign(null)}\r\n anchorOrigin={{\r\n vertical: \"bottom\",\r\n horizontal: \"center\",\r\n }}\r\n transformOrigin={{\r\n vertical: \"top\",\r\n horizontal: \"center\",\r\n }}\r\n sx={{\r\n \"& .MuiPaper-root\": {\r\n ml: \"-10px\",\r\n width: 277,\r\n mt: \"24px\",\r\n boxShadow: \"0px 2px 8px 0px #030B160D\",\r\n border: \"1px solid #EFF0F3\",\r\n borderRadius: \"10px\",\r\n // top: \"720px !important\",\r\n // left: \"547px !important\",\r\n bgcolor: \"transparent\",\r\n },\r\n }}\r\n BackdropProps={{\r\n style: { backgroundColor: \"transparent\" },\r\n onClick: () => setOpenAssign(false),\r\n }}\r\n >\r\n \r\n \r\n {/* setSearchValue(e.target.value)}\r\n InputProps={{\r\n startAdornment: (\r\n \r\n ),\r\n }}\r\n sx={{\r\n \"& .MuiOutlinedInput-root\": {\r\n padding: \"1px\",\r\n border: \"1px solid border: 1px solid #EEEEEE\",\r\n borderRadius: \"8px\",\r\n \"& fieldset\": {\r\n border: \"1px solid border: 1px solid #EEEEEE\",\r\n },\r\n \"&:hover fieldset\": {\r\n border: \"1px solid border: 1px solid #EEEEEE\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n border: \"1px solid border: 1px solid #EEEEEE\",\r\n },\r\n \"& .MuiInputBase-input::placeholder\": {\r\n color: \"#959BA3\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n width: \"100%\",\r\n border: \"none\",\r\n padding: \"7px\",\r\n lineHeight: \"20px\",\r\n fontSize: \"12px !important\",\r\n fontWeight: \"400 !important\",\r\n },\r\n },\r\n }}\r\n /> */}\r\n setSearchValue(e.target.value)}\r\n placeholder={\"Search person\"}\r\n bgColor={\"#FFFFFF\"}\r\n width={\"100%\"}\r\n formControlSx={{\r\n width: \"236px\",\r\n }}\r\n />\r\n \r\n {filteredMembers.length > 0 ? (\r\n filteredMembers.map((user, i) => {\r\n return (\r\n \r\n \r\n \r\n {user?.profile_picture ? (\r\n \r\n
\r\n \r\n ) : (\r\n \r\n \r\n {user?.first_name[0]?.toUpperCase()}\r\n \r\n \r\n )}\r\n \r\n {user?.first_name + \" \" + user?.last_name}\r\n \r\n \r\n e.stopPropagation()}\r\n sx={{ marginRight: \"10px\" }}\r\n >\r\n handleMemberSelect(user)}\r\n checked={data?.assign.some(\r\n (assignedUser) =>\r\n assignedUser.user_id === user.user_id\r\n )}\r\n />\r\n \r\n \r\n \r\n );\r\n })\r\n ) : (\r\n \r\n No data found\r\n \r\n )}\r\n \r\n \r\n setAnchorElDate(null)}\r\n anchorOrigin={{\r\n vertical: \"bottom\",\r\n horizontal: \"center\",\r\n }}\r\n transformOrigin={{\r\n vertical: \"top\",\r\n horizontal: \"center\",\r\n }}\r\n sx={{\r\n \"& .MuiPaper-root\": {\r\n ml: \"-10px\",\r\n mt: \"15px\",\r\n\r\n bgcolor: \"white\",\r\n boxShadow: \"0px 2px 8px rgba(0, 0, 0, 0.2)\",\r\n borderRadius: \"10px\",\r\n },\r\n }}\r\n BackdropProps={{\r\n style: { backgroundColor: \"transparent\" },\r\n onClick: () => setAnchorElDate(null),\r\n }}\r\n className=\"no-border-datepicker\"\r\n >\r\n {\r\n handleChageDate(date);\r\n setAnchorElDate(null);\r\n }}\r\n inline\r\n />\r\n {\r\n handleClearDate();\r\n setAnchorElDate(null);\r\n }}\r\n >\r\n \r\n Clear\r\n \r\n \r\n \r\n setOpenTag(false)}\r\n anchorOrigin={{\r\n vertical: \"bottom\",\r\n horizontal: \"center\",\r\n }}\r\n transformOrigin={{\r\n vertical: \"top\",\r\n horizontal: \"center\",\r\n }}\r\n sx={{\r\n \"& .MuiPaper-root\": {\r\n ml: \"-10px\",\r\n width: 277,\r\n mt: \"15px\",\r\n // top:\"790px !important\",\r\n // left:\"634px !important\",\r\n boxShadow: \"none\",\r\n bgcolor: \"transparent\",\r\n },\r\n }}\r\n BackdropProps={{\r\n style: { backgroundColor: \"transparent\" },\r\n onClick: () => setOpenTag(false),\r\n }}\r\n >\r\n \r\n {!editTagValue && (\r\n {\r\n setNewTag(e.target.value);\r\n setError(false);\r\n }}\r\n onKeyDown={(e) => {\r\n if (e.key === \"Enter\") {\r\n handleAddTag();\r\n }\r\n }}\r\n error={error}\r\n helperText={error ? \"You can add a maximum of 8 tags.\" : \"\"}\r\n fullWidth\r\n sx={{\r\n \"& .MuiOutlinedInput-root\": {\r\n padding: \"1px\",\r\n borderBottom: \"2px solid #EEEEEE\",\r\n\r\n \"& fieldset\": {\r\n border: \"none\",\r\n },\r\n \"&:hover fieldset\": {},\r\n \"&.Mui-focused fieldset\": {},\r\n \"& .MuiInputBase-input::placeholder\": {\r\n color: \"#959BA3\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n width: \"100%\",\r\n border: \"none\",\r\n padding: \"8px\",\r\n lineHeight: \"20px\",\r\n fontSize: \"12px !important\",\r\n fontWeight: \"400 !important\",\r\n },\r\n },\r\n }}\r\n />\r\n )}\r\n \r\n {editTagValue && (\r\n {\r\n setEditTagValue(e.target.value);\r\n setError(false);\r\n }}\r\n fullWidth\r\n sx={{\r\n \"& .MuiOutlinedInput-root\": {\r\n padding: \"1px\",\r\n borderBottom: \"2px solid #EEEEEE\",\r\n\r\n \"& fieldset\": {\r\n border: \"none\",\r\n },\r\n \"&:hover fieldset\": {},\r\n \"&.Mui-focused fieldset\": {},\r\n \"& .MuiInputBase-input::placeholder\": {\r\n color: \"#959BA3\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n width: \"100%\",\r\n border: \"none\",\r\n padding: \"8px\",\r\n lineHeight: \"20px\",\r\n fontSize: \"12px !important\",\r\n fontWeight: \"400 !important\",\r\n },\r\n },\r\n }}\r\n />\r\n )}\r\n {editTagValue && (\r\n handleSaveEdit(editTagIndex)}\r\n sx={{\r\n backgroundColor: \"none\",\r\n color: \"blue\",\r\n padding: \"2px\",\r\n fontSize: \"12px\",\r\n borderRadius: \"8px\",\r\n textTransform: \"none\",\r\n cursor: \"pointer\",\r\n \"&:hover\": {\r\n backgroundColor: \"none\",\r\n },\r\n }}\r\n >\r\n Save\r\n \r\n )}\r\n \r\n \r\n {data?.tag?.length > 0 &&\r\n data?.tag?.map((val, index) => (\r\n \r\n \r\n {val.name.length > 20\r\n ? `${val.name.slice(0, 20)}...`\r\n : val.name}\r\n \r\n handleEditTag(index, val.name)}\r\n sx={{\r\n padding: \"0px\",\r\n marginLeft: \"4px\",\r\n }}\r\n >\r\n \r\n \r\n handleRemoveTag(index)}\r\n sx={{\r\n padding: \"0px\",\r\n marginLeft: \"4px\",\r\n }}\r\n >\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n\r\n {node?.selected &&\r\n !isMultiNodeSelected &&\r\n !node.dragging &&\r\n !node?.data?.globalDragging &&\r\n !isMultiNodeSelected &&\r\n !isNodeSelectionStarted && (\r\n \r\n \r\n <>\r\n {!data?.locked && (\r\n <>\r\n \r\n \r\n setShowCardModal(true)}\r\n >\r\n
\r\n \r\n \r\n \r\n \r\n setShowColor(false)}\r\n >\r\n \r\n {\r\n setShowColor(false);\r\n }}\r\n open={showColor}\r\n disableFocusListener\r\n disableHoverListener\r\n disableTouchListener\r\n title={\r\n {\r\n handleColorChange(color, \"backgroundColor\");\r\n }}\r\n />\r\n }\r\n >\r\n \r\n \r\n {\r\n e.stopPropagation();\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(!showColor);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n e.stopPropagation();\r\n handleClick(e);\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n e.stopPropagation();\r\n handleClickStatus(e);\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n e.stopPropagation();\r\n handleClickAssign(e);\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n e.stopPropagation();\r\n setAnchorElDate(\r\n anchorElDate ? null : e.currentTarget\r\n );\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n {shouldShowBox && (\r\n \r\n )}\r\n {shouldShowBox && (\r\n setShowFontFamily(false)}\r\n >\r\n \r\n setShowFontFamily(false)}\r\n open={showFontFamily}\r\n disableFocusListener\r\n disableHoverListener\r\n disableTouchListener\r\n title={\r\n \r\n {fontFamilyArr?.map((val, i) => {\r\n return (\r\n {\r\n if (showTextEditor) {\r\n editor\r\n .chain()\r\n .focus()\r\n .setFontFamily(val.family)\r\n .run();\r\n } else if (showEdit) {\r\n titleEditor\r\n .chain()\r\n .focus()\r\n .setFontFamily(val.family)\r\n .run();\r\n }\r\n setShowFontFamily(false);\r\n setCurrentFontFamily(val?.name);\r\n }}\r\n >\r\n {val.name}\r\n \r\n );\r\n })}\r\n \r\n }\r\n >\r\n {\r\n e.stopPropagation();\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(!showFontFamily);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n \r\n \r\n \r\n {currentFontFamily}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {shouldShowBox && (\r\n \r\n )}\r\n {shouldShowBox && (\r\n \r\n \r\n \r\n \r\n setShowFontSizeOpt(false)}\r\n >\r\n setShowFontSizeOpt(false)}\r\n open={showFontSizeOpt}\r\n disableFocusListener\r\n disableHoverListener\r\n disableTouchListener\r\n title={\r\n \r\n {fontSizeArr?.map((val, i) => {\r\n return (\r\n {\r\n if (showTextEditor) {\r\n editor\r\n .chain()\r\n .focus()\r\n .setFontSize(`${val}px`)\r\n .run();\r\n setSelectedFontSize(val);\r\n setShowFontSizeOpt(false);\r\n } else if (showEdit) {\r\n titleEditor\r\n .chain()\r\n .focus()\r\n .setFontSize(`${val}px`)\r\n .run();\r\n setSelectedFontSize(val);\r\n setShowFontSizeOpt(false);\r\n }\r\n }}\r\n >\r\n {val}\r\n \r\n );\r\n })}\r\n \r\n }\r\n >\r\n {\r\n e.stopPropagation();\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(!showFontSizeOpt);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n \r\n \r\n {`${\r\n selectedFontSize\r\n ?.toString()\r\n .includes(\"px\")\r\n ? selectedFontSize\r\n : selectedFontSize + \"px\" || \"16px\"\r\n }`}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {\r\n setShowFontSizeOpt(false);\r\n handleFontSizeChange(\"increase\");\r\n }}\r\n >\r\n {\" \"}\r\n \r\n \r\n {\r\n setShowFontSizeOpt(false);\r\n if (parseInt(selectedFontSize) > 1) {\r\n handleFontSizeChange(\"decrease\");\r\n }\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {shouldShowBox && (\r\n \r\n )}\r\n {shouldShowBox && (\r\n setShowFontStyle(false)}\r\n >\r\n \r\n setShowFontStyle(false)}\r\n open={showFontStyle}\r\n disableFocusListener\r\n disableHoverListener\r\n disableTouchListener\r\n title={\r\n \r\n \r\n {\r\n e.stopPropagation();\r\n toggleBold();\r\n setShowFontStyle(false);\r\n const isBold =\r\n editor.getAttributes(\"bold\");\r\n setFontStyleEditor({\r\n ...fontstyleEditor,\r\n isBold: isBold,\r\n });\r\n }}\r\n >\r\n \r\n \r\n \r\n\r\n \r\n {\r\n e.stopPropagation();\r\n toggleItalic();\r\n if (showEdit) {\r\n const isItalic =\r\n titleEditor.getAttributes(\"italic\");\r\n setFontStyleEditor((prev) => ({\r\n ...prev, // Retains other formatting states (e.g., isBold, isUnderline, etc.)\r\n isItalic,\r\n }));\r\n } else if (showTextEditor) {\r\n const isItalic =\r\n !!editor.getAttributes(\"italic\");\r\n setFontStyleEditor((prev) => ({\r\n ...prev, // Retains other formatting states (e.g., isBold, isUnderline, etc.)\r\n isItalic,\r\n }));\r\n }\r\n\r\n setShowFontStyle(false);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n {\r\n e.stopPropagation();\r\n toggleUnderline();\r\n const isUnderline =\r\n editor.getAttributes(\"underline\");\r\n setFontStyleEditor({\r\n ...fontstyleEditor,\r\n isUnderline: isUnderline,\r\n });\r\n setShowFontStyle(false);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n {\r\n e.stopPropagation();\r\n toggleStrike();\r\n setShowFontStyle(false);\r\n const isStrikethrough =\r\n editor.getAttributes(\"strike\");\r\n setFontStyleEditor({\r\n ...fontstyleEditor,\r\n isStrikethrough: isStrikethrough,\r\n });\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n }\r\n >\r\n \r\n \r\n {\r\n e.stopPropagation();\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(!showFontStyle);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {shouldShowBox && (\r\n \r\n setShowAlignment(false)}\r\n >\r\n \r\n setShowAlignment(false)}\r\n open={showAlignment}\r\n disableFocusListener\r\n disableHoverListener\r\n disableTouchListener\r\n title={\r\n \r\n updateTextAlignment(\"left\")}\r\n sx={{\r\n height: \"36px !important\",\r\n width: \"36px !important\",\r\n borderRadius: \"8px\",\r\n transition: \"all 0.3s ease\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"7px\",\r\n bgcolor:\r\n currentTextAlign === \"left\"\r\n ? \"#007AFF1F\"\r\n : \"#FFF\",\r\n \"&:hover\": { bgcolor: \"#EFF0F3\" },\r\n }}\r\n >\r\n \r\n \r\n \r\n updateTextAlignment(\"center\")\r\n }\r\n sx={{\r\n height: \"36px !important\",\r\n width: \"36px !important\",\r\n borderRadius: \"8px\",\r\n transition: \"all 0.3s ease\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"7px\",\r\n bgcolor:\r\n currentTextAlign === \"center\"\r\n ? \"#007AFF1F\"\r\n : \"#FFF\",\r\n \"&:hover\": { bgcolor: \"#EFF0F3\" },\r\n }}\r\n >\r\n \r\n \r\n\r\n updateTextAlignment(\"right\")}\r\n sx={{\r\n height: \"36px !important\",\r\n width: \"36px !important\",\r\n borderRadius: \"8px\",\r\n transition: \"all 0.3s ease\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n gap: \"7px\",\r\n bgcolor:\r\n currentTextAlign === \"right\"\r\n ? \"#007AFF1F\"\r\n : \"#FFF\",\r\n \"&:hover\": { bgcolor: \"#EFF0F3\" },\r\n }}\r\n >\r\n \r\n \r\n \r\n }\r\n >\r\n \r\n \r\n {\r\n e.stopPropagation();\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(!showAlignment);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n {currentTextAlign === \"left\" ? (\r\n \r\n ) : currentTextAlign === \"right\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {shouldShowBox && (\r\n setShowListTypes(false)}\r\n >\r\n \r\n setShowListTypes(false)}\r\n open={showListTypes}\r\n disableFocusListener\r\n disableHoverListener\r\n disableTouchListener\r\n title={\r\n \r\n {\r\n if (showTextEditor) {\r\n editor\r\n .chain()\r\n .focus()\r\n .toggleBulletList()\r\n .run();\r\n const isBullet =\r\n editor.isActive(\"bulletList\");\r\n setCurrentListType(\r\n isBullet ? \"bullet\" : \"\"\r\n );\r\n } else if (showEdit) {\r\n titleEditor\r\n .chain()\r\n .focus()\r\n .toggleBulletList()\r\n .run();\r\n const isBullet =\r\n titleEditor.isActive(\"bulletList\");\r\n setCurrentListType(\r\n isBullet ? \"bullet\" : \"\"\r\n );\r\n }\r\n }}\r\n >\r\n \r\n \r\n {\r\n if (showTextEditor) {\r\n editor\r\n .chain()\r\n .focus()\r\n .toggleOrderedList()\r\n .run();\r\n const isOrdered =\r\n editor.isActive(\"orderedList\");\r\n setCurrentListType(\r\n isOrdered ? \"ordered\" : \"\"\r\n );\r\n } else if (showEdit) {\r\n titleEditor\r\n .chain()\r\n .focus()\r\n .toggleOrderedList()\r\n .run();\r\n const isOrdered =\r\n editor.isActive(\"orderedList\");\r\n setCurrentListType(\r\n isOrdered ? \"ordered\" : \"\"\r\n );\r\n }\r\n }}\r\n >\r\n \r\n \r\n {showTextEditor && (\r\n {\r\n e.stopPropagation();\r\n editor\r\n .chain()\r\n .focus()\r\n .toggleTaskList()\r\n .run();\r\n const isTaskList =\r\n editor.isActive(\"taskList\");\r\n setCurrentListType(\r\n isTaskList ? \"taskList\" : \"\"\r\n );\r\n }}\r\n >\r\n \r\n \r\n )}\r\n \r\n }\r\n >\r\n \r\n \r\n {\r\n e.stopPropagation();\r\n setShowListTypes(!showListTypes);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowReaction(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n {currentListType === \"ordered\" ? (\r\n \r\n ) : currentListType === \"taskList\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {shouldShowBox && (\r\n \r\n )}\r\n {shouldShowBox && (\r\n \r\n setShowTextColor(false)}\r\n >\r\n \r\n setShowTextColor(false)}\r\n open={showTextColor}\r\n disableFocusListener\r\n disableHoverListener\r\n disableTouchListener\r\n title={\r\n \r\n {\r\n if (showTextEditor) {\r\n editor\r\n .chain()\r\n .focus()\r\n .setColor(color)\r\n .run();\r\n } else if (showEdit) {\r\n titleEditor\r\n .chain()\r\n .focus()\r\n .setColor(color)\r\n .run();\r\n }\r\n }}\r\n />\r\n \r\n }\r\n >\r\n \r\n \r\n {\r\n e.stopPropagation();\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(!showTextColor);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n )}\r\n {shouldShowBox && (\r\n \r\n )}\r\n \r\n setShowReaction(false)}\r\n >\r\n setShowReaction(!showReaction)}>\r\n setShowReaction(false)}\r\n open={showReaction}\r\n disableFocusListener\r\n disableHoverListener\r\n disableTouchListener\r\n title={\r\n {\r\n e.stopPropagation();\r\n }}\r\n >\r\n {\r\n addEmoji(emoji);\r\n }}\r\n />\r\n \r\n }\r\n >\r\n \r\n \r\n {\r\n e.stopPropagation();\r\n setShowReaction(!showReaction);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n handleClickTag(e)}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n >\r\n )}\r\n \r\n \r\n {\r\n toggleLockUnlock();\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(false);\r\n }}\r\n >\r\n {data?.locked ? : }\r\n \r\n \r\n \r\n \r\n \r\n setShowCardMoreOptions(false)}\r\n >\r\n \r\n setShowCardMoreOptions(false)}\r\n open={showCardMoreOptions}\r\n disableFocusListener\r\n disableHoverListener\r\n disableTouchListener\r\n title={\r\n \r\n }\r\n >\r\n \r\n {\r\n e.stopPropagation();\r\n setShowReaction(false);\r\n setShowListTypes(false);\r\n setShowColor(false);\r\n setShowTextColor(false);\r\n setShowFontFamily(false);\r\n setShowFontStyle(false);\r\n setShowAlignment(false);\r\n setShowTextColor(false);\r\n setShowFontSizeOpt(false);\r\n setShowCardMoreOptions(!showCardMoreOptions);\r\n }}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n >\r\n \r\n \r\n )}\r\n {floatingMenu !== null && showLink && (\r\n \r\n <>\r\n \r\n {\" \"}\r\n setLinkText(e?.target?.value)}\r\n value={linkText}\r\n placeholder=\"Paste/enter links\"\r\n onKeyPress={(e) => {\r\n if (e.key === \"Enter\") {\r\n if (showTextEditor) {\r\n editor.commands.setLink({\r\n href: linkText,\r\n target: \"_blank\",\r\n });\r\n } else if (showEdit) {\r\n titleEditor.commands.setLink({\r\n href: linkText,\r\n target: \"_blank\",\r\n });\r\n }\r\n setLinkText(\"\");\r\n setFloatingMenu(null);\r\n setShowLink(false);\r\n }\r\n }}\r\n />\r\n
\r\n >\r\n \r\n )}\r\n {showCardModal && (\r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default memo(CardNode, (prevProps, nextProps) => {\r\n return prevProps.data.globalDragging && nextProps.data.globalDragging;\r\n});\r\n"],"names":["_ref","_currNode$data","_currNode$data$style","_currCardData$assign","_currCardData$assign2","_currCardData$tag2","_currCardData$tag3","_currCardData$tag4","_currCardData$tag5","setShowCardModal","setShowDescription","open","handleColorChange","nodeId","handlePriorityClick","handleMemberSelect","boardData","handleChageDate","handleClearDate","handleStatusClick","tEditor","dEditor","currCardData","setNodes","getNode","useReactFlow","anchorElTag","setAnchorElTag","useState","anchorElDate","setAnchorElDate","anchorElStatus","setAnchorElStatus","anchorElPriority","setAnchorElPriority","assigneeLoader","setAssigneeLoader","anchorElAssign","setAnchorElAssign","members","setMembers","newTag","setNewTag","editTagIndex","setEditTagIndex","editTagValue","setEditTagValue","error","setError","searchValue","setSearchValue","showTextColor","setShowTextColor","textStyles","setTextStyles","isBold","isItalic","isUnderline","isStrikethrough","textAlign","listType","fontSize","currNode","currentTextColor","setCurrentTextColor","data","style","color","showColor","setShowColor","undo","takeSnapshot","useUndoRedo","user_data","localStorage","getItem","dispatch","useDispatch","location","useLocation","id","architectureId","useParams","fillColor","priority","getPriorityFill","fillColorStatus","status","getStatusFill","getArchitectureMembers","useCallback","async","_response$data","response","commanService","getApi","concat","architecture_id","filteredMembers","filter","member","first_name","last_name","toLowerCase","includes","titleEditor","useEditor","extensions","tipTapExtensions","content","title","editorProps","handlePaste","view","event","pastedContent","clipboardData","getData","JSON","parse","e","descriptionEditor","description","document","querySelectorAll","forEach","element","addEventListener","stopPropagation","selection","window","getSelection","rangeCount","removeAllRanges","useEffect","updateTextStyles","currentStyles","editor","isActive","textColor","getAttributes","currentColor","on","off","handleCloseIcon","_tEditor$commands","_dEditor$commands","updatedNodes","commands","setContent","getHTML","getText","trim","length","nds","_parsedData","map","nd","_objectSpread","a_id","URLSearchParams","search","get","parsedData","updateJson","json","architecture_json","nodes","lastUpdatedBy","user_id","hasClickedOnGivenClass","target","className","classList","contains","parentElement","handleClickOutside","removeEventListener","_jsx","Dialog","onClose","onClick","disableEnforceFocus","fullWidth","maxWidth","sx","width","margin","borderRadius","boxShadow","background","children","DialogContent","_jsxs","Box","marginBottom","display","flexDirection","justifyContent","fontWeight","gap","alignItems","IconButton","height","bgcolor","transition","IcCloseThin","fill","EditorContent","cursor","border","padding","minHeight","borderBottom","CustomNameTooltip","placement","arrow","lightPrimary","chain","focus","toggleBold","run","IcTextBold","primaryColor","toggleItalic","IcTextItalic","toggleUnderline","IcTextUnderline","toggleStrike","IcTextStrickTrough","toggleBulletList","IcListOutlined","toggleOrderedList","IcNumberListOutlined","toggleTaskList","IcTaskList","setTextAlign","IcTextAlignLeft","IcTextAlignCenter","IcTextAlignRight","ClickAwayListener","onClickAway","CustomTooltip","mt","PopperProps","disablePortal","disableFocusListener","disableHoverListener","disableTouchListener","BackgroundTool","showOpacity","selectedNodeColor","toRgba","onChangeColor","setColor","ToolTipWithDisabled","tooltipTitle","disabled","IcTextColor","ml","backgroundColor","outline","extendMarkRange","setLink","href","IcLinkOutlined3","documentColor","Stack","IcChangeBg","mouseX","clientX","mouseY","clientY","alignContent","paddingX","paddingY","Icon","Popover","anchorReference","anchorPosition","top","left","undefined","p","statusDropdown","_ref2","i","name","React","mb","direction","marginX","Typography","DoneIcon","size","IcPriorityLevel","priorityDropdown","_ref3","position","date","_Fragment","IcDate","Boolean","DatePicker","selected","onChange","inline","borderTop","handleClickAssign","assign","flexWrap","slice","val","index","_val$first_name$","profile_picture","marginRight","objectFit","src","alt","profile_color","toUpperCase","isAvatarGroup","_val$first_name$2","Avatar","SearchInput","value","placeholder","bgColor","formControlSx","SimpleCircularProgress","loaderColor","loaderPathColor","user","_user$first_name$","_currCardData$assign3","marginTop","SimpleCheckBox","checked","some","assignedUser","tag","TextField","onKeyDown","handleAddTag","_currCardData$tag","key","randomColor","autoComplete","helperText","lineHeight","handleSaveEdit","_nd$data","_nd$data$tag","idx","textTransform","variant","handleEditTag","marginLeft","EditIcon","_nd$data2","_","handleRemoveTag","CancelIcon","CardNode","node","_data$description","_node$data","_node$data$style","_data$tag2","_getNodes","_getNodes$filter","_getNodes2","_data$emoji","_data$description2","_data$assign","_data$assign2","_data$tag3","_data$tag4","_cardRef$current2","_cardRef$current3","_cardRef$current4","_cardRef$current5","_cardRef$current6","_data$emoji2","_Object$values","_data$tag5","_data$tag6","_node$data2","linkText","setLinkText","ref","useRef","showDescription","getNodes","getIntersectingNodes","showFontStyle","setShowFontStyle","showEdit","setShowEdit","showTextEditor","setShowTextEditor","isHovered","setIsHovered","hoveredItem","setHoveredItem","fontstyleEditor","setFontStyleEditor","showDots","setShowDots","showCardModal","containerRef","cardRef","mainRef","titleRef","title1Ref","descriptionRef","dataRef","assignRef","tagRef","zoomPercentages","setZoomPercentages","showCardMoreOptions","setShowCardMoreOptions","currentFontFamily","setCurrentFontFamily","currentTextAlign","setCurrentTextAlign","currentListType","setCurrentListType","showListTypes","setShowListTypes","showReaction","setShowReaction","showAlignment","setShowAlignment","showFontSizeOpt","setShowFontSizeOpt","showFontFamily","setShowFontFamily","fontSizeArr","selectedFontSize","setSelectedFontSize","userData","useSelector","state","common","architectureData","_data$archBoard","archBoard","architectureRes","setOpen","anchorEl","setAnchorEl","setBoardData","openTag","setOpenTag","idTag","openStatus","setOpenStatus","floatingMenu","setFloatingMenu","openAssign","setOpenAssign","idAssign","idStatus","canBeOpen","showLink","setShowLink","id1","simpleRef","store","useStoreApi","showExport","copyAsImage","isDownload","mindMapStore","isNodeSelectionStarted","useNodeSelectionStarted","textColorPopupRef","textPopupRef","fontstyle","fontList","linkRef","fontFamilyRef","fontSizeRef","fontAlign","TitleEnterKeyHandler","Extension","create","addKeyboardShortcuts","Enter","onUpdate","nodeResizeData","debouncedUpdateHTML","onBlur","edges","onSelectionUpdate","rect","getRangeAt","getBoundingClientRect","x","y","_ref4","_titleEditor$commands","_editor$commands","debouncedUpdateJson","getElementById","current","closeAllTools","timerForEditor","selectedTextRef","onEditorClick","clearTimeout","type","detail","setTimeout","pos","posAtCoords","setTextSelection","toLocaleDateString","projectRes","project_id","project_name","handleArchitectureResponse","_nd$data4","_nd$data4$assign","updatedAssign","email_id","useMemo","debounce","updateTextAlignment","alignment","currentAlignment","tempNodes","_parsedData2","zoom","useStore","_state$transform","transform","isWidthLessthan25","isWidthLessthan50","isWidthLessthan100","isNodeSelected","frameMoreOptionsRef","reactionRef","handleClickOutside1","handleFontSizeChange","action","currentFontSize","parseInt","newFontSize","setFontSize","getCurrentStyles","fontFamily","hasSelectedText","from","to","shouldShowBox","checkSelection","_fontFamilyArr$find","fontFamilyArr","find","font","family","checkSelectionTitle","_fontFamilyArr$find2","resizedWidth","setResizedWidth","transformScale","setTransformScale","_currNode$style","_currNode$style2","_cardRef$current","scaleX","scaleY","offsetHeight","scale","Math","min","onResizeEnd","_parsedData3","prev","_updatedNodes","setItem","stringify","lastEvent","_ref6","_mainRef$current","_mainRef$current2","Number","offsetWidth","n","_groupNode","_groupNode2","_groupNode3","_groupNode4","intersections","groupNode","parentNode","_store$getState","_store$getState$nodeI","getState","nodeInternals","_parentNode$positionA","_parentNode$positionA2","_parentNode$positionA3","_parentNode$positionA4","positionAbsolute","expandParent","_n2","_groupNode5","_node$positionAbsolut","_groupNode6","_groupNode6$positionA","_node$positionAbsolut2","_groupNode7","_groupNode7$positionA","_n3","structuredClone","_n","_getNodePositionInsid","getNodePositionInsideParent","_title1Ref$current2","_descriptionRef$curre2","_dataRef$current2","_assignRef$current2","_tagRef$current2","totalHeight","selectedNodes","isMultiNodeSelected","emojiData","reduce","acc","comment","_comment$data","_comment$data$emoji","emoji","unified","imageUrl","count","emojiD","emojiCount","Object","values","paddingTop","locked","paddingBottom","onMouseEnter","onMouseLeave","onMouseOver","onMouseOut","wordWrap","removeHTMLTags","dangerouslySetInnerHTML","__html","preventDefault","pointerEvents","isFocused","right","opacity","visibility","IcArrowExpand","s3AssetsUrl","NodeResizer","minWidth","NodeResizeControl","keepAspectRatio","dragging","Handle","connectionMode","isConnectable","maxHeight","zIndex","onConnect","params","bottom","anchorOrigin","vertical","horizontal","transformOrigin","BackdropProps","_ref7","_ref8","_data$tag","globalDragging","NodeToolbar","Position","Top","colorHeading","CommonDivider","my","orientation","flexItem","currentTarget","previousOpen","IcPriority","IcStatus2","IcAssign","setFontFamily","paddingLeft","overflow","whiteSpace","textOverflow","px","toString","IcDecresFontSize","IcIncreseFontSize","IcFontStyle","isBullet","isOrdered","isTaskList","EmojiPicker","onEmojiClick","addEmoji","_n$data","_n$data$emoji","existingEmojiIndex","findIndex","userId","_n$data$emoji2","IcSmileHappyPlus","IcTagOutlined","toggleLockUnlock","_nd$data3","IcLockLocked","IcLockUnLocked","FrameMoreMenus","showRename","showDuplicate","showCopyAsImage","showFrame","showLockUnlock","showCopyLink","showLinkTo","showDelete","exportShow","showBringToFrontAndBack","setShowFrameMoreOptions","IcMenuDotsVertical","handleCloseFloatingMenu","LinkTool","_e$target","onKeyPress","CardModal","VotingCommon","memo","prevProps","nextProps"],"sourceRoot":""}