From 9a49b8d84761781531cb417731cb9ef802f63541 Mon Sep 17 00:00:00 2001
From: it-fixcomart <it@fixcomart.co.id>
Date: Wed, 4 Dec 2024 10:59:21 +0700
Subject: <iman> update pengajuan tempo

---
 src/lib/pengajuan-tempo/component/Pengiriman.jsx | 309 ++++++++++++++---------
 1 file changed, 184 insertions(+), 125 deletions(-)

(limited to 'src/lib/pengajuan-tempo/component/Pengiriman.jsx')

diff --git a/src/lib/pengajuan-tempo/component/Pengiriman.jsx b/src/lib/pengajuan-tempo/component/Pengiriman.jsx
index 7b0a9455..8b8961c5 100644
--- a/src/lib/pengajuan-tempo/component/Pengiriman.jsx
+++ b/src/lib/pengajuan-tempo/component/Pengiriman.jsx
@@ -39,7 +39,6 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
       ? formPengiriman.dokumenPengiriman.split(',').map(Number)
       : []
   );
-  console.log('selectedIds', selectedIds);
   const [selectedIdsDokumenInvoice, setSelectedIdsselectedIdsDokumenInvoice] =
     useState(
       formPengiriman.dokumenPengirimanInvoice
@@ -132,7 +131,6 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
     validatePengiriman();
   };
   const handleRadioChange = (value) => {
-    console.log('value', value);
     setSelectedRadio(value);
     if (value == 'everyWeekday') {
       setEveryWeekday(!everyWeekday);
@@ -173,22 +171,22 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
     setTukarInvoicePembayaran(!tukarInvoicePembayaran);
   };
 
-  useEffect(() => {
-    updateFormPengiriman('everyWeekday', everyWeekday);
-    updateFormPengiriman('everyWeek', everyWeek);
-    updateFormPengiriman('tukarInvoice', tukarInvoice);
-    updateFormPengiriman('everyWeekdayPembayaran', everyWeekdayPembayaran);
-    updateFormPengiriman('everyWeekPembayaran', everyWeekPembayaran);
-    updateFormPengiriman('tukarInvoicePembayaran', tukarInvoicePembayaran);
-    validatePengiriman();
-  }, [
-    everyWeekday,
-    everyWeek,
-    tukarInvoice,
-    everyWeekdayPembayaran,
-    everyWeekPembayaran,
-    tukarInvoicePembayaran,
-  ]);
+  // useEffect(() => {
+  //   updateFormPengiriman('everyWeekday', everyWeekday);
+  //   updateFormPengiriman('everyWeek', everyWeek);
+  //   updateFormPengiriman('tukarInvoice', tukarInvoice);
+  //   updateFormPengiriman('everyWeekdayPembayaran', everyWeekdayPembayaran);
+  //   updateFormPengiriman('everyWeekPembayaran', everyWeekPembayaran);
+  //   updateFormPengiriman('tukarInvoicePembayaran', tukarInvoicePembayaran);
+  //   validatePengiriman();
+  // }, [
+  //   everyWeekday,
+  //   everyWeek,
+  //   tukarInvoice,
+  //   everyWeekdayPembayaran,
+  //   everyWeekPembayaran,
+  //   tukarInvoicePembayaran,
+  // ]);
 
   const isFormValid = useMemo(
     () => Object.keys(errorsPengiriman).length === 0,
@@ -301,44 +299,55 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
   }, [buttonSubmitClick, chekValid]);
 
   useEffect(() => {
-    validatePengiriman();
-    if (formPengiriman.isSameAddrees) {
-      const isSame = formPengiriman.isSameAddrees;
-      if (isSame == 'true') {
-        setSameAddress(true);
-      } else {
-        setSameAddress(false);
-      }
+    if (formPengiriman.isSameAddreesStreet == 'true') {
+      setSameAddressStreet(true);
     }
-    if (formPengiriman.isSameAddreesStreet) {
-      const isSame = formPengiriman.isSameAddreesStreet;
-      if (isSame == 'true') {
-        setSameAddressStreet(true);
-      } else {
-        setSameAddressStreet(false);
-      }
-    }
-    validatePengiriman();
-  }, [buttonSubmitClick]);
+  }, [formPengiriman.isSameAddreesStreet]);
   useEffect(() => {
-    if (formPengiriman.isSameAddrees) {
-      const isSame = formPengiriman.isSameAddrees;
-      if (isSame == 'true') {
-        setSameAddress(true);
-      } else {
-        setSameAddress(false);
-      }
+    if (formPengiriman.isSameAddrees == 'true') {
+      setSameAddress(true);
     }
-    if (formPengiriman.isSameAddreesStreet) {
-      const isSame = formPengiriman.isSameAddreesStreet;
-      if (isSame == 'true') {
-        setSameAddressStreet(true);
-      } else {
-        setSameAddressStreet(false);
-      }
-    }
-    validatePengiriman();
-  }, [formPengiriman.isSameAddrees, formPengiriman.isSameAddreesStreet]);
+  }, [formPengiriman.isSameAddrees]);
+
+  // useEffect(() => {
+  //   validatePengiriman();
+  //   if (formPengiriman.isSameAddrees) {
+  //     const isSame = formPengiriman.isSameAddrees;
+  //     if (isSame == 'true') {
+  //       setSameAddress(true);
+  //     } else {
+  //       setSameAddress(false);
+  //     }
+  //   }
+  //   if (formPengiriman.isSameAddreesStreet) {
+  //     const isSame = formPengiriman.isSameAddreesStreet;
+  //     if (isSame == 'true') {
+  //       setSameAddressStreet(true);
+  //     } else {
+  //       setSameAddressStreet(false);
+  //     }
+  //   }
+  //   validatePengiriman();
+  // }, [buttonSubmitClick]);
+  // useEffect(() => {
+  //   if (formPengiriman.isSameAddrees) {
+  //     const isSame = formPengiriman.isSameAddrees;
+  //     if (isSame == 'true') {
+  //       setSameAddress(true);
+  //     } else {
+  //       setSameAddress(false);
+  //     }
+  //   }
+  //   if (formPengiriman.isSameAddreesStreet) {
+  //     const isSame = formPengiriman.isSameAddreesStreet;
+  //     if (isSame == 'true') {
+  //       setSameAddressStreet(true);
+  //     } else {
+  //       setSameAddressStreet(false);
+  //     }
+  //   }
+  //   validatePengiriman();
+  // }, [formPengiriman.isSameAddrees, formPengiriman.isSameAddreesStreet]);
   useEffect(() => {
     if (sameAddress) {
       updateFormPengiriman('streetInvoice', formPengiriman.streetPengiriman);
@@ -383,77 +392,75 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
     return item;
   };
 
-  const cachedData = getFromLocalStorage('Pengiriman');
-  useEffect(() => {
-    if (cachedData) {
-      setValue('cityPengiriman', parseInt(cachedData?.cityPengiriman));
-      updateFormPengiriman('cityPengiriman', `${cachedData?.cityPengiriman}`);
-    }
-    if (cachedData?.statePengiriman) {
-      setValue('statePengiriman', parseInt(cachedData?.statePengiriman));
-    }
-    if (cachedData?.stateInvoice) {
-      setValue('stateInvoice', parseInt(cachedData?.stateInvoice));
-    }
-    if (cachedData?.cityInvoice) {
-      setValue('cityInvoice', parseInt(cachedData?.cityInvoice));
-    }
-    if (cachedData?.isSameAddrees) {
-      updateFormPengiriman('isSameAddrees', `${cachedData?.isSameAddrees}`);
-    }
-    validatePengiriman();
-  }, [cachedData?.cityPengiriman]);
-  useEffect(() => {
-    if (cachedData?.everyWeek) {
-      updateFormPengiriman('everyWeek', cachedData?.everyWeek);
-      setEveryWeek(cachedData?.everyWeek);
-    }
-    if (cachedData?.everyWeekday) {
-      updateFormPengiriman('everyWeekday', cachedData?.everyWeekday);
-      setEveryWeekday(cachedData?.everyWeekday);
-    }
-    if (cachedData?.tukarInvoice) {
-      updateFormPengiriman('tukarInvoice', cachedData?.tukarInvoice);
-      setTukarInvoice(cachedData?.tukarInvoice);
-    }
-    if (cachedData?.everyWeekPembayaran) {
-      updateFormPengiriman(
-        'everyWeekPembayaran',
-        cachedData?.everyWeekPembayaran
-      );
-      setEveryWeekPembayaran(cachedData?.everyWeekPembayaran);
-    }
-    if (cachedData?.everyWeekdayPembayaran) {
-      updateFormPengiriman(
-        'everyWeekdayPembayaran',
-        cachedData?.everyWeekdayPembayaran
-      );
-      setEveryWeekdayPembayaran(cachedData?.everyWeekdayPembayaran);
-    }
-    if (cachedData?.tukarInvoicePembayaran) {
-      updateFormPengiriman(
-        'tukarInvoicePembayaran',
-        cachedData?.tukarInvoicePembayaran
-      );
-      setTukarInvoicePembayaran(cachedData?.tukarInvoicePembayaran);
-    }
-    validatePengiriman();
-  }, [
-    cachedData?.everyWeek,
-    cachedData?.everyWeekday,
-    cachedData?.tukarInvoice,
-    cachedData?.everyWeekdayPembayaran,
-    cachedData?.everyWeekPembayaran,
-    cachedData?.tukarInvoicePembayaran,
-  ]);
+  // const cachedData = getFromLocalStorage('Pengiriman');
+  // useEffect(() => {
+  //   if (cachedData) {
+  //     setValue('cityPengiriman', parseInt(cachedData?.cityPengiriman));
+  //     updateFormPengiriman('cityPengiriman', `${cachedData?.cityPengiriman}`);
+  //   }
+  //   if (cachedData?.statePengiriman) {
+  //     setValue('statePengiriman', parseInt(cachedData?.statePengiriman));
+  //   }
+  //   if (cachedData?.stateInvoice) {
+  //     setValue('stateInvoice', parseInt(cachedData?.stateInvoice));
+  //   }
+  //   if (cachedData?.cityInvoice) {
+  //     setValue('cityInvoice', parseInt(cachedData?.cityInvoice));
+  //   }
+  //   if (cachedData?.isSameAddrees) {
+  //     updateFormPengiriman('isSameAddrees', `${cachedData?.isSameAddrees}`);
+  //   }
+  //   validatePengiriman();
+  // }, [cachedData?.cityPengiriman]);
+  // useEffect(() => {
+  //   if (cachedData?.everyWeek) {
+  //     updateFormPengiriman('everyWeek', cachedData?.everyWeek);
+  //     setEveryWeek(cachedData?.everyWeek);
+  //   }
+  //   if (cachedData?.everyWeekday) {
+  //     updateFormPengiriman('everyWeekday', cachedData?.everyWeekday);
+  //     setEveryWeekday(cachedData?.everyWeekday);
+  //   }
+  //   if (cachedData?.tukarInvoice) {
+  //     updateFormPengiriman('tukarInvoice', cachedData?.tukarInvoice);
+  //     setTukarInvoice(cachedData?.tukarInvoice);
+  //   }
+  //   if (cachedData?.everyWeekPembayaran) {
+  //     updateFormPengiriman(
+  //       'everyWeekPembayaran',
+  //       cachedData?.everyWeekPembayaran
+  //     );
+  //     setEveryWeekPembayaran(cachedData?.everyWeekPembayaran);
+  //   }
+  //   if (cachedData?.everyWeekdayPembayaran) {
+  //     updateFormPengiriman(
+  //       'everyWeekdayPembayaran',
+  //       cachedData?.everyWeekdayPembayaran
+  //     );
+  //     setEveryWeekdayPembayaran(cachedData?.everyWeekdayPembayaran);
+  //   }
+  //   if (cachedData?.tukarInvoicePembayaran) {
+  //     updateFormPengiriman(
+  //       'tukarInvoicePembayaran',
+  //       cachedData?.tukarInvoicePembayaran
+  //     );
+  //     setTukarInvoicePembayaran(cachedData?.tukarInvoicePembayaran);
+  //   }
+  //   validatePengiriman();
+  // }, [
+  //   cachedData?.everyWeek,
+  //   cachedData?.everyWeekday,
+  //   cachedData?.tukarInvoice,
+  //   cachedData?.everyWeekdayPembayaran,
+  //   cachedData?.everyWeekPembayaran,
+  //   cachedData?.tukarInvoicePembayaran,
+  // ]);
   const handleChangeSameAddress = () => {
     setSameAddress(!sameAddress);
   };
   const handleChangeSameAddressStreet = () => {
     setSameAddressStreet(!sameAddressStreet);
   };
-  console.log('formPengiriman', formPengiriman);
-  console.log('errorsPengiriman', errorsPengiriman);
   return (
     <>
       {isDesktop && (
@@ -479,6 +486,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                     className='form-input'
                     aria-invalid={errorsPengiriman.PICName}
                     ref={PICNameRef}
+                    aria-label='PICName'
                     onChange={handleInputChange}
                   />
                   {chekValid && (
@@ -516,6 +524,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                           id='streetPengiriman'
                           name='streetPengiriman'
                           ref={streetPengirimanRef}
+                          aria-label='streetPengiriman'
                           placeholder='Masukkan alamat lengkap pengiriman barang'
                           type='text'
                           value={formPengiriman.streetPengiriman}
@@ -529,7 +538,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                         )}
                       </div>
                       <div className='sub-alamat flex flex-row w-full gap-3'>
-                        <div className='w-2/5' ref={statePengirimanRef}>
+                        <div
+                          className='w-2/5'
+                          ref={statePengirimanRef}
+                          aria-label='statePengiriman'
+                        >
                           <Controller
                             name='statePengiriman'
                             control={control}
@@ -550,6 +563,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                         <div className='w-1/3' ref={cityPengirimanRef}>
                           <Controller
                             name='cityPengiriman'
+                            aria-label='cityPengiriman'
                             control={control}
                             render={(props) => (
                               <HookFormSelect
@@ -569,6 +583,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                         <div className='w-1/3'>
                           <input
                             id='zipPengiriman'
+                            aria-label='zipPengiriman'
                             name='zipPengiriman'
                             ref={zipRef}
                             placeholder='Kode Pos'
@@ -600,6 +615,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                     value={formPengiriman.invoicePic}
                     id='invoicePic'
                     name='invoicePic'
+                    aria-label='invoicePic'
                     placeholder='Masukkan nama pic invoice disini'
                     type='text'
                     className='form-input'
@@ -643,6 +659,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                         <input
                           id='streetInvoice'
                           name='streetInvoice'
+                          aria-label='streetInvoice'
                           ref={streetInvoiceRef}
                           placeholder='Masukkan alamat lengkap pengiriman invoice'
                           type='text'
@@ -657,7 +674,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                         )}
                       </div>
                       <div className='sub-alamat flex flex-row w-full gap-3'>
-                        <div className='w-3/5' ref={stateInvoiceRef}>
+                        <div
+                          className='w-3/5'
+                          ref={stateInvoiceRef}
+                          aria-label='stateInvoice'
+                        >
                           <Controller
                             name='stateInvoice'
                             control={control}
@@ -675,7 +696,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                             </div>
                           )}
                         </div>
-                        <div className='w-2/5' ref={cityInvoiceRef}>
+                        <div
+                          className='w-2/5'
+                          ref={cityInvoiceRef}
+                          aria-label='cityInvoice'
+                        >
                           <Controller
                             name='cityInvoice'
                             control={control}
@@ -723,6 +748,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       </Radio>
                       <input
                         id='everyWeekdayInput'
+                        aria-label='everyWeekdayInput'
                         name='everyWeekdayInput'
                         ref={everyWeekdayInputRef}
                         placeholder='Format: Senin, Selasa, Rabu, Kamis, Jumat, Sabtu, Minggu'
@@ -738,6 +764,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       </Radio>
                       <input
                         id='everyWeekInput'
+                        aria-label='everyWeekInput'
                         name='everyWeekInput'
                         ref={everyWeekInputRef}
                         placeholder='Format: Minggu 1 & Minggu 2'
@@ -754,6 +781,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       <textarea
                         id='tukarInvoiceInput'
                         name='tukarInvoiceInput'
+                        aria-label='tukarInvoiceInput'
                         placeholder='Isi manual dokumen yang anda mau'
                         value={formPengiriman.tukarInvoiceInput}
                         className='form-input'
@@ -844,6 +872,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 <div
                   className='w-3/5 flex gap-3 flex-col'
                   ref={dokumenPengirimanRef}
+                  aria-label='dokumenPengirimanInput'
                 >
                   <Checkbox
                     colorScheme='red'
@@ -890,6 +919,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                     <textarea
                       id='dokumenPengirimanInput'
                       name='dokumenPengirimanInput'
+                      aria-label='dokumenPengirimanInput'
                       placeholder='isi manual dokumen yang anda mau'
                       type='textarea'
                       ref={dokumenPengirimanInputRef}
@@ -920,6 +950,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 <div
                   className='w-3/5 flex gap-3 flex-col'
                   ref={dokumenPengirimanInvoiceRef}
+                  name='dokumenPengirimanInvoiceInput'
                 >
                   <Checkbox
                     colorScheme='red'
@@ -985,6 +1016,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                     </Checkbox>
                     <textarea
                       id='dokumenPengirimanInvoiceInput'
+                      aria-label='dokumenPengirimanInvoiceInput'
                       name='dokumenPengirimanInvoiceInput'
                       placeholder='isi manual dokumen yang anda mau'
                       type='textarea'
@@ -1026,6 +1058,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                   value={formPengiriman.PICName}
                   id='PICName'
                   name='PICName'
+                  aria-label='PICName'
                   placeholder='Masukkan nama pic pengiriman disini'
                   type='text'
                   className='form-input'
@@ -1048,6 +1081,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                   <input
                     id='streetPengiriman'
                     name='streetPengiriman'
+                    aria-label='streetPengiriman'
                     ref={streetPengirimanRef}
                     placeholder='Masukkan alamat lengkap pengiriman barang'
                     type='text'
@@ -1062,7 +1096,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                   )}
                 </div>
                 <div className='sub-alamat flex flex-row w-full gap-2'>
-                  <div className='w-2/5' ref={statePengirimanRef}>
+                  <div
+                    className='w-2/5'
+                    ref={statePengirimanRef}
+                    aria-label='statePengiriman'
+                  >
                     <Controller
                       name='statePengiriman'
                       control={control}
@@ -1075,7 +1113,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       )}
                     />
                   </div>
