refactor(FE): Adapt customer payment report types and exports

src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx

@@ -161,10 +161,7 @@ const createPDFDocument = (params: CustomerPaymentExportPDFParams) => {
               {customerReport.customer.name}
             </Text>
             <Text style={pdfStyles.supplierInfo}>
-              {customerReport.customer_address || ''}
-            </Text>
-            <Text style={pdfStyles.supplierInfo}>
-              NPWP: {customerReport.customer_npwp || '-'}
+              {customerReport.customer.address || ''}
             </Text>
             {customerReport.summary && (
               <Text style={pdfStyles.supplierInfo}>
@@ -266,7 +263,9 @@ const createPDFDocument = (params: CustomerPaymentExportPDFParams) => {
                   </Text>
                 </View>
                 <View style={[pdfStyles.tableCellCenter, { flex: 0.8 }]}>
-                  <Text>{formatNumber(item.aging)} hari</Text>
+                  <Text>
+                    {item.aging_day ? formatNumber(item.aging_day) : '-'} hari
+                  </Text>
                 </View>
                 <View style={[pdfStyles.tableCell, { flex: 1 }]}>
                   <Text>{item.reference || '-'}</Text>

src/components/pages/report/finance/export/CustomerPaymentExportXLSX.tsx

@@ -30,9 +30,11 @@ export const generateCustomerPaymentExcel = (
         'Tanggal Realisasi': item.realization_date
           ? formatDate(item.realization_date, 'DD MMM YYYY')
           : '',
-        Aging: formatNumber(item.aging || 0),
+        Aging: formatNumber(item.aging_day || 0),
         Referensi: item.reference || '',
-        'Nomor Polisi': item.vehicle_plate || '',
+        'Nomor Polisi': Array.isArray(item.vehicle_plate)
+          ? item.vehicle_plate.join(', ')
+          : '',
         'Ekor/Qty': formatNumber(item.qty || 0),
         'Berat (Kg)': formatNumber(item.weight || 0),
         AVG: formatNumber(item.average_weight || 0),

src/components/pages/report/finance/tab/CustomerPaymentTab.tsx

@@ -279,10 +279,14 @@ const CustomerPaymentTab = () => {
       {
         id: 'aging',
         header: 'Aging',
-        accessorKey: 'aging',
+        accessorKey: 'aging_day',
         cell: (props) => {
-          const value = props.row.original.aging;
-          return <div className='text-center'>{formatNumber(value)} hari</div>;
+          const value = props.row.original.aging_day;
+          return (
+            <div className='text-center'>
+              {value ? formatNumber(value) : '-'} hari
+            </div>
+          );
         },
       },
       {
@@ -662,7 +666,7 @@ const CustomerPaymentTab = () => {
               <Card
                 key={customerReport.customer.id}
                 title={customerReport.customer.name}
-                subtitle={`NPWP: ${customerReport.customer_npwp || '-'} | ${customerReport.customer_address || ''}\nSaldo Piutang: ${formatCurrency(totalAccountsReceivable)}`}
+                subtitle={`${customerReport.customer.address || ''}\nSaldo Piutang: ${formatCurrency(totalAccountsReceivable)}`}
                 className={{ wrapper: 'w-full' }}
                 variant='bordered'
                 collapsible={true}