diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/accountNo.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/accountNo.vue
new file mode 100644
index 00000000000..ed27aa4e003
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/accountNo.vue
@@ -0,0 +1,76 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.field.accountNo')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-input
+      v-model="accountNo"
+      :disabled="!isEmptyValue(currentAccount)"
+      style="width: 100%;"
+    />
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent } from '@vue/composition-api'
+
+import store from '@/store'
+// import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'AccountNo',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const accountNo = computed({
+      get() {
+        return store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'accountNo'
+        })
+      },
+      // setter
+      set(value) {
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'accountNo',
+          value
+        })
+      }
+    })
+
+    const currentAccount = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'currentAccount'
+      })
+    })
+
+    return {
+      accountNo,
+      currentAccount
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/bank.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/bank.vue
new file mode 100644
index 00000000000..8cf9d05f097
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/bank.vue
@@ -0,0 +1,99 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.bank')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-select
+      v-model="bank"
+      filterable
+      clearable
+      style="width: 100%;"
+      @visible-change="findBanks"
+    >
+      <el-option
+        v-for="item in listBanks"
+        :key="item.id"
+        :label="item.name"
+        :value="item.id"
+      />
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent } from '@vue/composition-api'
+
+import store from '@/store'
+// import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'bank',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const listBanks = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'banks',
+        attribute: 'listBanks'
+      })
+    })
+
+    const bank = computed({
+      get() {
+        const banck = store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'bank'
+        })
+        if (banck) return banck.id
+        return ''
+      },
+      // setter
+      set(bank) {
+        let currentBank
+        if (bank) {
+          currentBank = listBanks.value.find(list => list.id === bank)
+        }
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'bank',
+          value: currentBank
+        })
+      }
+    })
+
+    function findBanks(show) {
+      if (!show) return
+      store.dispatch('banks')
+    }
+
+    findBanks(true)
+
+    return {
+      listBanks,
+      bank,
+      findBanks
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/bankAccountType.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/bankAccountType.vue
new file mode 100644
index 00000000000..8c07f96b9c7
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/bankAccountType.vue
@@ -0,0 +1,99 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.field.bankAccountType.label')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-select
+      v-model="bankAccountType"
+      filterable
+      clearable
+      :disabled="!isEmptyValue(currentAccount)"
+      style="width: 100%;"
+    >
+      <el-option
+        v-for="item in list"
+        :key="item.value"
+        :label="item.name"
+        :value="item.value"
+      />
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent } from '@vue/composition-api'
+import lang from '@/lang'
+import store from '@/store'
+// import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'BankAccountType',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const currentAccount = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'bankAccounts',
+        attribute: 'currentAccount'
+      })
+    })
+
+    const list = computed(() => {
+      return [
+        {
+          value: 'S',
+          name: lang.t('pointOfSales.collection.field.bankAccountType.checking')
+        },
+        {
+          value: 'C',
+          name: lang.t('pointOfSales.collection.field.bankAccountType.currentAccount')
+        }
+      ]
+    })
+
+    const bankAccountType = computed({
+      get() {
+        return store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'bankAccountType'
+        })
+      },
+      // setter
+      set(type) {
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'bankAccountType',
+          value: type
+        })
+      }
+    })
+
+    return {
+      list,
+      bankAccountType,
+      currentAccount
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/banksAccounts.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/banksAccounts.vue
new file mode 100644
index 00000000000..2a35969021d
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/banksAccounts.vue
@@ -0,0 +1,175 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.customerAccount')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-select
+      v-model="bankAccount"
+      filterable
+      clearable
+      style="width: 100%;"
+      @visible-change="findBankAccounts"
+    >
+      <el-option
+        v-for="item in listBankAccounts"
+        :key="item.id"
+        :label="item.name"
+        :value="item.id"
+      />
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent, watch } from '@vue/composition-api'
+
+import store from '@/store'
+import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'banksAccounts',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const listBankAccounts = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'bankAccounts',
+        attribute: 'list'
+      })
+    })
+
+    const bankAccount = computed({
+      get() {
+        return store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'currentAccount'
+        })
+      },
+      // setter
+      set(value) {
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'currentAccount',
+          value: value
+        })
+      }
+    })
+
+    function findBankAccounts(show) {
+      if (!show) return
+      store.dispatch('listAccounts')
+    }
+
+    function setDataAccount(account) {
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'phone',
+        value: account.account_no
+      })
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'value',
+        value: account.driver_license
+      })
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'issuingBank',
+        value: {
+          ...account,
+          id: account.bank_id
+        }
+      })
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'bank',
+        value: {
+          ...account,
+          id: account.bank_id
+        }
+      })
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'bankAccountType',
+        value: account.bank_account_type
+      })
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'accountNo',
+        value: account.account_no
+      })
+    }
+
+    function clearDataAccount(value = undefined) {
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'phone',
+        value
+      })
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'value',
+        value
+      })
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'issuingBank',
+        value
+      })
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'bankAccountType',
+        value
+      })
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'bank',
+        value
+      })
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'accountNo',
+        value
+      })
+    }
+
+    watch(bankAccount, (newValue, oldValue) => {
+      if (newValue !== oldValue) {
+        const account = listBankAccounts.value.find(list => list.id === newValue)
+        if (isEmptyValue(account)) {
+          clearDataAccount()
+        } else {
+          setDataAccount(account)
+        }
+      }
+    })
+
+    return {
+      bankAccount,
+      listBankAccounts,
+      findBankAccounts,
+      setDataAccount
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/creditMemo.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/creditMemo.vue
new file mode 100644
index 00000000000..a2b1267d299
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/creditMemo.vue
@@ -0,0 +1,150 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.creditMemo')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-select
+      v-model="creditMemo"
+      filterable
+      clearable
+      style="width: 100%;"
+      @visible-change="findCreditMemo"
+    >
+      <el-option
+        v-for="item in listCustomerCredits"
+        :key="item.id"
+        :label="item.document_no + ' - ' + item.document_date + ' - ' + formatPrice({ value: item.open_amount.value, currency: item.currency.iso_code })"
+        :value="item.id"
+      />
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent, watch } from '@vue/composition-api'
+
+import store from '@/store'
+// utils and helper methods
+import { formatPrice } from '@/utils/ADempiere/formatValue/numberFormat'
+import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'creditMemo',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const listCustomerCredits = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'customerCredits',
+        attribute: 'list'
+      })
+    })
+
+    const creditMemo = computed({
+      get() {
+        const currentAccount = store.getters.getAttributeField({
+          field: 'customerCredits',
+          attribute: 'currentCustomerCredist'
+        })
+        if (currentAccount) return currentAccount.id
+        return ''
+      },
+      // setter
+      set(creditMemo) {
+        let currentCredit
+        if (!isEmptyValue(creditMemo)) {
+          currentCredit = listCustomerCredits.value.find(list => list.id === creditMemo)
+        }
+        store.commit('setAttributeField', {
+          field: 'customerCredits',
+          attribute: 'currentCustomerCredist',
+          value: currentCredit
+        })
+      }
+    })
+
+    function findCreditMemo(show) {
+      if (!show) return
+      store.dispatch('listCustomerCreditsMemo')
+    }
+
+    function setData(creditMemo) {
+      store.commit('setAttributeField', {
+        field: 'field',
+        attribute: 'referenceNo',
+        value: creditMemo.document_no
+      })
+      store.commit('setPayAmount', creditMemo.open_amount.value)
+      store.commit('setAttributeField', {
+        field: 'field',
+        attribute: 'description',
+        value: creditMemo.description
+      })
+      store.commit('setAttributeField', {
+        field: 'field',
+        attribute: 'date',
+        value: creditMemo.document_date
+      })
+    }
+
+    function clearData(value = undefined) {
+      store.commit('setAttributeField', {
+        field: 'field',
+        attribute: 'referenceNo',
+        value
+      })
+      store.commit('setPayAmount', value)
+      store.commit('setAttributeField', {
+        field: 'field',
+        attribute: 'description',
+        value
+      })
+      store.commit('setAttributeField', {
+        field: 'field',
+        attribute: 'date',
+        value
+      })
+    }
+
+    watch(creditMemo, (newValue, oldValue) => {
+      if (newValue !== oldValue) {
+        const creditMemo = listCustomerCredits.value.find(list => list.id === newValue)
+        if (isEmptyValue(creditMemo)) {
+          clearData()
+        } else {
+          setData(creditMemo)
+        }
+      }
+    })
+
+    return {
+      creditMemo,
+      listCustomerCredits,
+      formatPrice,
+      findCreditMemo,
+      setData
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/currencies.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/currencies.vue
new file mode 100644
index 00000000000..c7a3fbc0baf
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/currencies.vue
@@ -0,0 +1,174 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.field.currency')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-select
+      v-model="currencie"
+      :disabled="isDisabled"
+      style="width: 100%;"
+    >
+      <el-option
+        v-for="item in listCurrencies"
+        :key="item.id"
+        :label="item.iso_code + '(' + item.cur_symbol + ')'"
+        :value="item.id"
+      />
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent, watch } from '@vue/composition-api'
+
+import store from '@/store'
+import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'FieldCurrencies',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const currentOrder = computed(() => {
+      return store.getters.getCurrentOrder
+    })
+
+    const dayRate = computed(() => {
+      const rate = store.getters.getRate({ date: currentOrder.value.date_ordered })
+      if (isEmptyValue(rate.multiply_rate)) return 1
+      const {
+        multiply_rate,
+        divide_rate
+      } = rate
+      if (multiply_rate.value > divide_rate.value) return multiply_rate.value
+      return divide_rate.value
+    })
+
+    const isDisabled = computed(() => {
+      const {
+        refund_reference_currency
+      } = store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'paymentMethods'
+      })
+      return !isEmptyValue(refund_reference_currency)
+    })
+    const listCurrencies = computed(() => {
+      return store.getters.getAvailableCurrencies.listCurrencies
+    })
+
+    const currencie = computed({
+      get() {
+        const currency = store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'currencie'
+        })
+        if (currency) return currency.id
+        return ''
+      },
+      // setter
+      set(currencie) {
+        let currency
+        if (currencie) {
+          currency = listCurrencies.value.find(list => list.id === currencie)
+        }
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'currencie',
+          value: currency
+        })
+      }
+    })
+
+    function findConverRate(currency) {
+      const { price_list } = currentOrder.value
+      let amountConvert = Number(store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'amount'
+      }))
+      if (
+        isEmptyValue(currency) ||
+        !isEmptyValue(price_list) &&
+        currency.id === price_list.currency.id
+      ) {
+        // store.commit('setPayAmount', amountConvert)
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'amount',
+          value: amountConvert
+        })
+      } else {
+        const rate = store.getters.getRate({ date: currentOrder.value.date_ordered })
+        if (!isEmptyValue(rate)) {
+          amountConvert = amountConvert / dayRate.value
+          store.commit('setAttributeField', {
+            field: 'fieldsRefunds',
+            attribute: 'amount',
+            value: amountConvert
+          })
+        } else {
+          store.dispatch('findRate', {
+            currencyToId: currency.id,
+            currencyFromId: store.getters.getVPOS.refund_reference_currency.id
+          })
+            .then(response => {
+              const {
+                multiply_rate,
+                divide_rate
+              } = response
+              if (
+                !isEmptyValue(multiply_rate) &&
+                !isEmptyValue(divide_rate)
+              ) {
+                const amountRate = (multiply_rate.value > divide_rate.value) ? multiply_rate.value : divide_rate.value
+                amountConvert = amountConvert / Number(amountRate)
+                store.commit('setAttributeField', {
+                  field: 'fieldsRefunds',
+                  attribute: 'amount',
+                  value: amountConvert
+                })
+              }
+            })
+        }
+      }
+    }
+
+    watch(currencie, (newValue, oldValue) => {
+      if (!isEmptyValue(newValue) && newValue !== oldValue) {
+        const currency = listCurrencies.value.find(list => list.id === newValue)
+        findConverRate(currency)
+      }
+    })
+
+    return {
+      dayRate,
+      currencie,
+      isDisabled,
+      currentOrder,
+      listCurrencies,
+      findConverRate
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/date.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/date.vue
new file mode 100644
index 00000000000..44b75d15bf3
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/date.vue
@@ -0,0 +1,85 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.field.date')"
+    class="form-item-criteria"
+    :disabled="!isEmptyValue(customerCredits)"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-date-picker
+      v-model="date"
+      type="date"
+      style="width: 100%;"
+    />
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent } from '@vue/composition-api'
+
+import store from '@/store'
+// import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'Date',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const date = computed({
+      get() {
+        return store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'date'
+        })
+      },
+      // setter
+      set(value) {
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'date',
+          value
+        })
+      }
+    })
+
+    const currentAccount = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'currentAccount'
+      })
+    })
+
+    const customerCredits = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'currentCustomerCredist'
+      })
+    })
+
+    return {
+      date,
+      currentAccount,
+      customerCredits
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/description.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/description.vue
new file mode 100644
index 00000000000..670778970da
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/description.vue
@@ -0,0 +1,86 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.field.description')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-input
+      v-model="description"
+      type="textarea"
+      :rows="2"
+      :disabled="!isEmptyValue(currentAccount) || !isEmptyValue(customerCredits)"
+      style="width: 100%;"
+    />
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent } from '@vue/composition-api'
+
+import store from '@/store'
+// import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'Description',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const description = computed({
+      get() {
+        return store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'description'
+        })
+      },
+      // setter
+      set(value) {
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'description',
+          value
+        })
+      }
+    })
+
+    const currentAccount = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'currentAccount'
+      })
+    })
+
+    const customerCredits = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'currentCustomerCredist'
+      })
+    })
+
+    return {
+      description,
+      currentAccount,
+      customerCredits
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/fieldSelect.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/fieldSelect.vue
new file mode 100644
index 00000000000..93b2b7e9d5d
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/fieldSelect.vue
@@ -0,0 +1,142 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-col :span="8">
+    <el-form-item
+      :label="$t('pointOfSales.collection.field.fullPayment')"
+      class="form-item-criteria"
+      style="margin: 0px;width: 100%;"
+    >
+      <field-amount
+        :value-amount="amount"
+        :value-display="amountDisplay"
+        :handle-change="updateAmount"
+      />
+    </el-form-item>
+  </el-col>
+</template>
+
+<script>
+import { computed, defineComponent, watch } from '@vue/composition-api'
+
+import store from '@/store'
+import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'FieldCurrencies',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const currentOrder = computed(() => {
+      return store.getters.getCurrentOrder
+    })
+
+    const dayRate = computed(() => {
+      const rate = store.getters.getRate({ date: currentOrder.value.date_ordered })
+      if (isEmptyValue(rate.multiply_rate)) return 1
+      const {
+        multiply_rate,
+        divide_rate
+      } = rate
+      if (multiply_rate.value > divide_rate.value) return multiply_rate.value
+      return divide_rate.value
+    })
+
+    const isDisabled = computed(() => {
+      const {
+        reference_currency,
+        refund_reference_currency
+      } = store.getters.getPaymentMethods
+      if (props.isRefund) return !isEmptyValue(refund_reference_currency)
+      return !isEmptyValue(reference_currency)
+    })
+    const listCurrencies = computed(() => {
+      return store.getters.getAvailableCurrencies.listCurrencies
+    })
+
+    const currencie = computed({
+      get() {
+        return store.getters.getAvailableCurrencies.currencie.id
+      },
+      // setter
+      set(currencie) {
+        let currency
+        if (currencie) {
+          currency = listCurrencies.value.find(list => list.id === currencie)
+        }
+        store.commit('setAvailableCurrencies', currency)
+      }
+    })
+
+    function findConverRate(currency) {
+      const { price_list } = currentOrder.value
+      let amountConvert = Number(store.getters.getCurrentOrder.open_amount.value)
+      if (
+        isEmptyValue(currency) ||
+        !isEmptyValue(price_list) &&
+        currency.id === price_list.currency.id
+      ) {
+        store.commit('setPayAmount', amountConvert)
+      } else {
+        const rate = store.getters.getRate({ date: currentOrder.value.date_ordered })
+        if (!isEmptyValue(rate)) {
+          amountConvert = amountConvert / dayRate.value
+          store.commit('setPayAmount', amountConvert)
+        } else {
+          store.dispatch('findRate', {
+            currencyToId: currency.id
+          })
+            .then(response => {
+              const {
+                multiply_rate,
+                divide_rate
+              } = response
+              if (
+                !isEmptyValue(multiply_rate) &&
+                !isEmptyValue(divide_rate)
+              ) {
+                const amountRate = (multiply_rate.value > divide_rate.value) ? multiply_rate.value : divide_rate.value
+                amountConvert = amountConvert / amountRate.value
+                store.commit('setPayAmount', amountConvert)
+              }
+            })
+        }
+      }
+    }
+
+    watch(currencie, (newValue, oldValue) => {
+      if (!isEmptyValue(newValue) && newValue !== oldValue) {
+        const currency = listCurrencies.value.find(list => list.id === newValue)
+        findConverRate(currency)
+      }
+    })
+
+    return {
+      dayRate,
+      currencie,
+      isDisabled,
+      currentOrder,
+      listCurrencies,
+      findConverRate
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/issuingBank.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/issuingBank.vue
new file mode 100644
index 00000000000..714af755b9d
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/issuingBank.vue
@@ -0,0 +1,106 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.issuingBank')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-select
+      v-model="issuingBank"
+      filterable
+      clearable
+      :disabled="!isEmptyValue(currentAccount)"
+      style="width: 100%;"
+      @visible-change="findBanks"
+    >
+      <el-option
+        v-for="item in listBanks"
+        :key="item.id"
+        :label="item.name"
+        :value="item.id"
+      />
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent } from '@vue/composition-api'
+
+import store from '@/store'
+// import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'issuingBank',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const currentAccount = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'bankAccounts',
+        attribute: 'currentAccount'
+      })
+    })
+
+    const listBanks = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'banks',
+        attribute: 'listBanks'
+      })
+    })
+
+    const issuingBank = computed({
+      get() {
+        const banck = store.getters.getAttributeField({
+          field: 'banks',
+          attribute: 'issuingBank'
+        })
+        if (banck) return banck.id
+        return ''
+      },
+      // setter
+      set(bank) {
+        let currentBank
+        if (bank) {
+          currentBank = listBanks.value.find(list => list.id === bank)
+        }
+        store.commit('setAttributeField', {
+          field: 'banks',
+          attribute: 'issuingBank',
+          value: currentBank
+        })
+      }
+    })
+
+    function findBanks(show) {
+      if (!show) return
+      store.dispatch('banks')
+    }
+
+    return {
+      listBanks,
+      issuingBank,
+      currentAccount,
+      findBanks
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/paymentMethods.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/paymentMethods.vue
new file mode 100644
index 00000000000..017a3ea0931
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/paymentMethods.vue
@@ -0,0 +1,113 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.field.paymentMethods')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-select
+      v-model="currentPaymentMethod"
+      style="width: 100% !important;"
+      @change="handleChange"
+    >
+      <el-option
+        v-for="item in listPaymentMethods"
+        :key="item.id"
+        :label="item.name"
+        :value="item.id"
+      />
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent } from '@vue/composition-api'
+
+import store from '@/store'
+// Utils and Helper Methods
+import { getMainPaymentMethods } from '@/utils/ADempiere/dictionary/form/VPOS'
+// import { isEmptyValue } from '@/utils/ADempiere/valueUtils'
+export default defineComponent({
+  name: 'FieldPaymentMethods',
+  props: {
+    handleChange: {
+      type: Function,
+      default: (changeValue) => {
+        console.info('Triggers when input value changes (value: string | number)', changeValue)
+      }
+    }
+  },
+  setup(props) {
+    // store.dispatch('availablePaymentMethods')
+    // getMainPaymentMethods({ listPaymentMethods: payment_methods })
+    const listPaymentMethods = computed(() => {
+      let listPaymentMethods
+      if (typeOptions.value === '2') {
+        listPaymentMethods = store.getters.getListPaymentMethods.filter(list => list.is_allowed_to_refund_open)
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'paymentMethods',
+          value: listPaymentMethods[0]
+        })
+        return listPaymentMethods
+      }
+      listPaymentMethods = store.getters.getListPaymentMethods.filter(list => list.is_allowed_to_refund)
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'paymentMethods',
+        value: getMainPaymentMethods({ listPaymentMethods })
+      })
+      return listPaymentMethods
+    })
+
+    const typeOptions = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'typeOptions'
+      })
+    })
+
+    const currentPaymentMethod = computed({
+      get() {
+        const paymentMethods = store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'paymentMethods'
+        })
+        if (paymentMethods) return paymentMethods.id
+        return ''
+      },
+      // setter
+      set(paymentMethods) {
+        if (paymentMethods) {
+          paymentMethods = listPaymentMethods.value.find(list => list.id === paymentMethods)
+        }
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'paymentMethods',
+          value: paymentMethods
+        })
+      }
+    })
+    return {
+      currentPaymentMethod,
+      listPaymentMethods,
+      typeOptions
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/phone.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/phone.vue
new file mode 100644
index 00000000000..59d323978e2
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/phone.vue
@@ -0,0 +1,76 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.field.phone')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-input
+      v-model="phone"
+      :disabled="!isEmptyValue(currentAccount)"
+      style="width: 100%;"
+    />
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent } from '@vue/composition-api'
+
+import store from '@/store'
+// import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'Phone',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const phone = computed({
+      get() {
+        return store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'phone'
+        })
+      },
+      // setter
+      set(value) {
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'phone',
+          value
+        })
+      }
+    })
+
+    const currentAccount = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'currentAccount'
+      })
+    })
+
+    return {
+      phone,
+      currentAccount
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/recipientBank.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/recipientBank.vue
new file mode 100644
index 00000000000..f9db5eda2ba
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/recipientBank.vue
@@ -0,0 +1,97 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.recipientBank')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-select
+      v-model="recipientBank"
+      filterable
+      clearable
+      style="width: 100%;"
+      @visible-change="findBanks"
+    >
+      <el-option
+        v-for="item in listBanks"
+        :key="item.id"
+        :label="item.name"
+        :value="item.id"
+      />
+    </el-select>
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent } from '@vue/composition-api'
+
+import store from '@/store'
+// import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'recipientBank',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const listBanks = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'banks',
+        attribute: 'listBanks'
+      })
+    })
+
+    const recipientBank = computed({
+      get() {
+        const banck = store.getters.getAttributeField({
+          field: 'banks',
+          attribute: 'recipientBank'
+        })
+        if (banck) return banck.id
+        return ''
+      },
+      // setter
+      set(bank) {
+        let currentBank
+        if (bank) {
+          currentBank = listBanks.value.find(list => list.id === bank)
+        }
+        store.commit('setAttributeField', {
+          field: 'banks',
+          attribute: 'recipientBank',
+          value: currentBank
+        })
+      }
+    })
+
+    function findBanks(show) {
+      if (!show) return
+      store.dispatch('banks')
+    }
+
+    return {
+      listBanks,
+      recipientBank,
+      findBanks
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/referenceNo.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/referenceNo.vue
new file mode 100644
index 00000000000..caa51cf1e42
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/referenceNo.vue
@@ -0,0 +1,84 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.field.referenceNo')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+    :disabled="!isEmptyValue(customerCredits)"
+  >
+    <el-input
+      v-model="referenceNo"
+      style="width: 100%;"
+    />
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent } from '@vue/composition-api'
+
+import store from '@/store'
+// import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'ReferenceNo',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const referenceNo = computed({
+      get() {
+        return store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'referenceNo'
+        })
+      },
+      // setter
+      set(value) {
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'referenceNo',
+          value
+        })
+      }
+    })
+
+    const currentAccount = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'currentAccount'
+      })
+    })
+
+    const customerCredits = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'currentCustomerCredist'
+      })
+    })
+
+    return {
+      referenceNo,
+      currentAccount,
+      customerCredits
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/value.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/value.vue
new file mode 100644
index 00000000000..4726fffd9b9
--- /dev/null
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/Field/value.vue
@@ -0,0 +1,76 @@
+<!--
+ADempiere-Vue (Frontend) for ADempiere ERP & CRM Smart Business Solution
+Copyright (C) 2018-Present E.R.P. Consultores y Asociados, C.A.
+Contributor(s): Elsio Sanchez elsiosanchez15@outlook.com https://github.com/elsiosanchez
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+You should have received a copy of the GNU General Public License
+along with this program. If not, see <https:www.gnu.org/licenses/>.
+-->
+
+<template>
+  <el-form-item
+    :label="$t('pointOfSales.collection.field.code')"
+    class="form-item-criteria"
+    style="margin: 0px;width: 100%;"
+  >
+    <el-input
+      v-model="code"
+      :disabled="!isEmptyValue(currentAccount)"
+      style="width: 100%;"
+    />
+  </el-form-item>
+</template>
+
+<script>
+import { computed, defineComponent } from '@vue/composition-api'
+
+import store from '@/store'
+// import { isEmptyValue } from '@/utils/ADempiere'
+
+export default defineComponent({
+  name: 'Value',
+  props: {
+    isRefund: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    const code = computed({
+      get() {
+        return store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'value'
+        })
+      },
+      // setter
+      set(value) {
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'value',
+          value
+        })
+      }
+    })
+
+    const currentAccount = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'currentAccount'
+      })
+    })
+
+    return {
+      code,
+      currentAccount
+    }
+  }
+})
+</script>
diff --git a/src/components/ADempiere/Form/VPOS2/Collection/Refund/index.vue b/src/components/ADempiere/Form/VPOS2/Collection/Refund/index.vue
index 69379217ff6..d86dcc21235 100644
--- a/src/components/ADempiere/Form/VPOS2/Collection/Refund/index.vue
+++ b/src/components/ADempiere/Form/VPOS2/Collection/Refund/index.vue
@@ -42,97 +42,50 @@ along with this program. If not, see <https:www.gnu.org/licenses/>.
         <el-col :span="8">
           <payment-methods
             :handle-change="changePaymentMethods"
