pomerium/ui/src/components/ClaimValue.tsx

import IDField from "./IDField";
import { DateTime } from "luxon";
import React, { FC } from "react";

const unixSecondTimestampFields = new Set(["exp", "iat", "nbf", "auth_time"]);

const idFields = new Set(["groups", "jti", "oid", "tid", "wids"]);

type ClaimValueProps = {
  claimKey: string;
  claimValue: unknown;
};
const ClaimValue: FC<ClaimValueProps> = ({ claimKey, claimValue }) => {
  if (unixSecondTimestampFields.has(claimKey)) {
    return <>{DateTime.fromMillis((claimValue as number) * 1000).toISO()}</>;
  }

  if (idFields.has(claimKey)) {
    return <IDField value={`${claimValue}`} />;
  }

  return <>{`${claimValue}`}</>;
};
export default ClaimValue;