From cb8629a689fac23dafd459d56ec2384c02cdbee5 Mon Sep 17 00:00:00 2001
From: paulosf0 <paulo.ferreira@azion.com>
Date: Tue, 17 Sep 2024 09:59:17 -0300
Subject: [PATCH 1/2] feat: add failed create user and edit tracker event

---
 src/views/Users/CreateView.vue | 18 ++++++++++++++++++
 src/views/Users/EditView.vue   | 19 ++++++++++++++++++-
 2 files changed, 36 insertions(+), 1 deletion(-)

diff --git a/src/views/Users/CreateView.vue b/src/views/Users/CreateView.vue
index d6281609d..0cde2b640 100644
--- a/src/views/Users/CreateView.vue
+++ b/src/views/Users/CreateView.vue
@@ -10,6 +10,7 @@
       <CreateFormBlock
         :createService="props.createUsersService"
         :schema="validationSchema"
+        @on-response-fail="handleTrackFailedCreation"
       >
         <template #form="{ resetForm }">
           <FormFieldsUsers
@@ -39,6 +40,11 @@
   import PageHeadingBlock from '@/templates/page-heading-block'
   import FormFieldsUsers from './FormsFields/FormFieldsUsers.vue'
   import ActionBarTemplate from '@/templates/action-bar-block/action-bar-with-teleport'
+  import { inject } from 'vue'
+  import { handleTrackerError } from '@/utils/errorHandlingTracker'
+
+  /**@type {import('@/plugins/analytics/AnalyticsTrackerAdapter').AnalyticsTrackerAdapter} */
+  const tracker = inject('tracker')
 
   const props = defineProps({
     loadAccountDetailsService: {
@@ -81,4 +87,16 @@
       }),
     twoFactorEnabled: yup.boolean()
   })
+
+  const handleTrackFailedCreation = (error) => {
+    const { fieldName, message } = handleTrackerError(error)
+    tracker.product
+      .failedToCreate({
+        productName: 'User',
+        errorType: 'api',
+        fieldName: fieldName.trim(),
+        errorMessage: message
+      })
+      .track()
+  }
 </script>
diff --git a/src/views/Users/EditView.vue b/src/views/Users/EditView.vue
index 5ab29aaf9..3762762d6 100644
--- a/src/views/Users/EditView.vue
+++ b/src/views/Users/EditView.vue
@@ -6,8 +6,12 @@
   import FormFieldsUsers from './FormsFields/FormFieldsUsers.vue'
   import ActionBarTemplate from '@/templates/action-bar-block/action-bar-with-teleport'
   import { useToast } from 'primevue/usetoast'
-  import { ref } from 'vue'
+  import { ref, inject } from 'vue'
   import { useRoute } from 'vue-router'
+  import { handleTrackerError } from '@/utils/errorHandlingTracker'
+
+  /**@type {import('@/plugins/analytics/AnalyticsTrackerAdapter').AnalyticsTrackerAdapter} */
+  const tracker = inject('tracker')
 
   const props = defineProps({
     loadAccountDetailsService: {
@@ -58,6 +62,18 @@
 
   const currentEmail = ref()
 
+  const handleTrackFailedEdit = (error) => {
+    const { fieldName, message } = handleTrackerError(error)
+    tracker.product
+      .failedToEdit({
+        productName: 'User',
+        errorType: 'api',
+        fieldName: fieldName.trim(),
+        errorMessage: message
+      })
+      .track()
+  }
+
   const toast = useToast()
   const formSubmit = async (onSubmit, values) => {
     await onSubmit()
@@ -97,6 +113,7 @@
         :loadService="loadUser"
         :updatedRedirect="props.updatedRedirect"
         :schema="validationSchema"
+        @on-edit-fail="handleTrackFailedEdit"
       >
         <template #form>
           <FormFieldsUsers

From 31797e95bd8988f5a7035ea9c521918c1bb5ffe8 Mon Sep 17 00:00:00 2001
From: paulosf0 <paulo.ferreira@azion.com>
Date: Wed, 18 Sep 2024 15:10:01 -0300
Subject: [PATCH 2/2] fix: rename the error responde endpoint

---
 .../make-edge-application-error-responses-base-url.js           | 2 +-
 .../edit-error-responses-services.test.js                       | 2 +-
 .../list-error-responses-service.test.js                        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/services/edge-application-error-responses-services/make-edge-application-error-responses-base-url.js b/src/services/edge-application-error-responses-services/make-edge-application-error-responses-base-url.js
index 2ffa54ed4..5b72b1957 100644
--- a/src/services/edge-application-error-responses-services/make-edge-application-error-responses-base-url.js
+++ b/src/services/edge-application-error-responses-services/make-edge-application-error-responses-base-url.js
@@ -1,4 +1,4 @@
 export const makeEdgeApplicationErrorResponsesBaseUrl = () => {
   const version = 'v4'
-  return `${version}/edge/applications`
+  return `${version}/edge_application/applications`
 }
diff --git a/src/tests/services/edge-application-error-responses/edit-error-responses-services.test.js b/src/tests/services/edge-application-error-responses/edit-error-responses-services.test.js
index af4cd2dbc..3879bdea1 100644
--- a/src/tests/services/edge-application-error-responses/edit-error-responses-services.test.js
+++ b/src/tests/services/edge-application-error-responses/edit-error-responses-services.test.js
@@ -39,7 +39,7 @@ describe('EdgeApplicationErrorResponsesServices', () => {
     const errorResponse = fixtures.errorResponsePayload.errorResponses[0]
 
     expect(requestSpy).toHaveBeenCalledWith({
-      url: `v4/edge/applications/${fixtures.errorResponsePayload.edgeApplicationId}/error_responses/${fixtures.errorResponsePayload.id}`,
+      url: `v4/edge_application/applications/${fixtures.errorResponsePayload.edgeApplicationId}/error_responses/${fixtures.errorResponsePayload.id}`,
       method: 'PATCH',
       body: {
         error_responses: [
diff --git a/src/tests/services/edge-application-error-responses/list-error-responses-service.test.js b/src/tests/services/edge-application-error-responses/list-error-responses-service.test.js
index 91bc52151..e391bd6a3 100644
--- a/src/tests/services/edge-application-error-responses/list-error-responses-service.test.js
+++ b/src/tests/services/edge-application-error-responses/list-error-responses-service.test.js
@@ -40,7 +40,7 @@ describe('EdgeApplicationErrorResponsesServices', () => {
     await sut({ edgeApplicationId: edgeApplicationId })
 
     expect(requestSpy).toHaveBeenCalledWith({
-      url: `v4/edge/applications/${edgeApplicationId}/error_responses`,
+      url: `v4/edge_application/applications/${edgeApplicationId}/error_responses`,
       method: 'GET'
     })
   })