PromucFlow_constructor/app/client/src/selectors/commentsSelectors.ts

import { AppState } from "reducers";
import { get } from "lodash";
import { CommentThread, Comment } from "entities/Comments/CommentsInterfaces";
import { options as filterOptions } from "comments/AppComments/AppCommentsFilterPopover";
import { matchBuilderPath, matchViewerPath } from "constants/routes";

export const refCommentThreadsSelector = (
  refId: string,
  applicationId?: string,
) => (state: AppState) =>
  get(
    state.ui.comments.applicationCommentThreadsByRef,
    `${applicationId}.${refId}`,
    [],
  );

export const commentThreadsSelector = (commentThreadId: string) => (
  state: AppState,
) => state.ui.comments.commentThreadsMap[commentThreadId];

export const getCommentsState = (state: AppState) => state.ui.comments;

export const unpublishedCommentThreadSelector = (refId: string) => (
  state: AppState,
) => state.ui.comments.unpublishedCommentThreads[refId];

export const commentModeSelector = (state: AppState) => {
  const pathName = window.location.pathname;
  const onEditorOrViewerPage =
    matchBuilderPath(pathName) || matchViewerPath(pathName);

  if ((window as any).isCommentModeForced) return true;

  return state.ui.comments?.isCommentMode && !!onEditorOrViewerPage;
};

export const isUnsubscribedSelector = (state: AppState) =>
  state.ui.comments?.unsubscribed;

export const applicationCommentsSelector = (applicationId: string) => (
  state: AppState,
) => state.ui.comments.applicationCommentThreadsByRef[applicationId];

/**
 * Comments are stored as a map of refs (for example widgetIds)
 * Flatten to fetch all application comment threads
 */
export const getAppCommentThreads = (
  threadsByRefMap: Record<string, Array<string>>,
): Array<string> => {
  if (!threadsByRefMap) return [];
  return Object.entries(threadsByRefMap).reduce(
    (res: Array<string>, [, threadIds]) => {
      return [...res, ...threadIds];
    },
    [],
  );
};

export const allCommentThreadsMap = (state: AppState) =>
  state.ui.comments.commentThreadsMap;

const getSortIndexBool = (a: boolean, b: boolean) => {
  if (a && b) return 0;
  if (a) return -1;
  if (b) return 1;
  else return 0;
};

const getSortIndexTime = (
  a: string | number = new Date().toISOString(),
  b: string | number = new Date().toISOString(),
) => {
  const tsA = new Date(a).valueOf();
  const tsB = new Date(b).valueOf();

  if (tsA === tsB) return 0;
  else if (tsA > tsB) return -1;
  else return 1;
};

const getContainsMyComment = (
  thread: CommentThread,
  currentUserUsername?: string,
) =>
  thread.comments.some(
    (comment: Comment) => comment.authorUsername === currentUserUsername,
  );

export const getSortedAndFilteredAppCommentThreadIds = (
  applicationThreadIds: Array<string>,
  commentThreadsMap: Record<string, CommentThread>,
  shouldShowResolved: boolean,
  appCommentsFilter: typeof filterOptions[number]["value"],
  currentUserUsername?: string,
): Array<string> => {
  if (!applicationThreadIds) return [];
  const result = applicationThreadIds
    .sort((a, b) => {
      // TODO verify cases where commentThread can be undefined
      if (!commentThreadsMap[a] || !commentThreadsMap[b]) return -1;

      const {
        isViewed: isAViewed,
        pinnedState: isAPinned,
        updationTime: updationTimeA,
      } = commentThreadsMap[a];
      const {
        isViewed: isBViewed,
        pinnedState: isBPinned,
        updationTime: updationTimeB,
      } = commentThreadsMap[b];

      let sortIdx = getSortIndexBool(!!isAPinned?.active, !!isBPinned?.active);
      if (sortIdx !== 0) return sortIdx;

      sortIdx = getSortIndexBool(!!isBViewed, !!isAViewed);
      if (sortIdx !== 0) return sortIdx;

      const result = getSortIndexTime(updationTimeA, updationTimeB);

      return result;
    })
    .filter((threadId: string) => {
      const thread = commentThreadsMap[threadId];

      // Happens during delete thread
      if (!thread) return false;

      const isResolved = thread.resolvedState?.active;
      const isPinned = thread.pinnedState?.active;

      switch (appCommentsFilter) {
        case "show-only-yours": {
          const containsMyComment = getContainsMyComment(
            thread,
            currentUserUsername,
          );
          return containsMyComment;
        }
        case "show-only-pinned": {
          return isPinned && (!isResolved || shouldShowResolved);
        }
        default: {
          return shouldShowResolved || !isResolved;
        }
      }
    });

  return result;
};

export const getLastUpdatedCommentThreadId = (applicationId: string) => (
  state: AppState,
) => state.ui.comments.lastUpdatedCommentThreadByAppId[applicationId];

export const shouldShowResolved = (state: AppState) =>
  state.ui.comments.shouldShowResolvedAppCommentThreads;

export const appCommentsFilter = (state: AppState) =>
  state.ui.comments.appCommentsFilter;

export const visibleCommentThreadSelector = (state: AppState) =>
  state.ui.comments.visibleCommentThreadId;

export const isIntroCarouselVisibleSelector = (state: AppState) =>
  state.ui.comments.isIntroCarouselVisible;

export const getUnpublishedThreadDraftComment = (state: AppState) =>
  state.ui.comments.unpublishedThreadDraftComment;

export const getDraftComments = (state: AppState) =>
  state.ui.comments.draftComments;

export const getCommentThreadsFetched = (state: AppState) =>
  state.ui.comments.commentThreadsFetched;