-                  <div className='w-1/3' ref={cityPengirimanRef}>
+                  <div
+                    className='w-1/3'
+                    ref={cityPengirimanRef}
+                    aria-label='cityPengiriman'
+                  >
                     <Controller
                       name='cityPengiriman'
                       control={control}
@@ -1092,6 +1134,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                   <div className='w-1/3'>
                     <input
                       id='zipPengiriman'
+                      aria-label='zipPengiriman'
                       name='zipPengiriman'
                       ref={zipRef}
                       placeholder='Kode Pos'
@@ -1126,6 +1169,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 <input
                   value={formPengiriman.invoicePic}
                   id='invoicePic'
+                  aria-label='invoicePic'
                   name='invoicePic'
                   placeholder='Masukkan nama pic invoice disini'
                   type='text'
@@ -1160,6 +1204,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                     <div className='w-full'>
                       <input
                         id='streetInvoice'
+                        aria-label='streetInvoice'
                         name='streetInvoice'
                         ref={streetInvoiceRef}
                         placeholder='Masukkan alamat lengkap pengiriman invoice'
@@ -1175,7 +1220,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                       )}
                     </div>
                     <div className='sub-alamat flex flex-row w-full gap-3'>
-                      <div className='w-3/5' ref={stateInvoiceRef}>
+                      <div
+                        className='w-3/5'
+                        ref={stateInvoiceRef}
+                        aria-label='stateInvoice'
+                      >
                         <Controller
                           name='stateInvoice'
                           control={control}
