fix logout issue on payment and recurring-invoice view page

app/Http/Requests/EstimatesRequest.php

@@ -45,21 +45,15 @@ class EstimatesRequest extends FormRequest
                 'nullable'
             ],
             'discount' => [
-                'numeric',
                 'required',
             ],
             'discount_val' => [
-                'integer',
                 'required',
             ],
             'sub_total' => [
-                'integer',
                 'required',
             ],
             'total' => [
-                'integer',
-                'numeric',
-                'max:99999999',
                 'required',
             ],
             'tax' => [
@@ -83,11 +77,9 @@ class EstimatesRequest extends FormRequest
                 'required',
             ],
             'items.*.quantity' => [
-                'integer',
                 'required',
             ],
             'items.*.price' => [
-                'integer',
                 'required',
             ],
         ];

app/Http/Requests/InvoicesRequest.php

@@ -45,21 +45,15 @@ class InvoicesRequest extends FormRequest
                 'nullable'
             ],
             'discount' => [
-                'numeric',
                 'required',
             ],
             'discount_val' => [
-                'integer',
                 'required',
             ],
             'sub_total' => [
-                'integer',
                 'required',
             ],
             'total' => [
-                'integer',
-                'numeric',
-                'max:99999999',
                 'required',
             ],
             'tax' => [
@@ -83,11 +77,9 @@ class InvoicesRequest extends FormRequest
                 'required',
             ],
             'items.*.quantity' => [
-                'integer',
                 'required',
             ],
             'items.*.price' => [
-                'integer',
                 'required',
             ],
         ];

app/Http/Requests/RecurringInvoiceRequest.php

@@ -43,21 +43,15 @@ class RecurringInvoiceRequest extends FormRequest
                 'nullable'
             ],
             'discount' => [
-                'numeric',
                 'required',
             ],
             'discount_val' => [
-                'integer',
                 'required',
             ],
             'sub_total' => [
-                'integer',
                 'required',
             ],
             'total' => [
-                'integer',
-                'numeric',
-                'max:99999999',
                 'required',
             ],
             'tax' => [

resources/scripts/admin/components/estimate-invoice-common/CreateItemRow.vue

@@ -271,19 +271,23 @@ const price = computed({
     } else {
       updateItemAttribute('price', newValue)
     }
-    setDiscount()
   },
 })
 
-const subtotal = computed(() => Math.round(props.itemData.price * props.itemData.quantity))
+const subtotal = computed(() => props.itemData.price * props.itemData.quantity)
 
 const discount = computed({
   get: () => {
     return props.itemData.discount
   },
   set: (newValue) => {
+    if (props.itemData.discount_type === 'percentage') {
+      updateItemAttribute('discount_val', (subtotal.value * newValue) / 100)
+    } else {
+      updateItemAttribute('discount_val', Math.round(newValue * 100))
+    }
+
     updateItemAttribute('discount', newValue)
-    setDiscount()
   },
 })
 
