From c3c3cc18b26e1a8192756dab5976775ff74f69f5 Mon Sep 17 00:00:00 2001
From: hanif salafi <hanifsalafi456@gmail.com>
Date: Tue, 2 Dec 2025 07:27:23 +0700
Subject: [PATCH] fix: update error

---
 components/form/broadcast/content-blast-form.tsx | 12 ++++++------
 components/form/content/audio-form.tsx           |  8 ++++----
 components/form/content/image-form.tsx           |  8 ++++----
 components/form/content/teks-form.tsx            |  8 ++++----
 components/form/content/video-form.tsx           | 14 +++++++-------
 5 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/components/form/broadcast/content-blast-form.tsx b/components/form/broadcast/content-blast-form.tsx
index e4deae1c..0cf14fe1 100644
--- a/components/form/broadcast/content-blast-form.tsx
+++ b/components/form/broadcast/content-blast-form.tsx
@@ -288,11 +288,11 @@ export default function ContentBlast() {
               <div className="flex gap-6">
                 <label className="flex items-center gap-2">
                   <Checkbox
-                    checked={field.value.includes("wa")}
+                    checked={field.value?.includes("wa") ?? false}
                     onCheckedChange={(checked) => {
                       checked
-                        ? field.onChange([...field.value, "wa"])
-                        : field.onChange(field.value.filter((v) => v !== "wa"));
+                        ? field.onChange([...(field.value ?? []), "wa"])
+                        : field.onChange((field.value ?? []).filter((v) => v !== "wa"));
                     }}
                   />
                   WhatsApp
@@ -300,12 +300,12 @@ export default function ContentBlast() {
 
                 <label className="flex items-center gap-2">
                   <Checkbox
-                    checked={field.value.includes("email")}
+                    checked={field.value?.includes("email") ?? false}
                     onCheckedChange={(checked) => {
                       checked
-                        ? field.onChange([...field.value, "email"])
+                        ? field.onChange([...(field.value ?? []), "email"])
                         : field.onChange(
-                            field.value.filter((v) => v !== "email")
+                            (field.value ?? []).filter((v) => v !== "email")
                           );
                     }}
                   />
diff --git a/components/form/content/audio-form.tsx b/components/form/content/audio-form.tsx
index 1e64ee86..8e122983 100644
--- a/components/form/content/audio-form.tsx
+++ b/components/form/content/audio-form.tsx
@@ -1748,13 +1748,13 @@ export default function FormAudio() {
 
                     {options.map((option) => {
                       const isAllChecked =
-                        field.value.length ===
+                        (field.value?.length ?? 0) ===
                         options.filter((opt: any) => opt.id !== "all").length;
 
                       const isChecked =
                         option.id === "all"
                           ? isAllChecked
-                          : field.value.includes(option.id);
+                          : field.value?.includes(option.id) ?? false;
 
                       const handleChange = () => {
                         let updated: string[] = [];
@@ -1767,8 +1767,8 @@ export default function FormAudio() {
                                 .map((opt: any) => opt.id);
                         } else {
                           updated = isChecked
-                            ? field.value.filter((val) => val !== option.id)
-                            : [...field.value, option.id];
+                            ? (field.value ?? []).filter((val) => val !== option.id)
+                            : [...(field.value ?? []), option.id];
 
                           if (isAllChecked && option.id !== "all") {
                             updated = updated.filter((val) => val !== "all");
diff --git a/components/form/content/image-form.tsx b/components/form/content/image-form.tsx
index 98299911..81deec2e 100644
--- a/components/form/content/image-form.tsx
+++ b/components/form/content/image-form.tsx
@@ -1673,13 +1673,13 @@ export default function FormImage() {
 
                     {options.map((option) => {
                       const isAllChecked =
-                        field.value.length ===
+                        (field.value?.length ?? 0) ===
                         options.filter((opt: any) => opt.id !== "all").length;
 
                       const isChecked =
                         option.id === "all"
                           ? isAllChecked
-                          : field.value.includes(option.id);
+                          : field.value?.includes(option.id) ?? false;
 
                       const handleChange = () => {
                         let updated: string[] = [];
@@ -1692,8 +1692,8 @@ export default function FormImage() {
                                 .map((opt: any) => opt.id);
                         } else {
                           updated = isChecked
-                            ? field.value.filter((val) => val !== option.id)
-                            : [...field.value, option.id];
+                            ? (field.value ?? []).filter((val) => val !== option.id)
+                            : [...(field.value ?? []), option.id];
 
                           if (isAllChecked && option.id !== "all") {
                             updated = updated.filter((val) => val !== "all");
diff --git a/components/form/content/teks-form.tsx b/components/form/content/teks-form.tsx
index 1c49cb69..7d843dde 100644
--- a/components/form/content/teks-form.tsx
+++ b/components/form/content/teks-form.tsx
@@ -1715,13 +1715,13 @@ export default function FormTeks() {
 
                     {options.map((option) => {
                       const isAllChecked =
-                        field.value.length ===
+                        (field.value?.length ?? 0) ===
                         options.filter((opt: any) => opt.id !== "all").length;
 
                       const isChecked =
                         option.id === "all"
                           ? isAllChecked
-                          : field.value.includes(option.id);
+                          : field.value?.includes(option.id) ?? false;
 
                       const handleChange = () => {
                         let updated: string[] = [];
@@ -1734,8 +1734,8 @@ export default function FormTeks() {
                                 .map((opt: any) => opt.id);
                         } else {
                           updated = isChecked
-                            ? field.value.filter((val) => val !== option.id)
-                            : [...field.value, option.id];
+                            ? (field.value ?? []).filter((val) => val !== option.id)
+                            : [...(field.value ?? []), option.id];
 
                           if (isAllChecked && option.id !== "all") {
                             updated = updated.filter((val) => val !== "all");
diff --git a/components/form/content/video-form.tsx b/components/form/content/video-form.tsx
index 194244fb..490782d5 100644
--- a/components/form/content/video-form.tsx
+++ b/components/form/content/video-form.tsx
@@ -1713,7 +1713,7 @@ export default function FormVideo() {
                         if (e.key === "Enter" && e.currentTarget.value.trim()) {
                           e.preventDefault();
                           field.onChange([
-                            ...field.value,
+                            ...(field.value ?? []),
                             e.currentTarget.value.trim(),
                           ]);
                           e.currentTarget.value = "";
@@ -1722,7 +1722,7 @@ export default function FormVideo() {
                     />
 
                     <div className="mt-3">
-                      {field.value.map((tag: string, index: number) => (
+                      {(field.value ?? []).map((tag: string, index: number) => (
                         <span
                           key={index}
                           className="px-1 py-1 rounded-lg bg-black text-white mr-2 text-sm font-sans"
@@ -1731,7 +1731,7 @@ export default function FormVideo() {
                           <button
                             type="button"
                             onClick={() => {
-                              const updatedTags = field.value.filter(
+                              const updatedTags = (field.value ?? []).filter(
                                 (_, i) => i !== index
                               );
                               field.onChange(updatedTags);
@@ -1764,13 +1764,13 @@ export default function FormVideo() {
 
                     {options.map((option) => {
                       const isAllChecked =
-                        field.value.length ===
+                        (field.value?.length ?? 0) ===
                         options.filter((opt: any) => opt.id !== "all").length;
 
                       const isChecked =
                         option.id === "all"
                           ? isAllChecked
-                          : field.value.includes(option.id);
+                          : field.value?.includes(option.id) ?? false;
 
                       const handleChange = () => {
                         let updated: string[] = [];
@@ -1783,8 +1783,8 @@ export default function FormVideo() {
                                 .map((opt: any) => opt.id);
                         } else {
                           updated = isChecked
-                            ? field.value.filter((val) => val !== option.id)
-                            : [...field.value, option.id];
+                            ? (field.value ?? []).filter((val) => val !== option.id)
+                            : [...(field.value ?? []), option.id];
 
                           if (isAllChecked && option.id !== "all") {
                             updated = updated.filter((val) => val !== "all");