3 files changed, 42 insertions, 15 deletions
diff --git a/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx b/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
index fc558b01..952c4244 100644
--- a/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
+++ b/src/lib/pengajuan-tempo/component/PengajuanTempo.jsx
@@ -343,7 +343,7 @@ const PengajuanTempo = () => {
       const address = await createPengajuanTempoApi({
         id: idTempo,
         user_id: auth.parentId,
-        formDocs: JSON.stringify(productOrder),
+        formSupplier: JSON.stringify(productOrder),
       });
       if (address.id) {
         setIdTempo(address.id);
@@ -530,7 +530,7 @@ const PengajuanTempo = () => {
             <Button
               colorScheme='red'
               w={`${isMobile ? 'full' : 'fit'}`}
-              onClick={handleDaftarTempo()}
+              onClick={handleDaftarTempo}
             >
               Daftar Tempo {<ChevronRightIcon className='w-5' />}
             </Button>
diff --git a/src/lib/pengajuan-tempo/component/Pengiriman.jsx b/src/lib/pengajuan-tempo/component/Pengiriman.jsx
index adf2ee37..bae3214b 100644
--- a/src/lib/pengajuan-tempo/component/Pengiriman.jsx
+++ b/src/lib/pengajuan-tempo/component/Pengiriman.jsx
@@ -33,12 +33,24 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
   const [tukarInvoicePembayaran, setTukarInvoicePembayaran] = useState(false);
   const [selectedRadio, setSelectedRadio] = useState('');
   const [selectedRadioInvoice, setSelectedRadioInvoice] = useState('');
-
-  const [selectedIds, setSelectedIds] = useState(
-    formPengiriman.dokumenPengiriman
-      ? formPengiriman.dokumenPengiriman.split(',').map(Number)
-      : []
-  );
+  const dokumen_kirim = [
+    ['Surat Tanda Terima Barang (STTB)', '0'],
+    ['Good Receipt (GR)', '1'],
+    ['Surat Terima Barang (STB)', '2'],
+    ['Lembar Penerimaan Barang (LPB)', '3'],
+  ];
+  const [selectedIds, setSelectedIds] = useState(() => {
+    if (formPengiriman.dokumenPengiriman) {
+      const selectedDocuments = formPengiriman.dokumenPengiriman
+        .split(',')
+        .map((item) => item.trim());
+      return dokumen_kirim
+        .filter(([name]) => selectedDocuments.includes(name))
+        .map(([, id]) => Number(id));
+    }
+    return [];
+  });
+  console.log('selectedIds', selectedIds);
   const [selectedIdsDokumenInvoice, setSelectedIdsselectedIdsDokumenInvoice] =
     useState(
       formPengiriman.dokumenPengirimanInvoice
@@ -71,11 +83,11 @@ const Pengiriman = ({ chekValid, buttonSubmitClick, isKonfirmasi }) => {
     validatePengiriman();
   };
 
-  useEffect(() => {
-    if (formPengiriman.dokumenPengiriman) {
-      setSelectedIds(formPengiriman.dokumenPengiriman.split(',').map(Number)); // Parse string menjadi array angka
-    }
-  }, [formPengiriman.dokumenPengiriman]);
+  // useEffect(() => {
+  //   if (formPengiriman.dokumenPengiriman) {
+  //     setSelectedIds(formPengiriman.dokumenPengiriman.split(',').map(Number)); // Parse string menjadi array angka
+  //   }
+  // }, [formPengiriman.dokumenPengiriman]);
   useEffect(() => {
     if (formPengiriman.dokumenPengirimanInvoice) {
       setSelectedIdsselectedIdsDokumenInvoice(
diff --git a/src/lib/pengajuan-tempo/component/Referensi.jsx b/src/lib/pengajuan-tempo/component/Referensi.jsx
index 5ec64611..17ac6cb0 100644
--- a/src/lib/pengajuan-tempo/component/Referensi.jsx
+++ b/src/lib/pengajuan-tempo/component/Referensi.jsx
@@ -79,6 +79,13 @@ const Referensi = ({ chekValid, buttonSubmitClick }) => {
     updateHasSave(false);
   };
 
+  const handleDeleteSupplier = (index) => {
+    const updatedData = supplierData.filter((_, i) => i !== index);
+    setSupplierData(updatedData);
+    updateFormSupplier(updatedData); // Update store atau state terkait
+    updateHasSave(false); // Indikasi bahwa data telah berubah
+  };
+
   const handleAddNewSupplier = () => {
     if (Object.values(newSupplier).every((val) => val.trim() !== '')) {
       setSupplierData((prevData) => {
@@ -232,7 +239,7 @@ const Referensi = ({ chekValid, buttonSubmitClick }) => {
                         placeholder='Type Durasi Tempo'
                       />
                     </td>
-                    <td>
+                    <td className='flex flex-row gap-2'>
                       <input
                         name='creditLimit'
                         type='text'
@@ -241,6 +248,10 @@ const Referensi = ({ chekValid, buttonSubmitClick }) => {
                         onChange={(e) => onChangeInput(e, index)}
                         placeholder='Type Credit Limit'
                       />
+                      <Trash2Icon
+                        size={18}
+                        onClick={() => handleDeleteSupplier(index)}
+                      />
                     </td>
                   </tr>
                 ))}
@@ -285,7 +296,7 @@ const Referensi = ({ chekValid, buttonSubmitClick }) => {
                       placeholder='Durasi jatuh tempo'
                     />
                   </td>
-                  <td>
+                  <td className='flex flex-row items-center gap-2 '>
                     <input
                       name='creditLimit'
                       value={formatRupiah(newSupplier.creditLimit)}
@@ -294,6 +305,10 @@ const Referensi = ({ chekValid, buttonSubmitClick }) => {
                       onChange={handleNewSupplierChange}
                       placeholder='limit kredit'
                     />
+                    <Trash2Icon
+                      size={18}
+                      onClick={() => handleDeleteSupplier(index)}
+                    />
                   </td>
                 </tr>
               </tbody>