@@ -309,7 +313,7 @@ const showRemoveButton = computed(() => {
 const totalSimpleTax = computed(() => {
   return Math.round(
     sumBy(props.itemData.taxes, function (tax) {
-      if (tax.amount) {
+      if (!tax.compound_tax) {
         return tax.amount
       }
       return 0
@@ -317,7 +321,18 @@ const totalSimpleTax = computed(() => {
   )
 })
 
-const totalTax = computed(() => totalSimpleTax.value)
+const totalCompoundTax = computed(() => {
+  return Math.round(
+    sumBy(props.itemData.taxes, function (tax) {
+      if (tax.compound_tax) {
+        return tax.amount
+      }
+      return 0
+    })
+  )
+})
+
+const totalTax = computed(() => totalSimpleTax.value + totalCompoundTax.value)
 
 const rules = {
   name: {
@@ -384,7 +399,7 @@ const v$ = useVuelidate(
 
 function updateTax(data) {
   props.store.$patch((state) => {
-     state[props.storeProp].items[props.index]['taxes'][data.index] = data.item
+    state[props.storeProp].items[props.index]['taxes'][data.index] = data.item
   })
 
   let lastTax = props.itemData.taxes[props.itemData.taxes.length - 1]
@@ -401,16 +416,6 @@ function updateTax(data) {
   syncItemToStore()
 }
 
-function setDiscount() {
-  const newValue = props.store[props.storeProp].items[props.index].discount
-
-  if (props.itemData.discount_type === 'percentage'){
-    updateItemAttribute('discount_val', Math.round((subtotal.value * newValue) / 100))
-  }else{
-    updateItemAttribute('discount_val', Math.round(newValue * 100))
-  }
-}
-
 function searchVal(val) {
   updateItemAttribute('name', val)
 }
@@ -480,12 +485,10 @@ function syncItemToStore() {
     total: total.value,
     sub_total: subtotal.value,
     totalSimpleTax: totalSimpleTax.value,
+    totalCompoundTax: totalCompoundTax.value,
     totalTax: totalTax.value,
     tax: totalTax.value,
     taxes: [...itemTaxes],
-    tax_type_ids: itemTaxes.flatMap(_t =>
-      _t.tax_type_id ? _t.tax_type_id : [],
-    ),
   }
 
   props.store.updateItem(data)

resources/scripts/admin/components/estimate-invoice-common/CreateItemRowTax.vue

@@ -146,14 +146,14 @@ const filteredTypes = computed(() => {
 })
 
 const taxAmount = computed(() => {
+  if (localTax.compound_tax && props.discountedTotal) {
+    return ((props.discountedTotal + props.totalTax) * localTax.percent) / 100
+  }
+
   if (props.discountedTotal && localTax.percent) {
-    const taxPerItemEnabled = props.store[props.storeProp].tax_per_item === 'YES'
-    const discountPerItemEnabled = props.store[props.storeProp].discount_per_item === 'YES'
-    if (taxPerItemEnabled && !discountPerItemEnabled){
-      return getTaxAmount()
-    }
     return (props.discountedTotal * localTax.percent) / 100
   }
+
   return 0
 })
 
@@ -171,13 +171,6 @@ watch(
   }
 )
 
-watch(
-  () => taxAmount.value,
-  () => {
-    updateRowTax()
-  },
-)
-
 // Set SelectedTax
 if (props.taxData.tax_type_id > 0) {
   selectedTax.value = taxTypeStore.taxTypes.find(
@@ -190,6 +183,7 @@ updateRowTax()
 function onSelectTax(val) {
   localTax.percent = val.percent
   localTax.tax_type_id = val.id
+  localTax.compound_tax = val.compound_tax
   localTax.name = val.name
 
   updateRowTax()
@@ -226,27 +220,6 @@ function openTaxModal() {
 function removeTax(index) {
   props.store.$patch((state) => {
     state[props.storeProp].items[props.itemIndex].taxes.splice(index, 1)
-    state[props.storeProp].items[props.itemIndex].tax = 0
-    state[props.storeProp].items[props.itemIndex].totalTax = 0
   })
 }
-
-function getTaxAmount() {
-  let total = 0
-  let discount = 0
-  const itemTotal = props.discountedTotal
-  const modelDiscount = props.store[props.storeProp].discount ? props.store[props.storeProp].discount : 0
-  const type = props.store[props.storeProp].discount_type
-  if (modelDiscount > 0) {
-    props.store[props.storeProp].items.forEach((_i) => {
-      total += _i.total
-    })
-    const proportion = (itemTotal / total).toFixed(2)
-    discount = type === 'fixed' ? modelDiscount * 100 : (total * modelDiscount) / 100
-    const itemDiscount = Math.round(discount * proportion)
-    const discounted = itemTotal - itemDiscount
-    return Math.round((discounted * localTax.percent) / 100)
-  }
-  return Math.round((props.discountedTotal * localTax.percent) / 100)
-}
 </script>

resources/scripts/admin/components/estimate-invoice-common/CreateTotal.vue

@@ -191,7 +191,7 @@
 </template>
 
 <script setup>
-import { computed, inject, ref, watch } from 'vue'
+import { computed, inject, ref } from 'vue'
 import Guid from 'guid'
 import Tax from './CreateTotalTaxes.vue'
 import TaxStub from '@/scripts/admin/stub/abilities'
@@ -227,20 +227,19 @@ const utils = inject('$utils')
 
 const companyStore = useCompanyStore()
 
-watch(
-  () => props.store[props.storeProp].items,
-  (val) => {
-    setDiscount()
-  }, { deep: true },
-)
-
 const totalDiscount = computed({
   get: () => {
     return props.store[props.storeProp].discount
   },
   set: (newValue) => {
+    if (props.store[props.storeProp].discount_type === 'percentage') {
+      props.store[props.storeProp].discount_val = Math.round(
+        (props.store.getSubTotal * newValue) / 100
+      )
+    } else {
+      props.store[props.storeProp].discount_val = Math.round(newValue * 100)
+    }
     props.store[props.storeProp].discount = newValue
-    setDiscount()
   },
 })
 
@@ -266,7 +265,7 @@ const itemWiseTaxes = computed(() => {
         } else if (tax.tax_type_id) {
           taxes.push({
             tax_type_id: tax.tax_type_id,
-            amount: Math.round(tax.amount),
+            amount: tax.amount,
             percent: tax.percent,
             name: tax.name,
           })
@@ -285,19 +284,6 @@ const defaultCurrency = computed(() => {
   }
 })
 
-function setDiscount() {
-  const newValue = props.store[props.storeProp].discount
-
-  if (props.store[props.storeProp].discount_type === 'percentage') {
-    props.store[props.storeProp].discount_val
-      = Math.round((props.store.getSubTotal * newValue) / 100)
-
-    return
-  }
-
-  props.store[props.storeProp].discount_val = Math.round(newValue * 100)
-}
-
 function selectFixed() {
   if (props.store[props.storeProp].discount_type === 'fixed') {
     return
@@ -309,21 +295,24 @@ function selectFixed() {
 }
 
 function selectPercentage() {
-  if (props.store[props.storeProp].discount_type === 'percentage'){
+  if (props.store[props.storeProp].discount_type === 'percentage') {
     return
   }
-
-  const val = Math.round(props.store[props.storeProp].discount * 100) / 100
-
-  props.store[props.storeProp].discount_val
-    = Math.round((props.store.getSubTotal * val) / 100)
-
+  props.store[props.storeProp].discount_val =
+    (props.store.getSubTotal * props.store[props.storeProp].discount) / 100
   props.store[props.storeProp].discount_type = 'percentage'
 }
 
 function onSelectTax(selectedTax) {
   let amount = 0
-  if (props.store.getSubtotalWithDiscount && selectedTax.percent) {
+
+  if (selectedTax.compound_tax && props.store.getSubtotalWithDiscount) {
+    amount = Math.round(
+      ((props.store.getSubtotalWithDiscount + props.store.getTotalSimpleTax) *
+        selectedTax.percent) /
+        100
+    )
+  } else if (props.store.getSubtotalWithDiscount && selectedTax.percent) {
     amount = Math.round(
       (props.store.getSubtotalWithDiscount * selectedTax.percent) / 100
     )
@@ -334,6 +323,7 @@ function onSelectTax(selectedTax) {
     id: Guid.raw(),
     name: selectedTax.name,
     percent: selectedTax.percent,
+    compound_tax: selectedTax.compound_tax,
     tax_type_id: selectedTax.id,
     amount,
   }

resources/scripts/admin/components/modal-components/TaxTypeModal.vue

@@ -77,6 +77,17 @@
               @input="v$.currentTaxType.description.$touch()"
             />
           </BaseInputGroup>
+
+          <BaseInputGroup
+            :label="$t('tax_types.compound_tax')"
+            variant="horizontal"
+            class="flex flex-row-reverse"
+          >
+            <BaseSwitch
+              v-model="taxTypeStore.currentTaxType.compound_tax"
+              class="flex items-center"
+            />
+          </BaseInputGroup>
         </BaseInputGrid>
       </div>
       <div
@@ -198,7 +209,14 @@ async function submitTaxTypeData() {
 
 function SelectTax(taxData) {
   let amount = 0
- if (estimateStore.getSubtotalWithDiscount && taxData.percent) {
+  if (taxData.compound_tax && estimateStore.getSubtotalWithDiscount) {
+    amount = Math.round(
+      ((estimateStore.getSubtotalWithDiscount +
+        estimateStore.getTotalSimpleTax) *
+        taxData.percent) /
+        100
+    )
+  } else if (estimateStore.getSubtotalWithDiscount && taxData.percent) {
     amount = Math.round(
       (estimateStore.getSubtotalWithDiscount * taxData.percent) / 100
     )
@@ -208,6 +226,7 @@ function SelectTax(taxData) {
     id: Guid.raw(),
     name: taxData.name,
     percent: taxData.percent,
+    compound_tax: taxData.compound_tax,
     tax_type_id: taxData.id,
     amount,
   }
@@ -223,6 +242,7 @@ function selectItemTax(taxData) {
       id: Guid.raw(),
       name: taxData.name,
       percent: taxData.percent,
+      compound_tax: taxData.compound_tax,
       tax_type_id: taxData.id,
     }
     modalStore.refreshData(data)

resources/scripts/admin/stores/estimate.js

@@ -143,8 +143,7 @@ export const useEstimateStore = (useWindow = false) => {
           axios
             .get(`/api/v1/estimates/${id}`)
             .then((response) => {
-              this.setEstimateData(response.data.data)
-              this.setCustomerAddresses(this.newEstimate.customer)
+              Object.assign(this.newEstimate, response.data.data)
               resolve(response)
             })
             .catch((err) => {
@@ -155,41 +154,6 @@ export const useEstimateStore = (useWindow = false) => {
         })
       },
 
-      setEstimateData(estimate) {
-        Object.assign(this.newEstimate, estimate)
-        if (this.newEstimate.tax_per_item === 'YES') {
-          this.newEstimate.items.forEach((_i) => {
-            if (_i.taxes && !_i.taxes.length){
-              _i.taxes.push({ ...taxStub, id: Guid.raw() })
-            }
-          })
-        }
-        if (this.newEstimate.discount_per_item === 'YES') {
-          this.newEstimate.items.forEach((_i, index) => {
-            if (_i.discount_type === 'fixed'){
-              this.newEstimate.items[index].discount = _i.discount / 100
-            }
-          })
-        }
-        else {
-          if (this.newEstimate.discount_type === 'fixed'){
-            this.newEstimate.discount = this.newEstimate.discount / 100
-          }
-        }
-      },
-
-      setCustomerAddresses(customer) {
-        const customer_business = customer.customer_business
-
-        if (customer_business?.billing_address){
-          this.newEstimate.customer.billing_address = customer_business.billing_address
-        }
-
-        if (customer_business?.shipping_address){
-          this.newEstimate.customer.shipping_address = customer_business.shipping_address
-        }
-      },
-
       addSalesTaxUs() {
         const taxTypeStore = useTaxTypeStore()
         let salesTax = { ...taxStub }

resources/scripts/admin/stores/invoice.js

@@ -133,8 +133,8 @@ export const useInvoiceStore = (useWindow = false) => {
           axios
             .get(`/api/v1/invoices/${id}`)
             .then((response) => {
-              this.setInvoiceData(response.data.data)
-              this.setCustomerAddresses(this.newInvoice.customer)
+              Object.assign(this.newInvoice, response.data.data)
+              this.newInvoice.customer = response.data.data.customer
               resolve(response)
             })
             .catch((err) => {
@@ -144,38 +144,6 @@ export const useInvoiceStore = (useWindow = false) => {
         })
       },
 
-      setInvoiceData(invoice) {
-        Object.assign(this.newInvoice, invoice)
-
-        if (this.newInvoice.tax_per_item === 'YES') {
-          this.newInvoice.items.forEach((_i) => {
-            if (_i.taxes && !_i.taxes.length)
-              _i.taxes.push({ ...taxStub, id: Guid.raw() })
-          })
-        }
-
-        if (this.newInvoice.discount_per_item === 'YES') {
-          this.newInvoice.items.forEach((_i, index) => {
-            if (_i.discount_type === 'fixed')
-              this.newInvoice.items[index].discount = _i.discount / 100
-          })
-        }
-        else {
-          if (this.newInvoice.discount_type === 'fixed')
-            this.newInvoice.discount = this.newInvoice.discount / 100
-        }
-      },
-
-      setCustomerAddresses(customer) {
-        const customer_business = customer.customer_business
-
-        if (customer_business?.billing_address)
-          this.newInvoice.customer.billing_address = customer_business.billing_address
-
-        if (customer_business?.shipping_address)
-          this.newInvoice.customer.shipping_address = customer_business.shipping_address
-      },
-
       addSalesTaxUs() {
         const taxTypeStore = useTaxTypeStore()
         let salesTax = { ...taxStub }

resources/scripts/admin/views/customers/partials/CustomerChart.vue

@@ -35,16 +35,7 @@
       </div>
 
       <div
-        class="
-          grid
-          col-span-12
-          mt-6
-          text-center
-          xl:mt-0
-          sm:grid-cols-4
-          xl:text-right xl:col-span-3 xl:grid-cols-1
-          xxl:col-span-2
-        "
+        class="grid col-span-12 mt-6 text-center xl:mt-0 sm:grid-cols-4 xl:text-right xl:col-span-3 xl:grid-cols-1 xxl:col-span-2"
       >
         <div class="px-6 py-2">
           <span class="text-xs leading-5 lg:text-sm">
@@ -177,10 +168,12 @@ const getChartInvoices = computed(() => {
   return []
 })
 
+const customerId = computed(() => route.params.id)
+
 watch(
-  route,
-  () => {
-    if (route.params.id) {
+  () => customerId.value,
+  (id) => {
+    if (id && route.name === 'customers.view') {
       loadCustomer()
     }
     selectedYear.value = 'This year'

resources/scripts/admin/views/estimates/View.vue

@@ -37,32 +37,10 @@
 
     <!-- Sidebar -->
     <div
-      class="
-        fixed
-        top-0
-        left-0
-        hidden
-        h-full
-        pt-16
-        pb-[6.4rem]
-        ml-56
-        bg-white
-        xl:ml-64
-        w-88
-        xl:block
-      "
+      class="fixed top-0 left-0 hidden h-full pt-16 pb-[6.4rem] ml-56 bg-white xl:ml-64 w-88 xl:block"
     >
       <div
-        class="
-          flex
-          items-center
-          justify-between
-          px-4
-          pt-8
-          pb-2
-          border border-gray-200 border-solid
-          height-full
-        "
+        class="flex items-center justify-between px-4 pt-8 pb-2 border border-gray-200 border-solid height-full"
       >
         <div class="mb-6">
           <BaseInput
@@ -92,14 +70,7 @@
             </template>
 
             <div
-              class="
-                px-4
-                py-1
-                pb-2
-                mb-1 mb-2
-                text-sm
-                border-b border-gray-200 border-solid
-              "
+              class="px-4 py-1 pb-2 mb-1 mb-2 text-sm border-b border-gray-200 border-solid"
             >
               {{ $t('general.sort_by') }}
             </div>
@@ -156,12 +127,7 @@
 
       <div
         ref="estimateListSection"
-        class="
-          h-full
-          overflow-y-scroll
-          border-l border-gray-200 border-solid
-          base-scroll
-        "
+        class="h-full overflow-y-scroll border-l border-gray-200 border-solid base-scroll"
       >
         <div v-for="(estimate, index) in estimateList" :key="index">
           <router-link
@@ -181,29 +147,11 @@
               <BaseText
                 :text="estimate.customer.name"
                 :length="30"
-                class="
-                  pr-2
-                  mb-2
-                  text-sm
-                  not-italic
-                  font-normal
-                  leading-5
-                  text-black
-                  capitalize
-                  truncate
-                "
+                class="pr-2 mb-2 text-sm not-italic font-normal leading-5 text-black capitalize truncate"
               />
 
               <div
-                class="
-                  mt-1
-                  mb-2
-                  text-xs
-                  not-italic
-                  font-medium
-                  leading-5
-                  text-gray-600
-                "
+                class="mt-1 mb-2 text-xs not-italic font-medium leading-5 text-gray-600"
               >
                 {{ estimate.estimate_number }}
               </div>
@@ -220,26 +168,11 @@
               <BaseFormatMoney
                 :amount="estimate.total"
                 :currency="estimate.customer.currency"
-                class="
-                  block
-                  mb-2
-                  text-xl
-                  not-italic
-                  font-semibold
-                  leading-8
-                  text-right text-gray-900
-                "
+                class="block mb-2 text-xl not-italic font-semibold leading-8 text-right text-gray-900"
               />
 
               <div
-                class="
-                  text-sm
-                  not-italic
-                  font-normal
-                  leading-5
-                  text-right text-gray-600
-                  est-date
-                "
+                class="text-sm not-italic font-normal leading-5 text-right text-gray-600 est-date"
               >
                 {{ estimate.formatted_estimate_date }}
               </div>
@@ -264,13 +197,7 @@
     >
       <iframe
         :src="`${shareableLink}`"
-        class="
-          flex-1
-          border border-gray-400 border-solid
-          rounded-md
-          bg-white
-          frame-style
-        "
+        class="flex-1 border border-gray-400 border-solid rounded-md bg-white frame-style"
       />
     </div>
   </BasePage>
@@ -345,11 +272,14 @@ const getCurrentEstimateId = computed(() => {
   return null
 })
 
-watch(route, (to, from) => {
-  if (to.name === 'estimates.view') {
-    loadEstimate()
+const estimateId = computed(() => route.params.id)
+
+watch(
+  () => estimateId.value,
+  (id) => {
+    if (id && route.name === 'estimates.view') loadEstimate()
   }
-})
+)
 
 loadEstimates()
 loadEstimate()

resources/scripts/admin/views/estimates/create/EstimateCreate.vue

@@ -138,7 +138,6 @@
 
 <script setup>
 import { computed, ref, watch, onMounted } from 'vue'
-import { cloneDeep } from 'lodash'
 import { useRoute, useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import {
@@ -258,30 +257,11 @@ async function submitForm() {
 
   isSaving.value = true
 
-  let data = cloneDeep({
+  let data = {
     ...estimateStore.newEstimate,
     sub_total: estimateStore.getSubTotal,
     total: estimateStore.getTotal,
     tax: estimateStore.getTotalTax,
-  })
-  if (data.discount_per_item === 'YES') {
-    data.items.forEach((item, index) => {
-      if (item.discount_type === 'fixed'){
-        data.items[index].discount = Math.round(item.discount * 100)
-      }
-    })
-  }
-  else {
-    if (data.discount_type === 'fixed'){
-      data.discount = Math.round(data.discount * 100)
-    }
-  }
-
-  if (
-    !estimateStore.newEstimate.tax_per_item === 'YES'
-    && data.taxes.length
-  ){
-    data.tax_type_ids = data.taxes.map(_t => _t.tax_type_id)
   }
 
   const action = isEdit.value

resources/scripts/admin/views/invoices/View.vue

@@ -65,11 +65,14 @@ const getCurrentInvoiceId = computed(() => {
   return null
 })
 
-watch(route, (to, from) => {
-  if (to.name === 'invoices.view') {
-    loadInvoice()
+const invoiceId = computed(() => route.params.id)
+
+watch(
+  () => invoiceId.value,
+  (id) => {
+    if (id && route.name === 'invoices.view') loadInvoice()
   }
-})
+)
 
 async function onMarkAsSent() {
   dialogStore
@@ -286,32 +289,10 @@ onSearched = debounce(onSearched, 500)
 
     <!-- sidebar -->
     <div
-      class="
-        fixed
-        top-0
-        left-0
-        hidden
-        h-full
-        pt-16
-        pb-[6.4rem]
-        ml-56
-        bg-white
-        xl:ml-64
-        w-88
-        xl:block
-      "
+      class="fixed top-0 left-0 hidden h-full pt-16 pb-[6.4rem] ml-56 bg-white xl:ml-64 w-88 xl:block"
     >
       <div
-        class="
-          flex
-          items-center
-          justify-between
-          px-4
-          pt-8
-          pb-2
-          border border-gray-200 border-solid
-          height-full
-        "
+        class="flex items-center justify-between px-4 pt-8 pb-2 border border-gray-200 border-solid height-full"
       >
         <div class="mb-6">
           <BaseInput
@@ -335,14 +316,7 @@ onSearched = debounce(onSearched, 500)
               </BaseButton>
             </template>
             <div
-              class="
-                px-2
-                py-1
-                pb-2
-                mb-1 mb-2
-                text-sm
-                border-b border-gray-200 border-solid
-              "
+              class="px-2 py-1 pb-2 mb-1 mb-2 text-sm border-b border-gray-200 border-solid"
             >
               {{ $t('general.sort_by') }}
             </div>
@@ -399,12 +373,7 @@ onSearched = debounce(onSearched, 500)
 
       <div
         ref="invoiceListSection"
-        class="
-          h-full
-          overflow-y-scroll
-          border-l border-gray-200 border-solid
-          base-scroll
-        "
+        class="h-full overflow-y-scroll border-l border-gray-200 border-solid base-scroll"
       >
         <div v-for="(invoice, index) in invoiceList" :key="index">
           <router-link
@@ -424,29 +393,11 @@ onSearched = debounce(onSearched, 500)
               <BaseText
                 :text="invoice.customer.name"
                 :length="30"
-                class="
-                  pr-2
-                  mb-2
-                  text-sm
-                  not-italic
-                  font-normal
-                  leading-5
-                  text-black
-                  capitalize
-                  truncate
-                "
+                class="pr-2 mb-2 text-sm not-italic font-normal leading-5 text-black capitalize truncate"
               />
 
               <div
-                class="
-                  mt-1
-                  mb-2
-                  text-xs
-                  not-italic
-                  font-medium
-                  leading-5
-                  text-gray-600
-                "
+                class="mt-1 mb-2 text-xs not-italic font-medium leading-5 text-gray-600"
               >
                 {{ invoice.invoice_number }}
               </div>
@@ -460,27 +411,12 @@ onSearched = debounce(onSearched, 500)
 
             <div class="flex-1 whitespace-nowrap right">
               <BaseFormatMoney
-                class="
-                  mb-2
-                  text-xl
-                  not-italic
-                  font-semibold
-                  leading-8
-                  text-right text-gray-900
-                  block
-                "
+                class="mb-2 text-xl not-italic font-semibold leading-8 text-right text-gray-900 block"
                 :amount="invoice.total"
                 :currency="invoice.customer.currency"
               />
               <div
-                class="
-                  text-sm
-                  not-italic
-                  font-normal
-                  leading-5
-                  text-right text-gray-600
-                  est-date
-                "
+                class="text-sm not-italic font-normal leading-5 text-right text-gray-600 est-date"
               >
                 {{ invoice.formatted_invoice_date }}
               </div>
@@ -505,13 +441,7 @@ onSearched = debounce(onSearched, 500)
     >
       <iframe
         :src="`${shareableLink}`"
-        class="
-          flex-1
-          border border-gray-400 border-solid
-          bg-white
-          rounded-md
-          frame-style
-        "
+        class="flex-1 border border-gray-400 border-solid bg-white rounded-md frame-style"
       />
     </div>
   </BasePage>

resources/scripts/admin/views/invoices/create/InvoiceCreate.vue

@@ -147,7 +147,6 @@ import {
   decimal,
 } from '@vuelidate/validators'
 import useVuelidate from '@vuelidate/core'
-import { cloneDeep } from 'lodash'
 
 import { useInvoiceStore } from '@/scripts/admin/stores/invoice'
 import { useModuleStore } from '@/scripts/admin/stores/module'
@@ -259,29 +258,11 @@ async function submitForm() {
 
   isSaving.value = true
 
-  let data = cloneDeep({
+  let data = {
     ...invoiceStore.newInvoice,
     sub_total: invoiceStore.getSubTotal,
     total: invoiceStore.getTotal,
     tax: invoiceStore.getTotalTax,
-  })
-  if (data.discount_per_item === 'YES') {
-    data.items.forEach((item, index) => {
-      if (item.discount_type === 'fixed'){
-        data.items[index].discount = item.discount * 100
-      }
-    })
-  }
-  else {
-    if (data.discount_type === 'fixed'){
-      data.discount = data.discount * 100
-    }
-  }
-    if (
-    !invoiceStore.newInvoice.tax_per_item === 'YES'
-    && data.taxes.length
-  ){
-    data.tax_type_ids = data.taxes.map(_t => _t.tax_type_id)
   }
 
   try {

resources/scripts/admin/views/payments/View.vue

@@ -22,31 +22,10 @@
 
     <!-- Sidebar -->
     <div
-      class="
-        fixed
-        top-0
-        left-0
-        hidden
-        h-full
-        pt-16
-        pb-[6rem]
-        ml-56
-        bg-white
-        xl:ml-64
-        w-88
-        xl:block
-      "
+      class="fixed top-0 left-0 hidden h-full pt-16 pb-[6rem] ml-56 bg-white xl:ml-64 w-88 xl:block"
     >
       <div
-        class="
-          flex
-          items-center
-          justify-between
-          px-4
-          pt-8
-          pb-6
-          border border-gray-200 border-solid
-        "
+        class="flex items-center justify-between px-4 pt-8 pb-6 border border-gray-200 border-solid"
       >
         <BaseInput
           v-model="searchData.searchText"
@@ -70,14 +49,7 @@
             </template>
 
             <div
-              class="
-                px-4
-                py-1
-                pb-2
-                mb-2
-                text-sm
-                border-b border-gray-200 border-solid
-              "
+              class="px-4 py-1 pb-2 mb-2 text-sm border-b border-gray-200 border-solid"
             >
               {{ $t('general.sort_by') }}
             </div>
@@ -159,43 +131,17 @@
               <BaseText
                 :text="payment?.customer?.name"
                 :length="30"
-                class="
-                  pr-2
-                  mb-2
-                  text-sm
-                  not-italic
-                  font-normal
-                  leading-5
-                  text-black
-                  capitalize
-                  truncate
-                "
+                class="pr-2 mb-2 text-sm not-italic font-normal leading-5 text-black capitalize truncate"
               />
 
               <div
-                class="
-                  mb-1
-                  text-xs
-                  not-italic
-                  font-medium
-                  leading-5
-                  text-gray-500
-                  capitalize
-                "
+                class="mb-1 text-xs not-italic font-medium leading-5 text-gray-500 capitalize"
               >
                 {{ payment?.payment_number }}
               </div>
 
               <div
-                class="
-                  mb-1
-                  text-xs
-                  not-italic
-                  font-medium
-                  leading-5
-                  text-gray-500
-                  capitalize
-                "
+                class="mb-1 text-xs not-italic font-medium leading-5 text-gray-500 capitalize"
               >
                 {{ payment?.invoice_number }}
               </div>
@@ -203,15 +149,7 @@
 
             <div class="flex-1 whitespace-nowrap right">
               <BaseFormatMoney
-                class="
-                  block
-                  mb-2
-                  text-xl
-                  not-italic
-                  font-semibold
-                  leading-8
-                  text-right text-gray-900
-                "
+                class="block mb-2 text-xl not-italic font-semibold leading-8 text-right text-gray-900"
                 :amount="payment?.amount"
                 :currency="payment.customer?.currency"
               />
@@ -313,9 +251,14 @@ const paymentDate = computed(() => {
   )
 })
 
-watch(route, () => {
-  loadPayment()
-})
+const paymentId = computed(() => route.params.id)
+
+watch(
+  () => paymentId.value,
+  (id) => {
+    if (id && route.name === 'payments.view') loadPayment()
+  }
+)
 
 loadPayments()
 loadPayment()

resources/scripts/admin/views/recurring-invoices/partials/RecurringInvoiceInfo.vue

@@ -78,10 +78,12 @@ let isLoading = computed(() => {
   return recurringInvoiceStore.isFetchingViewData
 })
 
+const invoiceId = computed(() => route.params.id)
+
 watch(
-  route,
-  () => {
-    if (route.params.id && route.name === 'recurring-invoices.view') {
+  () => invoiceId.value,
+  (id) => {
+    if (id && route.name === 'recurring-invoices.view') {
       loadRecurringInvoice()
     }
   },

resources/scripts/admin/views/settings/TaxTypesSetting.vue

@@ -20,6 +20,21 @@
       :data="fetchData"
       :columns="taxTypeColumns"
     >
+      <template #cell-compound_tax="{ row }">
+        <BaseBadge
+          :bg-color="
+            utils.getBadgeStatusColor(row.data.compound_tax ? 'YES' : 'NO')
+              .bgColor
+          "
+          :color="
+            utils.getBadgeStatusColor(row.data.compound_tax ? 'YES' : 'NO')
+              .color
+          "
+        >
+          {{ row.data.compound_tax ? 'Yes' : 'No'.replace('_', ' ') }}
+        </BaseBadge>
+      </template>
+
       <template #cell-percent="{ row }"> {{ row.data.percent }} % </template>
 
       <template v-if="hasAtleastOneAbility()" #cell-actions="{ row }">
@@ -76,6 +91,11 @@ const taxTypeColumns = computed(() => {
       thClass: 'extra',
       tdClass: 'font-medium text-gray-900',
     },
+    {
+      key: 'compound_tax',
+      label: t('settings.tax_types.compound_tax'),
+      tdClass: 'font-medium text-gray-900',
+    },
     {
       key: 'percent',
       label: t('settings.tax_types.percent'),

resources/scripts/components/base/base-table/BaseTable.vue

@@ -309,8 +309,6 @@ function changeSorting(column) {
   }
 
   if (!usesLocalData.value) {
-    if (pagination.value)
-      pagination.value.currentPage = 1
     mapDataToRows()
   }
 }
@@ -328,10 +326,7 @@ async function pageChange(page) {
   await mapDataToRows()
 }
 
-async function refresh(isPreservePage = false) {
-  if (pagination.value && !isPreservePage)
-    pagination.value.currentPage = 1
-
+async function refresh() {
   await mapDataToRows()
 }