From cba6b000fc1cdc439a723d8869f2b7cc3bdc17c1 Mon Sep 17 00:00:00 2001
From: taro <taro@taro.codes>
Date: Tue, 11 Mar 2025 23:48:48 -0300
Subject: [PATCH 1/6] orders.value = await
 api.post('applications/myTicket_list/execute-proc', params);

---
 src/pages/Ecomerce/OrdersView.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/pages/Ecomerce/OrdersView.vue b/src/pages/Ecomerce/OrdersView.vue
index 67daeb1c..35370cc8 100644
--- a/src/pages/Ecomerce/OrdersView.vue
+++ b/src/pages/Ecomerce/OrdersView.vue
@@ -17,6 +17,7 @@ import { storeToRefs } from 'pinia';
 const { t } = useI18n();
 const route = useRoute();
 const jApi = inject('jApi');
+const api = inject('api');
 const { notify } = useNotify();
 const appStore = useAppStore();
 const { isHeaderMounted } = storeToRefs(appStore);
@@ -30,7 +31,13 @@ const tpv = tpvStore();
 onMounted(async () => {
     await tpv.check(route);
 
-    orders.value = await jApi.query('CALL myTicket_list(NULL, NULL)');
+    const myTickets = await api.post('applications/myTicket_list/execute-proc', new URLSearchParams({
+      schema: 'hedera',
+      params: '[null, null]',
+    }));
+
+    orders.value = myTickets.data;
+
     debt.value = await jApi.getValue('SELECT -myClient_getDebt(NULL)');
 });
 

From 1698a8505524d845853587cee6fe100d7a6bafa7 Mon Sep 17 00:00:00 2001
From: taro <taro@taro.codes>
Date: Thu, 13 Mar 2025 02:48:54 -0300
Subject: [PATCH 2/6] debt.value = await api.get(`clients/${userId}/getDebt`)

---
 src/pages/Ecomerce/OrdersView.vue | 23 +++++++++++++++++++----
 1 file changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/pages/Ecomerce/OrdersView.vue b/src/pages/Ecomerce/OrdersView.vue
index 35370cc8..a5b85a52 100644
--- a/src/pages/Ecomerce/OrdersView.vue
+++ b/src/pages/Ecomerce/OrdersView.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, inject } from 'vue';
+import {ref, onMounted, inject, watch} from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -12,6 +12,7 @@ import useNotify from 'src/composables/useNotify.js';
 import { currency, formatDateTitle } from 'src/lib/filters.js';
 import { tpvStore } from 'stores/tpv';
 import { useAppStore } from 'stores/app';
+import { useUserStore } from 'stores/user';
 import { storeToRefs } from 'pinia';
 
 const { t } = useI18n();
@@ -20,6 +21,7 @@ const jApi = inject('jApi');
 const api = inject('api');
 const { notify } = useNotify();
 const appStore = useAppStore();
+const userStore = useUserStore();
 const { isHeaderMounted } = storeToRefs(appStore);
 
 const showAmountToPayDialog = ref(null);
@@ -35,12 +37,14 @@ onMounted(async () => {
       schema: 'hedera',
       params: '[null, null]',
     }));
-
     orders.value = myTickets.data;
-
-    debt.value = await jApi.getValue('SELECT -myClient_getDebt(NULL)');
 });
 
