From f47459d116099fba296dd12cd2c151127f99c7b3 Mon Sep 17 00:00:00 2001
From: Toba Ojo <toba.ojo@mav-systems.com>
Date: Tue, 4 Nov 2025 11:31:37 +0000
Subject: [PATCH] - added validation endpoint

---
 .../SettingForms/SettingForms.tsx             | 18 +++++---
 src/hooks/useFormValidate.ts                  | 46 +++++++++++++++++++
 2 files changed, 57 insertions(+), 7 deletions(-)
 create mode 100644 src/hooks/useFormValidate.ts

diff --git a/src/components/SettingForms/SettingForms/SettingForms.tsx b/src/components/SettingForms/SettingForms/SettingForms.tsx
index 54f3534..f89b538 100644
--- a/src/components/SettingForms/SettingForms/SettingForms.tsx
+++ b/src/components/SettingForms/SettingForms/SettingForms.tsx
@@ -10,14 +10,14 @@ import type {
 } from "../../../types/types";
 import { useQueryClient } from "@tanstack/react-query";
 import { useUpdateBackOfficeConfig } from "../../../hooks/useBackOfficeConfig";
-import { useState } from "react";
+import { useFormVaidate } from "../../../hooks/useFormValidate";
 
 const SettingForms = () => {
   const qc = useQueryClient();
-  const [formErrors, setFormErrors] = useState<InitialValuesFormErrors | null>(null);
   const { dispatcherQuery, dispatcherMutation, backOfficeDispatcherMutation } = useCameraOutput();
   const { backOfficeMutation } = useUpdateBackOfficeConfig();
   const { bof2ConstantsQuery } = useGetDispatcherConfig();
+  const { validateMutation } = useFormVaidate();
 
   const format = dispatcherQuery?.data?.propFormat?.value;
   const enabled = dispatcherQuery?.data?.propEnabled?.value;
@@ -69,14 +69,13 @@ const SettingForms = () => {
     } else if (connect < 0) {
       errors.connectTimeoutSeconds = "Must be ≥ 0";
     }
-    setFormErrors(errors);
     return errors;
   };
 
   const handleSubmit = async (values: BearerTypeFieldType & InitialValuesForm & OptionalBOF2Constants) => {
-    if (formErrors && Object.entries(formErrors).length > 0) {
-      return;
-    }
+    // if (formErrors && Object.entries(formErrors).length > 0) {
+    //   return;
+    // }
     const dispatcherData = {
       format: values.format,
       enabled: values.enabled,
@@ -86,7 +85,12 @@ const SettingForms = () => {
     if (result?.id) {
       qc.invalidateQueries({ queryKey: ["dispatcher"] });
       qc.invalidateQueries({ queryKey: ["backoffice", values.format] });
-      await backOfficeMutation.mutateAsync(values);
+      const validResponse = await validateMutation.mutateAsync(values);
+      if (validResponse?.reason === "OK") {
+        await backOfficeMutation.mutateAsync(values);
+      } else {
+        return;
+      }
     }
 
     if (values.format.toLowerCase() === "bof2") {
diff --git a/src/hooks/useFormValidate.ts b/src/hooks/useFormValidate.ts
new file mode 100644
index 0000000..036d34c
--- /dev/null
+++ b/src/hooks/useFormValidate.ts
@@ -0,0 +1,46 @@
+import { useMutation } from "@tanstack/react-query";
+import { CAM_BASE } from "../utils/config";
+import type { InitialValuesForm } from "../types/types";
+
+const sendToValidate = async (data: InitialValuesForm) => {
+  const updateConfigPayload = {
+    id: `Dispatcher-${data.format.toLowerCase()}`,
+    fields: [
+      {
+        property: "propBackofficeURL",
+        value: data.backOfficeURL,
+      },
+      {
+        property: "propConnectTimeoutSeconds",
+        value: data.connectTimeoutSeconds,
+      },
+      {
+        property: "propPassword",
+        value: data.password,
+      },
+      {
+        property: "propReadTimeoutSeconds",
+        value: data.readTimeoutSeconds,
+      },
+      {
+        property: "propUsername",
+        value: data.username,
+      },
+    ],
+  };
+  const response = await fetch(`${CAM_BASE}/api/update-config-isvalid`, {
+    method: "post",
+    body: JSON.stringify(updateConfigPayload),
+  });
+  if (!response.ok) throw new Error("Cannot send to validate");
+  return response.json();
+};
+
+export const useFormVaidate = () => {
+  const validateMutation = useMutation({
+    mutationKey: ["sendToValidate"],
+    mutationFn: sendToValidate,
+  });
+
+  return { validateMutation };
+};