panel/resources/js/plugins/fake-api/handlers/apps/invoice/index.js

import is from '@sindresorhus/is'
import { destr } from 'destr'
import { HttpResponse, http } from 'msw'
import { database } from '@db/apps/invoice/db'
import { paginateArray } from '@api-utils/paginateArray'

export const handlerAppsInvoice = [
  // 👉 Client
  // Get Clients
  http.get(('/api/apps/invoice/clients'), () => {
    const clients = database.map(invoice => invoice.client)
    
    return HttpResponse.json(clients.splice(0, 5), { status: 200 })
  }),

  // 👉 Invoice
  // Get Invoice List
  http.get(('/api/apps/invoice'), ({ request }) => {
    const url = new URL(request.url)
    const q = url.searchParams.get('q')
    const status = url.searchParams.get('status')
    const selectedDateRange = url.searchParams.get('selectedDateRange')
    const page = url.searchParams.get('page')
    const itemsPerPage = url.searchParams.get('itemsPerPage')
    const sortBy = url.searchParams.get('sortBy')
    const orderBy = url.searchParams.get('orderBy')
    const searchQuery = is.string(q) ? q : undefined
    const queryLowered = (searchQuery ?? '').toString().toLowerCase()
    const parsedSortBy = destr(sortBy)
    const sortByLocal = is.string(parsedSortBy) ? parsedSortBy : ''
    const parsedOrderBy = destr(orderBy)
    const orderByLocal = is.string(parsedOrderBy) ? parsedOrderBy : ''
    const parsedItemsPerPage = destr(itemsPerPage)
    const parsedPage = destr(page)
    const itemsPerPageLocal = is.number(parsedItemsPerPage) ? parsedItemsPerPage : 10
    const pageLocal = is.number(parsedPage) ? parsedPage : 1
    const parsedDateRange = destr(selectedDateRange)
    const startDateLocal = parsedDateRange?.start
    const endDateLocal = parsedDateRange?.end

    // Filtering invoices
    let filteredInvoices = database.filter(invoice => ((invoice.client.name.toLowerCase().includes(queryLowered)
            || invoice.client.companyEmail.toLowerCase().includes(queryLowered) || invoice.id.toString().includes(queryLowered))
            && invoice.invoiceStatus === (status || invoice.invoiceStatus))).reverse()

    // Sorting invoices
    if (sortByLocal) {
      if (sortByLocal === 'client') {
        filteredInvoices = filteredInvoices.sort((a, b) => {
          if (orderByLocal === 'asc')
            return a.client.name.localeCompare(b.client.name)
          
          return b.client.name.localeCompare(a.client.name)
        })
      }
      else if (sortByLocal === 'total') {
        filteredInvoices = filteredInvoices.sort((a, b) => {
          if (orderByLocal === 'asc')
            return a.total - b.total
          
          return b.total - a.total
        })
      }
      else if (sortByLocal === 'id') {
        filteredInvoices = filteredInvoices.sort((a, b) => {
          if (orderByLocal === 'asc')
            return a.id - b.id
          
          return b.id - a.id
        })
      }
      else if (sortByLocal === 'date') {
        filteredInvoices = filteredInvoices.sort((a, b) => {
          if (orderByLocal === 'asc')
            return new Date(a.issuedDate).getTime() - new Date(b.issuedDate).getTime()
          
          return new Date(b.issuedDate).getTime() - new Date(a.issuedDate).getTime()
        })
      }
      else if (sortByLocal === 'balance') {
        filteredInvoices = filteredInvoices.sort((a, b) => {
          if (orderByLocal === 'asc')
            return a.balance - b.balance
          
          return b.balance - a.balance
        })
      }
    }

    // filtering invoices by date
    if (startDateLocal && endDateLocal) {
      filteredInvoices = filteredInvoices.filter(invoiceObj => {
        const start = new Date(startDateLocal).getTime()
        const end = new Date(endDateLocal).getTime()
        const issuedDate = new Date(invoiceObj.issuedDate).getTime()
        
        return issuedDate >= start && issuedDate <= end
      })
    }
    const totalInvoices = filteredInvoices.length
    
    return HttpResponse.json({
      invoices: paginateArray(filteredInvoices, itemsPerPageLocal, pageLocal),
      totalInvoices,
    }, {
      status: 200,
    })
  }),

  // Get Single Invoice
  http.get(('/api/apps/invoice/:id'), ({ params }) => {
    const invoiceId = params.id
    const invoice = database.find(e => e.id === Number(invoiceId))
    if (!invoice) {
      return HttpResponse.json('No invoice found with this id', { status: 404 })
    }

    const responseData = {
      invoice,
      paymentDetails: {
        totalDue: '$12,110.55',
        bankName: 'American Bank',
        country: 'United States',
        iban: 'ETD95476213874685',
        swiftCode: 'BR91905',
      },
    }

    return HttpResponse.json(responseData, { status: 200 })
  }),

  // Delete Invoice
  http.delete(('/api/apps/invoice/:id'), ({ params }) => {
    const invoiceId = params.id
    const invoiceIndex = database.findIndex(e => e.id === Number(invoiceId))
    if (invoiceIndex >= 0) {
      database.splice(invoiceIndex, 1)
      
      return new HttpResponse(null, {
        status: 204,
      })
    }
    
    return HttpResponse.json({ error: 'Something went wrong' }, { status: 404 })
  }),
]