super-app/App/common/utilities/ValidateColors.ts

export const isValidHexColor = (color: string) =>
  /^#([A-Fa-f0-9]{8}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(color);

export const isValidHexColors = (
  colorArray: string[] | undefined,
  defaultColorsArray?: string[],
) => {
  if (colorArray && Array.isArray(colorArray) && colorArray.length > 0) {
    const isValidColors = colorArray.every(isValidHexColor);
    if (isValidColors) {
      return colorArray;
    }
  }
  return defaultColorsArray || ["#FFFFFF", "#FFFFFF"];
};