<iman> update fix kontak person

1 files changed, 45 insertions, 134 deletions

diff --git a/src/lib/pengajuan-tempo/component/KontakPerusahaan.jsx b/src/lib/pengajuan-tempo/component/KontakPerusahaan.jsx
index a595ff13..861a75ba 100644
--- a/src/lib/pengajuan-tempo/component/KontakPerusahaan.jsx
+++ b/src/lib/pengajuan-tempo/component/KontakPerusahaan.jsx
@@ -14,137 +14,6 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
     validateKontakPerson,
     updateFormKontakPerson,
   } = usePengajuanTempoStoreKontakPerson();
-  const [industries, setIndustries] = useState([]);
-  const [selectedCategory, setSelectedCategory] = useState('');
-  const [states, setState] = useState([]);
-  const [cities, setCities] = useState([]);
-  const [bersedia, setBersedia] = useState(null);
-  const category_produk = [
-    { id: 1, name: 'Pengaman, Kesehatan & Keamanan' },
-    { id: 2, name: 'Perkakas Tangan, Listrik & Pneumatic' },
-    { id: 3, name: 'Mesin Industrial' },
-    { id: 4, name: 'Mesin Pertanian & Perkebunan' },
-    { id: 5, name: 'Mesin Pembersih & Janitorial' },
-    { id: 6, name: 'Cairan Berbahan Kimia' },
-    { id: 7, name: 'Perlengkapan Pengukuran & Pengujian' },
-    { id: 8, name: 'Peralatan Listrik & Elektronik' },
-    { id: 9, name: 'Perlengkapan Logistik & Gudang' },
-    { id: 10, name: 'Peralatan Kantor & Stationery' },
-    { id: 11, name: 'Komponen & Aksesoris' },
-    { id: 12, name: 'Peralatan Horeca & Food Service' },
-  ];
-
-  useEffect(() => {
-    const loadState = async () => {
-      let dataState = await stateApi();
-      dataState = dataState.map((state) => ({
-        value: state.id,
-        label: state.name,
-      }));
-      setState(dataState);
-    };
-    loadState();
-  }, []);
-
-  const watchState = watch('state');
-  useEffect(() => {
-    updateFormKontakPerson('city', '');
-    if (watchState) {
-      updateFormKontakPerson('state', `${watchState}`);
-      validateKontakPerson();
-      const loadCities = async () => {
-        let dataCities = await cityApi({ stateId: watchState });
-        dataCities = dataCities.map((city) => ({
-          value: city.id,
-          label: city.name,
-        }));
-        setCities(dataCities);
-      };
-      loadCities();
-    }
-  }, [watchState]);
-
-  const watchCity = watch('city');
-  useEffect(() => {
-    if (watchCity) {
-      updateFormKontakPerson('city', `${watchCity}`);
-      validateKontakPerson();
-    }
-  }, [watchCity]);
-
-  useEffect(() => {
-    const loadIndustries = async () => {
-      const dataIndustries = await odooApi('GET', '/api/v1/partner/industry');
-      setIndustries(
-        dataIndustries?.map((o) => ({
-          value: o.id,
-          label: o.name,
-          category: o.category,
-        }))
-      );
-    };
-    loadIndustries();
-  }, []);
-
-  useEffect(() => {
-    const selectedIndustryType = industries.find(
-      (industry) => industry.value === watch('industry_id')
-    );
-    if (selectedIndustryType) {
-      updateFormKontakPerson('industry_id', `${selectedIndustryType?.value}`);
-      validateKontakPerson();
-      setSelectedCategory(selectedIndustryType.category);
-    }
-  }, [watch('industry_id'), industries]);
-
-  const estimasiValue = watch('estimasi');
-  const tempoLimitValue = watch('tempoLimit');
-
-  // Memformat angka menjadi format rupiah
-  const formatRupiah = (value) => {
-    if (!value) return '';
-    const numberString = value.replace(/[^0-9]/g, ''); // Menghapus karakter non-digit
-    return numberString
-      ? 'Rp ' + new Intl.NumberFormat('id-ID').format(numberString)
-      : '';
-  };
-
-  const handleChange = (e) => {
-    const value = e.target.value;
-    const formattedValue = formatRupiah(value);
-    console.log('formattedValue', formattedValue);
-    updateFormKontakPerson('estimasi', formattedValue.replace(/^Rp\s*/, ''));
-    validateKontakPerson();
-  };
-  const onChangeTempoDuration = (e) => {
-    updateFormKontakPerson('tempoDuration', `${e}`);
-    validateKontakPerson();
-  };
-
-  const onChangeTempoLimit = (e) => {
-    updateFormKontakPerson('tempoLimit', `${e}`);
-    validateKontakPerson();
-  };
-  const handleCheckboxBersediaChange = (value) => {
-    if (value === 'bersedia') {
-      setBersedia(true);
-    } else if (value === 'tidakBersedia') {
-      setBersedia(false);
-    }
-    updateFormKontakPerson('bersedia', `${value === 'bersedia'}`);
-    validateKontakPerson();
-  };
-  const [selectedIds, setSelectedIds] = useState([]);
-
-  const handleCheckboxChange = (id) => {
-    setSelectedIds((prevSelected) =>
-      prevSelected.includes(id)
-        ? prevSelected.filter((selectedId) => selectedId !== id)
-        : [...prevSelected, id]
-    );
-    updateFormKontakPerson('categoryProduk', `${selectedIds}`);
-    validateKontakPerson();
-  };
 
   const handleInputChange = (event) => {
     const { name, value } = event.target;
@@ -152,9 +21,6 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
     validateKontakPerson();
   };
 
