+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {values.format.toLowerCase() === "utmc" && (
+ <>
+
+
{values.format} Constants
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ >
+ )}
+ {values.format?.toLowerCase() === "bof2" && (
+ <>
+
+
+
{values.format} Constants
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{values.format} Lane ID Config
+
+
+
+
+
+
+
+
+
+
+ >
+ )}
+
+ );
+};
+
+export default ChannelFields;
diff --git a/src/features/output/components/Output.tsx b/src/features/output/components/Output.tsx
new file mode 100644
index 0000000..5c6854b
--- /dev/null
+++ b/src/features/output/components/Output.tsx
@@ -0,0 +1,44 @@
+import { Formik, Form } from "formik";
+import BearerTypeCard from "./BearerTypeCard";
+import ChannelCard from "./ChannelCard";
+import type { FormTypes } from "../../../types/types";
+
+const Output = () => {
+ const handleSubmit = (values: FormTypes) => {
+ console.log(values);
+ };
+
+ const inititalValues: FormTypes = {
+ format: "JSON",
+ enabled: true,
+ backOfficeURL: "",
+ username: "",
+ password: "",
+ connectTimeoutSeconds: Number(5),
+ readTimeoutSeconds: Number(15),
+ overviewQuality: "HIGH",
+ cropSizeFactor: "3/4",
+
+ // Bof2 -optional constants
+ FFID: "",
+ SCID: "",
+ timestampSource: "UTC",
+ GPSFormat: "Minutes",
+
+ //BOF2 - optional Lane IDs
+ laneId: "",
+ LID1: "",
+ LID2: "",
+ };
+
+ return (
+