index.ts

import is from '@sindresorhus/is'
import destr from 'destr'
import type { PathParams } from 'msw'
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) as unknown as { start?: string; end?: string }
    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<PathParams>(('/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: 'ETD9547621',
        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 },
    )
  }),

]