-  const midIndex = Math.ceil(category_produk.length / 2);
-  const firstColumn = category_produk.slice(0, midIndex);
-  const secondColumn = category_produk.slice(midIndex);
   const isFormValid = useMemo(
     () => Object.keys(errorsKontakPerson).length === 0,
     [errorsKontakPerson]
@@ -165,6 +31,7 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
   const direkturEmailRef = useRef(null);
   const purchasingNameRef = useRef(null);
   const purchasingEmailRef = useRef(null);
+  const purchasingMobileRef = useRef(null);
   const financeNameRef = useRef(null);
   const financeMobileRef = useRef(null);
   const financeEmailRef = useRef(null);
@@ -192,6 +59,13 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
           purchasingNameRef.current.scrollIntoView(options);
           return;
         }
+        if (
+          errorsKontakPerson.purchasingMobile &&
+          purchasingMobileRef.current
+        ) {
+          purchasingMobileRef.current.scrollIntoView(options);
+          return;
+        }
         if (errorsKontakPerson.purchasingEmail && purchasingEmailRef.current) {
           purchasingEmailRef.current.scrollIntoView(options);
           return;
@@ -227,6 +101,7 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
             </div>
             <div className='w-3/5'>
               <input
+                value={formKontakPerson.direkturName}
                 id='direkturName'
                 name='direkturName'
                 placeholder='Masukkan nama direktur anda'
@@ -260,6 +135,7 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
                 ref={direkturMobileRef}
                 placeholder='Masukkan nomor direktur anda'
                 type='tel'
+                value={formKontakPerson.direkturMobile}
                 className='form-input'
                 aria-invalid={errorsKontakPerson.direkturMobile}
                 onChange={handleInputChange}
@@ -288,6 +164,7 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
                 ref={direkturEmailRef}
                 placeholder='contoh@email.com'
                 type='email'
+                value={formKontakPerson.direkturEmail}
                 className='form-input'
                 aria-invalid={errorsKontakPerson.direkturEmail}
                 onChange={handleInputChange}
@@ -315,6 +192,7 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
                 name='purchasingName'
                 ref={purchasingNameRef}
                 placeholder='Masukkan nama purchasing anda'
+                value={formKontakPerson.purchasingName}
                 type='text'
                 className='form-input'
                 aria-invalid={errorsKontakPerson.purchasingName}
@@ -331,6 +209,35 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
           <div className='flex flex-row  justify-between items-start'>
             <div>
               <label className='form-label w-2/5 text-nowrap'>
+                No. Telpon Purchasing
+              </label>
+              <span className='text-xs opacity-60'>
+                isi nomor purchasing yang bertanggung jawab di perusahaan anda
+              </span>
+            </div>
+            <div className='w-3/5'>
+              <input
+                id='purchasingMobile'
+                name='purchasingMobile'
+                ref={financeMobileRef}
+                placeholder='Masukkan nomor purchasing anda'
+                value={formKontakPerson.purchasingMobile}
+                type='tel'
+                className='form-input'
+                aria-invalid={errorsKontakPerson.purchasingMobile}
+                onChange={handleInputChange}
+              />
+              {chekValid && (
+                <div className='text-caption-2 text-danger-500 mt-1'>
+                  {errorsKontakPerson.purchasingMobile}
+                </div>
+              )}
+            </div>
+          </div>
+
+          <div className='flex flex-row  justify-between items-start'>
+            <div>
+              <label className='form-label w-2/5 text-nowrap'>
                 Email Purchasing
               </label>
               <span className='text-xs opacity-60'>
@@ -343,6 +250,7 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
                 name='purchasingEmail'
                 ref={purchasingEmailRef}
                 placeholder='contoh@email.com'
+                value={formKontakPerson.purchasingEmail}
                 type='email'
                 className='form-input'
                 aria-invalid={errorsKontakPerson.purchasingEmail}
@@ -371,6 +279,7 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
                 name='financeName'
                 ref={financeNameRef}
                 placeholder='Masukkan nama finance'
+                value={formKontakPerson.financeName}
                 type='text'
                 className='form-input'
                 aria-invalid={errorsKontakPerson.financeName}
@@ -398,6 +307,7 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
                 name='financeMobile'
                 ref={financeMobileRef}
                 placeholder='Masukkan nomor finance'
+                value={formKontakPerson.financeMobile}
                 type='tel'
                 className='form-input'
                 aria-invalid={errorsKontakPerson.financeMobile}
@@ -427,6 +337,7 @@ const KontakPerusahaan = ({ chekValid, buttonSubmitClick }) => {
                 ref={financeEmailRef}
                 placeholder='contoh@email.com'
                 type='email'
+                value={formKontakPerson.financeEmail}
                 className='form-input'
                 aria-invalid={errorsKontakPerson.financeEmail}
                 onChange={handleInputChange}