-            :is-refund="true"
           />
         </el-col>
         <el-col :span="8">
-          <currencie
-            :is-refund="true"
-          />
+          <currencie />
+        </el-col>
+        <el-col v-if="typeOptions === '2'" :span="8">
+          <banks-accounts />
         </el-col>
         <!-- Payment Methods (Fields Display Logic) -->
-        <el-col v-if="isDisplayFieldPayment('creditMemo', currentPaymentMethod)" :span="8">
+        <!-- <el-col v-if="isDisplayFieldPayment('creditMemo', currentPaymentMethod)" :span="8">
           <credit-memo />
-        </el-col>
-        <el-col v-if="isDisplayFieldPayment('recipientBank', currentPaymentMethod)" :span="8">
+        </el-col> -->
+        <!-- <el-col v-if="isDisplayFieldPayment('recipientBank', currentPaymentMethod)" :span="8">
           <recipient-bank />
         </el-col>
-        <el-col v-if="isDisplayFieldPayment('banksAccounts', currentPaymentMethod)" :span="8">
-          <banks-accounts />
-        </el-col>
         <el-col v-if="isDisplayFieldPayment('issuingBank', currentPaymentMethod)" :span="8">
           <issuing-bank />
-        </el-col>
-        <el-col v-if="isDisplayFieldPayment('Bank', currentPaymentMethod)" :span="8">
+        </el-col> -->
+        <el-col
+          v-if="typeOptions === '2'"
+          :span="8"
+        >
           <bank />
         </el-col>
