refactor(FE-208,212): improve credit term handling and validation in PurchaseRequestForm

src/components/pages/purchase/form/request/PurchaseRequestForm.tsx

@@ -338,7 +338,7 @@ const PurchaseRequestForm = ({
           (s: Supplier) => s.id === supplierId
         );
         if (supplierData?.due_date) {
-          formik.setFieldTouched('credit_term', true);
+          formik.setFieldTouched('credit_term', false);
           formik.setFieldValue('credit_term', supplierData.due_date.toString());
         } else {
           formik.setFieldTouched('credit_term', false);
@@ -364,9 +364,13 @@ const PurchaseRequestForm = ({
 
   // ===== SIDE EFFECTS =====
   useEffect(() => {
-    if (formik.values.supplier_id) {
+    if (formik.values.supplier_id && Number(formik.values.supplier_id) > 0) {
       updateCreditTermBasedOnSupplier(Number(formik.values.supplier_id));
       resetPurchaseItems();
+    } else {
+      formik.setFieldTouched('credit_term', false);
+      formik.setFieldValue('credit_term', '');
+      resetPurchaseItems();
     }
   }, [formik.values.supplier_id]);
 
@@ -384,6 +388,23 @@ const PurchaseRequestForm = ({
     []
   );
 
+  const handleCreditTermChange = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      const value = e.target.value;
+
+      formik.setFieldTouched('credit_term', true);
+      formik.setFieldValue('credit_term', value);
+    },
+    []
+  );
+
+  const handleCreditTermBlur = useCallback(
+    (e: React.FocusEvent<HTMLInputElement>) => {
+      formik.handleBlur(e);
+    },
+    [formik]
+  );
+
   const handleAreaChange = useCallback(
     (val: OptionType | OptionType[] | null) => {
       const area = val as OptionType | null;
@@ -488,8 +509,8 @@ const PurchaseRequestForm = ({
                 label='Jatuh tempo (hari)'
                 name='credit_term'
                 value={formik.values.credit_term || ''}
-                onChange={formik.handleChange}
+                onChange={handleCreditTermChange}
-                onBlur={formik.handleBlur}
+                onBlur={handleCreditTermBlur}
                 isError={
                   formik.touched.credit_term &&
                   Boolean(formik.errors.credit_term)