feat(FE-181-179-220-271): adding SO export PDF and adjusting delivery form

src/components/pages/marketing/form/repeater/delivery-order/DeliverOrderProduct.schema.ts

@@ -15,7 +15,7 @@ type DeliveryOrderProductSchemaType = {
   avg_weight: string | number | undefined;
   total_price: string | number | undefined;
   vehicle_number: string | undefined;
-  delivery_date: string | undefined;
+  delivery_date: string | undefined | null;
   do_number?: string | undefined | null; // Uncertain
 };
 
@@ -30,7 +30,7 @@ export const DeliveryOrderProductSchema: Yup.ObjectSchema<DeliveryOrderProductSc
       .min(1, 'Harga Satuan wajib diisi!')
       .required('Harga Satuan wajib diisi!'),
     total_weight: Yup.number()
-      .min(1, 'Total Bobot wajib diisi!')
+      .min(0, 'Total Bobot wajib diisi!')
       .required('Total Bobot wajib diisi!'),
     qty: Yup.number()
       .min(1, 'Kuantitas wajib diisi!')
@@ -42,7 +42,10 @@ export const DeliveryOrderProductSchema: Yup.ObjectSchema<DeliveryOrderProductSc
       .min(1, 'Total Penjualan wajib diisi!')
       .required('Total Penjualan wajib diisi!'),
     vehicle_number: Yup.string().required('Nomor Kendaraan wajib diisi!'),
-    delivery_date: Yup.string().required('Tanggal Pengiriman wajib diisi!'),
+    delivery_date: Yup.string()
+      .required('Tanggal Pengiriman wajib diisi!')
+      .nullable()
+      .optional(),
     do_number: Yup.string().nullable().optional(),
   });
 

src/components/pages/marketing/form/repeater/delivery-order/DeliverOrderProduct.tsx

@@ -49,8 +49,8 @@ const DeliveryOrderProductForm = ({
       marketing_product: initialValues?.marketing_product || undefined,
     },
     validationSchema: DeliveryOrderProductSchema,
-    validateOnBlur: false,
-    validateOnChange: true,
+    validateOnBlur: true,
+    validateOnChange: false,
     onSubmit: async (values) => {
       setFormErrorMessage('');
       if (initialValues?.id) {
@@ -172,42 +172,21 @@ const DeliveryOrderProductForm = ({
         )}
 
         <div className='grid grid-cols-2 gap-4'>
-          <DateInput
-            name='delivery_date'
-            label='Tanggal'
-            value={formik.values.delivery_date}
-            onChange={formik.handleChange}
-            onBlur={formik.handleBlur}
-            isError={
-              formik.touched.delivery_date &&
-              Boolean(formik.errors.delivery_date)
-            }
-            errorMessage={formik.errors.delivery_date}
-            placeholder='Pilih Tanggal'
-            required
-          />
-
-          <PatternInput
-            name='vehicle_number'
-            label='No. Polisi'
-            format='AA #### AAA'
-            mask='_'
-            inputVehicleNumber
-            required
-            type='text'
-            placeholder='B 1234 CDE'
-            value={formatVechicleNumber(formik.values.vehicle_number ?? '')}
-            onChange={formik.handleChange}
-            onBlur={formik.handleBlur}
-            isError={Boolean(formik.errors.vehicle_number)}
-            errorMessage={formik.errors.vehicle_number}
-          />
-
           <SelectInput
             options={options}
             label='Produk'
             placeholder='Pilih Produk'
-            value={selectedProduct}
+            isDisabled
+            value={
+              selectedProduct
+                ? ({
+                    value: selectedProduct?.value,
+                    label: salesOrders.find(
+                      (item) => item.id === selectedProduct?.value
+                    )?.product_warehouse.product.name,
+                  } as OptionType)
+                : null
+            }
             onChange={(value) => {
               const selected = value as OptionType;
               setSelectedProduct(selected);
@@ -263,6 +242,36 @@ const DeliveryOrderProductForm = ({
             errorMessage={formik.errors.marketing_product_id}
             required
           />
+          <DateInput
+            name='delivery_date'
+            label='Tanggal'
+            value={formik.values.delivery_date ?? undefined}
+            onChange={formik.handleChange}
+            onBlur={formik.handleBlur}
+            isError={
+              formik.touched.delivery_date &&
+              Boolean(formik.errors.delivery_date)
+            }
+            errorMessage={formik.errors.delivery_date}
+            placeholder='Pilih Tanggal'
+            required
+          />
+
+          <PatternInput
+            name='vehicle_number'
+            label='No. Polisi'
+            format='AA #### AAA'
+            mask='_'
+            inputVehicleNumber
+            required
+            type='text'
+            placeholder='B 1234 CDE'
+            value={formatVechicleNumber(formik.values.vehicle_number ?? '')}
+            onChange={formik.handleChange}
+            onBlur={formik.handleBlur}
+            isError={Boolean(formik.errors.vehicle_number)}
+            errorMessage={formik.errors.vehicle_number}
+          />
 
           <NumberInput
             required

src/components/pages/marketing/form/repeater/sales-order/SalesOrderProduct.schema.ts

@@ -42,7 +42,7 @@ export const SalesOrderProductSchema: Yup.ObjectSchema<SalesOrderProductSchemaTy
       .min(1, 'Harga Satuan wajib diisi!')
       .required('Harga Satuan wajib diisi!'),
     total_weight: Yup.number()
-      .min(1, 'Total Bobot wajib diisi!')
+      .min(0, 'Total Bobot wajib diisi!')
       .required('Total Bobot wajib diisi!'),
     qty: Yup.number()
       .min(1, 'Kuantitas wajib diisi!')

src/components/pages/marketing/form/repeater/sales-order/SalesOrderProductForm.tsx

@@ -161,6 +161,9 @@ const SalesOrderProductForm = ({
             </Alert>
           </div>
         )}
+        {/* <small className='block text-rose-500'>
+          {JSON.stringify(formik.errors)}
+        </small> */}
         <div className='grid grid-cols-2 gap-4 z-200'>
           <PatternInput
             name='vehicle_number'