+        <el-col v-if="typeOptions === '2'" :span="8">
+          <bankAccount-type />
+        </el-col>
         <el-col v-if="isDisplayFieldPayment('Value', currentPaymentMethod)" :span="8">
-          <el-form-item
-            :label="$t('pointOfSales.collection.field.code')"
-            class="form-item-criteria"
-            style="margin: 0px;width: 100%;"
-          >
-            <el-input
-              v-model="code"
-              :disabled="!isEmptyValue(currentAccount)"
-              style="width: 100%;"
-            />
-          </el-form-item>
+          <value />
         </el-col>
         <el-col v-if="isDisplayFieldPayment('Description', currentPaymentMethod)" :span="8">
-          <el-form-item
-            :label="$t('pointOfSales.collection.field.description')"
-            class="form-item-criteria"
-            style="margin: 0px;width: 100%;"
-          >
-            <el-input
-              v-model="description"
-              type="textarea"
-              :rows="2"
-              :disabled="!isEmptyValue(currentAccount) || !isEmptyValue(customerCredits)"
-              style="width: 100%;"
-            />
-          </el-form-item>
+          <description />
         </el-col>
         <el-col v-if="isDisplayFieldPayment('Date', currentPaymentMethod)" :span="8">
-          <el-form-item
-            :label="$t('pointOfSales.collection.field.date')"
-            class="form-item-criteria"
-            :disabled="!isEmptyValue(customerCredits)"
-            style="margin: 0px;width: 100%;"
-          >
-            <el-date-picker
-              v-model="date"
-              type="date"
-              style="width: 100%;"
-            />
-          </el-form-item>
+          <date />
         </el-col>
         <el-col v-if="isDisplayFieldPayment('Phone', currentPaymentMethod)" :span="8">
