fix(#3560): allow empty image in register drep form

Author: Ciabas

CHANGELOG.md

@@ -14,6 +14,8 @@ changes.
 
 ### Fixed
 
+- Fix an issue where the submit button remained disabled after removing an invalid value from the IMAGE input field on DRrep form [Issue 3560](https://github.com/IntersectMBO/govtool/issues/3560)
+
 ### Changed
 
 ### Removed

govtool/frontend/src/consts/dRepActions/fields.ts

@@ -77,6 +77,6 @@ export const Rules = {
       value: IMAGE_REGEX,
       message: i18n.t("registration.fields.validations.image"),
     },
-    validate: isValidImageUrl,
+    validate: (value: string) => isValidImageUrl(value, { optional: true }),
   },
 };

govtool/frontend/src/utils/isValidFormat.ts

@@ -7,6 +7,10 @@ import i18n from "@/i18n";
 import { adaHandleService } from "@/services/AdaHandle";
 import { getImageSha } from "./getImageSha";
 
+type Options = {
+  optional: boolean;
+};
+
 export const URL_REGEX =
   /^(?:(?:https?:\/\/)?(?:\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}|(?:[a-zA-Z0-9-]+\.)+[a-zA-Z]{2,})(?:\/[^\s]*)?)|(?:ipfs:\/\/(?:[a-zA-Z0-9]+(?:\/[a-zA-Z0-9._-]+)*))$|^$/;
 export const HASH_REGEX = /^[0-9A-Fa-f]+$/;
@@ -78,8 +82,10 @@ export async function isDRepView(view?: string) {
   return i18n.t("forms.errors.mustBeDRepView");
 }
 
-export async function isValidImageUrl(url: string) {
+export async function isValidImageUrl(url: string, options?: Options) {
+  if (options?.optional && !url) return true;
   if (!url.length) return false;
+
   try {
     if (URL_REGEX.test(url)) {
       await getImageSha(url);