validation.js

import { DEFAULT_NULL_INDEX } from "./constants";
import { getImage } from "./utils";

export const isResolutionValid = (
  image,
  resolutionType,
  resolutionWidth = 0,
  resolutionHeight = 1,
) => {
  if (!resolutionWidth || !resolutionHeight || !image.width || !image.height) {
    return true;
  }
  switch (resolutionType) {
    case "absolute": {
      if (image.width === resolutionWidth && image.height === resolutionHeight) {
        return true;
      }
      break;
    }
    case "ratio": {
      const ratio = resolutionWidth / resolutionHeight;
      if (image.width / image.height === ratio) {
        return true;
      }
      break;
    }
    case "less": {
      if (image.width <= resolutionWidth && image.height <= resolutionHeight) {
        return true;
      }
      break;
    }
    case "more": {
      if (image.width >= resolutionWidth && image.height >= resolutionHeight) {
        return true;
      }
      break;
    }
    default:
      break;
  }
  return false;
};

export const isImageValid = (fileType) => {
  if (fileType.includes("image")) {
    return true;
  }
  return false;
};

export const isMaxFileSizeValid = (fileSize, maxFileSize) => {
  return maxFileSize ? fileSize <= maxFileSize : true;
};

export const isAcceptTypeValid = (acceptType, fileName) => {
  if (acceptType && acceptType.length > 0) {
    const type = fileName.split(".").pop() || "";
    if (acceptType.findIndex((item) => item.toLowerCase() === type.toLowerCase()) < 0) {
      return false;
    }
  }
  return true;
};

export const isMaxNumberValid = (totalNumber, maxNumber, keyUpdate) => {
  if (maxNumber !== 0 && !maxNumber) {
    return true;
  }
  if (keyUpdate === DEFAULT_NULL_INDEX) {
    if (totalNumber <= maxNumber) {
      return true;
    }
  } else if (totalNumber <= maxNumber + 1) {
    return true;
  }
  return false;
};

export const getErrorValidation = async ({
  fileList,
  value,
  maxNumber,
  keyUpdate,
  acceptType,
  maxFileSize,
  resolutionType,
  resolutionWidth,
  resolutionHeight,
}) => {
  const newErrors = {};
  if (!isMaxNumberValid(fileList.length + value.length, maxNumber, keyUpdate)) {
    newErrors.maxNumber = true;
  } else {
    for (let i = 0; i < fileList.length; i += 1) {
      const { file } = fileList[i];
      if (!file) {
        continue;
      }
      if (!isImageValid(file.type)) {
        newErrors.acceptType = true;
        break;
      }
      if (!isAcceptTypeValid(acceptType, file.name)) {
        newErrors.acceptType = true;
        break;
      }
      if (!isMaxFileSizeValid(file.size, maxFileSize)) {
        newErrors.maxFileSize = true;
        break;
      }
      if (resolutionType) {
        const image = await getImage(file);
        const checkRes = isResolutionValid(
          image,
          resolutionType,
          resolutionWidth,
          resolutionHeight,
        );
        if (!checkRes) {
          newErrors.resolution = true;
          break;
        }
      }
    }
  }
  if (Object.values(newErrors).find(Boolean)) {
    return newErrors;
  }
  return null;
};