Add functions to commission form

src/components/commissions/CommissionOrderForm.tsx

@@ -1,5 +1,6 @@
 "use client"
 
+import { submitCommissionRequest } from "@/actions/commissions/submitCommissionRequest"
 import { Button } from "@/components/ui/button"
 import {
   Form,
@@ -15,6 +16,7 @@ import { CommissionCustomInput, CommissionExtra, CommissionOption, CommissionTyp
 import { commissionOrderSchema } from "@/schemas/commissionOrder"
 import { calculatePriceRange } from "@/utils/calculatePrice"
 import { zodResolver } from "@hookform/resolvers/zod"
+import "dotenv/config"
 import Link from "next/link"
 import { useMemo, useState } from "react"
 import { useForm, useWatch } from "react-hook-form"
@@ -71,8 +73,22 @@ export function CommissionOrderForm({ types }: Props) {
   }, [selectedOption, selectedExtras])
 
   async function onSubmit(values: z.infer<typeof commissionOrderSchema>) {
-    const { customFields, ...rest } = values
-    console.log("Submit:", { ...rest, customFields, files })
+    const payload = {
+      typeId: values.typeId || null,
+      optionId: values.optionId || null,
+      customerName: values.customerName,
+      customerEmail: values.customerEmail,
+      customerSocials: values.customerSocials ?? null,
+      message: values.message,
+      extraIds: values.extraIds ?? [], // <-- normalize
+    };
+
+    const res = await submitCommissionRequest({
+      payload,
+      files,
+    });
+
+    console.log("Created request:", res);
   }
 
   return (