+const getDebt = async (userId) => {
+  const myClientDebt = await api.get(`clients/${userId}/getDebt`);
+  debt.value = -myClientDebt.data;
+}
+
 const onPayClick = async () => {
     showAmountToPayDialog.value = true;
 
@@ -59,6 +63,17 @@ const onConfirmPay = async () => {
     amountToPay.value = parseFloat(amount);
     await tpv.pay(amountToPay.value);
 };
+
+watch(
+  () => userStore?.user?.id,
+  async userId => {
+    if (userId) {
+      await getDebt(userId);
+    }
+  },
+  { immediate: true }
+);
+
 </script>
 
 <template>

From d08c1ac86ff4250190331f88964cf48abb9487e9 Mon Sep 17 00:00:00 2001
From: taro <taro@taro.codes>
Date: Thu, 13 Mar 2025 03:09:24 -0300
Subject: [PATCH 3/6] fix style

---
 src/pages/Ecomerce/OrdersView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Ecomerce/OrdersView.vue b/src/pages/Ecomerce/OrdersView.vue
index a5b85a52..34d00318 100644
--- a/src/pages/Ecomerce/OrdersView.vue
+++ b/src/pages/Ecomerce/OrdersView.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {ref, onMounted, inject, watch} from 'vue';
+import { ref, onMounted, inject, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 

From 259387681344ae875f225f5b1118a3f01cf3a35b Mon Sep 17 00:00:00 2001
From: taro <taro@taro.codes>
Date: Mon, 17 Mar 2025 16:02:04 -0300
Subject: [PATCH 4/6] refactor: onUserId

---
 src/pages/Ecomerce/OrdersView.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/Ecomerce/OrdersView.vue b/src/pages/Ecomerce/OrdersView.vue
index 34d00318..5285c56f 100644
--- a/src/pages/Ecomerce/OrdersView.vue
+++ b/src/pages/Ecomerce/OrdersView.vue
@@ -64,16 +64,22 @@ const onConfirmPay = async () => {
     await tpv.pay(amountToPay.value);
 };
 
-watch(
+const onUserId = (cb) => watch(
   () => userStore?.user?.id,
   async userId => {
     if (userId) {
-      await getDebt(userId);
+      try {
+        await cb(userId);
+      } catch (error) {
+        console.error(error);
+      }
     }
   },
   { immediate: true }
 );
 
+onUserId(getDebt);
+
 </script>
 
 <template>

From 49d816539510557ee0760279e9bb6e9247b65747 Mon Sep 17 00:00:00 2001
From: taro <taro@taro.codes>
Date: Tue, 18 Mar 2025 22:07:58 -0300
Subject: [PATCH 5/6] refactor: onUserId.js

---
 src/pages/Ecomerce/OrdersView.vue | 19 ++-----------------
 src/utils/onUserId.js             | 19 +++++++++++++++++++
 2 files changed, 21 insertions(+), 17 deletions(-)
 create mode 100644 src/utils/onUserId.js

diff --git a/src/pages/Ecomerce/OrdersView.vue b/src/pages/Ecomerce/OrdersView.vue
index 5285c56f..0c1ff6a5 100644
--- a/src/pages/Ecomerce/OrdersView.vue
+++ b/src/pages/Ecomerce/OrdersView.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, inject, watch } from 'vue';
+import { ref, onMounted, inject } from 'vue';
 import { useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
 
@@ -8,11 +8,11 @@ import VnInput from 'src/components/common/VnInput.vue';
 import VnConfirm from 'src/components/ui/VnConfirm.vue';
 import VnList from 'src/components/ui/VnList.vue';
 
+import { onUserId } from 'src/utils/onUserId';
 import useNotify from 'src/composables/useNotify.js';
 import { currency, formatDateTitle } from 'src/lib/filters.js';
 import { tpvStore } from 'stores/tpv';
 import { useAppStore } from 'stores/app';
-import { useUserStore } from 'stores/user';
 import { storeToRefs } from 'pinia';
 
 const { t } = useI18n();
@@ -21,7 +21,6 @@ const jApi = inject('jApi');
 const api = inject('api');
 const { notify } = useNotify();
 const appStore = useAppStore();
-const userStore = useUserStore();
 const { isHeaderMounted } = storeToRefs(appStore);
 
 const showAmountToPayDialog = ref(null);
@@ -64,20 +63,6 @@ const onConfirmPay = async () => {
     await tpv.pay(amountToPay.value);
 };
 
-const onUserId = (cb) => watch(
-  () => userStore?.user?.id,
-  async userId => {
-    if (userId) {
-      try {
-        await cb(userId);
-      } catch (error) {
-        console.error(error);
-      }
-    }
-  },
-  { immediate: true }
-);
-
 onUserId(getDebt);
 
 </script>
diff --git a/src/utils/onUserId.js b/src/utils/onUserId.js
new file mode 100644
index 00000000..28c1fcae
--- /dev/null
+++ b/src/utils/onUserId.js
@@ -0,0 +1,19 @@
+import { watch } from 'vue';
+
+import { useUserStore } from 'stores/user';
+
+const userStore = useUserStore();
+
+export const onUserId = (cb) => watch(
+  () => userStore?.user?.id,
+  async userId => {
+    if (userId) {
+      try {
+        await cb(userId);
+      } catch (error) {
+        console.error(error);
+      }
+    }
+  },
+  { immediate: true }
+);

From d012ca74fea7273ff2fc337b100cf666182ec5b3 Mon Sep 17 00:00:00 2001
From: taro <taro@taro.codes>
Date: Tue, 18 Mar 2025 22:11:01 -0300
Subject: [PATCH 6/6] refactor: minor code cleanup

---
 src/pages/Ecomerce/OrdersView.vue | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/pages/Ecomerce/OrdersView.vue b/src/pages/Ecomerce/OrdersView.vue
index 0c1ff6a5..a5d6d9d9 100644
--- a/src/pages/Ecomerce/OrdersView.vue
+++ b/src/pages/Ecomerce/OrdersView.vue
@@ -17,7 +17,6 @@ import { storeToRefs } from 'pinia';
 
 const { t } = useI18n();
 const route = useRoute();
-const jApi = inject('jApi');
 const api = inject('api');
 const { notify } = useNotify();
 const appStore = useAppStore();
@@ -32,17 +31,17 @@ const tpv = tpvStore();
 onMounted(async () => {
     await tpv.check(route);
 
-    const myTickets = await api.post('applications/myTicket_list/execute-proc', new URLSearchParams({
+    const myTickets = await api.post('applications/myTicket_list/execute-proc', {
       schema: 'hedera',
-      params: '[null, null]',
-    }));
+      params: [null, null],
+    });
     orders.value = myTickets.data;
 });
 
-const getDebt = async (userId) => {
+onUserId(async (userId) => {
   const myClientDebt = await api.get(`clients/${userId}/getDebt`);
   debt.value = -myClientDebt.data;
-}
+});
 
 const onPayClick = async () => {
     showAmountToPayDialog.value = true;
@@ -62,9 +61,6 @@ const onConfirmPay = async () => {
     amountToPay.value = parseFloat(amount);
     await tpv.pay(amountToPay.value);
 };
-
-onUserId(getDebt);
-
 </script>
 
 <template>