fleet/frontend/pages/ManageControlsPage/Variables/components/AddCustomVariableModal/helpers.ts

import { IAddCustomVariableFormData } from "./AddCustomVariableModal";

// TODO: create a validator abstraction for this and the other form validation files

export interface IAddCustomVariableFormValidation {
  isValid: boolean;
  name?: { isValid: boolean; message?: string };
  value?: { isValid: boolean; message?: string };
}

type IMessageFunc = (formData: IAddCustomVariableFormData) => string;
type IValidationMessage = string | IMessageFunc;
type IFormValidationKey = keyof Omit<IAddCustomVariableFormData, "isValid">;

interface IValidation {
  name: string;
  isValid: (
    formData: IAddCustomVariableFormData,
    validations?: IAddCustomVariableFormValidation
  ) => boolean;
  message?: IValidationMessage;
}

type IFormValidations = Record<
  IFormValidationKey,
  { validations: IValidation[] }
>;

const FORM_VALIDATIONS: IFormValidations = {
  name: {
    validations: [
      {
        name: "required",
        isValid: (formData: IAddCustomVariableFormData) => {
          return formData.name.length > 0;
        },
        message: `Name is required`,
      },
      {
        name: "validName",
        isValid: (formData: IAddCustomVariableFormData) => {
          if (formData.name.length === 0) {
            return true; // Skip this validation if name is empty
          }
          return !!formData.name.match(/^[a-zA-Z0-9_]+$/);
        },
        message:
          "Name may only include uppercase letters, numbers, and underscores",
      },
      {
        name: "notTooLong",
        isValid: (formData: IAddCustomVariableFormData) => {
          return formData.name.length <= 255;
        },
        message: "Name may not exceed 255 characters",
      },
      {
        name: "doesNotIncludePrefix",
        isValid: (formData: IAddCustomVariableFormData) => {
          return !formData.name.match(/^FLEET_SECRET_/);
        },
        message: `Name should not include variable prefix`,
      },
    ],
  },
  value: {
    validations: [
      {
        name: "required",
        isValid: (formData: IAddCustomVariableFormData) => {
          return formData.value.length > 0;
        },
        message: `Value is required`,
      },
    ],
  },
};

const getErrorMessage = (
  formData: IAddCustomVariableFormData,
  message?: IValidationMessage
) => {
  if (message === undefined || typeof message === "string") {
    return message;
  }
  return message(formData);
};

export const validateFormData = (
  formData: IAddCustomVariableFormData,
  isSaving = false
) => {
  const formValidation: IAddCustomVariableFormValidation = {
    isValid: true,
  };
  Object.keys(FORM_VALIDATIONS).forEach((key) => {
    const objKey = key as keyof typeof FORM_VALIDATIONS;
    const failedValidation = FORM_VALIDATIONS[objKey].validations.find(
      (validation) => {
        if (!isSaving && validation.name === "required") {
          return false; // Skip this validation if not saving
        }
        return !validation.isValid(formData, formValidation);
      }
    );

    if (!failedValidation) {
      formValidation[objKey] = {
        isValid: true,
      };
    } else {
      formValidation.isValid = false;
      formValidation[objKey] = {
        isValid: false,
        message: getErrorMessage(formData, failedValidation.message),
      };
    }
  });

  return formValidation;
};