-          <el-form-item
-            :label="$t('pointOfSales.collection.field.phone')"
-            class="form-item-criteria"
-            style="margin: 0px;width: 100%;"
-          >
-            <el-input
-              v-model="phone"
-              :disabled="!isEmptyValue(currentAccount)"
-              style="width: 100%;"
-            />
-          </el-form-item>
+          <phone />
         </el-col>
-        <el-col v-if="isDisplayFieldPayment('ReferenceNo', currentPaymentMethod)" :span="8">
-          <el-form-item
-            :label="$t('pointOfSales.collection.field.referenceNo')"
-            class="form-item-criteria"
-            style="margin: 0px;width: 100%;"
-            :disabled="!isEmptyValue(customerCredits)"
-          >
-            <el-input
-              v-model="referenceNo"
-              style="width: 100%;"
-            />
-          </el-form-item>
+        <el-col
+          v-if="typeOptions === '2'"
+          :span="8"
+        >
+          <account-no />
         </el-col>
       </el-row>
     </el-form>
@@ -159,13 +112,19 @@ import store from '@/store'
 // import router from '@/router'
 // Component and Mixins
 import fieldAmount from '@/components/ADempiere/Form/VPOS2/MainOrder/OptionLine/editLine/fieldAmount.vue'
-import paymentMethods from '@/components/ADempiere/Form/VPOS2/Collection/Charge/Field/paymentMethods'
-import currencie from '@/components/ADempiere/Form/VPOS2/Collection/Charge/Field/currencies'
-import recipientBank from '@/components/ADempiere/Form/VPOS2/Collection/Charge/Field/recipientBank.vue'
-import banksAccounts from '@/components/ADempiere/Form/VPOS2/Collection/Charge/Field/banksAccounts.vue'
-import creditMemo from '@/components/ADempiere/Form/VPOS2/Collection/Charge/Field/creditMemo.vue'
-import issuingBank from '@/components/ADempiere/Form/VPOS2/Collection/Charge/Field/issuingBank.vue'
-import bank from '@/components/ADempiere/Form/VPOS2/Collection/Charge/Field/bank.vue'
+import paymentMethods from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/paymentMethods'
+import currencie from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/currencies'
+import recipientBank from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/recipientBank.vue'
+import banksAccounts from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/banksAccounts.vue'
+import creditMemo from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/creditMemo.vue'
+import issuingBank from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/issuingBank.vue'
+import bankAccountType from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/bankAccountType.vue'
+import bank from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/bank.vue'
+import Value from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/value'
+import description from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/description'
+import date from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/date'
+import phone from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/phone'
+import accountNo from '@/components/ADempiere/Form/VPOS2/Collection/Refund/Field/accountNo'
 // Utils and Helper Methods
 import { isEmptyValue } from '@/utils/ADempiere/valueUtils'
 import { formatPrice } from '@/utils/ADempiere/formatValue/numberFormat'
