No cases match the selected filter.
');filteredCases.sort((e,t)=>{const o=(e.CaseTypeName||"").localeCompare(t.CaseTypeName||"");return 0!==o?o:(t.CaseNumber||"").localeCompare(e.CaseNumber||"",void 0,{numeric:!0})});const table=createTable(["Case Number","Taxpayer Name","Case Type","Status","Created Date","Actions"]),tbody=document.createElement("tbody");let currentGroup="";let groupIndex=0;filteredCases.forEach(e=>{if(e.CaseTypeName!==currentGroup){currentGroup=e.CaseTypeName;groupIndex++;tbody.innerHTML+=`No documents found or match the selected filter.
');filteredDocs.sort((e,t)=>(e.DocumentTypeCode||"").localeCompare(t.DocumentTypeCode||""));const table=createTable(["Letter Number","File Name","Status","Date","Actions"]),tbody=document.createElement("tbody");let currentGroup="";let groupIndex=0;filteredDocs.forEach(e=>{if(e.DocumentTypeCode!==currentGroup){currentGroup=e.DocumentTypeCode;groupIndex++;tbody.innerHTML+=`No users found or match the selected filter.
');filteredUsers.sort((e,t)=>(e.FullName||"").localeCompare(t.FullName||""));const table=createTable(["Full Name","NIP","Position","Office","Case Role"]),tbody=document.createElement("tbody");filteredUsers.forEach(e=>{tbody.innerHTML+=`No refund review data matches the filter.
');dataToRender.sort((e,t)=>{const o=(e.Tin||"")+(e.Name||""),a=(t.Tin||"")+(t.Name||"");return o.localeCompare(a)});const table=createTable(["Doc Number","Date","Selling Price","VAT Paid","STLG Paid","Trans Code","Reported"]),tbody=document.createElement("tbody");let currentGroupKey="";let groupIndex=0;responseArea.innerHTML="",table.appendChild(tbody),responseArea.appendChild(table),dataToRender.forEach(e=>{const t=(e.Tin||"")+(e.Name||"");if(t!==currentGroupKey){currentGroupKey=t,groupIndex++;const o=tbody.insertRow();o.className="group-header expanded",o.dataset.groupId=`refund-group-${groupIndex}`;const a=o.insertCell();a.colSpan=7,a.innerHTML=`Loading documents...
';try{if(!caseId)throw new Error("No Case ID provided.");const apiUrl="https://coretax.intranet.pajak.go.id/casemanagement/api/casedocument/list",fetchOptions={method:"POST",headers:getHeaders(caseId),body:JSON.stringify({AggregateIdentifier:caseId})},response=await fetch(apiUrl,fetchOptions);if(!response.ok){const errorData=await response.json();throw new Error(`API Error: ${errorData.Message||response.statusText}`)}const data=await response.json();allCaseDocuments=data?.Payload?.Data||[],loadedDocsForCaseId=caseId,populateFilter("docs-status-filter",allCaseDocuments,"DocumentStatus"),renderCaseDocumentsTable()}catch(error){handleError(error,responseArea)}} async function fetchCaseUsers(caseId){const responseArea=document.querySelector("#tab-users .results-container");responseArea.innerHTML='Loading users...
';try{if(!caseId)throw new Error("No Case ID provided.");const apiUrl="https://coretax.intranet.pajak.go.id/casemanagement/api/caseuser/list",payload={AggregateIdentifier:caseId,First:0,Rows:200,SortField:"",SortOrder:1,Filters:[],LanguageId:"id-ID"},fetchOptions={method:"POST",headers:getHeaders(caseId),body:JSON.stringify(payload)},response=await fetch(apiUrl,fetchOptions);if(!response.ok){const errorData=await response.json();throw new Error(`API Error: ${errorData.Message||response.statusText}`)}const data=await response.json();allCaseUsers=data?.Payload?.Data||[],loadedUsersForCaseId=caseId,populateFilter("users-role-filter",allCaseUsers,"CaseRoleType"),renderCaseUsersTable()}catch(error){handleError(error,responseArea)}} async function downloadDocument(docId, filename, button) {const originalText=button.textContent;button.textContent="Downloading...",button.disabled=!0;try{const apiUrl="https://coretax.intranet.pajak.go.id/documentmanagement/api/download",payload={DocumentAggregateIdentifier:docId,IsDocumentCases:!1,IsNeedWatermark:null},fetchOptions={method:"POST",headers:getHeaders(),body:JSON.stringify(payload)},response=await fetch(apiUrl,fetchOptions);if(!response.ok)try{const errorData=await response.json();throw new Error(`API Error: ${errorData.Message||response.statusText}`)}catch(e){throw new Error(`API request failed! Status: ${response.statusText}`)}const blob=await response.blob(),url=window.URL.createObjectURL(blob),a=document.createElement("a");a.style.display="none",a.href=url,a.download=filename||"download.pdf",document.body.appendChild(a),a.click(),window.URL.revokeObjectURL(url),a.remove()}catch(error){alert(`Download failed: ${error.message}`)}finally{button.textContent=originalText,button.disabled=!1}} async function fetchSubProcessId(caseId) {const apiUrl="https://coretax.intranet.pajak.go.id/casemanagement/api/caserouting/view",payload={AggregateIdentifier:caseId,LanguageId:"id-ID"},fetchOptions={method:"POST",headers:getHeaders(caseId),body:JSON.stringify(payload)},response=await fetch(apiUrl,fetchOptions);if(!response.ok){const errorData=await response.json();throw new Error(`Sub Process ID API Error: ${errorData.Message||response.statusText}`)}const data=await response.json(),firstResult=data?.Payload?.[0];if(!firstResult||!firstResult.SubProcessIdentifier)throw new Error("Could not find a 'SubProcessIdentifier' in the caserouting/view response.");return firstResult.SubProcessIdentifier} async function fetchC02FormDetail(caseId, subProcessId) {const apiUrl="https://coretax.intranet.pajak.go.id/casecomponentspayment/api/c02form014/c02form009detail/current",payload={caseAggregateIdentifier:caseId,CaseSubProcessIdentifier:subProcessId},fetchOptions={method:"POST",headers:getHeaders(caseId),body:JSON.stringify(payload)},response=await fetch(apiUrl,fetchOptions);if(!response.ok){const errorData=await response.json();throw new Error(`C02Form Detail API Error: ${errorData.Message||response.statusText}`)}const data=await response.json(),firstResult=data?.Payload?.[0];if(!firstResult||!firstResult.Reference)throw new Error("Could not find a 'Reference' number in the C02Form Detail response.");return firstResult.Reference} async function fetchRefundReview(caseId, refNumber) {const responseArea=document.querySelector("#tab-refund .results-container");try{const apiUrl="https://coretax.intranet.pajak.go.id/casecomponentspayment/api/refundprocessreview/get-detailed-review",payload={CaseAggregateIdentifier:caseId,RevenueCode:"411211",TaxPaymentCode:"100",TaxReturnType:"VAT_VATR",ReferenceNumber:refNumber},fetchOptions={method:"POST",headers:getHeaders(caseId),body:JSON.stringify(payload)},response=await fetch(apiUrl,fetchOptions);if(!response.ok){const errorData=await response.json();throw new Error(`Refund Review API Error: ${errorData.Message||response.statusText}`)}const data=await response.json();refundReviewData=data?.Payload||[],populateBooleanFilter("refund-reported-filter"),renderRefundReviewTable()}catch(error){handleError(error,responseArea)}} // --- HELPER FUNCTIONS --- function getHeaders(caseId=null){const authToken=getAuthToken(),requestFromUrl=caseId?`https://coretax.intranet.pajak.go.id/case-management/id-ID/case-overview/${caseId}`:window.location.href;return{accept:"application/json, text/plain, */*",authorization:`Bearer ${authToken}`,"content-type":"application/json",languageid:"id-ID",request_from:requestFromUrl}} function populateFilter(selectId,data,key){const select=document.getElementById(selectId);if(!select)return;const values=[...new Set(data.map(e=>e[key]).filter(Boolean))];select.innerHTML='',values.sort().forEach(e=>{select.innerHTML+=``})} function populateBooleanFilter(selectId){const e=document.getElementById(selectId);e&&(e.innerHTML='')} function getAuthToken(){const userDataString=localStorage.getItem(AUTH_STORAGE_KEY),userData=userDataString?JSON.parse(userDataString):null,authToken=userData?.access_token;if(!authToken)throw new Error("Authorization Token not found.");return authToken} function createTable(headers){const table=document.createElement("table");table.className="ct-results-table";const thead=document.createElement("thead");return thead.innerHTML=`Please refresh the page to log in again.
An error occurred:
${error.message}
Step 1/3: Fetching Sub Process ID...
`; if (!caseId) throw new Error("A case must be selected."); const subProcessId = await fetchSubProcessId(caseId); responseArea.innerHTML = `Step 2/3: Fetching reference number...
`; const referenceNumber = await fetchC02FormDetail(caseId, subProcessId); responseArea.innerHTML = `Step 3/3: Fetching refund details...
`; await fetchRefundReview(caseId, referenceNumber); } catch(error) { handleError(error, responseArea); } finally { button.textContent = originalText; button.disabled = false; } } function handleCaseSelection(event) { const selectedRow = event.target.closest("tr"); if (!selectedRow || selectedRow.classList.contains("group-header")) return; const caseId = selectedRow.dataset.id; if (!caseId || caseId === selectedCaseId) return; // Don't re-process if the same row is clicked const selectedCase = allMyCases.find(e => e.AggregateIdentifier === caseId); updateHeader(selectedCase); selectedCaseId = caseId; loadedDocsForCaseId = null; loadedUsersForCaseId = null; refundReviewData = []; filteredRefundData = []; document.querySelector('#tab-refund .results-container').innerHTML = `Please use the 'Review Refund' action on a relevant case.
`; document.getElementById('refund-download-btn').disabled = true; const allRows = selectedRow.closest("tbody").querySelectorAll("tr"); allRows.forEach(e => e.classList.remove("selected")); selectedRow.classList.add("selected"); const actionButton = event.target.closest(".action-btn"); if (actionButton) { if (actionButton.matches(".view-docs")) { switchTab("tab-docs"); } else if (actionButton.matches(".view-users")) { switchTab("tab-users"); } else if (actionButton.matches(".review-refund-case")) { startRefundReviewProcess(caseId, actionButton); } } } function handleDocumentAction(event) { const target = event.target.closest('.action-btn'); if (!target) return; if (target.matches('.download-doc')) { const docId = target.dataset.docId; const filename = target.dataset.filename; downloadDocument(docId, filename, target); } } function handleGroupToggle(event) { const headerRow = event.target.closest('.group-header'); if (!headerRow) return; const groupId = headerRow.dataset.groupId; if (!groupId) return; headerRow.classList.toggle('collapsed'); headerRow.classList.toggle('expanded'); const isCollapsed = headerRow.classList.contains('collapsed'); const tableBody = headerRow.parentElement; const memberRows = tableBody.querySelectorAll(`.group-member.${groupId}`); memberRows.forEach(row => { row.style.display = isCollapsed ? 'none' : 'table-row'; }); } function switchTab(tabId){document.querySelectorAll(".ct-tab-button").forEach(e=>e.classList.remove("active")),document.querySelectorAll(".ct-tab-panel").forEach(e=>e.classList.remove("active")),document.querySelector(`[data-tab="${tabId}"]`).classList.add("active"),document.getElementById(tabId).classList.add("active"),"tab-docs"===tabId?selectedCaseId&&selectedCaseId!==loadedDocsForCaseId&&fetchCaseDocuments(selectedCaseId):"tab-users"===tabId&&selectedCaseId&&selectedCaseId!==loadedUsersForCaseId&&fetchCaseUsers(selectedCaseId)} function downloadRefundExcel() { if (!filteredRefundData || filteredRefundData.length === 0) { alert("No data to download. Please filter the data first."); return; } const now = new Date(); const year = now.getFullYear(); const month = String(now.getMonth() + 1).padStart(2, '0'); const day = String(now.getDate()).padStart(2, '0'); const hours = String(now.getHours()).padStart(2, '0'); const minutes = String(now.getMinutes()).padStart(2, '0'); const datetimeSuffix = `${year}${month}${day}_${hours}${minutes}`; let filenamePrefix = 'Refund_Review_Data'; if (selectedCaseId) { const selectedCase = allMyCases.find(c => c.AggregateIdentifier === selectedCaseId); if (selectedCase && selectedCase.CaseNumber) { const sanitizedCaseNumber = selectedCase.CaseNumber.replace(/[\\/:"*?<>|]/g, '_'); filenamePrefix = `Refund_Review_Data_${sanitizedCaseNumber}`; } } const filename = `${filenamePrefix}_${datetimeSuffix}.xlsx`; const headerMapping = [ { apiField: "ReportedBySeller", excelHeader: "Telah dilaporkan oleh Penjual?" }, { apiField: "Tin", excelHeader: "NPWP Penjual" }, { apiField: "Name", excelHeader: "Nama Penjual" }, { apiField: "DocumentNumber", excelHeader: "Nomor Faktur Pajak/Dokumen yang Dipersamakan/Nota Retur/Nota Pembatalan" }, { apiField: "DocumentDate", excelHeader: "Tanggal Faktur Pajak/Dokumen yang Dipersamakan/Nota Retur/Nota Pembatalan" }, { apiField: "TransactionCode", excelHeader: "Kode Transaksi" }, { apiField: "SellingPrice", excelHeader: "Harga Jual/Dasar Pengenaan Pajak/Dasar Pengenaan Pajak Lainnya (Rp)" }, { apiField: "VatPaid", excelHeader: "PPN yang dikreditkan pada SPT yang Dilaporkan" }, { apiField: "StlgPaid", excelHeader: "PPnBM yang dikreditkan pada SPT yang Dilaporkan" } ]; const excelData = filteredRefundData.map(item => { const row = {}; headerMapping.forEach(map => { if (map.apiField === 'ReportedBySeller') { row[map.excelHeader] = item[map.apiField] ? 'Yes' : 'No'; } else { row[map.excelHeader] = item[map.apiField] === null ? '' : item[map.apiField]; } }); return row; }); const worksheet = XLSX.utils.json_to_sheet(excelData); const workbook = XLSX.utils.book_new(); XLSX.utils.book_append_sheet(workbook, worksheet, "Refund Review"); XLSX.writeFile(workbook, filename); } function toggleAllGroups(containerSelector, button) { const isCollapsing = button.textContent === 'Collapse All'; const headers = document.querySelectorAll(`${containerSelector} .group-header`); const members = document.querySelectorAll(`${containerSelector} .group-member`); headers.forEach(h => { h.classList.toggle('expanded', !isCollapsing); h.classList.toggle('collapsed', isCollapsing); }); members.forEach(m => { m.style.display = isCollapsing ? 'none' : 'table-row'; }); button.textContent = isCollapsing ? 'Expand All' : 'Collapse All'; } // --- MAIN INITIALIZATION --- function main() { addStyles(); createSidebar(); document.getElementById('ct-sidebar-toggle').addEventListener('click', () => { document.getElementById('ct-sidebar').classList.toggle('open'); }); document.getElementById('ct-tab-bar').addEventListener('click', (e) => { if (e.target.matches('.ct-tab-button')) switchTab(e.target.dataset.tab); }); document.getElementById('cases-status-filter').addEventListener('change', renderMyCasesTable); document.getElementById('docs-status-filter').addEventListener('change', renderCaseDocumentsTable); document.getElementById('users-role-filter').addEventListener('change', renderCaseUsersTable); document.getElementById('refund-reported-filter').addEventListener('change', renderRefundReviewTable); document.getElementById('refund-download-btn').addEventListener('click', downloadRefundExcel); document.getElementById('toggle-cases-btn').addEventListener('click', (e) => toggleAllGroups('#tab-my-cases .results-container', e.target)); document.getElementById('toggle-docs-btn').addEventListener('click', (e) => toggleAllGroups('#tab-docs .results-container', e.target)); document.getElementById('toggle-refund-btn').addEventListener('click', (e) => toggleAllGroups('#tab-refund .results-container', e.target)); fetchMyCases(); } main(); })();