113 lines
2.6 KiB
TypeScript
113 lines
2.6 KiB
TypeScript
import { CommentThread } from "entities/Comments/CommentsInterfaces";
|
|
import { BUILDER_PAGE_URL } from "constants/routes";
|
|
|
|
// used for dev
|
|
export const reduceCommentsByRef = (comments: any[]) => {
|
|
return comments.reduce((res, curr) => {
|
|
return {
|
|
commentThreadsMap: {
|
|
...res.commentThreadsMap,
|
|
[curr.id]: curr,
|
|
},
|
|
refCommentThreads: {
|
|
...(res.refCommentThreads ? res.refCommentThreads : {}),
|
|
[curr.refId]: [
|
|
...(res.refCommentThreads && res.refCommentThreads[curr.refId]
|
|
? res.refCommentThreads[curr.refId]
|
|
: []),
|
|
curr.id,
|
|
],
|
|
},
|
|
};
|
|
}, {});
|
|
};
|
|
|
|
export const transformPublishedCommentActionPayload = (
|
|
payload: any,
|
|
): Record<string, CommentThread> => {
|
|
return {
|
|
[payload.refId]: {
|
|
...payload,
|
|
position: payload.position,
|
|
id: "UNPUBLISHED",
|
|
},
|
|
};
|
|
};
|
|
|
|
export const transformUnpublishCommentThreadToCreateNew = (payload: any) => {
|
|
const { commentBody, commentThread } = payload;
|
|
// eslint-disable-next-line
|
|
const { id, ...rest } = commentThread;
|
|
return {
|
|
...rest,
|
|
comments: [{ body: commentBody }],
|
|
};
|
|
};
|
|
|
|
/**
|
|
* Returns the offset position relative to the container
|
|
* using the coordinates from the click event
|
|
* @param clickEvent
|
|
* @param containerRef
|
|
*/
|
|
export const getOffsetPos = (
|
|
clickEvent: React.MouseEvent,
|
|
containerRef: HTMLDivElement,
|
|
) => {
|
|
const boundingClientRect = containerRef.getBoundingClientRect();
|
|
const containerPosition = {
|
|
left: boundingClientRect.left,
|
|
top: boundingClientRect.top,
|
|
};
|
|
const clickPosition = {
|
|
left: clickEvent.clientX,
|
|
top: clickEvent.clientY,
|
|
};
|
|
|
|
const offsetLeft = clickPosition.left - containerPosition.left;
|
|
const offsetTop = clickPosition.top - containerPosition.top;
|
|
|
|
const offsetLeftPercent = parseFloat(
|
|
`${(offsetLeft / boundingClientRect.width) * 100}`,
|
|
);
|
|
const offsetTopPercent = parseFloat(
|
|
`${(offsetTop / boundingClientRect.height) * 100}`,
|
|
);
|
|
|
|
return {
|
|
left: offsetLeftPercent,
|
|
top: offsetTopPercent,
|
|
};
|
|
};
|
|
|
|
export const getCommentThreadURL = ({
|
|
applicationId,
|
|
commentThreadId,
|
|
isResolved,
|
|
pageId,
|
|
}: {
|
|
applicationId?: string;
|
|
commentThreadId: string;
|
|
isResolved?: boolean;
|
|
pageId?: string;
|
|
}) => {
|
|
const queryParams: Record<string, any> = {
|
|
commentThreadId,
|
|
isCommentMode: true,
|
|
};
|
|
|
|
if (isResolved) {
|
|
queryParams.isResolved = true;
|
|
}
|
|
|
|
const url = new URL(
|
|
`${window.location.origin}${BUILDER_PAGE_URL(
|
|
applicationId,
|
|
pageId,
|
|
queryParams,
|
|
)}`,
|
|
);
|
|
|
|
return url;
|
|
};
|