feat(expenses): add tax tracking and reporting (#737)

resources/scripts/features/shared/document-form/DocumentItemRowTax.vue

@@ -78,6 +78,13 @@ import type { TaxType } from '../../../types/domain/tax'
 import type { Currency } from '../../../types/domain/currency'
 import type { DocumentFormData, DocumentTax } from './use-document-calculations'
 
+declare global {
+  interface Window {
+    __taxTypes?: TaxType[]
+    __userHasAbility?: (ability: string) => boolean
+  }
+}
+
 interface Props {
   ability: string
   store: Record<string, unknown>
@@ -109,15 +116,14 @@ const emit = defineEmits<Emits>()
 const { t } = useI18n()
 const modalStore = useModalStore()
 
-// We assume these stores are available globally or injected
-// In the v2 arch, we'll use a lighter approach
 const taxTypes = computed<TaxType[]>(() => {
-  // Access taxTypeStore through the store's taxTypes or a global store
-  return (window as Record<string, unknown>).__taxTypes as TaxType[] ?? []
+  return (window.__taxTypes ?? []).filter(
+    (taxType) => taxType.transaction_type === 'sales',
+  )
 })
 
 const canAddTax = computed(() => {
-  return (window as Record<string, unknown>).__userHasAbility?.(props.ability) ?? false
+  return window.__userHasAbility?.(props.ability) ?? false
 })
 
 const selectedTax = ref<TaxType | null>(null)
@@ -210,7 +216,11 @@ function openTaxModal(): void {
   modalStore.openModal({
     title: t('settings.tax_types.add_tax'),
     componentName: 'TaxTypeModal',
-    data: { itemIndex: props.itemIndex, taxIndex: props.index },
+    data: {
+      itemIndex: props.itemIndex,
+      taxIndex: props.index,
+      transaction_type: 'sales',
+    },
     size: 'sm',
   })
 }

resources/scripts/features/shared/document-form/DocumentTotals.vue

@@ -270,7 +270,10 @@ const canCreateTaxType = computed<boolean>(() => {
 
 onMounted(async () => {
   try {
-    const response = await taxTypeService.list({ limit: 'all' as unknown as number })
+    const response = await taxTypeService.list({
+      limit: 'all',
+      transaction_type: 'sales',
+    })
     availableTaxTypes.value = response.data
   } catch {
     // Silently fail

resources/scripts/features/shared/document-form/TaxSelectPopup.vue

@@ -165,7 +165,24 @@ function openTaxTypeModal(): void {
     title: t('settings.tax_types.add_tax'),
     componentName: 'TaxTypeModal',
     size: 'sm',
-    refreshData: (data: TaxType) => emit('select:taxType', data),
+    data: { transaction_type: 'sales' },
+    refreshData: (...args: unknown[]) => {
+      const taxType = args[0]
+      if (isTaxType(taxType)) {
+        emit('select:taxType', taxType)
+      }
+    },
   })
 }
+
+function isTaxType(value: unknown): value is TaxType {
+  return (
+    typeof value === 'object' &&
+    value !== null &&
+    'id' in value &&
+    typeof value.id === 'number' &&
+    'name' in value &&
+    typeof value.name === 'string'
+  )
+}
 </script>