@@ -181,7 +140,13 @@ export default defineComponent({
     recipientBank,
     banksAccounts,
     creditMemo,
-    issuingBank
+    issuingBank,
+    bankAccountType,
+    description,
+    accountNo,
+    date,
+    phone,
+    Value
   },
   props: {
     isRefund: {
@@ -216,6 +181,13 @@ export default defineComponent({
       })
     })
 
+    const typeOptions = computed(() => {
+      return store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'typeOptions'
+      })
+    })
+
     const code = computed({
       get() {
         return store.getters.getAttributeField({
@@ -309,11 +281,18 @@ export default defineComponent({
       })
     })
 
+    const currentAmount = computed(() => {
+      return Number(store.getters.getAttributeField({
+        field: 'fieldsRefunds',
+        attribute: 'amount'
+      }))
+    })
+
     if (!isEmptyValue(currentOrder.value.open_amount)) {
       store.commit('setAttributeField', {
         field: 'fieldsRefunds',
         attribute: 'amount',
-        value: currentOrder.value.refund_amount.value
+        value: Number(currentOrder.value.refund_amount.value)
       })
       // store.commit('setPayAmount', currentOrder.value.refund_amount.value)
     }
@@ -334,6 +313,11 @@ export default defineComponent({
         attribute: 'currencie',
         value: currency
       })
+      store.commit('setAttributeField', {
+        field: 'fieldsRefunds',
+        attribute: 'amount',
+        value: Number(currentOrder.value.refund_amount.value)
+      })
       // store.commit('setAvailableCurrencies', currency)
       clearFieldsCollections()
     }
@@ -357,7 +341,7 @@ export default defineComponent({
       let currencyPayment = price_list.currency
       if (isEmptyValue(refund_amount)) return '0.00'
       if (!isEmptyValue(currentCurrency.value)) currencyPayment = currentCurrency.value
-      return formatPrice({ value: Number(refund_amount.value), currency: currencyPayment.iso_code })
+      return formatPrice({ value: Number(amount.value), currency: currencyPayment.iso_code })
     })
 
     const currentPos = computed(() => {
@@ -408,6 +392,32 @@ export default defineComponent({
         field: 'fieldsRefunds',
         attribute: 'currencie'
       })
+      if (isEmptyValue(currentAccount.value) && typeOptions.value === '2') {
+        let accountNo
+        accountNo = store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'accountNo'
+        })
+        const driverLicense = store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'value'
+        })
+        const bankId = store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'bank'
+        })
+        const bankAccountType = store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'bankAccountType'
+        })
+        if (isEmptyValue(accountNo)) accountNo = phone.value
+        store.dispatch('newCustomerBankAccount', {
+          accountNo,
+          driverLicense,
+          bankId: bankId.id,
+          bankAccountType
+        })
+      }
       if (
         !isEmptyValue(currentPos.value.maximum_refund_allowed.value) &&
         Number(currentPos.value.maximum_refund_allowed.value) > 0 &&
@@ -439,6 +449,8 @@ export default defineComponent({
       code,
       date,
       phone,
+      currentAmount,
+      typeOptions,
       description,
       referenceNo,
       currentAccount,
diff --git a/src/components/ADempiere/Form/VPOS2/DialogInfo/overdrawnInvoice.vue b/src/components/ADempiere/Form/VPOS2/DialogInfo/overdrawnInvoice.vue
index 1bec4fefb33..47a61b033e9 100644
--- a/src/components/ADempiere/Form/VPOS2/DialogInfo/overdrawnInvoice.vue
+++ b/src/components/ADempiere/Form/VPOS2/DialogInfo/overdrawnInvoice.vue
@@ -68,8 +68,7 @@ along with this program. If not, see <https:www.gnu.org/licenses/>.
         </span>
       </div>
       <charge-refund
-        v-if="typeOptions === '1'"
-        :is-refund="true"
+        v-if="typeOptions !== '3'"
       />
     </el-card>
     <el-card
@@ -96,8 +95,7 @@ along with this program. If not, see <https:www.gnu.org/licenses/>.
 <script>
 import {
   defineComponent,
-  computed,
-  ref
+  computed
 } from '@vue/composition-api'
 
 import store from '@/store'
@@ -115,7 +113,23 @@ export default defineComponent({
     CardPayments
   },
   setup() {
-    const typeOptions = ref('1')
+    // const typeOptions = ref('1')
+    const typeOptions = computed({
+      get() {
+        return store.getters.getAttributeField({
+          field: 'fieldsRefunds',
+          attribute: 'typeOptions'
+        })
+      },
+      // setter
+      set(value) {
+        store.commit('setAttributeField', {
+          field: 'fieldsRefunds',
+          attribute: 'typeOptions',
+          value: value
+        })
+      }
+    })
 
     const currentPos = computed(() => {
       return store.getters.getVPOS
diff --git a/src/lang/ADempiere/en/form/pointOfSales.js b/src/lang/ADempiere/en/form/pointOfSales.js
index 9c1245ff30b..e3a9df0b240 100644
--- a/src/lang/ADempiere/en/form/pointOfSales.js
+++ b/src/lang/ADempiere/en/form/pointOfSales.js
@@ -35,6 +35,11 @@ const pointOfSales = {
       receivingBank: 'Receiving Bank',
       customerAccount: 'Customer Account',
       issuingBank: 'Issuing Bank',
+      bankAccountType: {
+        label: 'Bank Account Type',
+        currentAccount: 'Current Account',
+        checking: 'Savings'
+      },
       code: 'Cedula',
       date: 'Date',
       phone: 'Telephone',
diff --git a/src/lang/ADempiere/es/form/pointOfSales.js b/src/lang/ADempiere/es/form/pointOfSales.js
index 4870a999342..536c8155cf8 100644
--- a/src/lang/ADempiere/es/form/pointOfSales.js
+++ b/src/lang/ADempiere/es/form/pointOfSales.js
@@ -35,6 +35,11 @@ const pointOfSales = {
       receivingBank: 'Banco Receptor',
       customerAccount: 'Cuenta de Cliente',
       issuingBank: 'Banco Emisor',
+      bankAccountType: {
+        label: 'Tipo de Cuenta Bancario',
+        currentAccount: 'Cuenta Corriente',
+        checking: 'Ahorros'
+      },
       code: 'Cédula',
       date: 'Fecha',
       phone: 'Teléfono',
diff --git a/src/store/modules/ADempiere/form/VPOS/fieldsCollections.js b/src/store/modules/ADempiere/form/VPOS/fieldsCollections.js
index 12f9bd28556..66a1dcb4745 100644
--- a/src/store/modules/ADempiere/form/VPOS/fieldsCollections.js
+++ b/src/store/modules/ADempiere/form/VPOS/fieldsCollections.js
@@ -66,13 +66,16 @@ const fieldsCollections = {
     date: '',
     value: '',
     phone: '',
+    typeOptions: '1',
     amount: null,
     currencie: {},
     referenceNo: '',
     description: '',
+    accountNo: '',
     issuingBank: {},
-    paymentMethods: {},
+    bankAccountType: '',
     recipientBank: {},
+    paymentMethods: {},
     currentAccount: {},
     currentCustomerCredist: {}
   },
@@ -282,6 +285,11 @@ export default {
     newCustomerBankAccount({
       commit,
       getters
+    }, {
+      accountNo,
+      driverLicense,
+      bankId,
+      bankAccountType
     }) {
       return new Promise(resolve => {
         const currentPos = getters.getVPOS
@@ -298,13 +306,23 @@ export default {
           field: 'field',
           attribute: 'value'
         })
+        if (isEmptyValue(bankId)) {
+          bankId = banck.id
+        }
+        if (isEmptyValue(accountNo)) {
+          accountNo = phone
+        }
+        if (isEmptyValue(driverLicense)) {
+          driverLicense = value
+        }
         if (isEmptyValue(currentPos.id)) resolve({})
         createCustomerBankAccount({
           posId: currentPos.id,
-          bankId: banck.id,
+          bankId,
           customerId: currentOrder.customer.id,
-          accountNo: phone,
-          driverLicense: value
+          accountNo,
+          driverLicense,
+          bankAccountType
         })
           .then(response => {
             showMessage({