- refactor: replace Output component with OutputForms and update related hooks and types

src/features/output/components/ChannelFields.tsx

@@ -1,6 +1,5 @@
 import { Field } from "formik";
-import type { FormTypes, InitialValuesFormErrors } from "../../../types/types";
-import type { UseQueryResult } from "@tanstack/react-query";
+import type { FormTypes, InitialValuesFormErrors, OutputDataResponse } from "../../../types/types";
 import { useEffect, useMemo } from "react";
 
 type ChannelFieldsProps = {
@@ -10,15 +9,15 @@ type ChannelFieldsProps = {
     connectTimeoutSeconds?: boolean | undefined;
     readTimeoutSeconds?: boolean | undefined;
   };
-  outputData?: UseQueryResult<FormTypes, Error>;
+  outputData?: OutputDataResponse;
   onSetFieldValue: (field: string, value: string, shouldValidate?: boolean | undefined) => void;
 };
 
 const ChannelFields = ({ errors, touched, values, outputData, onSetFieldValue }: ChannelFieldsProps) => {
   const channelFieldsObject = useMemo(() => {
     return {
-      connectTimeoutSeconds: outputData?.propConnectTimeoutSeconds?.value || 5,
-      readTimeoutSeconds: outputData?.propReadTimeoutSeconds?.value || 15,
+      connectTimeoutSeconds: outputData?.propConnectTimeoutSeconds?.value || "5",
+      readTimeoutSeconds: outputData?.propReadTimeoutSeconds?.value || "15",
       backOfficeURL: outputData?.propBackofficeURL?.value || "",
       username: outputData?.propUsername?.value || "",
       password: outputData?.propPassword?.value || "",