<iman> update pengajuan tempo

1 files changed, 86 insertions, 38 deletions

diff --git a/src/lib/pengajuan-tempo/component/Pengiriman.jsx b/src/lib/pengajuan-tempo/component/Pengiriman.jsx
index 89d8ed44..c2308aed 100644
--- a/src/lib/pengajuan-tempo/component/Pengiriman.jsx
+++ b/src/lib/pengajuan-tempo/component/Pengiriman.jsx
@@ -122,34 +122,39 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
 
   const handleEveryWeekday = () => {
     setEveryWeekday(!everyWeekday);
-    updateFormPengiriman('everyWeekday', everyWeekday);
-    validatePengiriman();
   };
   const handleEveryWeek = () => {
     setEveryWeek(!everyWeek);
-    updateFormPengiriman('everyWeek', everyWeek);
-    validatePengiriman();
   };
   const handleTukarInvoice = () => {
     setTukarInvoice(!tukarInvoice);
-    updateFormPengiriman('tukarInvoice', tukarInvoice);
-    validatePengiriman();
   };
   const handleEveryWeekdayPembayaran = () => {
     setEveryWeekdayPembayaran(!everyWeekdayPembayaran);
-    updateFormPengiriman('everyWeekdayPembayaran', everyWeekdayPembayaran);
-    validatePengiriman();
   };
   const handleEveryWeekPembayaran = () => {
     setEveryWeekPembayaran(!everyWeekPembayaran);
-    updateFormPengiriman('everyWeekPembayaran', everyWeekPembayaran);
-    validatePengiriman();
   };
   const handleTukarInvoicePembayaran = () => {
     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,
+  ]);
 
   const isFormValid = useMemo(
     () => Object.keys(errorsPengiriman).length === 0,
@@ -288,6 +293,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
     const item = JSON.parse(itemStr);
     return item;
   };
+
   const cachedData = getFromLocalStorage('Pengiriman');
   useEffect(() => {
     if (cachedData) {
@@ -307,6 +313,48 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
       updateFormPengiriman('isSameAddrees', `${cachedData.isSameAddrees}`);
     }
   }, [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);
+    }
+  }, [
+    cachedData.everyWeek,
+    cachedData.everyWeekday,
+    cachedData.tukarInvoice,
+    cachedData.everyWeekdayPembayaran,
+    cachedData.everyWeekPembayaran,
+    cachedData.tukarInvoicePembayaran,
+  ]);
   const handleChangeSameAddress = () => {
     setSameAddress(!sameAddress);
   };
@@ -706,33 +754,33 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
             >
               <Checkbox
                 colorScheme='red'
-                key='1'
-                isChecked={isChecked(1)}
-                onChange={() => handleCheckboxChange(1)}
+                key='0'
+                isChecked={isChecked(0)}
+                onChange={() => handleCheckboxChange(0)}
               >
                 Surat Tanda Terima Barang (STTB)
               </Checkbox>
               <Checkbox
                 colorScheme='red'
-                key='2'
+                key='1'
                 isChecked={isChecked(2)}
-                onChange={() => handleCheckboxChange(2)}
+                onChange={() => handleCheckboxChange(1)}
               >
                 Good Receipt (GR)
               </Checkbox>
               <Checkbox
                 colorScheme='red'
-                key='3'
-                isChecked={isChecked(3)}
-                onChange={() => handleCheckboxChange(3)}
+                key='2'
+                isChecked={isChecked(2)}
+                onChange={() => handleCheckboxChange(2)}
               >
                 Surat Terima Barang (STB)
               </Checkbox>
               <Checkbox
                 colorScheme='red'
-                key='4'
-                isChecked={isChecked(4)}
-                onChange={() => handleCheckboxChange(4)}
+                key='3'
+                isChecked={isChecked(3)}
+                onChange={() => handleCheckboxChange(3)}
               >
                 Lembar Penerimaan Barang (LPB)
               </Checkbox>
@@ -741,8 +789,8 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 <Checkbox
                   colorScheme='red'
                   key='4'
-                  isChecked={isChecked(5)}
-                  onChange={() => handleCheckboxChange(5)}
+                  isChecked={isChecked(4)}
+                  onChange={() => handleCheckboxChange(4)}
                 >
                   Lainnya
                 </Checkbox>
@@ -782,11 +830,19 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
             >
               <Checkbox
                 colorScheme='red'
+                key='0'
+                isChecked={isCheckedInvoice(0)}
+                onChange={() => handleCheckboxChangeDokumenPengirimanInvoice(0)}
+              >
+                Invoice Pembelian
+              </Checkbox>
+              <Checkbox
+                colorScheme='red'
                 key='1'
                 isChecked={isCheckedInvoice(1)}
                 onChange={() => handleCheckboxChangeDokumenPengirimanInvoice(1)}
               >
-                Invoice Pembelian
+                Surat Jalan
               </Checkbox>
               <Checkbox
                 colorScheme='red'
@@ -794,7 +850,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 isChecked={isCheckedInvoice(2)}
                 onChange={() => handleCheckboxChangeDokumenPengirimanInvoice(2)}
               >
-                Surat Jalan
+                Berita Acara Serah Terima (BAST)
               </Checkbox>
               <Checkbox
                 colorScheme='red'
@@ -802,7 +858,7 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 isChecked={isCheckedInvoice(3)}
                 onChange={() => handleCheckboxChangeDokumenPengirimanInvoice(3)}
               >
-                Berita Acara Serah Terima (BAST)
+                Faktur Pajak
               </Checkbox>
               <Checkbox
                 colorScheme='red'
@@ -810,24 +866,16 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
                 isChecked={isCheckedInvoice(4)}
                 onChange={() => handleCheckboxChangeDokumenPengirimanInvoice(4)}
               >
-                Faktur Pajak
-              </Checkbox>
-              <Checkbox
-                colorScheme='red'
-                key='4'
-                isChecked={isCheckedInvoice(5)}
-                onChange={() => handleCheckboxChangeDokumenPengirimanInvoice(5)}
-              >
                 Good Receipt (GR)
               </Checkbox>
 
               <div className='flex gap-3 flex-col'>
                 <Checkbox
                   colorScheme='red'
-                  key='4'
-                  isChecked={isCheckedInvoice(6)}
+                  key='5'
+                  isChecked={isCheckedInvoice(5)}
                   onChange={() =>
-                    handleCheckboxChangeDokumenPengirimanInvoice(6)
+                    handleCheckboxChangeDokumenPengirimanInvoice(5)
                   }
                 >
                   Lainnya