Enterprise-CMCS/macpro-mako

import { isCmsUser } from "shared-utils";

import { OneMacUser } from "@/api/useGetUser";
import { BLANK_VALUE } from "@/consts";
import { FC, ReactNode } from "react";
import { Authority, opensearch } from "shared-types";

import { convertStateAbbrToFullName, LABELS } from "@/utils";
import { format } from "date-fns";
import { useMemo, useState } from "react";
import { formatSeatoolDate } from "shared-utils";

export const ReviewTeamList: FC<opensearch.main.Document> = (props) => {
  const [expanded, setExpanded] = useState(false);
  const displayTeam = useMemo(
    () => (expanded ? props.reviewTeam : props.reviewTeam?.slice(0, 3)),
    [expanded, props.reviewTeam],
  );
  return !displayTeam || !displayTeam.length ? (
    BLANK_VALUE
  ) : (
    <ul>
      {displayTeam.map((reviewer, idx) => (
        <li key={`reviewteam-ul-${reviewer.name}-${idx}`}>{reviewer.name}</li>
      ))}
      {props.reviewTeam && props.reviewTeam?.length > 3 && (
        <li className={"text-xs text-sky-700 hover:cursor-pointer"}>
          <button onClick={() => setExpanded((prev) => !prev)}>
            {expanded ? "Show less" : "Show more"}
          </button>
        </li>
      )}
    </ul>
  );
};

export type DetailSectionItem = {
  label: string;
  value: ReactNode;
  canView: (u: OneMacUser | undefined) => boolean;
};
export const recordDetails = (data: opensearch.main.Document): DetailSectionItem[] => [
  {
    label: "Submission ID",
    value: data.id,
    canView: () => true,
  },
  {
    label: "Authority",
    value: data?.authority,
    canView: () => true,
  },
  {
    label: "Action Type",
    value: LABELS[data.actionType as keyof typeof LABELS] || data.actionType,
    canView: () => {
      return ([Authority["1915b"], Authority["1915c"]] as string[]).includes(data.authority);
    },
  },
  {
    label: "State",
    value: convertStateAbbrToFullName(data.state),
    canView: () => true,
  },
  {
    label: "Amendment Title",
    value: <p>{data?.title || BLANK_VALUE}</p>,
    canView: () => !!data.title,
  },
  {
    label: "Subject",
    value: <p>{data?.subject || BLANK_VALUE}</p>,
    canView: (u) => (!u || !u.user ? false : isCmsUser(u.user) && !(data.actionType === "Extend")),
  },
  {
    label: "Type",
    value: data.types
      ? data.types.map((T) => <p key={T?.SPA_TYPE_ID}>{T?.SPA_TYPE_NAME}</p>)
      : BLANK_VALUE,
    canView: () => {
      return !(data.actionType === "Extend");
    },
  },
  {
    label: "Subtype",
    value: data.subTypes
      ? data.subTypes.map((T) => <p key={T?.TYPE_ID}>{T?.TYPE_NAME}</p>)
      : BLANK_VALUE,
    canView: () => {
      return !(data.actionType === "Extend");
    },
  },
  {
    label: "Approved Initial or Renewal Number",
    value: data.originalWaiverNumber,
    canView: () => {
      return data.actionType === "Extend";
    },
  },
  {
    label: "Proposed effective date",
    value: data.proposedDate ? formatSeatoolDate(data.proposedDate) : BLANK_VALUE,
    canView: () => {
      return !(data.actionType === "Extend");
    },
  },
  {
    label: "Initial submission date",
    value: data.submissionDate ? formatSeatoolDate(data.submissionDate) : BLANK_VALUE,
    canView: () => true,
  },
  {
    label: "Latest package activity",
    value: data.makoChangedDate
      ? format(new Date(data.makoChangedDate).getTime(), "eee, MMM d yyyy, hh:mm:ss a")
      : BLANK_VALUE,
    canView: () => true,
  },
  {
    label: "Formal RAI response date",
    value: data.raiReceivedDate ? formatSeatoolDate(data.raiReceivedDate) : BLANK_VALUE,
    canView: () => {
      return !(data.actionType === "Extend");
    },
  },
  {
    label: "Status Date",
    value: data.statusDate ? formatSeatoolDate(data.statusDate) : BLANK_VALUE,
    canView: (u) => (!u || !u.user ? false : isCmsUser(u.user)),
  },
];

export const approvedAndAEffectiveDetails = (
  data: opensearch.main.Document,
): DetailSectionItem[] => [
  {
    label: "Final disposition date",
    value: data.finalDispositionDate ? formatSeatoolDate(data.finalDispositionDate) : BLANK_VALUE,
    canView: () => {
      return !(data.actionType === "Extend");
    },
  },
  {
    label: "Approved effective date",
    value: data.approvedEffectiveDate ? formatSeatoolDate(data.approvedEffectiveDate) : BLANK_VALUE,
    canView: () => {
      return !(data.actionType === "Extend");
    },
  },
];

export const descriptionDetails = (data: opensearch.main.Document): DetailSectionItem[] => [
  {
    label: "Description",
    value: data.description ?? BLANK_VALUE,
    canView: (u) => (!u || !u.user ? false : isCmsUser(u.user) && !(data.actionType === "Extend")),
  },
];

export const submissionDetails = (data: opensearch.main.Document): DetailSectionItem[] => [
  {
    label: "Submitted by",
    value: <p className="text-lg">{data?.submitterName || BLANK_VALUE}</p>,
    canView: () => true,
  },
  {
    label: "CPOC",
    value: <p className="text-lg">{data?.leadAnalystName || BLANK_VALUE}</p>,
    canView: () => {
      return !(data.actionType === "Extend");
    },
  },
  {
    label: "Review Team (SRT)",
    value: <ReviewTeamList {...data} />,
    canView: (u) => (!u || !u.user ? false : isCmsUser(u.user) && !(data.actionType === "Extend")),
  },
];