@@ -1193,7 +1242,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                           </div>
                         )}
                       </div>
-                      <div className='w-2/5' ref={cityInvoiceRef}>
+                      <div
+                        className='w-2/5'
+                        ref={cityInvoiceRef}
+                        aria-label='cityInvoice'
+                      >
                         <Controller
                           name='cityInvoice'
                           control={control}
@@ -1239,6 +1292,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                     </Checkbox>
                     <input
                       id='everyWeekdayInput'
+                      aria-label='everyWeekdayInput'
                       name='everyWeekdayInput'
                       ref={everyWeekdayInputRef}
                       placeholder='Format: Senin, Selasa, Rabu, Kamis, Jumat, Sabtu, Minggu'
@@ -1259,6 +1313,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                     </Checkbox>
                     <input
                       id='everyWeekInput'
+                      aria-label='everyWeekInput'
                       name='everyWeekInput'
                       ref={everyWeekInputRef}
                       placeholder='Format: Minggu 1 & Minggu 2'
@@ -1378,6 +1433,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 <div
                   className='w-full flex gap-2 flex-col'
                   ref={dokumenPengirimanRef}
+                  aria-label='dokumenPengirimanInput'
                 >
                   <Checkbox
                     size='sm'
@@ -1428,6 +1484,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                     </Checkbox>
                     <textarea
                       id='dokumenPengirimanInput'
+                      aria-label='dokumenPengirimanInput'
                       name='dokumenPengirimanInput'
                       placeholder='isi manual dokumen yang anda mau'
                       type='textarea'
@@ -1457,6 +1514,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 <div
                   className='w-full flex gap-2 flex-col'
                   ref={dokumenPengirimanInvoiceRef}
+                  aria-label='dokumenPengirimanInvoiceInput'
                 >
                   <Checkbox
                     size='sm'
@@ -1528,6 +1586,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                     </Checkbox>
                     <textarea
                       id='dokumenPengirimanInvoiceInput'
+                      aria-label='dokumenPengirimanInvoiceInput'
                       name='dokumenPengirimanInvoiceInput'
                       placeholder='isi manual dokumen yang anda mau'
                       type='textarea'
-- 
cgit v1.2.3

