From 4d9f9a6ddbd41bc3197cf11453e978ce96344c2f Mon Sep 17 00:00:00 2001
From: Lucas Mendes <92529166+lucasmendes21@users.noreply.github.com>
Date: Tue, 29 Oct 2024 12:15:46 -0300
Subject: [PATCH 01/24] [UXE-5512] fix: adjust loop requests waf filter (#1855)

---
 src/templates/empty-results-block/index.vue |  5 ++--
 src/views/WafRules/ListWafRulesTuning.vue   | 28 ++++++++++++---------
 2 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/src/templates/empty-results-block/index.vue b/src/templates/empty-results-block/index.vue
index 885e715b5..d44d7e911 100644
--- a/src/templates/empty-results-block/index.vue
+++ b/src/templates/empty-results-block/index.vue
@@ -16,7 +16,8 @@
     createPagePath: { type: String, required: false },
     createButtonLabel: { type: String, required: false },
     inTabs: { type: Boolean, required: false },
-    noBorder: { type: Boolean, required: false }
+    noBorder: { type: Boolean, required: false },
+    noShowBorderTop: { type: Boolean, required: false, default: false }
   })
   function openDocumentation() {
     props.documentationService()
@@ -36,7 +37,7 @@
   >
     <div
       class="flex flex-col gap-5 justify-center items-center rounded-md p-8 max-md:p-3"
-      :class="{ 'border surface-border': !noBorder }"
+      :class="{ 'border surface-border': !noBorder, 'rounded-t-none': noShowBorderTop }"
     >
       <slot name="illustration">
         <Illustration />
diff --git a/src/views/WafRules/ListWafRulesTuning.vue b/src/views/WafRules/ListWafRulesTuning.vue
index 7feb0a6e0..18290cfa8 100644
--- a/src/views/WafRules/ListWafRulesTuning.vue
+++ b/src/views/WafRules/ListWafRulesTuning.vue
@@ -37,6 +37,16 @@
       class="w-full sm:max-w-xs"
     />
   </div>
+  <div
+    class="border-1 border-bottom-none border-round-top-xl p-3.5 surface-border rounded-md mt-5 rounded-b-none"
+  >
+    <advancedFilter
+      v-model:externalFilter="selectedFilter"
+      v-model:filterAdvanced="selectedFilterAdvanced"
+      :fieldsInFilter="listFields"
+      @applyFilter="filterSearch"
+    />
+  </div>
   <ListTableBlock
     v-show="showListTable"
     pageTitleDelete="WAF rules tuning"
@@ -48,24 +58,18 @@
     :showSelectionMode="true"
     :editInDrawer="openMoreDetails"
     emptyListMessage="No requests found."
-    isTabs
-  >
-    <template #header>
-      <advancedFilter
-        v-model:externalFilter="selectedFilter"
-        v-model:filterAdvanced="selectedFilterAdvanced"
-        :fieldsInFilter="listFields"
-        @applyFilter="filterSearch"
-      />
-    </template>
-  </ListTableBlock>
+    hiddenHeader
+    :pt="{ root: { class: 'rounded-t-none' } }"
+  />
 
   <EmptyResultsBlock
     v-if="!showListTable"
     title="Select a domain to query data"
     description="To use this feature, a domain must be associated with the edge firewall that has a behavior running this WAF rule set."
     :documentationService="props.documentationServiceTuning"
-    :inTabs="true"
+    inTabs
+    noShowBorderTop
+    class="!mt-0"
   >
     <template #default>
       <PrimeButton

From 6de0897a4e5bb85b66ea11594c55be69bddbe83e Mon Sep 17 00:00:00 2001
From: Lucas Mendes <92529166+lucasmendes21@users.noreply.github.com>
Date: Tue, 29 Oct 2024 16:40:24 -0300
Subject: [PATCH 02/24] fix: more details render empty in real time events
 (#1857)

---
 src/router/hooks/guards/SSOManagementGuard.js                 | 2 +-
 .../edge-functions-console/load-edge-functions-console.js     | 4 +---
 src/views/RealTimeEvents/Drawer/edgeFunctionsConsole.vue      | 3 ++-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/router/hooks/guards/SSOManagementGuard.js b/src/router/hooks/guards/SSOManagementGuard.js
index 5382275fe..27eb18dc7 100644
--- a/src/router/hooks/guards/SSOManagementGuard.js
+++ b/src/router/hooks/guards/SSOManagementGuard.js
@@ -4,4 +4,4 @@ export function ssoManagementGuard({ to, accountStore }) {
   if (to.fullPath.includes('identity-providers') && !accountStore.hasAccessToSSOManagement) {
     return '/'
   }
-}
\ No newline at end of file
+}
diff --git a/src/services/real-time-events-service/edge-functions-console/load-edge-functions-console.js b/src/services/real-time-events-service/edge-functions-console/load-edge-functions-console.js
index 424598db4..f4a9088c9 100644
--- a/src/services/real-time-events-service/edge-functions-console/load-edge-functions-console.js
+++ b/src/services/real-time-events-service/edge-functions-console/load-edge-functions-console.js
@@ -40,9 +40,7 @@ const adapt = (filter) => {
     and: {
       configurationIdEq: filter.configurationId,
       sourceEq: filter.source,
-      lineEq: filter.line,
-      idEq: filter.id,
-      tsEq: filter.ts
+      lineEq: filter.line
     }
   }
   return convertGQL(formatFilter, table)
diff --git a/src/views/RealTimeEvents/Drawer/edgeFunctionsConsole.vue b/src/views/RealTimeEvents/Drawer/edgeFunctionsConsole.vue
index b7b36f8c2..7f99adbfe 100644
--- a/src/views/RealTimeEvents/Drawer/edgeFunctionsConsole.vue
+++ b/src/views/RealTimeEvents/Drawer/edgeFunctionsConsole.vue
@@ -4,6 +4,7 @@
   import InfoSection from '@/templates/info-drawer-block/info-section'
   import TextInfo from '@/templates/info-drawer-block/info-labels/text-info.vue'
   import InfoDrawerBlock from '@/templates/info-drawer-block'
+
   defineOptions({ name: 'drawer-events-functions-console' })
 
   const props = defineProps({
@@ -55,7 +56,7 @@
     <template #body>
       <div class="w-full flex flex-col gap-8 max-md:gap-6">
         <InfoSection
-          :title="`Line Source - ${details.lineSource}`"
+          :title="`Line Source - ${details.lineSource ?? ''}`"
           :date="details.ts"
           :tags="tags"
         >

From fb38c9741cb7ade4e94c12aed1e5b3384f36dfcd Mon Sep 17 00:00:00 2001
From: peterpaulo-azion <peterson.silva@azion.com>
Date: Wed, 30 Oct 2024 08:01:19 -0300
Subject: [PATCH 03/24] feat: added new custom ports to edge application form

---
 .../FormFieldsCreateEdgeApplications.vue          | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue b/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue
index 2128ffe11..d0bca46cf 100644
--- a/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue
+++ b/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue
@@ -32,7 +32,10 @@
   const HTTP_PORT_LIST_OPTIONS = [
     { name: '80 (Default)', value: '80' },
     { name: '8008', value: '8008' },
-    { name: '8080', value: '8080' }
+    { name: '8080', value: '8080' },
+
+    // Custom Ports
+    { name: '8880', value: '8880' },
   ]
   const HTTPS_PORT_LIST_OPTIONS = [
     { name: '443 (Default)', value: '443' },
@@ -40,7 +43,15 @@
     { name: '9440', value: '9440' },
     { name: '9441', value: '9441' },
     { name: '9442', value: '9442' },
-    { name: '9443', value: '9443' }
+    { name: '9443', value: '9443' },
+
+    // Custom Ports
+    { name: '7777', value: '7777' },
+    { name: '8888', value: '8888' },
+    { name: '9553', value: '9553' },
+    { name: '9653', value: '9653' },
+    { name: '8035', value: '8035' },
+    { name: '8090', value: '8090' }
   ]
   const TLS_VERSIONS_OPTIONS = [
     { label: 'None', value: 'none' },

From 109da93f8c6532ddf9acd47814bdb01cbdf1e8cf Mon Sep 17 00:00:00 2001
From: peterpaulo-azion <peterson.silva@azion.com>
Date: Wed, 30 Oct 2024 15:50:36 -0300
Subject: [PATCH 04/24] feat: added marketplace products to sidebar menu with
 flag

---
 .../list-sidebar-menus-service.js             |   5 +-
 src/services/sidebar-menus-services/menus.js  | 305 ++++++++++--------
 src/stores/account.js                         |   7 +-
 src/templates/sidebar-block/index.vue         |  21 +-
 .../list-sidebar-menus-service.test.js        |  18 +-
 5 files changed, 205 insertions(+), 151 deletions(-)

diff --git a/src/services/sidebar-menus-services/list-sidebar-menus-service.js b/src/services/sidebar-menus-services/list-sidebar-menus-service.js
index afbf6c503..00283eda3 100644
--- a/src/services/sidebar-menus-services/list-sidebar-menus-service.js
+++ b/src/services/sidebar-menus-services/list-sidebar-menus-service.js
@@ -1,6 +1,7 @@
-import { menus } from './menus'
+import { getMenuItens } from './menus'
 
-export const listSidebarMenusService = () => {
+export const listSidebarMenusService = (showMarketplaceProductsItens) => {
+  const menus = getMenuItens(showMarketplaceProductsItens)
   return adapt(menus)
 }
 
diff --git a/src/services/sidebar-menus-services/menus.js b/src/services/sidebar-menus-services/menus.js
index 2896d462b..6901b04aa 100644
--- a/src/services/sidebar-menus-services/menus.js
+++ b/src/services/sidebar-menus-services/menus.js
@@ -1,141 +1,172 @@
-export const menus = [
-  {
-    label: 'Home',
-    icon: 'ai ai-home',
-    to: '/',
-    id: 'home'
-  },
-  {
-    label: 'Marketplace',
-    icon: 'ai ai-marketplace',
-    to: '/marketplace',
-    id: 'marketplace'
-  },
-  {
-    label: 'Domains',
-    icon: 'ai ai-domains',
-    to: '/domains',
-    id: 'domains'
-  },
-  {
-    label: 'Build',
-    items: [
+export function getMenuItens(showMarketplaceProductsItens) {
+  const menus = [
+    {
+      label: 'Home',
+      icon: 'ai ai-home',
+      to: '/',
+      id: 'home'
+    },
+    {
+      label: 'Marketplace',
+      icon: 'ai ai-marketplace',
+      to: '/marketplace',
+      id: 'marketplace'
+    },
+    {
+      label: 'Domains',
+      icon: 'ai ai-domains',
+      to: '/domains',
+      id: 'domains'
+    },
+    {
+      label: 'Build',
+      items: [
+        {
+          label: 'Edge Application',
+          icon: 'ai ai-edge-application',
+          to: '/edge-applications',
+          id: 'edge-application'
+        },
+        {
+          label: 'Variables',
+          to: '/variables',
+          icon: 'ai ai-variables',
+          id: 'variables'
+        }
+      ]
+    },
+    {
+      label: 'Secure',
+      items: [
+        {
+          label: 'Edge Firewall',
+          to: '/edge-firewall',
+          icon: 'ai ai-edge-firewall',
+          id: 'edge-firewall'
+        },
+        {
+          label: 'Edge DNS',
+          to: '/edge-dns',
+          icon: 'ai ai-edge-dns',
+          id: 'edge-dns'
+        }
+      ]
+    },
+    {
+      label: 'Deploy',
+      items: [
+        {
+          label: 'Edge Nodes',
+          icon: 'ai ai-edge-nodes',
+          to: '/edge-node',
+          id: 'edge-nodes'
+        }
+      ]
+    },
+    {
+      label: 'Observe',
+      items: [
+        {
+          label: 'Data Stream',
+          to: '/data-stream',
+          icon: 'ai ai-data-stream',
+          id: 'data-stream'
+        },
+        {
+          label: 'Edge Pulse',
+          to: '/edge-pulse',
+          icon: 'ai ai-edge-pulse',
+          id: 'edge-pulse'
+        },
+        {
+          label: 'Real-Time Metrics',
+          to: '/real-time-metrics',
+          icon: 'ai ai-real-time-metrics',
+          id: 'real-time-metrics'
+        },
+        {
+          label: 'Real-Time Events',
+          to: '/real-time-events',
+          icon: 'ai ai-real-time-events',
+          tag: 'Preview',
+          id: 'real-time-events'
+        }
+      ]
+    },
+    {
+      label: 'Tools',
+      items: [
+        {
+          label: 'Real-Time Purge',
+          to: '/real-time-purge',
+          icon: 'ai ai-real-time-purge',
+          id: 'real-time-purge'
+        }
+      ]
+    },
+    {
+      label: 'Edge Libraries ',
+      items: [
+        {
+          label: 'Edge Functions',
+          to: '/edge-functions',
+          icon: 'ai ai-edge-functions',
+          id: 'edge-functions'
+        },
+        {
+          label: 'Edge Services',
+          to: '/edge-services',
+          icon: 'ai ai-edge-services',
+          id: 'edge-services'
+        },
+        {
+          label: 'Digital Certificates',
+          to: '/digital-certificates',
+          icon: 'ai ai-digital-certificates',
+          id: 'digital-certificates'
+        },
+        {
+          label: 'Network Lists',
+          to: '/network-lists',
+          icon: 'ai ai-network-lists',
+          id: 'network-lists'
+        },
+        {
+          label: 'WAF Rules',
+          to: '/waf',
+          icon: 'ai ai-waf-rules',
+          id: 'waf-rules'
+        }
+      ]
+    }
+  ]
+
+  if (showMarketplaceProductsItens) {
+    const marketplaceProductsMenus = [
       {
-        label: 'Edge Application',
-        icon: 'ai ai-edge-application',
-        to: '/edge-applications',
-        id: 'edge-application'
+        label: 'Marketplace Products',
+        items: [
+          {
+            label: 'Bot Manager',
+            icon: 'pi pi-wrench',
+            to: 'https://portal.radwarebotmanager.com/account/login',
+            id: 'bot-manager',
+            external: true
+          },
+          {
+            label: 'SIEM',
+            to: 'https://f0semqqgv4.map.azionedge.net/login',
+            icon: 'pi pi-chart-bar',
+            id: 'siem',
+            external: true
+          }
+        ]
       },
-      {
-        label: 'Variables',
-        to: '/variables',
-        icon: 'ai ai-variables',
-        id: 'variables'
-      }
-    ]
-  },
-  {
-    label: 'Secure',
-    items: [
-      {
-        label: 'Edge Firewall',
-        to: '/edge-firewall',
-        icon: 'ai ai-edge-firewall',
-        id: 'edge-firewall'
-      },
-      {
-        label: 'Edge DNS',
-        to: '/edge-dns',
-        icon: 'ai ai-edge-dns',
-        id: 'edge-dns'
-      }
-    ]
-  },
-  {
-    label: 'Deploy',
-    items: [
-      {
-        label: 'Edge Nodes',
-        icon: 'ai ai-edge-nodes',
-        to: '/edge-node',
-        id: 'edge-nodes'
-      }
-    ]
-  },
-  {
-    label: 'Observe',
-    items: [
-      {
-        label: 'Data Stream',
-        to: '/data-stream',
-        icon: 'ai ai-data-stream',
-        id: 'data-stream'
-      },
-      {
-        label: 'Edge Pulse',
-        to: '/edge-pulse',
-        icon: 'ai ai-edge-pulse',
-        id: 'edge-pulse'
-      },
-      {
-        label: 'Real-Time Metrics',
-        to: '/real-time-metrics',
-        icon: 'ai ai-real-time-metrics',
-        id: 'real-time-metrics'
-      },
-      {
-        label: 'Real-Time Events',
-        to: '/real-time-events',
-        icon: 'ai ai-real-time-events',
-        tag: 'Preview',
-        id: 'real-time-events'
-      }
-    ]
-  },
-  {
-    label: 'Tools',
-    items: [
-      {
-        label: 'Real-Time Purge',
-        to: '/real-time-purge',
-        icon: 'ai ai-real-time-purge',
-        id: 'real-time-purge'
-      }
-    ]
-  },
-  {
-    label: 'Edge Libraries ',
-    items: [
-      {
-        label: 'Edge Functions',
-        to: '/edge-functions',
-        icon: 'ai ai-edge-functions',
-        id: 'edge-functions'
-      },
-      {
-        label: 'Edge Services',
-        to: '/edge-services',
-        icon: 'ai ai-edge-services',
-        id: 'edge-services'
-      },
-      {
-        label: 'Digital Certificates',
-        to: '/digital-certificates',
-        icon: 'ai ai-digital-certificates',
-        id: 'digital-certificates'
-      },
-      {
-        label: 'Network Lists',
-        to: '/network-lists',
-        icon: 'ai ai-network-lists',
-        id: 'network-lists'
-      },
-      {
-        label: 'WAF Rules',
-        to: '/waf',
-        icon: 'ai ai-waf-rules',
-        id: 'waf-rules'
-      }
+
     ]
+
+    menus.push(...marketplaceProductsMenus)
   }
-]
+
+  return menus
+}
diff --git a/src/stores/account.js b/src/stores/account.js
index ad5f0abdc..b8c3c2d76 100644
--- a/src/stores/account.js
+++ b/src/stores/account.js
@@ -18,7 +18,8 @@ export const useAccountStore = defineStore({
     flags: {
       RESTRICT_ACCESS_TO_METRICS_ONLY: 'allow_only_metrics_on_console',
       FULL_CONSOLE_ACCESS: 'allow_console',
-      SSO_MANAGEMENT: 'federated_auth'
+      SSO_MANAGEMENT: 'federated_auth',
+      MARKETPLACE_PRODUCTS: 'marketplace_products'
     }
   }),
   getters: {
@@ -82,6 +83,10 @@ export const useAccountStore = defineStore({
       return [state.accountStatuses.BLOCKED, state.accountStatuses.DEFAULTING].includes(
         state.account?.status
       )
+    },
+    hasAccessToMarketplaceProducts(state) {
+      const { flags, account } = state
+      return account?.client_flags?.includes(flags.MARKETPLACE_PRODUCTS)
     }
   },
   actions: {
diff --git a/src/templates/sidebar-block/index.vue b/src/templates/sidebar-block/index.vue
index 48f7dd540..9af2e9431 100644
--- a/src/templates/sidebar-block/index.vue
+++ b/src/templates/sidebar-block/index.vue
@@ -41,7 +41,7 @@
         <a
           class="flex h-9"
           v-bind="props.action"
-          @click="redirectToRoute(item.to)"
+          @click="redirectToRoute(item)"
           @click.middle="windowOpen(item.to)"
           :data-testid="`sidebar-block__menu-item__${item.id}`"
         >
@@ -74,29 +74,32 @@
 
   defineOptions({ name: 'sidebar-block' })
 
+  const router = useRouter()
   const accountStore = useAccountStore()
   const TYPE_CLIENT = 'client'
   const isAccountTypeClient = computed(() => accountStore.account.kind === TYPE_CLIENT)
-
-  const router = useRouter()
-
   const showSidebar = ref(false)
 
   const sidebarToggle = () => {
     showSidebar.value = !showSidebar.value
   }
 
-  const redirectToRoute = (route) => {
+  const redirectToRoute = (item) => {
+    const { to: route, external = false } = item
     sidebarToggle()
-    if (meta.value || control.value) {
+
+    const shouldOpenInNewWindow = meta.value || control.value || external
+    if (shouldOpenInNewWindow) {
       windowOpen(route)
-      return
+    } else {
+      router.push(route)
     }
-    router.push(route)
   }
 
+  const showMarketplaceProductsInMenu = computed(() => accountStore.hasAccessToMarketplaceProducts)
+
   const menus = computed(() => {
-    const response = listSidebarMenusService()
+    const response = listSidebarMenusService(showMarketplaceProductsInMenu.value)
 
     return response.body.menus
   })
diff --git a/src/tests/services/sidebar-menus-services/list-sidebar-menus-service.test.js b/src/tests/services/sidebar-menus-services/list-sidebar-menus-service.test.js
index e52140b99..18ffa27b5 100644
--- a/src/tests/services/sidebar-menus-services/list-sidebar-menus-service.test.js
+++ b/src/tests/services/sidebar-menus-services/list-sidebar-menus-service.test.js
@@ -1,9 +1,10 @@
 import { listSidebarMenusService } from '@/services/sidebar-menus-services'
-import { menus } from '@/services/sidebar-menus-services/menus'
+import { getMenuItens } from '@/services/sidebar-menus-services/menus'
 import { describe, expect, it } from 'vitest'
 
 const fixtures = {
-  menusMock: menus
+  menusMock: getMenuItens(),
+  menusMockWithMarketplaceProducts: getMenuItens(true)
 }
 
 const makeSut = () => {
@@ -27,4 +28,17 @@ describe('SidebarMenusServices', () => {
       statusCode: 200
     })
   })
+
+  it('should return correct menus with marketplace products', async () => {
+    const { sut } = makeSut()
+
+    const result = sut(true)
+
+    expect(result).toEqual({
+      body: {
+        menus: fixtures.menusMockWithMarketplaceProducts
+      },
+      statusCode: 200
+    })
+  })
 })

From ec43ce904ab77b7432ccafbdf538676de43b9b7f Mon Sep 17 00:00:00 2001
From: peterpaulo-azion <peterson.silva@azion.com>
Date: Wed, 30 Oct 2024 16:23:20 -0300
Subject: [PATCH 05/24] chore: lint files

---
 src/services/sidebar-menus-services/menus.js  |   3 +-
 .../FormFieldsCreateEdgeApplications.vue      |   2 +-
 ....timestamp-1730316192535-955b8216b4a1d.mjs | 143 ++++++++++++++++++
 3 files changed, 145 insertions(+), 3 deletions(-)
 create mode 100644 vitest.config.js.timestamp-1730316192535-955b8216b4a1d.mjs

diff --git a/src/services/sidebar-menus-services/menus.js b/src/services/sidebar-menus-services/menus.js
index 6901b04aa..d0843efb7 100644
--- a/src/services/sidebar-menus-services/menus.js
+++ b/src/services/sidebar-menus-services/menus.js
@@ -161,8 +161,7 @@ export function getMenuItens(showMarketplaceProductsItens) {
             external: true
           }
         ]
-      },
-
+      }
     ]
 
     menus.push(...marketplaceProductsMenus)
diff --git a/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue b/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue
index d0bca46cf..b6ce51912 100644
--- a/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue
+++ b/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue
@@ -35,7 +35,7 @@
     { name: '8080', value: '8080' },
 
     // Custom Ports
-    { name: '8880', value: '8880' },
+    { name: '8880', value: '8880' }
   ]
   const HTTPS_PORT_LIST_OPTIONS = [
     { name: '443 (Default)', value: '443' },
diff --git a/vitest.config.js.timestamp-1730316192535-955b8216b4a1d.mjs b/vitest.config.js.timestamp-1730316192535-955b8216b4a1d.mjs
new file mode 100644
index 000000000..95a3f74e0
--- /dev/null
+++ b/vitest.config.js.timestamp-1730316192535-955b8216b4a1d.mjs
@@ -0,0 +1,143 @@
+// vitest.config.js
+import { fileURLToPath as fileURLToPath2 } from "node:url";
+import { mergeConfig, defineConfig as defineConfig2 } from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/vite/dist/node/index.js";
+import { configDefaults } from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/vitest/dist/config.js";
+
+// vite.config.js
+import { fileURLToPath, URL as URL2 } from "node:url";
+import process from "process";
+import vue from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/@vitejs/plugin-vue/dist/index.mjs";
+import vueJsx from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/@vitejs/plugin-vue-jsx/dist/index.mjs";
+import { defineConfig, loadEnv } from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/vite/dist/node/index.js";
+import istanbul from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/vite-plugin-istanbul/dist/index.mjs";
+var __vite_injected_original_import_meta_url = "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/vite.config.js";
+var getConfig = () => {
+  const env = loadEnv("development", process.cwd());
+  const URLStartPrefix = env.VITE_ENVIRONMENT === "production" ? "https://" : "https://stage-";
+  return {
+    plugins: [
+      vue(),
+      vueJsx(),
+      istanbul({
+        nycrcPath: ".nycrc"
+      })
+    ],
+    resolve: {
+      extensions: [".mjs", ".js", ".mts", ".ts", ".jsx", ".tsx", ".json", ".vue"],
+      alias: {
+        "@": fileURLToPath(new URL2("./src", __vite_injected_original_import_meta_url)),
+        "@templates": fileURLToPath(new URL2("./src/templates", __vite_injected_original_import_meta_url)),
+        "@views": fileURLToPath(new URL2("./src/views", __vite_injected_original_import_meta_url)),
+        "@services": fileURLToPath(new URL2("./src/services", __vite_injected_original_import_meta_url)),
+        "@stores": fileURLToPath(new URL2("./src/stores", __vite_injected_original_import_meta_url)),
+        "@assets": fileURLToPath(new URL2("./src/assets", __vite_injected_original_import_meta_url)),
+        "@routes": fileURLToPath(new URL2("./src/router/routes", __vite_injected_original_import_meta_url)),
+        "@modules": fileURLToPath(new URL2("./src/modules", __vite_injected_original_import_meta_url))
+      }
+    },
+    server: {
+      proxy: {
+        "^/api/(marketplace|script-runner|template-engine|iam)": {
+          target: `${URLStartPrefix}manager.azion.com/`,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/api\/(marketplace|script-runner|template-engine|iam)/, "/$1/api")
+        },
+        "^/api/vcs": {
+          target: `${URLStartPrefix}vcs-api.azion.net/`,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/api\/vcs/, "/vcs/api")
+        },
+        "/graphql/cities": {
+          target: `${URLStartPrefix}cities.azion.com`,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/graphql\/cities/, "/graphql")
+        },
+        "/graphql/billing": {
+          target: `${URLStartPrefix}manager.azion.com`,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/graphql\/billing/, "/billing/graphql")
+        },
+        "/api/webhook/console_feedback": {
+          target: `https://automate.azion.net/`,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/api/, "")
+        },
+        "^/api/(account|user|token|switch-account|auth|password|totp)|^/logout": {
+          target: `${URLStartPrefix}sso.azion.com`,
+          changeOrigin: true,
+          cookieDomainRewrite: { "*": "" }
+        },
+        "/api": {
+          target: `${URLStartPrefix}api.azion.com`,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/api/, "")
+        },
+        "/webpagetest": {
+          target: `https://www.azion.com/api/webpagetest`,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/webpagetest/, "")
+        },
+        "/webpagetest-external": {
+          target: `https://www.azion.com/api/webpagetest`,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/webpagetest-external/, "")
+        }
+      }
+    }
+  };
+};
+var vite_config_default = defineConfig(getConfig());
+
+// vitest.config.js
+var __vite_injected_original_import_meta_url2 = "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/vitest.config.js";
+var vitest_config_default = mergeConfig(
+  vite_config_default,
+  defineConfig2({
+    test: {
+      setupFiles: ["src/tests/setup-tests.js"],
+      environment: "jsdom",
+      passWithNoTests: true,
+      exclude: [
+        ...configDefaults.exclude,
+        "e2e/*",
+        "cypress",
+        "azion",
+        ".vscode",
+        ".husky",
+        ".vite",
+        ".github",
+        "docs",
+        "public"
+      ],
+      root: fileURLToPath2(new URL("./", __vite_injected_original_import_meta_url2)),
+      transformMode: {
+        web: [/\.[jt]sx$/]
+      },
+      coverage: {
+        enabled: true,
+        include: [
+          "src/services/**",
+          "src/views/**",
+          "src/helpers/**",
+          "src/plugins/**",
+          "src/modules/**"
+        ],
+        statements: 91,
+        branches: 91,
+        functions: 91,
+        lines: 91,
+        reporter: ["text", "lcov", "html"],
+        reportsDirectory: "./coverage/unit"
+      },
+      reporters: ["default", "vitest-sonar-reporter"],
+      outputFile: {
+        "vitest-sonar-reporter": "./coverage/unit/sonar-report.xml"
+      },
+      testTimeout: 3e4
+    }
+  })
+);
+export {
+  vitest_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZXN0LmNvbmZpZy5qcyIsICJ2aXRlLmNvbmZpZy5qcyJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiY29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2Rpcm5hbWUgPSBcIi9Vc2Vycy9wZXRlcnNvbi5zaWx2YS9EZXNrdG9wL1JlcG9zL2F6aW9uLWNvbnNvbGUta2l0XCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvVXNlcnMvcGV0ZXJzb24uc2lsdmEvRGVza3RvcC9SZXBvcy9hemlvbi1jb25zb2xlLWtpdC92aXRlc3QuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9Vc2Vycy9wZXRlcnNvbi5zaWx2YS9EZXNrdG9wL1JlcG9zL2F6aW9uLWNvbnNvbGUta2l0L3ZpdGVzdC5jb25maWcuanNcIjtpbXBvcnQgeyBmaWxlVVJMVG9QYXRoIH0gZnJvbSAnbm9kZTp1cmwnXG5pbXBvcnQgeyBtZXJnZUNvbmZpZywgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSdcbmltcG9ydCB7IGNvbmZpZ0RlZmF1bHRzIH0gZnJvbSAndml0ZXN0L2NvbmZpZydcbmltcG9ydCB2aXRlQ29uZmlnIGZyb20gJy4vdml0ZS5jb25maWcnXG5cbmV4cG9ydCBkZWZhdWx0IG1lcmdlQ29uZmlnKFxuICB2aXRlQ29uZmlnLFxuICBkZWZpbmVDb25maWcoe1xuICAgIHRlc3Q6IHtcbiAgICAgIHNldHVwRmlsZXM6IFsnc3JjL3Rlc3RzL3NldHVwLXRlc3RzLmpzJ10sXG4gICAgICBlbnZpcm9ubWVudDogJ2pzZG9tJyxcbiAgICAgIHBhc3NXaXRoTm9UZXN0czogdHJ1ZSxcbiAgICAgIGV4Y2x1ZGU6IFtcbiAgICAgICAgLi4uY29uZmlnRGVmYXVsdHMuZXhjbHVkZSxcbiAgICAgICAgJ2UyZS8qJyxcbiAgICAgICAgJ2N5cHJlc3MnLFxuICAgICAgICAnYXppb24nLFxuICAgICAgICAnLnZzY29kZScsXG4gICAgICAgICcuaHVza3knLFxuICAgICAgICAnLnZpdGUnLFxuICAgICAgICAnLmdpdGh1YicsXG4gICAgICAgICdkb2NzJyxcbiAgICAgICAgJ3B1YmxpYydcbiAgICAgIF0sXG4gICAgICByb290OiBmaWxlVVJMVG9QYXRoKG5ldyBVUkwoJy4vJywgaW1wb3J0Lm1ldGEudXJsKSksXG4gICAgICB0cmFuc2Zvcm1Nb2RlOiB7XG4gICAgICAgIHdlYjogWy9cXC5banRdc3gkL11cbiAgICAgIH0sXG4gICAgICBjb3ZlcmFnZToge1xuICAgICAgICBlbmFibGVkOiB0cnVlLFxuICAgICAgICBpbmNsdWRlOiBbXG4gICAgICAgICAgJ3NyYy9zZXJ2aWNlcy8qKicsXG4gICAgICAgICAgJ3NyYy92aWV3cy8qKicsXG4gICAgICAgICAgJ3NyYy9oZWxwZXJzLyoqJyxcbiAgICAgICAgICAnc3JjL3BsdWdpbnMvKionLFxuICAgICAgICAgICdzcmMvbW9kdWxlcy8qKidcbiAgICAgICAgXSxcbiAgICAgICAgc3RhdGVtZW50czogOTEsXG4gICAgICAgIGJyYW5jaGVzOiA5MSxcbiAgICAgICAgZnVuY3Rpb25zOiA5MSxcbiAgICAgICAgbGluZXM6IDkxLFxuICAgICAgICByZXBvcnRlcjogWyd0ZXh0JywgJ2xjb3YnLCAnaHRtbCddLFxuICAgICAgICByZXBvcnRzRGlyZWN0b3J5OiAnLi9jb3ZlcmFnZS91bml0JyxcbiAgICAgIH0sXG4gICAgICByZXBvcnRlcnM6IFsnZGVmYXVsdCcsICd2aXRlc3Qtc29uYXItcmVwb3J0ZXInXSxcbiAgICAgIG91dHB1dEZpbGU6IHtcbiAgICAgICAgJ3ZpdGVzdC1zb25hci1yZXBvcnRlcic6ICcuL2NvdmVyYWdlL3VuaXQvc29uYXItcmVwb3J0LnhtbCdcbiAgICAgIH0sXG4gICAgICB0ZXN0VGltZW91dDogMzAwMDBcbiAgICB9XG4gIH0pXG4pXG4iLCAiY29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2Rpcm5hbWUgPSBcIi9Vc2Vycy9wZXRlcnNvbi5zaWx2YS9EZXNrdG9wL1JlcG9zL2F6aW9uLWNvbnNvbGUta2l0XCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvVXNlcnMvcGV0ZXJzb24uc2lsdmEvRGVza3RvcC9SZXBvcy9hemlvbi1jb25zb2xlLWtpdC92aXRlLmNvbmZpZy5qc1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwgPSBcImZpbGU6Ly8vVXNlcnMvcGV0ZXJzb24uc2lsdmEvRGVza3RvcC9SZXBvcy9hemlvbi1jb25zb2xlLWtpdC92aXRlLmNvbmZpZy5qc1wiO2ltcG9ydCB7IGZpbGVVUkxUb1BhdGgsIFVSTCB9IGZyb20gJ25vZGU6dXJsJ1xuaW1wb3J0IHByb2Nlc3MgZnJvbSAncHJvY2VzcydcblxuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXG5pbXBvcnQgdnVlSnN4IGZyb20gJ0B2aXRlanMvcGx1Z2luLXZ1ZS1qc3gnXG5pbXBvcnQgeyBkZWZpbmVDb25maWcsIGxvYWRFbnYgfSBmcm9tICd2aXRlJ1xuaW1wb3J0IGlzdGFuYnVsIGZyb20gJ3ZpdGUtcGx1Z2luLWlzdGFuYnVsJ1xuXG5jb25zdCBnZXRDb25maWcgPSAoKSA9PiB7XG4gIGNvbnN0IGVudiA9IGxvYWRFbnYoJ2RldmVsb3BtZW50JywgcHJvY2Vzcy5jd2QoKSlcbiAgY29uc3QgVVJMU3RhcnRQcmVmaXggPSBlbnYuVklURV9FTlZJUk9OTUVOVCA9PT0gJ3Byb2R1Y3Rpb24nID8gJ2h0dHBzOi8vJyA6ICdodHRwczovL3N0YWdlLSdcblxuICByZXR1cm4ge1xuICAgIHBsdWdpbnM6IFtcbiAgICAgIHZ1ZSgpLFxuICAgICAgdnVlSnN4KCksXG4gICAgICBpc3RhbmJ1bCh7XG4gICAgICAgIG55Y3JjUGF0aDogJy5ueWNyYydcbiAgICAgIH0pXG4gICAgXSxcbiAgICByZXNvbHZlOiB7XG4gICAgICBleHRlbnNpb25zOiBbJy5tanMnLCAnLmpzJywgJy5tdHMnLCAnLnRzJywgJy5qc3gnLCAnLnRzeCcsICcuanNvbicsICcudnVlJ10sXG4gICAgICBhbGlhczoge1xuICAgICAgICAnQCc6IGZpbGVVUkxUb1BhdGgobmV3IFVSTCgnLi9zcmMnLCBpbXBvcnQubWV0YS51cmwpKSxcbiAgICAgICAgJ0B0ZW1wbGF0ZXMnOiBmaWxlVVJMVG9QYXRoKG5ldyBVUkwoJy4vc3JjL3RlbXBsYXRlcycsIGltcG9ydC5tZXRhLnVybCkpLFxuICAgICAgICAnQHZpZXdzJzogZmlsZVVSTFRvUGF0aChuZXcgVVJMKCcuL3NyYy92aWV3cycsIGltcG9ydC5tZXRhLnVybCkpLFxuICAgICAgICAnQHNlcnZpY2VzJzogZmlsZVVSTFRvUGF0aChuZXcgVVJMKCcuL3NyYy9zZXJ2aWNlcycsIGltcG9ydC5tZXRhLnVybCkpLFxuICAgICAgICAnQHN0b3Jlcyc6IGZpbGVVUkxUb1BhdGgobmV3IFVSTCgnLi9zcmMvc3RvcmVzJywgaW1wb3J0Lm1ldGEudXJsKSksXG4gICAgICAgICdAYXNzZXRzJzogZmlsZVVSTFRvUGF0aChuZXcgVVJMKCcuL3NyYy9hc3NldHMnLCBpbXBvcnQubWV0YS51cmwpKSxcbiAgICAgICAgJ0Byb3V0ZXMnOiBmaWxlVVJMVG9QYXRoKG5ldyBVUkwoJy4vc3JjL3JvdXRlci9yb3V0ZXMnLCBpbXBvcnQubWV0YS51cmwpKSxcbiAgICAgICAgJ0Btb2R1bGVzJzogZmlsZVVSTFRvUGF0aChuZXcgVVJMKCcuL3NyYy9tb2R1bGVzJywgaW1wb3J0Lm1ldGEudXJsKSlcbiAgICAgIH1cbiAgICB9LFxuICAgIHNlcnZlcjoge1xuICAgICAgcHJveHk6IHtcbiAgICAgICAgJ14vYXBpLyhtYXJrZXRwbGFjZXxzY3JpcHQtcnVubmVyfHRlbXBsYXRlLWVuZ2luZXxpYW0pJzoge1xuICAgICAgICAgIHRhcmdldDogYCR7VVJMU3RhcnRQcmVmaXh9bWFuYWdlci5hemlvbi5jb20vYCxcbiAgICAgICAgICBjaGFuZ2VPcmlnaW46IHRydWUsXG4gICAgICAgICAgcmV3cml0ZTogKHBhdGgpID0+XG4gICAgICAgICAgICBwYXRoLnJlcGxhY2UoL15cXC9hcGlcXC8obWFya2V0cGxhY2V8c2NyaXB0LXJ1bm5lcnx0ZW1wbGF0ZS1lbmdpbmV8aWFtKS8sICcvJDEvYXBpJylcbiAgICAgICAgfSxcbiAgICAgICAgJ14vYXBpL3Zjcyc6IHtcbiAgICAgICAgICB0YXJnZXQ6IGAke1VSTFN0YXJ0UHJlZml4fXZjcy1hcGkuYXppb24ubmV0L2AsXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAgIHJld3JpdGU6IChwYXRoKSA9PiBwYXRoLnJlcGxhY2UoL15cXC9hcGlcXC92Y3MvLCAnL3Zjcy9hcGknKVxuICAgICAgICB9LFxuICAgICAgICAnL2dyYXBocWwvY2l0aWVzJzoge1xuICAgICAgICAgIHRhcmdldDogYCR7VVJMU3RhcnRQcmVmaXh9Y2l0aWVzLmF6aW9uLmNvbWAsXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAgIHJld3JpdGU6IChwYXRoKSA9PiBwYXRoLnJlcGxhY2UoL15cXC9ncmFwaHFsXFwvY2l0aWVzLywgJy9ncmFwaHFsJylcbiAgICAgICAgfSxcbiAgICAgICAgJy9ncmFwaHFsL2JpbGxpbmcnOiB7XG4gICAgICAgICAgdGFyZ2V0OiBgJHtVUkxTdGFydFByZWZpeH1tYW5hZ2VyLmF6aW9uLmNvbWAsXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAgIHJld3JpdGU6IChwYXRoKSA9PiBwYXRoLnJlcGxhY2UoL15cXC9ncmFwaHFsXFwvYmlsbGluZy8sICcvYmlsbGluZy9ncmFwaHFsJylcbiAgICAgICAgfSxcbiAgICAgICAgJy9hcGkvd2ViaG9vay9jb25zb2xlX2ZlZWRiYWNrJzoge1xuICAgICAgICAgIHRhcmdldDogYGh0dHBzOi8vYXV0b21hdGUuYXppb24ubmV0L2AsXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAgIHJld3JpdGU6IChwYXRoKSA9PiBwYXRoLnJlcGxhY2UoL15cXC9hcGkvLCAnJylcbiAgICAgICAgfSxcbiAgICAgICAgJ14vYXBpLyhhY2NvdW50fHVzZXJ8dG9rZW58c3dpdGNoLWFjY291bnR8YXV0aHxwYXNzd29yZHx0b3RwKXxeL2xvZ291dCc6IHtcbiAgICAgICAgICB0YXJnZXQ6IGAke1VSTFN0YXJ0UHJlZml4fXNzby5hemlvbi5jb21gLFxuICAgICAgICAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcbiAgICAgICAgICBjb29raWVEb21haW5SZXdyaXRlOiB7ICcqJzogJycgfVxuICAgICAgICB9LFxuICAgICAgICAnL2FwaSc6IHtcbiAgICAgICAgICB0YXJnZXQ6IGAke1VSTFN0YXJ0UHJlZml4fWFwaS5hemlvbi5jb21gLFxuICAgICAgICAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcbiAgICAgICAgICByZXdyaXRlOiAocGF0aCkgPT4gcGF0aC5yZXBsYWNlKC9eXFwvYXBpLywgJycpXG4gICAgICAgIH0sXG4gICAgICAgICcvd2VicGFnZXRlc3QnOiB7XG4gICAgICAgICAgdGFyZ2V0OiBgaHR0cHM6Ly93d3cuYXppb24uY29tL2FwaS93ZWJwYWdldGVzdGAsXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAgIHJld3JpdGU6IChwYXRoKSA9PiBwYXRoLnJlcGxhY2UoL15cXC93ZWJwYWdldGVzdC8sICcnKVxuICAgICAgICB9LFxuICAgICAgICAnL3dlYnBhZ2V0ZXN0LWV4dGVybmFsJzoge1xuICAgICAgICAgIHRhcmdldDogYGh0dHBzOi8vd3d3LmF6aW9uLmNvbS9hcGkvd2VicGFnZXRlc3RgLFxuICAgICAgICAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcbiAgICAgICAgICByZXdyaXRlOiAocGF0aCkgPT4gcGF0aC5yZXBsYWNlKC9eXFwvd2VicGFnZXRlc3QtZXh0ZXJuYWwvLCAnJylcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoZ2V0Q29uZmlnKCkpXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQXFWLFNBQVMsaUJBQUFBLHNCQUFxQjtBQUNuWCxTQUFTLGFBQWEsZ0JBQUFDLHFCQUFvQjtBQUMxQyxTQUFTLHNCQUFzQjs7O0FDRmtULFNBQVMsZUFBZSxPQUFBQyxZQUFXO0FBQ3BYLE9BQU8sYUFBYTtBQUVwQixPQUFPLFNBQVM7QUFDaEIsT0FBTyxZQUFZO0FBQ25CLFNBQVMsY0FBYyxlQUFlO0FBQ3RDLE9BQU8sY0FBYztBQU42TCxJQUFNLDJDQUEyQztBQVFuUSxJQUFNLFlBQVksTUFBTTtBQUN0QixRQUFNLE1BQU0sUUFBUSxlQUFlLFFBQVEsSUFBSSxDQUFDO0FBQ2hELFFBQU0saUJBQWlCLElBQUkscUJBQXFCLGVBQWUsYUFBYTtBQUU1RSxTQUFPO0FBQUEsSUFDTCxTQUFTO0FBQUEsTUFDUCxJQUFJO0FBQUEsTUFDSixPQUFPO0FBQUEsTUFDUCxTQUFTO0FBQUEsUUFDUCxXQUFXO0FBQUEsTUFDYixDQUFDO0FBQUEsSUFDSDtBQUFBLElBQ0EsU0FBUztBQUFBLE1BQ1AsWUFBWSxDQUFDLFFBQVEsT0FBTyxRQUFRLE9BQU8sUUFBUSxRQUFRLFNBQVMsTUFBTTtBQUFBLE1BQzFFLE9BQU87QUFBQSxRQUNMLEtBQUssY0FBYyxJQUFJQyxLQUFJLFNBQVMsd0NBQWUsQ0FBQztBQUFBLFFBQ3BELGNBQWMsY0FBYyxJQUFJQSxLQUFJLG1CQUFtQix3Q0FBZSxDQUFDO0FBQUEsUUFDdkUsVUFBVSxjQUFjLElBQUlBLEtBQUksZUFBZSx3Q0FBZSxDQUFDO0FBQUEsUUFDL0QsYUFBYSxjQUFjLElBQUlBLEtBQUksa0JBQWtCLHdDQUFlLENBQUM7QUFBQSxRQUNyRSxXQUFXLGNBQWMsSUFBSUEsS0FBSSxnQkFBZ0Isd0NBQWUsQ0FBQztBQUFBLFFBQ2pFLFdBQVcsY0FBYyxJQUFJQSxLQUFJLGdCQUFnQix3Q0FBZSxDQUFDO0FBQUEsUUFDakUsV0FBVyxjQUFjLElBQUlBLEtBQUksdUJBQXVCLHdDQUFlLENBQUM7QUFBQSxRQUN4RSxZQUFZLGNBQWMsSUFBSUEsS0FBSSxpQkFBaUIsd0NBQWUsQ0FBQztBQUFBLE1BQ3JFO0FBQUEsSUFDRjtBQUFBLElBQ0EsUUFBUTtBQUFBLE1BQ04sT0FBTztBQUFBLFFBQ0wseURBQXlEO0FBQUEsVUFDdkQsUUFBUSxHQUFHLGNBQWM7QUFBQSxVQUN6QixjQUFjO0FBQUEsVUFDZCxTQUFTLENBQUMsU0FDUixLQUFLLFFBQVEsMkRBQTJELFNBQVM7QUFBQSxRQUNyRjtBQUFBLFFBQ0EsYUFBYTtBQUFBLFVBQ1gsUUFBUSxHQUFHLGNBQWM7QUFBQSxVQUN6QixjQUFjO0FBQUEsVUFDZCxTQUFTLENBQUMsU0FBUyxLQUFLLFFBQVEsZUFBZSxVQUFVO0FBQUEsUUFDM0Q7QUFBQSxRQUNBLG1CQUFtQjtBQUFBLFVBQ2pCLFFBQVEsR0FBRyxjQUFjO0FBQUEsVUFDekIsY0FBYztBQUFBLFVBQ2QsU0FBUyxDQUFDLFNBQVMsS0FBSyxRQUFRLHNCQUFzQixVQUFVO0FBQUEsUUFDbEU7QUFBQSxRQUNBLG9CQUFvQjtBQUFBLFVBQ2xCLFFBQVEsR0FBRyxjQUFjO0FBQUEsVUFDekIsY0FBYztBQUFBLFVBQ2QsU0FBUyxDQUFDLFNBQVMsS0FBSyxRQUFRLHVCQUF1QixrQkFBa0I7QUFBQSxRQUMzRTtBQUFBLFFBQ0EsaUNBQWlDO0FBQUEsVUFDL0IsUUFBUTtBQUFBLFVBQ1IsY0FBYztBQUFBLFVBQ2QsU0FBUyxDQUFDLFNBQVMsS0FBSyxRQUFRLFVBQVUsRUFBRTtBQUFBLFFBQzlDO0FBQUEsUUFDQSx5RUFBeUU7QUFBQSxVQUN2RSxRQUFRLEdBQUcsY0FBYztBQUFBLFVBQ3pCLGNBQWM7QUFBQSxVQUNkLHFCQUFxQixFQUFFLEtBQUssR0FBRztBQUFBLFFBQ2pDO0FBQUEsUUFDQSxRQUFRO0FBQUEsVUFDTixRQUFRLEdBQUcsY0FBYztBQUFBLFVBQ3pCLGNBQWM7QUFBQSxVQUNkLFNBQVMsQ0FBQyxTQUFTLEtBQUssUUFBUSxVQUFVLEVBQUU7QUFBQSxRQUM5QztBQUFBLFFBQ0EsZ0JBQWdCO0FBQUEsVUFDZCxRQUFRO0FBQUEsVUFDUixjQUFjO0FBQUEsVUFDZCxTQUFTLENBQUMsU0FBUyxLQUFLLFFBQVEsa0JBQWtCLEVBQUU7QUFBQSxRQUN0RDtBQUFBLFFBQ0EseUJBQXlCO0FBQUEsVUFDdkIsUUFBUTtBQUFBLFVBQ1IsY0FBYztBQUFBLFVBQ2QsU0FBUyxDQUFDLFNBQVMsS0FBSyxRQUFRLDJCQUEyQixFQUFFO0FBQUEsUUFDL0Q7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFDRjtBQUVBLElBQU8sc0JBQVEsYUFBYSxVQUFVLENBQUM7OztBRHRGNkssSUFBTUMsNENBQTJDO0FBS3JRLElBQU8sd0JBQVE7QUFBQSxFQUNiO0FBQUEsRUFDQUMsY0FBYTtBQUFBLElBQ1gsTUFBTTtBQUFBLE1BQ0osWUFBWSxDQUFDLDBCQUEwQjtBQUFBLE1BQ3ZDLGFBQWE7QUFBQSxNQUNiLGlCQUFpQjtBQUFBLE1BQ2pCLFNBQVM7QUFBQSxRQUNQLEdBQUcsZUFBZTtBQUFBLFFBQ2xCO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxNQUNGO0FBQUEsTUFDQSxNQUFNQyxlQUFjLElBQUksSUFBSSxNQUFNRix5Q0FBZSxDQUFDO0FBQUEsTUFDbEQsZUFBZTtBQUFBLFFBQ2IsS0FBSyxDQUFDLFdBQVc7QUFBQSxNQUNuQjtBQUFBLE1BQ0EsVUFBVTtBQUFBLFFBQ1IsU0FBUztBQUFBLFFBQ1QsU0FBUztBQUFBLFVBQ1A7QUFBQSxVQUNBO0FBQUEsVUFDQTtBQUFBLFVBQ0E7QUFBQSxVQUNBO0FBQUEsUUFDRjtBQUFBLFFBQ0EsWUFBWTtBQUFBLFFBQ1osVUFBVTtBQUFBLFFBQ1YsV0FBVztBQUFBLFFBQ1gsT0FBTztBQUFBLFFBQ1AsVUFBVSxDQUFDLFFBQVEsUUFBUSxNQUFNO0FBQUEsUUFDakMsa0JBQWtCO0FBQUEsTUFDcEI7QUFBQSxNQUNBLFdBQVcsQ0FBQyxXQUFXLHVCQUF1QjtBQUFBLE1BQzlDLFlBQVk7QUFBQSxRQUNWLHlCQUF5QjtBQUFBLE1BQzNCO0FBQUEsTUFDQSxhQUFhO0FBQUEsSUFDZjtBQUFBLEVBQ0YsQ0FBQztBQUNIOyIsCiAgIm5hbWVzIjogWyJmaWxlVVJMVG9QYXRoIiwgImRlZmluZUNvbmZpZyIsICJVUkwiLCAiVVJMIiwgIl9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwiLCAiZGVmaW5lQ29uZmlnIiwgImZpbGVVUkxUb1BhdGgiXQp9Cg==

From 7191e436fd6a321df8b99ab1da55271ef8751a5f Mon Sep 17 00:00:00 2001
From: peterpaulo-azion <peterson.silva@azion.com>
Date: Wed, 30 Oct 2024 16:24:33 -0300
Subject: [PATCH 06/24] chore: remove vite timestamp

---
 ....timestamp-1730316192535-955b8216b4a1d.mjs | 143 ------------------
 1 file changed, 143 deletions(-)
 delete mode 100644 vitest.config.js.timestamp-1730316192535-955b8216b4a1d.mjs

diff --git a/vitest.config.js.timestamp-1730316192535-955b8216b4a1d.mjs b/vitest.config.js.timestamp-1730316192535-955b8216b4a1d.mjs
deleted file mode 100644
index 95a3f74e0..000000000
--- a/vitest.config.js.timestamp-1730316192535-955b8216b4a1d.mjs
+++ /dev/null
@@ -1,143 +0,0 @@
-// vitest.config.js
-import { fileURLToPath as fileURLToPath2 } from "node:url";
-import { mergeConfig, defineConfig as defineConfig2 } from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/vite/dist/node/index.js";
-import { configDefaults } from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/vitest/dist/config.js";
-
-// vite.config.js
-import { fileURLToPath, URL as URL2 } from "node:url";
-import process from "process";
-import vue from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/@vitejs/plugin-vue/dist/index.mjs";
-import vueJsx from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/@vitejs/plugin-vue-jsx/dist/index.mjs";
-import { defineConfig, loadEnv } from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/vite/dist/node/index.js";
-import istanbul from "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/node_modules/vite-plugin-istanbul/dist/index.mjs";
-var __vite_injected_original_import_meta_url = "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/vite.config.js";
-var getConfig = () => {
-  const env = loadEnv("development", process.cwd());
-  const URLStartPrefix = env.VITE_ENVIRONMENT === "production" ? "https://" : "https://stage-";
-  return {
-    plugins: [
-      vue(),
-      vueJsx(),
-      istanbul({
-        nycrcPath: ".nycrc"
-      })
-    ],
-    resolve: {
-      extensions: [".mjs", ".js", ".mts", ".ts", ".jsx", ".tsx", ".json", ".vue"],
-      alias: {
-        "@": fileURLToPath(new URL2("./src", __vite_injected_original_import_meta_url)),
-        "@templates": fileURLToPath(new URL2("./src/templates", __vite_injected_original_import_meta_url)),
-        "@views": fileURLToPath(new URL2("./src/views", __vite_injected_original_import_meta_url)),
-        "@services": fileURLToPath(new URL2("./src/services", __vite_injected_original_import_meta_url)),
-        "@stores": fileURLToPath(new URL2("./src/stores", __vite_injected_original_import_meta_url)),
-        "@assets": fileURLToPath(new URL2("./src/assets", __vite_injected_original_import_meta_url)),
-        "@routes": fileURLToPath(new URL2("./src/router/routes", __vite_injected_original_import_meta_url)),
-        "@modules": fileURLToPath(new URL2("./src/modules", __vite_injected_original_import_meta_url))
-      }
-    },
-    server: {
-      proxy: {
-        "^/api/(marketplace|script-runner|template-engine|iam)": {
-          target: `${URLStartPrefix}manager.azion.com/`,
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/api\/(marketplace|script-runner|template-engine|iam)/, "/$1/api")
-        },
-        "^/api/vcs": {
-          target: `${URLStartPrefix}vcs-api.azion.net/`,
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/api\/vcs/, "/vcs/api")
-        },
-        "/graphql/cities": {
-          target: `${URLStartPrefix}cities.azion.com`,
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/graphql\/cities/, "/graphql")
-        },
-        "/graphql/billing": {
-          target: `${URLStartPrefix}manager.azion.com`,
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/graphql\/billing/, "/billing/graphql")
-        },
-        "/api/webhook/console_feedback": {
-          target: `https://automate.azion.net/`,
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/api/, "")
-        },
-        "^/api/(account|user|token|switch-account|auth|password|totp)|^/logout": {
-          target: `${URLStartPrefix}sso.azion.com`,
-          changeOrigin: true,
-          cookieDomainRewrite: { "*": "" }
-        },
-        "/api": {
-          target: `${URLStartPrefix}api.azion.com`,
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/api/, "")
-        },
-        "/webpagetest": {
-          target: `https://www.azion.com/api/webpagetest`,
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/webpagetest/, "")
-        },
-        "/webpagetest-external": {
-          target: `https://www.azion.com/api/webpagetest`,
-          changeOrigin: true,
-          rewrite: (path) => path.replace(/^\/webpagetest-external/, "")
-        }
-      }
-    }
-  };
-};
-var vite_config_default = defineConfig(getConfig());
-
-// vitest.config.js
-var __vite_injected_original_import_meta_url2 = "file:///Users/peterson.silva/Desktop/Repos/azion-console-kit/vitest.config.js";
-var vitest_config_default = mergeConfig(
-  vite_config_default,
-  defineConfig2({
-    test: {
-      setupFiles: ["src/tests/setup-tests.js"],
-      environment: "jsdom",
-      passWithNoTests: true,
-      exclude: [
-        ...configDefaults.exclude,
-        "e2e/*",
-        "cypress",
-        "azion",
-        ".vscode",
-        ".husky",
-        ".vite",
-        ".github",
-        "docs",
-        "public"
-      ],
-      root: fileURLToPath2(new URL("./", __vite_injected_original_import_meta_url2)),
-      transformMode: {
-        web: [/\.[jt]sx$/]
-      },
-      coverage: {
-        enabled: true,
-        include: [
-          "src/services/**",
-          "src/views/**",
-          "src/helpers/**",
-          "src/plugins/**",
-          "src/modules/**"
-        ],
-        statements: 91,
-        branches: 91,
-        functions: 91,
-        lines: 91,
-        reporter: ["text", "lcov", "html"],
-        reportsDirectory: "./coverage/unit"
-      },
-      reporters: ["default", "vitest-sonar-reporter"],
-      outputFile: {
-        "vitest-sonar-reporter": "./coverage/unit/sonar-report.xml"
-      },
-      testTimeout: 3e4
-    }
-  })
-);
-export {
-  vitest_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZXN0LmNvbmZpZy5qcyIsICJ2aXRlLmNvbmZpZy5qcyJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiY29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2Rpcm5hbWUgPSBcIi9Vc2Vycy9wZXRlcnNvbi5zaWx2YS9EZXNrdG9wL1JlcG9zL2F6aW9uLWNvbnNvbGUta2l0XCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvVXNlcnMvcGV0ZXJzb24uc2lsdmEvRGVza3RvcC9SZXBvcy9hemlvbi1jb25zb2xlLWtpdC92aXRlc3QuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy9Vc2Vycy9wZXRlcnNvbi5zaWx2YS9EZXNrdG9wL1JlcG9zL2F6aW9uLWNvbnNvbGUta2l0L3ZpdGVzdC5jb25maWcuanNcIjtpbXBvcnQgeyBmaWxlVVJMVG9QYXRoIH0gZnJvbSAnbm9kZTp1cmwnXG5pbXBvcnQgeyBtZXJnZUNvbmZpZywgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSdcbmltcG9ydCB7IGNvbmZpZ0RlZmF1bHRzIH0gZnJvbSAndml0ZXN0L2NvbmZpZydcbmltcG9ydCB2aXRlQ29uZmlnIGZyb20gJy4vdml0ZS5jb25maWcnXG5cbmV4cG9ydCBkZWZhdWx0IG1lcmdlQ29uZmlnKFxuICB2aXRlQ29uZmlnLFxuICBkZWZpbmVDb25maWcoe1xuICAgIHRlc3Q6IHtcbiAgICAgIHNldHVwRmlsZXM6IFsnc3JjL3Rlc3RzL3NldHVwLXRlc3RzLmpzJ10sXG4gICAgICBlbnZpcm9ubWVudDogJ2pzZG9tJyxcbiAgICAgIHBhc3NXaXRoTm9UZXN0czogdHJ1ZSxcbiAgICAgIGV4Y2x1ZGU6IFtcbiAgICAgICAgLi4uY29uZmlnRGVmYXVsdHMuZXhjbHVkZSxcbiAgICAgICAgJ2UyZS8qJyxcbiAgICAgICAgJ2N5cHJlc3MnLFxuICAgICAgICAnYXppb24nLFxuICAgICAgICAnLnZzY29kZScsXG4gICAgICAgICcuaHVza3knLFxuICAgICAgICAnLnZpdGUnLFxuICAgICAgICAnLmdpdGh1YicsXG4gICAgICAgICdkb2NzJyxcbiAgICAgICAgJ3B1YmxpYydcbiAgICAgIF0sXG4gICAgICByb290OiBmaWxlVVJMVG9QYXRoKG5ldyBVUkwoJy4vJywgaW1wb3J0Lm1ldGEudXJsKSksXG4gICAgICB0cmFuc2Zvcm1Nb2RlOiB7XG4gICAgICAgIHdlYjogWy9cXC5banRdc3gkL11cbiAgICAgIH0sXG4gICAgICBjb3ZlcmFnZToge1xuICAgICAgICBlbmFibGVkOiB0cnVlLFxuICAgICAgICBpbmNsdWRlOiBbXG4gICAgICAgICAgJ3NyYy9zZXJ2aWNlcy8qKicsXG4gICAgICAgICAgJ3NyYy92aWV3cy8qKicsXG4gICAgICAgICAgJ3NyYy9oZWxwZXJzLyoqJyxcbiAgICAgICAgICAnc3JjL3BsdWdpbnMvKionLFxuICAgICAgICAgICdzcmMvbW9kdWxlcy8qKidcbiAgICAgICAgXSxcbiAgICAgICAgc3RhdGVtZW50czogOTEsXG4gICAgICAgIGJyYW5jaGVzOiA5MSxcbiAgICAgICAgZnVuY3Rpb25zOiA5MSxcbiAgICAgICAgbGluZXM6IDkxLFxuICAgICAgICByZXBvcnRlcjogWyd0ZXh0JywgJ2xjb3YnLCAnaHRtbCddLFxuICAgICAgICByZXBvcnRzRGlyZWN0b3J5OiAnLi9jb3ZlcmFnZS91bml0JyxcbiAgICAgIH0sXG4gICAgICByZXBvcnRlcnM6IFsnZGVmYXVsdCcsICd2aXRlc3Qtc29uYXItcmVwb3J0ZXInXSxcbiAgICAgIG91dHB1dEZpbGU6IHtcbiAgICAgICAgJ3ZpdGVzdC1zb25hci1yZXBvcnRlcic6ICcuL2NvdmVyYWdlL3VuaXQvc29uYXItcmVwb3J0LnhtbCdcbiAgICAgIH0sXG4gICAgICB0ZXN0VGltZW91dDogMzAwMDBcbiAgICB9XG4gIH0pXG4pXG4iLCAiY29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2Rpcm5hbWUgPSBcIi9Vc2Vycy9wZXRlcnNvbi5zaWx2YS9EZXNrdG9wL1JlcG9zL2F6aW9uLWNvbnNvbGUta2l0XCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvVXNlcnMvcGV0ZXJzb24uc2lsdmEvRGVza3RvcC9SZXBvcy9hemlvbi1jb25zb2xlLWtpdC92aXRlLmNvbmZpZy5qc1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwgPSBcImZpbGU6Ly8vVXNlcnMvcGV0ZXJzb24uc2lsdmEvRGVza3RvcC9SZXBvcy9hemlvbi1jb25zb2xlLWtpdC92aXRlLmNvbmZpZy5qc1wiO2ltcG9ydCB7IGZpbGVVUkxUb1BhdGgsIFVSTCB9IGZyb20gJ25vZGU6dXJsJ1xuaW1wb3J0IHByb2Nlc3MgZnJvbSAncHJvY2VzcydcblxuaW1wb3J0IHZ1ZSBmcm9tICdAdml0ZWpzL3BsdWdpbi12dWUnXG5pbXBvcnQgdnVlSnN4IGZyb20gJ0B2aXRlanMvcGx1Z2luLXZ1ZS1qc3gnXG5pbXBvcnQgeyBkZWZpbmVDb25maWcsIGxvYWRFbnYgfSBmcm9tICd2aXRlJ1xuaW1wb3J0IGlzdGFuYnVsIGZyb20gJ3ZpdGUtcGx1Z2luLWlzdGFuYnVsJ1xuXG5jb25zdCBnZXRDb25maWcgPSAoKSA9PiB7XG4gIGNvbnN0IGVudiA9IGxvYWRFbnYoJ2RldmVsb3BtZW50JywgcHJvY2Vzcy5jd2QoKSlcbiAgY29uc3QgVVJMU3RhcnRQcmVmaXggPSBlbnYuVklURV9FTlZJUk9OTUVOVCA9PT0gJ3Byb2R1Y3Rpb24nID8gJ2h0dHBzOi8vJyA6ICdodHRwczovL3N0YWdlLSdcblxuICByZXR1cm4ge1xuICAgIHBsdWdpbnM6IFtcbiAgICAgIHZ1ZSgpLFxuICAgICAgdnVlSnN4KCksXG4gICAgICBpc3RhbmJ1bCh7XG4gICAgICAgIG55Y3JjUGF0aDogJy5ueWNyYydcbiAgICAgIH0pXG4gICAgXSxcbiAgICByZXNvbHZlOiB7XG4gICAgICBleHRlbnNpb25zOiBbJy5tanMnLCAnLmpzJywgJy5tdHMnLCAnLnRzJywgJy5qc3gnLCAnLnRzeCcsICcuanNvbicsICcudnVlJ10sXG4gICAgICBhbGlhczoge1xuICAgICAgICAnQCc6IGZpbGVVUkxUb1BhdGgobmV3IFVSTCgnLi9zcmMnLCBpbXBvcnQubWV0YS51cmwpKSxcbiAgICAgICAgJ0B0ZW1wbGF0ZXMnOiBmaWxlVVJMVG9QYXRoKG5ldyBVUkwoJy4vc3JjL3RlbXBsYXRlcycsIGltcG9ydC5tZXRhLnVybCkpLFxuICAgICAgICAnQHZpZXdzJzogZmlsZVVSTFRvUGF0aChuZXcgVVJMKCcuL3NyYy92aWV3cycsIGltcG9ydC5tZXRhLnVybCkpLFxuICAgICAgICAnQHNlcnZpY2VzJzogZmlsZVVSTFRvUGF0aChuZXcgVVJMKCcuL3NyYy9zZXJ2aWNlcycsIGltcG9ydC5tZXRhLnVybCkpLFxuICAgICAgICAnQHN0b3Jlcyc6IGZpbGVVUkxUb1BhdGgobmV3IFVSTCgnLi9zcmMvc3RvcmVzJywgaW1wb3J0Lm1ldGEudXJsKSksXG4gICAgICAgICdAYXNzZXRzJzogZmlsZVVSTFRvUGF0aChuZXcgVVJMKCcuL3NyYy9hc3NldHMnLCBpbXBvcnQubWV0YS51cmwpKSxcbiAgICAgICAgJ0Byb3V0ZXMnOiBmaWxlVVJMVG9QYXRoKG5ldyBVUkwoJy4vc3JjL3JvdXRlci9yb3V0ZXMnLCBpbXBvcnQubWV0YS51cmwpKSxcbiAgICAgICAgJ0Btb2R1bGVzJzogZmlsZVVSTFRvUGF0aChuZXcgVVJMKCcuL3NyYy9tb2R1bGVzJywgaW1wb3J0Lm1ldGEudXJsKSlcbiAgICAgIH1cbiAgICB9LFxuICAgIHNlcnZlcjoge1xuICAgICAgcHJveHk6IHtcbiAgICAgICAgJ14vYXBpLyhtYXJrZXRwbGFjZXxzY3JpcHQtcnVubmVyfHRlbXBsYXRlLWVuZ2luZXxpYW0pJzoge1xuICAgICAgICAgIHRhcmdldDogYCR7VVJMU3RhcnRQcmVmaXh9bWFuYWdlci5hemlvbi5jb20vYCxcbiAgICAgICAgICBjaGFuZ2VPcmlnaW46IHRydWUsXG4gICAgICAgICAgcmV3cml0ZTogKHBhdGgpID0+XG4gICAgICAgICAgICBwYXRoLnJlcGxhY2UoL15cXC9hcGlcXC8obWFya2V0cGxhY2V8c2NyaXB0LXJ1bm5lcnx0ZW1wbGF0ZS1lbmdpbmV8aWFtKS8sICcvJDEvYXBpJylcbiAgICAgICAgfSxcbiAgICAgICAgJ14vYXBpL3Zjcyc6IHtcbiAgICAgICAgICB0YXJnZXQ6IGAke1VSTFN0YXJ0UHJlZml4fXZjcy1hcGkuYXppb24ubmV0L2AsXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAgIHJld3JpdGU6IChwYXRoKSA9PiBwYXRoLnJlcGxhY2UoL15cXC9hcGlcXC92Y3MvLCAnL3Zjcy9hcGknKVxuICAgICAgICB9LFxuICAgICAgICAnL2dyYXBocWwvY2l0aWVzJzoge1xuICAgICAgICAgIHRhcmdldDogYCR7VVJMU3RhcnRQcmVmaXh9Y2l0aWVzLmF6aW9uLmNvbWAsXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAgIHJld3JpdGU6IChwYXRoKSA9PiBwYXRoLnJlcGxhY2UoL15cXC9ncmFwaHFsXFwvY2l0aWVzLywgJy9ncmFwaHFsJylcbiAgICAgICAgfSxcbiAgICAgICAgJy9ncmFwaHFsL2JpbGxpbmcnOiB7XG4gICAgICAgICAgdGFyZ2V0OiBgJHtVUkxTdGFydFByZWZpeH1tYW5hZ2VyLmF6aW9uLmNvbWAsXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAgIHJld3JpdGU6IChwYXRoKSA9PiBwYXRoLnJlcGxhY2UoL15cXC9ncmFwaHFsXFwvYmlsbGluZy8sICcvYmlsbGluZy9ncmFwaHFsJylcbiAgICAgICAgfSxcbiAgICAgICAgJy9hcGkvd2ViaG9vay9jb25zb2xlX2ZlZWRiYWNrJzoge1xuICAgICAgICAgIHRhcmdldDogYGh0dHBzOi8vYXV0b21hdGUuYXppb24ubmV0L2AsXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAgIHJld3JpdGU6IChwYXRoKSA9PiBwYXRoLnJlcGxhY2UoL15cXC9hcGkvLCAnJylcbiAgICAgICAgfSxcbiAgICAgICAgJ14vYXBpLyhhY2NvdW50fHVzZXJ8dG9rZW58c3dpdGNoLWFjY291bnR8YXV0aHxwYXNzd29yZHx0b3RwKXxeL2xvZ291dCc6IHtcbiAgICAgICAgICB0YXJnZXQ6IGAke1VSTFN0YXJ0UHJlZml4fXNzby5hemlvbi5jb21gLFxuICAgICAgICAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcbiAgICAgICAgICBjb29raWVEb21haW5SZXdyaXRlOiB7ICcqJzogJycgfVxuICAgICAgICB9LFxuICAgICAgICAnL2FwaSc6IHtcbiAgICAgICAgICB0YXJnZXQ6IGAke1VSTFN0YXJ0UHJlZml4fWFwaS5hemlvbi5jb21gLFxuICAgICAgICAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcbiAgICAgICAgICByZXdyaXRlOiAocGF0aCkgPT4gcGF0aC5yZXBsYWNlKC9eXFwvYXBpLywgJycpXG4gICAgICAgIH0sXG4gICAgICAgICcvd2VicGFnZXRlc3QnOiB7XG4gICAgICAgICAgdGFyZ2V0OiBgaHR0cHM6Ly93d3cuYXppb24uY29tL2FwaS93ZWJwYWdldGVzdGAsXG4gICAgICAgICAgY2hhbmdlT3JpZ2luOiB0cnVlLFxuICAgICAgICAgIHJld3JpdGU6IChwYXRoKSA9PiBwYXRoLnJlcGxhY2UoL15cXC93ZWJwYWdldGVzdC8sICcnKVxuICAgICAgICB9LFxuICAgICAgICAnL3dlYnBhZ2V0ZXN0LWV4dGVybmFsJzoge1xuICAgICAgICAgIHRhcmdldDogYGh0dHBzOi8vd3d3LmF6aW9uLmNvbS9hcGkvd2VicGFnZXRlc3RgLFxuICAgICAgICAgIGNoYW5nZU9yaWdpbjogdHJ1ZSxcbiAgICAgICAgICByZXdyaXRlOiAocGF0aCkgPT4gcGF0aC5yZXBsYWNlKC9eXFwvd2VicGFnZXRlc3QtZXh0ZXJuYWwvLCAnJylcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBkZWZpbmVDb25maWcoZ2V0Q29uZmlnKCkpXG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQXFWLFNBQVMsaUJBQUFBLHNCQUFxQjtBQUNuWCxTQUFTLGFBQWEsZ0JBQUFDLHFCQUFvQjtBQUMxQyxTQUFTLHNCQUFzQjs7O0FDRmtULFNBQVMsZUFBZSxPQUFBQyxZQUFXO0FBQ3BYLE9BQU8sYUFBYTtBQUVwQixPQUFPLFNBQVM7QUFDaEIsT0FBTyxZQUFZO0FBQ25CLFNBQVMsY0FBYyxlQUFlO0FBQ3RDLE9BQU8sY0FBYztBQU42TCxJQUFNLDJDQUEyQztBQVFuUSxJQUFNLFlBQVksTUFBTTtBQUN0QixRQUFNLE1BQU0sUUFBUSxlQUFlLFFBQVEsSUFBSSxDQUFDO0FBQ2hELFFBQU0saUJBQWlCLElBQUkscUJBQXFCLGVBQWUsYUFBYTtBQUU1RSxTQUFPO0FBQUEsSUFDTCxTQUFTO0FBQUEsTUFDUCxJQUFJO0FBQUEsTUFDSixPQUFPO0FBQUEsTUFDUCxTQUFTO0FBQUEsUUFDUCxXQUFXO0FBQUEsTUFDYixDQUFDO0FBQUEsSUFDSDtBQUFBLElBQ0EsU0FBUztBQUFBLE1BQ1AsWUFBWSxDQUFDLFFBQVEsT0FBTyxRQUFRLE9BQU8sUUFBUSxRQUFRLFNBQVMsTUFBTTtBQUFBLE1BQzFFLE9BQU87QUFBQSxRQUNMLEtBQUssY0FBYyxJQUFJQyxLQUFJLFNBQVMsd0NBQWUsQ0FBQztBQUFBLFFBQ3BELGNBQWMsY0FBYyxJQUFJQSxLQUFJLG1CQUFtQix3Q0FBZSxDQUFDO0FBQUEsUUFDdkUsVUFBVSxjQUFjLElBQUlBLEtBQUksZUFBZSx3Q0FBZSxDQUFDO0FBQUEsUUFDL0QsYUFBYSxjQUFjLElBQUlBLEtBQUksa0JBQWtCLHdDQUFlLENBQUM7QUFBQSxRQUNyRSxXQUFXLGNBQWMsSUFBSUEsS0FBSSxnQkFBZ0Isd0NBQWUsQ0FBQztBQUFBLFFBQ2pFLFdBQVcsY0FBYyxJQUFJQSxLQUFJLGdCQUFnQix3Q0FBZSxDQUFDO0FBQUEsUUFDakUsV0FBVyxjQUFjLElBQUlBLEtBQUksdUJBQXVCLHdDQUFlLENBQUM7QUFBQSxRQUN4RSxZQUFZLGNBQWMsSUFBSUEsS0FBSSxpQkFBaUIsd0NBQWUsQ0FBQztBQUFBLE1BQ3JFO0FBQUEsSUFDRjtBQUFBLElBQ0EsUUFBUTtBQUFBLE1BQ04sT0FBTztBQUFBLFFBQ0wseURBQXlEO0FBQUEsVUFDdkQsUUFBUSxHQUFHLGNBQWM7QUFBQSxVQUN6QixjQUFjO0FBQUEsVUFDZCxTQUFTLENBQUMsU0FDUixLQUFLLFFBQVEsMkRBQTJELFNBQVM7QUFBQSxRQUNyRjtBQUFBLFFBQ0EsYUFBYTtBQUFBLFVBQ1gsUUFBUSxHQUFHLGNBQWM7QUFBQSxVQUN6QixjQUFjO0FBQUEsVUFDZCxTQUFTLENBQUMsU0FBUyxLQUFLLFFBQVEsZUFBZSxVQUFVO0FBQUEsUUFDM0Q7QUFBQSxRQUNBLG1CQUFtQjtBQUFBLFVBQ2pCLFFBQVEsR0FBRyxjQUFjO0FBQUEsVUFDekIsY0FBYztBQUFBLFVBQ2QsU0FBUyxDQUFDLFNBQVMsS0FBSyxRQUFRLHNCQUFzQixVQUFVO0FBQUEsUUFDbEU7QUFBQSxRQUNBLG9CQUFvQjtBQUFBLFVBQ2xCLFFBQVEsR0FBRyxjQUFjO0FBQUEsVUFDekIsY0FBYztBQUFBLFVBQ2QsU0FBUyxDQUFDLFNBQVMsS0FBSyxRQUFRLHVCQUF1QixrQkFBa0I7QUFBQSxRQUMzRTtBQUFBLFFBQ0EsaUNBQWlDO0FBQUEsVUFDL0IsUUFBUTtBQUFBLFVBQ1IsY0FBYztBQUFBLFVBQ2QsU0FBUyxDQUFDLFNBQVMsS0FBSyxRQUFRLFVBQVUsRUFBRTtBQUFBLFFBQzlDO0FBQUEsUUFDQSx5RUFBeUU7QUFBQSxVQUN2RSxRQUFRLEdBQUcsY0FBYztBQUFBLFVBQ3pCLGNBQWM7QUFBQSxVQUNkLHFCQUFxQixFQUFFLEtBQUssR0FBRztBQUFBLFFBQ2pDO0FBQUEsUUFDQSxRQUFRO0FBQUEsVUFDTixRQUFRLEdBQUcsY0FBYztBQUFBLFVBQ3pCLGNBQWM7QUFBQSxVQUNkLFNBQVMsQ0FBQyxTQUFTLEtBQUssUUFBUSxVQUFVLEVBQUU7QUFBQSxRQUM5QztBQUFBLFFBQ0EsZ0JBQWdCO0FBQUEsVUFDZCxRQUFRO0FBQUEsVUFDUixjQUFjO0FBQUEsVUFDZCxTQUFTLENBQUMsU0FBUyxLQUFLLFFBQVEsa0JBQWtCLEVBQUU7QUFBQSxRQUN0RDtBQUFBLFFBQ0EseUJBQXlCO0FBQUEsVUFDdkIsUUFBUTtBQUFBLFVBQ1IsY0FBYztBQUFBLFVBQ2QsU0FBUyxDQUFDLFNBQVMsS0FBSyxRQUFRLDJCQUEyQixFQUFFO0FBQUEsUUFDL0Q7QUFBQSxNQUNGO0FBQUEsSUFDRjtBQUFBLEVBQ0Y7QUFDRjtBQUVBLElBQU8sc0JBQVEsYUFBYSxVQUFVLENBQUM7OztBRHRGNkssSUFBTUMsNENBQTJDO0FBS3JRLElBQU8sd0JBQVE7QUFBQSxFQUNiO0FBQUEsRUFDQUMsY0FBYTtBQUFBLElBQ1gsTUFBTTtBQUFBLE1BQ0osWUFBWSxDQUFDLDBCQUEwQjtBQUFBLE1BQ3ZDLGFBQWE7QUFBQSxNQUNiLGlCQUFpQjtBQUFBLE1BQ2pCLFNBQVM7QUFBQSxRQUNQLEdBQUcsZUFBZTtBQUFBLFFBQ2xCO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxRQUNBO0FBQUEsUUFDQTtBQUFBLFFBQ0E7QUFBQSxNQUNGO0FBQUEsTUFDQSxNQUFNQyxlQUFjLElBQUksSUFBSSxNQUFNRix5Q0FBZSxDQUFDO0FBQUEsTUFDbEQsZUFBZTtBQUFBLFFBQ2IsS0FBSyxDQUFDLFdBQVc7QUFBQSxNQUNuQjtBQUFBLE1BQ0EsVUFBVTtBQUFBLFFBQ1IsU0FBUztBQUFBLFFBQ1QsU0FBUztBQUFBLFVBQ1A7QUFBQSxVQUNBO0FBQUEsVUFDQTtBQUFBLFVBQ0E7QUFBQSxVQUNBO0FBQUEsUUFDRjtBQUFBLFFBQ0EsWUFBWTtBQUFBLFFBQ1osVUFBVTtBQUFBLFFBQ1YsV0FBVztBQUFBLFFBQ1gsT0FBTztBQUFBLFFBQ1AsVUFBVSxDQUFDLFFBQVEsUUFBUSxNQUFNO0FBQUEsUUFDakMsa0JBQWtCO0FBQUEsTUFDcEI7QUFBQSxNQUNBLFdBQVcsQ0FBQyxXQUFXLHVCQUF1QjtBQUFBLE1BQzlDLFlBQVk7QUFBQSxRQUNWLHlCQUF5QjtBQUFBLE1BQzNCO0FBQUEsTUFDQSxhQUFhO0FBQUEsSUFDZjtBQUFBLEVBQ0YsQ0FBQztBQUNIOyIsCiAgIm5hbWVzIjogWyJmaWxlVVJMVG9QYXRoIiwgImRlZmluZUNvbmZpZyIsICJVUkwiLCAiVVJMIiwgIl9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwiLCAiZGVmaW5lQ29uZmlnIiwgImZpbGVVUkxUb1BhdGgiXQp9Cg==

From c00a2df085d19b1de045f9325da8ef2f2dc8e9ed Mon Sep 17 00:00:00 2001
From: Lucas Mendes <92529166+lucasmendes21@users.noreply.github.com>
Date: Wed, 30 Oct 2024 18:19:05 -0300
Subject: [PATCH 07/24] fix: invoice details section not load values service
 and product charges (#1862)

---
 .../billing-services/list-service-and-products-changes.js     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/services/billing-services/list-service-and-products-changes.js b/src/services/billing-services/list-service-and-products-changes.js
index 6da91f9f5..5b2d62233 100644
--- a/src/services/billing-services/list-service-and-products-changes.js
+++ b/src/services/billing-services/list-service-and-products-changes.js
@@ -199,9 +199,9 @@ const mapRegionMetrics = (metric, regionMetricsGrouped, currency, unit) => {
 const mapDescriptions = (product, metricsGrouped, regionMetricsGrouped) => {
   return metricsGrouped.reduce((list, metric) => {
     if (metric.productSlug === product.productSlug) {
-      const unit = METRIC_SLUGS[metric.metricSlug].unit
+      const unit = METRIC_SLUGS[metric.metricSlug]?.unit
       list.push({
-        service: METRIC_SLUGS[metric.metricSlug].title,
+        service: METRIC_SLUGS[metric.metricSlug]?.title,
         slug: metric.metricSlug,
         quantity: formatUnitValue(metric.accounted, unit),
         price: formatCurrencyString(product.currency, metric.value),

From cc908c401c063d3a3f192f4129e25e2d3904e628 Mon Sep 17 00:00:00 2001
From: Lucas Mendes <92529166+lucasmendes21@users.noreply.github.com>
Date: Thu, 31 Oct 2024 09:26:08 -0300
Subject: [PATCH 08/24] [UXE-5515] feat: enable identify event on each page
 change for appcues flow (#1865)

---
 src/router/hooks/afterEachRoute.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/router/hooks/afterEachRoute.js b/src/router/hooks/afterEachRoute.js
index 60c8e8f3b..3c70ec037 100644
--- a/src/router/hooks/afterEachRoute.js
+++ b/src/router/hooks/afterEachRoute.js
@@ -6,7 +6,7 @@ import { inject } from 'vue'
 /** @type {import('vue-router').NavigationHookAfter} */
 export default function afterEachRoute(to, from, failure) {
   const loadingStore = useLoadingStore()
-  const { hasActiveUserId } = useAccountStore()
+  const { hasActiveUserId, userId } = useAccountStore()
   loadingStore.finishLoading()
 
   if (failure || !hasActiveUserId) return
@@ -17,4 +17,5 @@ export default function afterEachRoute(to, from, failure) {
       url: to.fullPath
     })
     .track()
+  tracker.identify(userId)
 }

From 136d9401065c306fe7e55ee46513d5e5aadbe40d Mon Sep 17 00:00:00 2001
From: Vinicius Gubiani Ferreira <vini.g.fer@gmail.com>
Date: Thu, 31 Oct 2024 11:13:46 -0300
Subject: [PATCH 09/24] [NO-ISSUE] chore: Update IaC for production (#1868)

---
 azion/production/azion.json | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/azion/production/azion.json b/azion/production/azion.json
index 89af18419..80daf86e1 100644
--- a/azion/production/azion.json
+++ b/azion/production/azion.json
@@ -152,6 +152,11 @@
         "id": 297983,
         "name": "Route Send Feedback",
         "phase": "request"
+      },
+      {
+        "id": 313139,
+        "name": "Route API Identity Providers",
+        "phase": "request"
       }
     ]
   },

From 87366c4f8ef83bf1a0a667ff8a7fef722efe1b88 Mon Sep 17 00:00:00 2001
From: peterpaulo-azion <peterson.silva@azion.com>
Date: Thu, 31 Oct 2024 14:54:10 -0300
Subject: [PATCH 10/24] refactor: get menu itens function

---
 src/services/sidebar-menus-services/menus.js | 326 ++++++++++---------
 1 file changed, 180 insertions(+), 146 deletions(-)

diff --git a/src/services/sidebar-menus-services/menus.js b/src/services/sidebar-menus-services/menus.js
index d0843efb7..fe743c770 100644
--- a/src/services/sidebar-menus-services/menus.js
+++ b/src/services/sidebar-menus-services/menus.js
@@ -1,171 +1,205 @@
-export function getMenuItens(showMarketplaceProductsItens) {
-  const menus = [
+function createHomeItem() {
+  return {
+    label: 'Home',
+    icon: 'ai ai-home',
+    to: '/',
+    id: 'home'
+  }
+}
+
+function createMarketplaceItem() {
+  return {
+    label: 'Marketplace',
+    icon: 'ai ai-marketplace',
+    to: '/marketplace',
+    id: 'marketplace'
+  }
+}
+
+function createDomainsItem() {
+  return {
+    label: 'Domains',
+    icon: 'ai ai-domains',
+    to: '/domains',
+    id: 'domains'
+  }
+}
+
+function createBuildItems() {
+  return [
     {
-      label: 'Home',
-      icon: 'ai ai-home',
-      to: '/',
-      id: 'home'
+      label: 'Edge Application',
+      icon: 'ai ai-edge-application',
+      to: '/edge-applications',
+      id: 'edge-application'
     },
     {
-      label: 'Marketplace',
-      icon: 'ai ai-marketplace',
-      to: '/marketplace',
-      id: 'marketplace'
+      label: 'Variables',
+      to: '/variables',
+      icon: 'ai ai-variables',
+      id: 'variables'
+    }
+  ]
+}
+
+function createSecureItems() {
+  return [
+    {
+      label: 'Edge Firewall',
+      to: '/edge-firewall',
+      icon: 'ai ai-edge-firewall',
+      id: 'edge-firewall'
     },
     {
-      label: 'Domains',
-      icon: 'ai ai-domains',
-      to: '/domains',
-      id: 'domains'
+      label: 'Edge DNS',
+      to: '/edge-dns',
+      icon: 'ai ai-edge-dns',
+      id: 'edge-dns'
+    }
+  ]
+}
+
+function createDeployItems() {
+  return [
+    {
+      label: 'Edge Nodes',
+      icon: 'ai ai-edge-nodes',
+      to: '/edge-node',
+      id: 'edge-nodes'
+    }
+  ]
+}
+
+function createObserveItems() {
+  return [
+    {
+      label: 'Data Stream',
+      to: '/data-stream',
+      icon: 'ai ai-data-stream',
+      id: 'data-stream'
     },
+    {
+      label: 'Edge Pulse',
+      to: '/edge-pulse',
+      icon: 'ai ai-edge-pulse',
+      id: 'edge-pulse'
+    },
+    {
+      label: 'Real-Time Metrics',
+      to: '/real-time-metrics',
+      icon: 'ai ai-real-time-metrics',
+      id: 'real-time-metrics'
+    },
+    {
+      label: 'Real-Time Events',
+      to: '/real-time-events',
+      icon: 'ai ai-real-time-events',
+      tag: 'Preview',
+      id: 'real-time-events'
+    }
+  ]
+}
+
+function createToolsItems() {
+  return [
+    {
+      label: 'Real-Time Purge',
+      to: '/real-time-purge',
+      icon: 'ai ai-real-time-purge',
+      id: 'real-time-purge'
+    }
+  ]
+}
+
+function createEdgeLibrariesItems() {
+  return [
+    {
+      label: 'Edge Functions',
+      to: '/edge-functions',
+      icon: 'ai ai-edge-functions',
+      id: 'edge-functions'
+    },
+    {
+      label: 'Edge Services',
+      to: '/edge-services',
+      icon: 'ai ai-edge-services',
+      id: 'edge-services'
+    },
+    {
+      label: 'Digital Certificates',
+      to: '/digital-certificates',
+      icon: 'ai ai-digital-certificates',
+      id: 'digital-certificates'
+    },
+    {
+      label: 'Network Lists',
+      to: '/network-lists',
+      icon: 'ai ai-network-lists',
+      id: 'network-lists'
+    },
+    {
+      label: 'WAF Rules',
+      to: '/waf',
+      icon: 'ai ai-waf-rules',
+      id: 'waf-rules'
+    }
+  ]
+}
+
+function createMarketplaceProductsItems() {
+  return [
+    {
+      label: 'Bot Manager',
+      icon: 'pi pi-wrench',
+      to: 'https://portal.radwarebotmanager.com/account/login',
+      id: 'bot-manager',
+      external: true
+    },
+    {
+      label: 'SIEM',
+      to: 'https://f0semqqgv4.map.azionedge.net/login',
+      icon: 'pi pi-chart-bar',
+      id: 'siem',
+      external: true
+    }
+  ]
+}
+
+export function getMenuItens(showMarketplaceProductsItens) {
+  const menus = [
+    createHomeItem(),
+    createMarketplaceItem(),
+    createDomainsItem(),
     {
       label: 'Build',
-      items: [
-        {
-          label: 'Edge Application',
-          icon: 'ai ai-edge-application',
-          to: '/edge-applications',
-          id: 'edge-application'
-        },
-        {
-          label: 'Variables',
-          to: '/variables',
-          icon: 'ai ai-variables',
-          id: 'variables'
-        }
-      ]
+      items: createBuildItems()
     },
     {
       label: 'Secure',
-      items: [
-        {
-          label: 'Edge Firewall',
-          to: '/edge-firewall',
-          icon: 'ai ai-edge-firewall',
-          id: 'edge-firewall'
-        },
-        {
-          label: 'Edge DNS',
-          to: '/edge-dns',
-          icon: 'ai ai-edge-dns',
-          id: 'edge-dns'
-        }
-      ]
+      items: createSecureItems()
     },
     {
       label: 'Deploy',
-      items: [
-        {
-          label: 'Edge Nodes',
-          icon: 'ai ai-edge-nodes',
-          to: '/edge-node',
-          id: 'edge-nodes'
-        }
-      ]
+      items: createDeployItems()
     },
     {
       label: 'Observe',
-      items: [
-        {
-          label: 'Data Stream',
-          to: '/data-stream',
-          icon: 'ai ai-data-stream',
-          id: 'data-stream'
-        },
-        {
-          label: 'Edge Pulse',
-          to: '/edge-pulse',
-          icon: 'ai ai-edge-pulse',
-          id: 'edge-pulse'
-        },
-        {
-          label: 'Real-Time Metrics',
-          to: '/real-time-metrics',
-          icon: 'ai ai-real-time-metrics',
-          id: 'real-time-metrics'
-        },
-        {
-          label: 'Real-Time Events',
-          to: '/real-time-events',
-          icon: 'ai ai-real-time-events',
-          tag: 'Preview',
-          id: 'real-time-events'
-        }
-      ]
+      items: createObserveItems()
     },
     {
       label: 'Tools',
-      items: [
-        {
-          label: 'Real-Time Purge',
-          to: '/real-time-purge',
-          icon: 'ai ai-real-time-purge',
-          id: 'real-time-purge'
-        }
-      ]
-    },
-    {
-      label: 'Edge Libraries ',
-      items: [
-        {
-          label: 'Edge Functions',
-          to: '/edge-functions',
-          icon: 'ai ai-edge-functions',
-          id: 'edge-functions'
-        },
-        {
-          label: 'Edge Services',
-          to: '/edge-services',
-          icon: 'ai ai-edge-services',
-          id: 'edge-services'
-        },
-        {
-          label: 'Digital Certificates',
-          to: '/digital-certificates',
-          icon: 'ai ai-digital-certificates',
-          id: 'digital-certificates'
-        },
-        {
-          label: 'Network Lists',
-          to: '/network-lists',
-          icon: 'ai ai-network-lists',
-          id: 'network-lists'
-        },
-        {
-          label: 'WAF Rules',
-          to: '/waf',
-          icon: 'ai ai-waf-rules',
-          id: 'waf-rules'
-        }
-      ]
+      items: createToolsItems()
+    },
+    {
+      label: 'Edge Libraries',
+      items: createEdgeLibrariesItems()
+    },
+    {
+      label: 'Marketplace Products',
+      visible: showMarketplaceProductsItens,
+      items: createMarketplaceProductsItems()
     }
   ]
 
-  if (showMarketplaceProductsItens) {
-    const marketplaceProductsMenus = [
-      {
-        label: 'Marketplace Products',
-        items: [
-          {
-            label: 'Bot Manager',
-            icon: 'pi pi-wrench',
-            to: 'https://portal.radwarebotmanager.com/account/login',
-            id: 'bot-manager',
-            external: true
-          },
-          {
-            label: 'SIEM',
-            to: 'https://f0semqqgv4.map.azionedge.net/login',
-            icon: 'pi pi-chart-bar',
-            id: 'siem',
-            external: true
-          }
-        ]
-      }
-    ]
-
-    menus.push(...marketplaceProductsMenus)
-  }
-
   return menus
 }

From 1291dd7db025eeade3235a51470c146fc1a37717 Mon Sep 17 00:00:00 2001
From: Aloisio Bastian <aloisiomiguelb@gmail.com>
Date: Thu, 31 Oct 2024 16:10:29 -0300
Subject: [PATCH 11/24] [UXE-5470] feat: remove domains from edge firewall and
 add edge firewall selector in domains form (#1859)

---
 .../create-domain-edge-application.cy.js      |  16 ++-
 .../selectors/product-selectors/domains.js    |   4 +
 .../domains-services/create-domain-service.js |   1 +
 .../domains-services/edit-domain-service.js   |   1 +
 .../domains-services/list-domains-service.js  |   2 +-
 .../domains-services/load-domain-service.js   |   1 +
 .../create-edge-firewall-service.js           |   8 +-
 .../edit-edge-firewall-service.js             |   5 +-
 .../list-domains-service.test.js              |   2 +-
 .../create-edge-firewall-service.test.js      |   4 +-
 .../edit-edge-firewall-service.test.js        |   4 +-
 src/views/Domains/CreateView.vue              |  28 +++-
 src/views/Domains/EditView.vue                |  27 +++-
 .../FormFields/FormFieldsCreateDomains.vue    |  68 +++++++++-
 .../FormFields/FormFieldsEditDomains.vue      |  74 ++++++++++-
 src/views/EdgeFirewall/CreateView.vue         |  15 +--
 src/views/EdgeFirewall/Drawer/index.vue       |  91 +++++++++++++
 .../FormFields/FormFieldsEdgeFirewall.vue     | 120 ------------------
 18 files changed, 314 insertions(+), 157 deletions(-)
 create mode 100644 src/views/EdgeFirewall/Drawer/index.vue

diff --git a/cypress/e2e/domains/create-domain-edge-application.cy.js b/cypress/e2e/domains/create-domain-edge-application.cy.js
index ae110cb31..0fd903349 100644
--- a/cypress/e2e/domains/create-domain-edge-application.cy.js
+++ b/cypress/e2e/domains/create-domain-edge-application.cy.js
@@ -4,8 +4,10 @@ import generateUniqueName from '../../support/utils'
 let domainName
 let edgeAppName
 let digitalCertificateName
+let firewallName
 const createEdgeApplicationCase = () => {
   edgeAppName = generateUniqueName('EdgeApp')
+  firewallName = generateUniqueName('EdgeFirewall')
   // Arrange
   cy.get(selectors.edgeApplication.mainSettings.nameInput).type(edgeAppName)
   cy.get(selectors.edgeApplication.mainSettings.addressInput).type(`${edgeAppName}.edge.app`)
@@ -17,6 +19,14 @@ const createEdgeApplicationCase = () => {
   cy.verifyToast('success', 'Your edge application has been created')
 }
 
+const createEdgeFirewallCase = () => {
+  cy.get(selectors.edgeFirewall.nameInput).clear()
+  cy.get(selectors.edgeFirewall.nameInput).type(firewallName)
+  cy.intercept('GET', '/api/v3/edge_firewall*').as('getEdgeFirewallApi')
+  cy.get(selectors.domains.edgeFirewallActionBar).find(selectors.form.actionsSubmitButton).click()
+  cy.wait('@getEdgeFirewallApi')
+}
+
 const createDigitalCertificateCase = () => {
   digitalCertificateName = generateUniqueName('digitalCertificate')
   cy.get(selectors.digitalCertificates.digitalCertificateName).type(digitalCertificateName)
@@ -60,8 +70,10 @@ describe('Domains spec', { tags: ['@dev3'] }, () => {
     cy.get(selectors.domains.edgeApplicationField).click()
     cy.get(selectors.domains.createEdgeApplicationButton).click()
     createEdgeApplicationCase()
-    cy.get(selectors.domains.cnamesField).type(`${domainName}.edge.app`)
-
+    cy.get(selectors.domains.edgeFirewallField).click()
+    cy.get(selectors.domains.createEdgeFirewallButton).click()
+    createEdgeFirewallCase()
+    cy.get(selectors.domains.cnameAccessOnlyField).click()
     cy.get(selectors.domains.digitalCertificateDropdown).click()
     cy.get(selectors.domains.createDigitalCertificateButton).click()
     createDigitalCertificateCase()
diff --git a/cypress/support/selectors/product-selectors/domains.js b/cypress/support/selectors/product-selectors/domains.js
index 435a300cb..12520665f 100644
--- a/cypress/support/selectors/product-selectors/domains.js
+++ b/cypress/support/selectors/product-selectors/domains.js
@@ -4,12 +4,14 @@ export default {
   edgeApplicationField: '[data-testid="domains-form__edge-application-field__dropdown"]',
   edgeApplicationDropdownFilter:
     '[data-testid="domains-form__edge-application-field__dropdown-filter-input"]',
+  edgeFirewallField: '[data-testid="domains-form__edge-firewall-field__dropdown"]',
   mtlsTrustedCADropdownFilter:
     '[data-testid="domains-form__mtls-trusted-certificate-field__dropdown-filter-input"]',
   edgeApplicationOption: '#edgeApplication_0',
   edgeCertificateOption: '#edgeCertificate_0',
   cnamesField: '[data-testid="domains-form__cnames-field__textarea"]',
   createEdgeApplicationButton: '[data-testid="domains-form__create-edge-application-button"]',
+  createEdgeFirewallButton: '[data-testid="domains-form__create-edge-firewall-button"]',
   edgeApplicationDrawer: '.p-sidebar-content',
   dialogTitle: '[data-testid="domains-view__copy-domain-dialog__header-title"]',
   domainField: '[data-testid="domains-dialog__domain-field__input"]',
@@ -17,6 +19,8 @@ export default {
     '[data-testid="domains-form__edge-certificate-field__dropdown-filter-input"]',
   createDigitalCertificateButton: '[data-testid="domains-form__create-digital-certificate-button"]',
   digitalCertificateActionBar: '[data-testid="digital-certificates-drawer__action-bar"]',
+  edgeFirewallActionBar: '[data-testid="edge-firewall-drawer__action-bar"]',
+  cnameAccessOnlyField: '[data-testid="domains-form__cname-access-only-field"]',
   copyDomainButton: '[data-testid="domains-dialog__copy-domain__button"]',
   confirmButton: '[data-testid="domains-dialog__confirm__button"]',
   pageTitle: (entityName) => `[data-testid="page_title_${entityName}"]`,
diff --git a/src/services/domains-services/create-domain-service.js b/src/services/domains-services/create-domain-service.js
index a9b2de8aa..59088c455 100644
--- a/src/services/domains-services/create-domain-service.js
+++ b/src/services/domains-services/create-domain-service.js
@@ -18,6 +18,7 @@ const adapt = (payload) => {
     cnames: payload.cnames.split('\n').filter((item) => item !== ''),
     cname_access_only: payload.cnameAccessOnly,
     edge_application_id: payload.edgeApplication,
+    edge_firewall_id: payload.edgeFirewall,
     is_mtls_enabled: payload.mtlsIsEnabled,
     is_active: payload.active,
     mtls_verification: payload.mtlsVerification,
diff --git a/src/services/domains-services/edit-domain-service.js b/src/services/domains-services/edit-domain-service.js
index 0988c3456..f80dd6b45 100644
--- a/src/services/domains-services/edit-domain-service.js
+++ b/src/services/domains-services/edit-domain-service.js
@@ -18,6 +18,7 @@ const adapt = (payload) => {
     cnames: payload.cnames.split('\n').filter((item) => item !== ''),
     cname_access_only: payload.cnameAccessOnly,
     edge_application_id: payload.edgeApplication,
+    edge_firewall_id: payload.edgeFirewall,
     digital_certificate_id: payload.edgeCertificate || null,
     is_mtls_enabled: payload.mtlsIsEnabled,
     is_active: payload.active,
diff --git a/src/services/domains-services/list-domains-service.js b/src/services/domains-services/list-domains-service.js
index f02496bb5..c33fe3b0c 100644
--- a/src/services/domains-services/list-domains-service.js
+++ b/src/services/domains-services/list-domains-service.js
@@ -6,7 +6,7 @@ export const listDomainsService = async ({
   orderBy = 'name',
   sort = 'asc',
   page = 1,
-  pageSize = 200
+  pageSize = 3000
 }) => {
   const searchParams = makeSearchParams({ orderBy, sort, page, pageSize })
   let httpResponse = await AxiosHttpClientAdapter.request({
diff --git a/src/services/domains-services/load-domain-service.js b/src/services/domains-services/load-domain-service.js
index ee48955e8..a6088b75c 100644
--- a/src/services/domains-services/load-domain-service.js
+++ b/src/services/domains-services/load-domain-service.js
@@ -23,6 +23,7 @@ const adapt = (httpResponse) => {
     cnameAccessOnly: body?.cname_access_only,
     edgeApplication: body?.edge_application_id,
     edgeCertificate: body?.digital_certificate_id ?? 0,
+    edgeFirewall: body?.edge_firewall_id,
     mtlsIsEnabled: body?.is_mtls_enabled,
     active: body.is_active,
     mtlsVerification: body?.mtls_verification,
diff --git a/src/services/edge-firewall-services/create-edge-firewall-service.js b/src/services/edge-firewall-services/create-edge-firewall-service.js
index 46a4ddbb7..25380d915 100644
--- a/src/services/edge-firewall-services/create-edge-firewall-service.js
+++ b/src/services/edge-firewall-services/create-edge-firewall-service.js
@@ -20,16 +20,13 @@ export const createEdgeFirewallService = async (payload) => {
 }
 
 const adapt = (payload) => {
-  const domains = payload.domains?.map((domain) => domain.id)
-
   return {
     name: payload.name,
     is_active: payload.isActive,
     edge_functions_enabled: payload.edgeFunctionsEnabled,
     network_protection_enabled: payload.networkProtectionEnabled,
     waf_enabled: payload.wafEnabled,
-    debug_rules: payload.debugRules,
-    domains
+    debug_rules: payload.debugRules
   }
 }
 
@@ -71,7 +68,8 @@ const parseHttpResponse = (httpResponse) => {
     case 201:
       return {
         feedback: 'Your Edge Firewall has been created',
-        urlToEditView: `/edge-firewall/edit/${httpResponse.body.results.id}`
+        urlToEditView: `/edge-firewall/edit/${httpResponse.body.results.id}`,
+        id: httpResponse.body.results.id
       }
     case 400:
       const apiError400 = extractApiError(httpResponse)
diff --git a/src/services/edge-firewall-services/edit-edge-firewall-service.js b/src/services/edge-firewall-services/edit-edge-firewall-service.js
index 5800297db..02fae964c 100644
--- a/src/services/edge-firewall-services/edit-edge-firewall-service.js
+++ b/src/services/edge-firewall-services/edit-edge-firewall-service.js
@@ -15,16 +15,13 @@ export const editEdgeFirewallService = async (payload) => {
 }
 
 const adapt = (payload) => {
-  const domains = payload.domains?.map((domain) => domain.id)
-
   return {
     name: payload.name,
     is_active: payload.isActive,
     edge_functions_enabled: payload.edgeFunctionsEnabled,
     network_protection_enabled: payload.networkProtectionEnabled,
     waf_enabled: payload.wafEnabled,
-    debug_rules: payload.debugRules,
-    domains
+    debug_rules: payload.debugRules
   }
 }
 
diff --git a/src/tests/services/domains-services/list-domains-service.test.js b/src/tests/services/domains-services/list-domains-service.test.js
index de571d454..6b3d17389 100644
--- a/src/tests/services/domains-services/list-domains-service.test.js
+++ b/src/tests/services/domains-services/list-domains-service.test.js
@@ -55,7 +55,7 @@ describe('DomainsServices', () => {
     await sut({})
 
     expect(requestSpy).toHaveBeenCalledWith({
-      url: `${version}/domains?order_by=name&sort=asc&page=1&page_size=200`,
+      url: `${version}/domains?order_by=name&sort=asc&page=1&page_size=3000`,
       method: 'GET'
     })
   })
diff --git a/src/tests/services/edge-firewall-services/create-edge-firewall-service.test.js b/src/tests/services/edge-firewall-services/create-edge-firewall-service.test.js
index 53ea1aefb..35e4f73f3 100644
--- a/src/tests/services/edge-firewall-services/create-edge-firewall-service.test.js
+++ b/src/tests/services/edge-firewall-services/create-edge-firewall-service.test.js
@@ -6,7 +6,6 @@ import { describe, expect, it, vi } from 'vitest'
 const fixtures = {
   edgeFirewallMock: {
     name: 'test',
-    domains: [{ id: 1 }, { id: 2 }],
     isActive: true,
     debugRules: false,
     edgeFunctionsEnabled: false,
@@ -42,8 +41,7 @@ describe('EdgeFirewallService', () => {
         debug_rules: fixtures.edgeFirewallMock.debugRules,
         edge_functions_enabled: fixtures.edgeFirewallMock.edgeFunctionsEnabled,
         network_protection_enabled: fixtures.edgeFirewallMock.networkProtectionEnabled,
-        waf_enabled: fixtures.edgeFirewallMock.wafEnabled,
-        domains: [1, 2]
+        waf_enabled: fixtures.edgeFirewallMock.wafEnabled
       }
     })
   })
diff --git a/src/tests/services/edge-firewall-services/edit-edge-firewall-service.test.js b/src/tests/services/edge-firewall-services/edit-edge-firewall-service.test.js
index e851b997e..d4817795a 100644
--- a/src/tests/services/edge-firewall-services/edit-edge-firewall-service.test.js
+++ b/src/tests/services/edge-firewall-services/edit-edge-firewall-service.test.js
@@ -7,7 +7,6 @@ const fixtures = {
   mock: {
     id: '123',
     name: 'test',
-    domains: [{ id: 1 }, { id: 2 }],
     isActive: true,
     debugRules: false,
     edgeFunctionsEnabled: false,
@@ -41,8 +40,7 @@ describe('EdgeFirewallServices', () => {
         debug_rules: fixtures.mock.debugRules,
         edge_functions_enabled: fixtures.mock.edgeFunctionsEnabled,
         network_protection_enabled: fixtures.mock.networkProtectionEnabled,
-        waf_enabled: fixtures.mock.wafEnabled,
-        domains: [1, 2]
+        waf_enabled: fixtures.mock.wafEnabled
       }
     })
   })
diff --git a/src/views/Domains/CreateView.vue b/src/views/Domains/CreateView.vue
index a97cf9485..806321a10 100644
--- a/src/views/Domains/CreateView.vue
+++ b/src/views/Domains/CreateView.vue
@@ -17,9 +17,12 @@
           <FormFieldsCreateDomains
             :digitalCertificates="digitalCertificates"
             :edgeApplicationsData="edgeApplicationsData"
+            :edgeFirewallsData="edgeFirewallsData"
             :isLoadingRequests="isLoadingRequests"
+            :isLoadingEdgeFirewalls="isLoadingEdgeFirewalls"
             :updateDigitalCertificates="updateDigitalCertificates"
             @edgeApplicationCreated="handleEdgeApplicationCreated"
+            @edgeFirewallCreated="handleEdgeFirewallCreated"
           />
         </template>
         <template #action-bar="{ onSubmit, onCancel, loading }">
@@ -45,6 +48,7 @@
   import ActionBarTemplate from '@/templates/action-bar-block/action-bar-with-teleport'
   import CopyDomainDialog from './Dialog/CopyDomainDialog.vue'
   import { useRoute, useRouter } from 'vue-router'
+  import { listEdgeFirewallService } from '@/services/edge-firewall-services'
   import { useDialog } from 'primevue/usedialog'
   import * as yup from 'yup'
   import { handleTrackerError } from '@/utils/errorHandlingTracker'
@@ -78,9 +82,11 @@
   const router = useRouter()
 
   const edgeApplicationsData = ref([])
+  const edgeFirewallsData = ref([])
   const digitalCertificates = ref([])
   const domainName = ref('')
   const isLoadingRequests = ref(true)
+  const isLoadingEdgeFirewalls = ref(true)
 
   const handleResponse = (value) => {
     domainName.value = value?.domainName
@@ -153,10 +159,25 @@
     }
   }
 
+  const requestEdgeFirewalls = async () => {
+    isLoadingEdgeFirewalls.value = true
+    try {
+      edgeFirewallsData.value = await listEdgeFirewallService({})
+    } catch (error) {
+      toastError(error)
+    } finally {
+      isLoadingEdgeFirewalls.value = false
+    }
+  }
+
   const handleEdgeApplicationCreated = async () => {
     await requestEdgeApplications()
   }
 
+  const handleEdgeFirewallCreated = async () => {
+    await requestEdgeFirewalls()
+  }
+
   const requestDigitalCertificates = async () => {
     digitalCertificates.value = await props.listDigitalCertificatesService({})
   }
@@ -177,7 +198,11 @@
 
   onMounted(async () => {
     try {
-      await Promise.all([requestEdgeApplications(), requestDigitalCertificates()])
+      await Promise.all([
+        requestEdgeApplications(),
+        requestDigitalCertificates(),
+        requestEdgeFirewalls()
+      ])
     } catch (error) {
       toastError(error)
     } finally {
@@ -189,6 +214,7 @@
     name: '',
     environment: 'production',
     edgeApplication: null,
+    edgeFirewall: null,
     cnames: '',
     cnameAccessOnly: true,
     mtlsIsEnabled: false,
diff --git a/src/views/Domains/EditView.vue b/src/views/Domains/EditView.vue
index c077b6d7b..d3181d2fd 100644
--- a/src/views/Domains/EditView.vue
+++ b/src/views/Domains/EditView.vue
@@ -17,6 +17,9 @@
           <FormFieldsEditDomains
             :digitalCertificates="digitalCertificates"
             :edgeApplicationsData="edgeApplicationsData"
+            :edgeFirewallsData="edgeFirewallsData"
+            :isLoadingEdgeFirewalls="isLoadingEdgeFirewalls"
+            @edgeFirewallCreated="handleEdgeFirewallCreated"
             hasDomainName
             @copyDomainName="copyDomainName"
             :loadingEdgeApplications="loadingEdgeApplications"
@@ -47,6 +50,7 @@
   import * as yup from 'yup'
   import { useToast } from 'primevue/usetoast'
   import { handleTrackerError } from '@/utils/errorHandlingTracker'
+  import { listEdgeFirewallService } from '@/services/edge-firewall-services'
 
   /**@type {import('@/plugins/analytics/AnalyticsTrackerAdapter').AnalyticsTrackerAdapter} */
   const tracker = inject('tracker')
@@ -105,6 +109,8 @@
   const toast = useToast()
   const loadingEdgeApplications = ref(true)
   const domainName = ref()
+  const edgeFirewallsData = ref([])
+  const isLoadingEdgeFirewalls = ref(true)
 
   const requestEdgeApplications = async () => {
     loadingEdgeApplications.value = true
@@ -149,10 +155,29 @@
     domainName.value = domain.name
   }
 
+  const requestEdgeFirewalls = async () => {
+    isLoadingEdgeFirewalls.value = true
+    try {
+      edgeFirewallsData.value = await listEdgeFirewallService({})
+    } catch (error) {
+      toastError(error)
+    } finally {
+      isLoadingEdgeFirewalls.value = false
+    }
+  }
+
+  const handleEdgeFirewallCreated = async () => {
+    await requestEdgeFirewalls()
+  }
+
   onMounted(async () => {
     try {
       scrollToTop()
-      await Promise.all([requestEdgeApplications(), requestDigitalCertificates()])
+      await Promise.all([
+        requestEdgeApplications(),
+        requestDigitalCertificates(),
+        requestEdgeFirewalls()
+      ])
     } catch (error) {
       toastError(error)
     } finally {
diff --git a/src/views/Domains/FormFields/FormFieldsCreateDomains.vue b/src/views/Domains/FormFields/FormFieldsCreateDomains.vue
index e1ffb165b..2a875cbe5 100644
--- a/src/views/Domains/FormFields/FormFieldsCreateDomains.vue
+++ b/src/views/Domains/FormFields/FormFieldsCreateDomains.vue
@@ -12,7 +12,7 @@
   import FieldGroupRadio from '@/templates/form-fields-inputs/fieldGroupRadio'
   import DigitalCertificatesDrawer from '@/views/DigitalCertificates/Drawer'
   import FieldSwitchBlock from '@/templates/form-fields-inputs/fieldSwitchBlock'
-
+  import DrawerEdgeFirewall from '@/views/EdgeFirewall/Drawer'
   import { useField } from 'vee-validate'
   import { computed, ref, watch } from 'vue'
 
@@ -25,6 +25,14 @@
       type: Array,
       required: true
     },
+    edgeFirewallsData: {
+      type: Array,
+      required: true
+    },
+    isLoadingEdgeFirewalls: {
+      type: Boolean,
+      required: true
+    },
     hasDomainName: {
       type: Boolean,
       required: false,
@@ -48,20 +56,29 @@
   const { value: cnames } = useField('cnames')
   const { value: cnameAccessOnly } = useField('cnameAccessOnly')
   const { value: edgeApplication } = useField('edgeApplication')
+  const { value: edgeFirewall } = useField('edgeFirewall')
   const { setValue: setEdgeCertificate } = useField('edgeCertificate')
   const { value: mtlsIsEnabled } = useField('mtlsIsEnabled')
   const { value: mtlsTrustedCertificate } = useField('mtlsTrustedCertificate')
   const drawerRef = ref('')
-
+  const drawerEdgeFirewallRef = ref('')
   const openDrawer = () => {
     drawerRef.value.openCreateDrawer()
   }
+  const openDrawerEdgeFirewall = () => {
+    drawerEdgeFirewallRef.value.openCreateDrawer()
+  }
 
   const handleEdgeApplicationCreated = (id) => {
     edgeApplication.value = id
     emit('edgeApplicationCreated')
   }
 
+  const handleEdgeFirewallCreated = (id) => {
+    edgeFirewall.value = id
+    emit('edgeFirewallCreated')
+  }
+
   const edgeCertificates = computed(() => {
     return props.digitalCertificates.filter((certificate) => certificate.type === EDGE_CERTIFICATE)
   })
@@ -73,6 +90,13 @@
   const edgeApplicationOptions = computed(() => {
     return props.edgeApplicationsData.map((edgeApp) => ({ name: edgeApp.name, value: edgeApp.id }))
   })
+
+  const edgeFirewallOptions = computed(() => {
+    return props.edgeFirewallsData.map((edgeFirewall) => ({
+      name: edgeFirewall.name,
+      value: edgeFirewall.id
+    }))
+  })
   const edgeCertificatesOptions = computed(() => {
     const defaultCertificate = [
       { name: 'Azion (SAN)', value: 0 },
@@ -173,6 +197,10 @@
   >
     <template #title> Settings </template>
     <template #inputs>
+      <DrawerEdgeFirewall
+        ref="drawerEdgeFirewallRef"
+        @onSuccess="handleEdgeFirewallCreated"
+      />
       <Drawer
         ref="drawerRef"
         @onEdgeApplicationCreated="handleEdgeApplicationCreated"
@@ -218,6 +246,42 @@
           </template>
         </FieldDropdown>
       </div>
+      <div class="flex flex-col w-full sm:max-w-xs gap-2">
+        <FieldDropdown
+          label="Edge Firewall"
+          data-testid="domains-form__edge-firewall-field"
+          name="edgeFirewall"
+          :options="edgeFirewallOptions"
+          :loading="isLoadingEdgeFirewalls"
+          :disabled="isLoadingEdgeFirewalls"
+          optionLabel="name"
+          optionValue="value"
+          :value="edgeFirewall"
+          filter
+          appendTo="self"
+          placeholder="Select an edge firewall"
+        >
+          <template #footer>
+            <ul class="p-2">
+              <li>
+                <PrimeButton
+                  @click="openDrawerEdgeFirewall"
+                  class="w-full whitespace-nowrap flex"
+                  data-testid="domains-form__create-edge-firewall-button"
+                  text
+                  size="small"
+                  icon="pi pi-plus-circle"
+                  :pt="{
+                    label: { class: 'w-full text-left' },
+                    root: { class: 'p-2' }
+                  }"
+                  label="Create Edge Firewall"
+                />
+              </li>
+            </ul>
+          </template>
+        </FieldDropdown>
+      </div>
       <FieldSwitchBlock
         data-testid="domains-form__cname-access-only-field"
         nameField="cnameAccessOnly"
diff --git a/src/views/Domains/FormFields/FormFieldsEditDomains.vue b/src/views/Domains/FormFields/FormFieldsEditDomains.vue
index 9b53e268f..d440e101f 100644
--- a/src/views/Domains/FormFields/FormFieldsEditDomains.vue
+++ b/src/views/Domains/FormFields/FormFieldsEditDomains.vue
@@ -16,6 +16,7 @@
   import { useField } from 'vee-validate'
   import { computed, ref } from 'vue'
   import DigitalCertificatesDrawer from '@/views/DigitalCertificates/Drawer'
+  import DrawerEdgeFirewall from '@/views/EdgeFirewall/Drawer'
 
   const props = defineProps({
     digitalCertificates: {
@@ -37,6 +38,14 @@
     updateDigitalCertificates: {
       type: Function,
       required: true
+    },
+    edgeFirewallsData: {
+      type: Array,
+      required: true
+    },
+    isLoadingEdgeFirewalls: {
+      type: Boolean,
+      required: true
     }
   })
 
@@ -51,6 +60,25 @@
 
   const { value: mtlsTrustedCertificate } = useField('mtlsTrustedCertificate')
 
+  const { value: edgeFirewall } = useField('edgeFirewall')
+  const drawerEdgeFirewallRef = ref('')
+
+  const openDrawerEdgeFirewall = () => {
+    drawerEdgeFirewallRef.value.openCreateDrawer()
+  }
+
+  const handleEdgeFirewallCreated = (id) => {
+    edgeFirewall.value = id
+    emit('edgeFirewallCreated')
+  }
+
+  const edgeFirewallOptions = computed(() => {
+    return props.edgeFirewallsData.map((edgeFirewall) => ({
+      name: edgeFirewall.name,
+      value: edgeFirewall.id
+    }))
+  })
+
   const edgeCertificates = computed(() => {
     return props.digitalCertificates.filter((certificate) => certificate.type === EDGE_CERTIFICATE)
   })
@@ -142,7 +170,7 @@
     emit('edgeApplicationCreated')
   }
 
-  const emit = defineEmits(['edgeApplicationCreated', 'copyDomainName'])
+  const emit = defineEmits(['edgeApplicationCreated', 'copyDomainName', 'edgeFirewallCreated'])
 
   const digitalCertificateDrawerRef = ref('')
   const openDigitalCertificateDrawer = () => {
@@ -254,6 +282,10 @@
         ref="digitalCertificateDrawerRef"
         @onSuccess="onDigitalCertificateSuccess"
       />
+      <DrawerEdgeFirewall
+        ref="drawerEdgeFirewallRef"
+        @onSuccess="handleEdgeFirewallCreated"
+      />
       <div class="flex flex-col w-full sm:max-w-xs gap-2">
         <FieldDropdown
           label="Edge Application"
@@ -291,6 +323,46 @@
         </FieldDropdown>
       </div>
 
+      <div class="flex flex-col w-full sm:max-w-xs gap-2">
+        <DrawerEdgeFirewall
+          ref="drawerEdgeFirewallRef"
+          @onSuccess="handleEdgeFirewallCreated"
+        />
+        <FieldDropdown
+          label="Edge Firewall"
+          data-testid="domains-form__edge-firewall-field"
+          name="edgeFirewall"
+          :options="edgeFirewallOptions"
+          :loading="isLoadingEdgeFirewalls"
+          :disabled="isLoadingEdgeFirewalls"
+          optionLabel="name"
+          optionValue="value"
+          :value="edgeFirewall"
+          filter
+          appendTo="self"
+          placeholder="Select an edge firewall"
+        >
+          <template #footer>
+            <ul class="p-2">
+              <li>
+                <PrimeButton
+                  @click="openDrawerEdgeFirewall"
+                  class="w-full whitespace-nowrap flex"
+                  data-testid="domains-form__create-edge-firewall-button"
+                  text
+                  size="small"
+                  icon="pi pi-plus-circle"
+                  :pt="{
+                    label: { class: 'w-full text-left' },
+                    root: { class: 'p-2' }
+                  }"
+                  label="Create Edge Firewall"
+                />
+              </li>
+            </ul>
+          </template>
+        </FieldDropdown>
+      </div>
       <FieldSwitchBlock
         nameField="cnameAccessOnly"
         name="cnameAccessOnly"
diff --git a/src/views/EdgeFirewall/CreateView.vue b/src/views/EdgeFirewall/CreateView.vue
index 0eb7e3e84..9e97ed98c 100644
--- a/src/views/EdgeFirewall/CreateView.vue
+++ b/src/views/EdgeFirewall/CreateView.vue
@@ -5,7 +5,7 @@
   import PageHeadingBlock from '@/templates/page-heading-block'
   import * as yup from 'yup'
   import FormCreateEdgeFirewall from './FormFields/FormFieldsEdgeFirewall'
-  import { ref, inject } from 'vue'
+  import { inject } from 'vue'
 
   defineOptions({ name: 'create-edge-firewall' })
 
@@ -18,18 +18,11 @@
     createEdgeFirewallService: {
       type: Function,
       required: true
-    },
-    listDomainsService: {
-      type: Function,
-      required: true
     }
   })
 
-  const loadingServices = ref(false)
-
   const validationSchema = yup.object({
     name: yup.string().required().label('Name'),
-    domains: yup.array().label('Domains'),
     edgeFunctionsEnabled: yup.boolean().label('Edge Funcions Enabled'),
     networkProtectionEnabled: yup.boolean().label('Network Protection Enabled'),
     wafEnabled: yup.boolean().label('WAF Enabled'),
@@ -38,7 +31,6 @@
 
   const initialValues = {
     name: '',
-    domains: [],
     isActive: true,
     debugRules: false,
     edgeFunctionsEnabled: false,
@@ -80,10 +72,7 @@
         @on-response-fail="handleFailedCreateEdgeFirewall"
       >
         <template #form>
-          <FormCreateEdgeFirewall
-            :domainsService="props.listDomainsService"
-            v-model:loadingDomains="loadingServices"
-          />
+          <FormCreateEdgeFirewall />
         </template>
         <template #action-bar="{ onSubmit, onCancel, loading }">
           <ActionBarTemplate
diff --git a/src/views/EdgeFirewall/Drawer/index.vue b/src/views/EdgeFirewall/Drawer/index.vue
new file mode 100644
index 000000000..b57171b6a
--- /dev/null
+++ b/src/views/EdgeFirewall/Drawer/index.vue
@@ -0,0 +1,91 @@
+<script setup>
+  import CreateDrawerBlock from '@templates/create-drawer-block'
+  import { refDebounced } from '@vueuse/core'
+  import * as yup from 'yup'
+  import { ref, inject, defineExpose } from 'vue'
+  import { handleTrackerError } from '@/utils/errorHandlingTracker'
+  import { createEdgeFirewallService } from '@/services/edge-firewall-services'
+  import FormCreateEdgeFirewall from '../FormFields/FormFieldsEdgeFirewall'
+
+  defineOptions({
+    name: 'edge-firewall-drawer'
+  })
+  const emit = defineEmits(['onSuccess'])
+
+  /**@type {import('@/plugins/adapters/AnalyticsTrackerAdapter').AnalyticsTrackerAdapter} */
+  const tracker = inject('tracker')
+  const showCreateEdgeFirewallDrawer = ref(false)
+  const DEBOUNCE_TIME_IN_MS = 300
+  const showCreateDrawer = refDebounced(showCreateEdgeFirewallDrawer, DEBOUNCE_TIME_IN_MS)
+
+  const validationSchema = yup.object({
+    name: yup.string().required().label('Name'),
+    edgeFunctionsEnabled: yup.boolean().label('Edge Funcions Enabled'),
+    networkProtectionEnabled: yup.boolean().label('Network Protection Enabled'),
+    wafEnabled: yup.boolean().label('WAF Enabled'),
+    isActive: yup.boolean().label('Active')
+  })
+
+  const initialValues = {
+    name: '',
+    isActive: true,
+    debugRules: false,
+    edgeFunctionsEnabled: false,
+    networkProtectionEnabled: true,
+    wafEnabled: false,
+    ddosProtectionUnmetered: true
+  }
+
+  const handleTrackCreation = () => {
+    tracker.product.productCreated({
+      productName: 'Edge Firewall'
+    })
+  }
+
+  const handleTrackFailedCreation = (error) => {
+    const { fieldName, message } = handleTrackerError(error)
+    tracker.product
+      .failedToCreate({
+        productName: 'Edge Firewall',
+        errorType: 'api',
+        fieldName: fieldName.trim(),
+        errorMessage: message
+      })
+      .track()
+  }
+
+  const closeCreateDrawer = () => {
+    showCreateEdgeFirewallDrawer.value = false
+  }
+  const openCreateDrawer = () => {
+    showCreateEdgeFirewallDrawer.value = true
+  }
+  const handleCreateWithSuccess = (response) => {
+    handleTrackCreation()
+    emit('onSuccess', response.id)
+    closeCreateDrawer()
+  }
+  defineExpose({
+    showCreateDrawer,
+    openCreateDrawer
+  })
+</script>
+
+<template>
+  <CreateDrawerBlock
+    v-if="showCreateDrawer"
+    data-testid="edge-firewall-drawer"
+    v-model:visible="showCreateEdgeFirewallDrawer"
+    :createService="createEdgeFirewallService"
+    :schema="validationSchema"
+    :initialValues="initialValues"
+    drawerId="edge-firewall-drawer"
+    @onSuccess="handleCreateWithSuccess"
+    @onResponseFail="handleTrackFailedCreation"
+    title="Create Edge Firewall"
+  >
+    <template #formFields>
+      <FormCreateEdgeFirewall />
+    </template>
+  </CreateDrawerBlock>
+</template>
diff --git a/src/views/EdgeFirewall/FormFields/FormFieldsEdgeFirewall.vue b/src/views/EdgeFirewall/FormFields/FormFieldsEdgeFirewall.vue
index 78cfa37b5..0ec68ccc0 100644
--- a/src/views/EdgeFirewall/FormFields/FormFieldsEdgeFirewall.vue
+++ b/src/views/EdgeFirewall/FormFields/FormFieldsEdgeFirewall.vue
@@ -1,71 +1,14 @@
 <script setup>
   import FormHorizontal from '@/templates/create-form-block/form-horizontal'
   import FieldText from '@/templates/form-fields-inputs/fieldText'
-  import PickList from 'primevue/picklist'
-  import Skeleton from 'primevue/skeleton'
   import PrimeTag from 'primevue/tag'
   import { useField } from 'vee-validate'
   import FieldGroupSwitch from '@/templates/form-fields-inputs/fieldGroupSwitch.vue'
   import FieldSwitchBlock from '@/templates/form-fields-inputs/fieldSwitchBlock'
 
-  import { computed, onMounted, ref, watch } from 'vue'
-
   defineOptions({ name: 'form-fields-edge-firewall' })
-  const emit = defineEmits(['update:loadingDomains'])
-
-  const props = defineProps({
-    domainsService: {
-      type: Function,
-      required: true
-    },
-    loadingDomains: {
-      type: Boolean,
-      default: false
-    }
-  })
 
-  const PICK_LIST_SKELETON = Array.from({ length: 7 }, () => ({}))
   const { value: name } = useField('name')
-  const { value: domains, resetField } = useField('domains')
-  const domainsList = ref([PICK_LIST_SKELETON, PICK_LIST_SKELETON])
-
-  const loading = computed({
-    get: () => props.loadingDomains,
-    set: (value) => {
-      emit('update:loadingDomains', value)
-    }
-  })
-
-  const classLoading = computed(() => (loading.value ? 'pointer-events-none' : ''))
-
-  const fetchDomains = async () => {
-    try {
-      loading.value = true
-      const responseDomains = await props.domainsService({ pageSize: 1000 })
-      const alreadySelectedDomainsIds = domains.value?.map((domain) => domain) || []
-
-      const alreadySelectedDomains =
-        responseDomains.filter((domain) => alreadySelectedDomainsIds.includes(domain.id)) || []
-
-      const notSelectedDomains =
-        responseDomains.filter((domain) => {
-          if (!domain.edgeFirewallId && !alreadySelectedDomainsIds.includes(domain.id)) {
-            return domain
-          }
-        }) || []
-      const availableDomains = notSelectedDomains.filter((element) => !element.edgeFirewallId)
-      domainsList.value = [availableDomains, alreadySelectedDomains]
-      resetField({
-        value: alreadySelectedDomains
-      })
-
-      watch(domainsList, (newValue) => {
-        domains.value = newValue[1]
-      })
-    } finally {
-      loading.value = false
-    }
-  }
 
   const switchOptions = [
     {
@@ -97,9 +40,6 @@
       subtitle: 'Protect edge applications against threats and attacks.'
     }
   ]
-  onMounted(async () => {
-    await fetchDomains()
-  })
 </script>
 
 <template>
@@ -121,66 +61,6 @@
       </div>
     </template>
   </FormHorizontal>
-  <FormHorizontal
-    title="Domains"
-    description="Define the addresses to which the edge firewall should apply rules by associating registered domains."
-  >
-    <template #inputs>
-      <div class="flex flex-col sm:max-w-3xl w-full gap-2">
-        <PickList
-          v-model="domainsList"
-          :pt="{
-            sourceList: { class: [`h-80 ${classLoading}`] },
-            targetList: { class: [`h-80 ${classLoading}`] },
-            buttons: { class: classLoading },
-            sourceWrapper: { class: 'max-w-[340px]' },
-            targetWrapper: { class: 'max-w-[340px]' }
-          }"
-          :showSourceControls="false"
-          :showTargetControls="false"
-          :move-all-to-source-props="{
-            'data-testid': 'edge-firewall-form__domain-picklist__move-all-to-source-btn'
-          }"
-          :move-all-to-target-props="{
-            'data-testid': 'edge-firewall-form__domain-picklist__move-all-to-target-btn'
-          }"
-          :move-to-target-props="{
-            'data-testid': 'edge-firewall-form__domain-picklist__move-to-target-btn'
-          }"
-          :move-to-source-props="{
-            'data-testid': 'edge-firewall-form__domain-picklist__move-to-source-btn'
-          }"
-        >
-          <template #sourceheader>Available</template>
-          <template #targetheader>Selected</template>
-          <template #item="slotProps">
-            <div
-              class="flex flex-wrap p-2 pl-0 align-items-center gap-3 max-w-xs"
-              v-if="!loading"
-            >
-              <div class="flex-1 flex flex-column gap-2 overflow-hidden pr-2">
-                <span
-                  class="font-normal truncate"
-                  v-tooltip.top="slotProps.item.name"
-                  >{{ slotProps.item.name }}</span
-                >
-              </div>
-            </div>
-            <Skeleton
-              v-else
-              height="2.2rem"
-              class="mb-2 z-0"
-            />
-          </template>
-        </PickList>
-        <small class="text-xs text-color-secondary font-normal leading-5">
-          Select an item from the list and then use the arrows to move it between the available and
-          selected domains boxes. Use the double-line arrows to move all items or press the
-          <code>ctrl</code> or <code>command</code> keys to select multiple items.
-        </small>
-      </div>
-    </template>
-  </FormHorizontal>
   <FormHorizontal
     title="Modules"
     description="Activate modules to extend configuration possibilities. Some modules require subscription."

From 37710e5c27a12ea0c94d2b334bf11d23b402665f Mon Sep 17 00:00:00 2001
From: Peterson Paulo <109550332+peterpaulo-azion@users.noreply.github.com>
Date: Thu, 31 Oct 2024 16:11:32 -0300
Subject: [PATCH 12/24] [UXE-5554] feat: added no cache browser option to cache
 settings (#1867)

---
 .../FormFields/FormFieldsEdgeApplicationCacheSettings.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/views/EdgeApplicationsCacheSettings/FormFields/FormFieldsEdgeApplicationCacheSettings.vue b/src/views/EdgeApplicationsCacheSettings/FormFields/FormFieldsEdgeApplicationCacheSettings.vue
index 4663a2496..31721e4cf 100644
--- a/src/views/EdgeApplicationsCacheSettings/FormFields/FormFieldsEdgeApplicationCacheSettings.vue
+++ b/src/views/EdgeApplicationsCacheSettings/FormFields/FormFieldsEdgeApplicationCacheSettings.vue
@@ -97,7 +97,7 @@
       'Honor cache policies from the origin or define a new maximum cache TTL for browsers.'
     const cdnSubtitle = `Honor cache policies from the origin or define a new maximum cache TTL for the edge. If a TTL isn't received from the origin, cache will be maintained at a default TTL.`
 
-    return [
+    const options = [
       {
         title: 'Honor cache policies',
         subtitle: isBrowser ? browserSubtitle : cdnSubtitle,
@@ -106,6 +106,12 @@
       },
       { title: 'Override cache settings', inputValue: 'override' }
     ]
+
+    if (isBrowser) {
+      options.push({ title: 'No cache', inputValue: 'no-cache' })
+    }
+
+    return options
   }
 
   const layerFileOptimizationRadioOptions = computed(() => [

From 37ac6377ed85c9bcda5a9022952cec50b8e7a3d1 Mon Sep 17 00:00:00 2001
From: Aloisio Bastian <aloisiomiguelb@gmail.com>
Date: Mon, 4 Nov 2024 09:24:55 -0300
Subject: [PATCH 13/24] [UXE-5553] feat: add sampling behavior to datastream
 form (#1873)

* feat: add sampling behavior to datastream form

* fix: activate domains on edit page
---
 .../data-stream-services/load-data-stream-service.js |  1 +
 src/stores/account.js                                |  4 ++++
 .../DataStream/FormFields/FormFieldsDataStream.vue   | 12 +++++++++---
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/services/data-stream-services/load-data-stream-service.js b/src/services/data-stream-services/load-data-stream-service.js
index 25a49496f..cade5e852 100644
--- a/src/services/data-stream-services/load-data-stream-service.js
+++ b/src/services/data-stream-services/load-data-stream-service.js
@@ -26,6 +26,7 @@ const adapt = async (httpResponse) => {
     status: payload.active,
     domains,
     endpoint: payload.endpoint.endpoint_type,
+    hasSampling: payload.sampling_percentage !== null,
     samplingPercentage: payload.sampling_percentage,
     ...getInfoByEndpoint(payload)
   }
diff --git a/src/stores/account.js b/src/stores/account.js
index b8c3c2d76..3776a5590 100644
--- a/src/stores/account.js
+++ b/src/stores/account.js
@@ -19,6 +19,7 @@ export const useAccountStore = defineStore({
       RESTRICT_ACCESS_TO_METRICS_ONLY: 'allow_only_metrics_on_console',
       FULL_CONSOLE_ACCESS: 'allow_console',
       SSO_MANAGEMENT: 'federated_auth',
+      DATA_STREAM_SAMPLING: 'data_streaming_sampling',
       MARKETPLACE_PRODUCTS: 'marketplace_products'
     }
   }),
@@ -35,6 +36,9 @@ export const useAccountStore = defineStore({
         (permission) => permission.name === permissionToEditDataStream
       )
     },
+    hasSamplingFlag(state) {
+      return state.account?.client_flags?.includes(state.flags.DATA_STREAM_SAMPLING)
+    },
     metricsOnlyAccessRestriction(state) {
       const flags = state.flags
       const client_flags = state.account?.client_flags || []
diff --git a/src/views/DataStream/FormFields/FormFieldsDataStream.vue b/src/views/DataStream/FormFields/FormFieldsDataStream.vue
index 60e4c9126..04d0a9bdf 100644
--- a/src/views/DataStream/FormFields/FormFieldsDataStream.vue
+++ b/src/views/DataStream/FormFields/FormFieldsDataStream.vue
@@ -93,7 +93,6 @@
           data-testid="data-stream-form__domains__options-field"
         />
       </div>
-
       <div
         v-if="domainOption === '0'"
         class="flex flex-col gap-2"
@@ -157,9 +156,8 @@
     </template>
   </FormHorizontal>
   <FormHorizontal
-    v-if="domainOption === '1'"
+    v-if="isAllDomainsSelected && hasAccessToSampling"
     title="Sampling"
-    class="hidden"
     description="Enable this option to reduce costs of data collection and analysis."
     data-testid="data-stream-form__section__sampling"
   >
@@ -1048,6 +1046,10 @@
   const MAX_PAYLOAD_SIZE_IN_BYTES = ref(2147483647)
   const MIN_PAYLOAD_SIZE_IN_BYTES = ref(1000000)
 
+  const hasAccessToSampling = computed(() => {
+    return store.hasSamplingFlag
+  })
+
   // Variables
   const listDataSources = ref([
     { label: 'Activity History', value: 'rtm_activity' },
@@ -1190,6 +1192,10 @@
   // Using the store
   const store = useAccountStore()
 
+  const isAllDomainsSelected = computed(() => {
+    return domainOption.value === '1'
+  })
+
   const hasNoPermissionToEditDataStream = computed(() => !store.hasPermissionToEditDataStream)
 
   const MAX_HEADER_COUNT = 5

From b085a679f53a507955b8cbdf82b711fb90dbf0b7 Mon Sep 17 00:00:00 2001
From: Aloisio Bastian <aloisiomiguelb@gmail.com>
Date: Mon, 4 Nov 2024 14:04:13 -0300
Subject: [PATCH 14/24] [UXE-5550] feat: Block users with more than 2999
 domains to acess data-stream creation (#1870)

* feat: limit use of datastream to users with more than 2999 domains

* feat: add unit tests

* fix: verify if its logged before requesting workloads on domains guard

* fix: change service default page size

* fix: rename file

* Delete make-workloads-base-url.js
---
 .../convert-array-objects-to-camel-case.js    |  22 ++++
 src/helpers/make-list-service-query-params.js |  19 +++
 src/router/hooks/beforeEachRoute.js           |   4 +-
 src/router/hooks/guards/domainsLimitGuard.js  |  23 ++++
 src/router/hooks/guards/index.js              |   5 +-
 .../list-team-permission-service.js           |   2 +-
 src/services/workloads-services/index.js      |   3 +
 .../list-workloads-service.js                 |  59 +++++++++
 .../make-workloads-base-url.js                |   3 +
 src/templates/empty-results-block/index.vue   |   2 +
 src/templates/list-table-block/index.vue      |  10 +-
 ...onvert-array-objects-to-camel-case.test.js |  72 +++++++++++
 .../list-team-permission-service.test.js      |   2 +-
 .../workloads-services/list-workloads.test.js |  75 +++++++++++
 .../make-workloads-base-url.test.js           |  21 ++++
 src/views/DataStream/ListView.vue             | 118 ++++++++++++++----
 16 files changed, 408 insertions(+), 32 deletions(-)
 create mode 100644 src/helpers/convert-array-objects-to-camel-case.js
 create mode 100644 src/helpers/make-list-service-query-params.js
 create mode 100644 src/router/hooks/guards/domainsLimitGuard.js
 create mode 100644 src/services/workloads-services/index.js
 create mode 100644 src/services/workloads-services/list-workloads-service.js
 create mode 100644 src/services/workloads-services/make-workloads-base-url.js
 create mode 100644 src/tests/helpers/convert-array-objects-to-camel-case.test.js
 create mode 100644 src/tests/services/workloads-services/list-workloads.test.js
 create mode 100644 src/tests/services/workloads-services/make-workloads-base-url.test.js

diff --git a/src/helpers/convert-array-objects-to-camel-case.js b/src/helpers/convert-array-objects-to-camel-case.js
new file mode 100644
index 000000000..506f2453f
--- /dev/null
+++ b/src/helpers/convert-array-objects-to-camel-case.js
@@ -0,0 +1,22 @@
+import { parseSnakeToCamel } from './parse-api-body'
+
+/**
+ * Converts all properties of an array of objects from snake_case to camelCase, including nested objects
+ * @param {Array<Object>} arrayOfObjects - Array containing objects with properties in snake_case
+ * @returns {Array<Object>} - New array with objects containing properties in camelCase
+ */
+export const convertArrayObjectsToCamelCase = (arrayOfObjects) => {
+  return arrayOfObjects.map((object) => {
+    const convertedObject = {}
+    for (const key in object) {
+      const camelKey = key.replace(/_([a-z])/g, (match) => match[1].toUpperCase())
+      convertedObject[camelKey] =
+        typeof object[key] === 'object' && object[key] !== null
+          ? Array.isArray(object[key])
+            ? convertArrayObjectsToCamelCase(object[key])
+            : parseSnakeToCamel(object[key])
+          : object[key]
+    }
+    return convertedObject
+  })
+}
diff --git a/src/helpers/make-list-service-query-params.js b/src/helpers/make-list-service-query-params.js
new file mode 100644
index 000000000..fb4faac10
--- /dev/null
+++ b/src/helpers/make-list-service-query-params.js
@@ -0,0 +1,19 @@
+/**
+ * Creates URLSearchParams object for list service queries
+ * @param {Object} params - Query parameters
+ * @param {string} params.fields - Fields to return
+ * @param {string} params.ordering - Field to order by
+ * @param {number} params.page - Page number
+ * @param {number} params.pageSize - Items per page
+ * @returns {URLSearchParams} URLSearchParams object
+ */
+export const makeListServiceQueryParams = ({ fields, ordering, page, pageSize }) => {
+  const searchParams = new URLSearchParams()
+
+  if (fields) searchParams.append('fields', fields)
+  if (ordering) searchParams.append('ordering', ordering)
+  if (page) searchParams.append('page', page.toString())
+  if (pageSize) searchParams.append('page_size', pageSize.toString())
+
+  return searchParams
+}
diff --git a/src/router/hooks/beforeEachRoute.js b/src/router/hooks/beforeEachRoute.js
index 710898442..e94d82362 100644
--- a/src/router/hooks/beforeEachRoute.js
+++ b/src/router/hooks/beforeEachRoute.js
@@ -6,7 +6,8 @@ import {
   billingGuard,
   redirectGuard,
   redirectToManagerGuard,
-  ssoManagementGuard
+  ssoManagementGuard,
+  domainsLimitGuard
 } from '@/router/hooks/guards'
 import { useHelpCenterStore } from '@/stores/help-center'
 import { useRouter } from 'vue-router'
@@ -24,6 +25,7 @@ export default async function beforeEachRoute(guardDependency) {
     billingGuard,
     redirectGuard,
     ssoManagementGuard,
+    domainsLimitGuard,
     redirectToManagerGuard
   ]
 
diff --git a/src/router/hooks/guards/domainsLimitGuard.js b/src/router/hooks/guards/domainsLimitGuard.js
new file mode 100644
index 000000000..a9479e11f
--- /dev/null
+++ b/src/router/hooks/guards/domainsLimitGuard.js
@@ -0,0 +1,23 @@
+import { listWorkloadsService } from '@/services/workloads-services'
+/** @type {import('vue-router').NavigationGuardWithThis} */
+
+export async function domainsLimitGuard({ to, accountStore }) {
+  const { hasActiveUserId } = accountStore
+  if (!hasActiveUserId) {
+    return true
+  }
+
+  const workloads = await listWorkloadsService({
+    fields: 'id',
+    ordering: 'id',
+    page: 1,
+    pageSize: 1
+  })
+
+  const isMaxDomainsReached = workloads.count >= 3000
+  const isCreateOrEditDataStream =
+    to.name === 'create-data-stream' || to.name === 'edit-data-stream'
+  if (isCreateOrEditDataStream && isMaxDomainsReached) {
+    return '/'
+  }
+}
diff --git a/src/router/hooks/guards/index.js b/src/router/hooks/guards/index.js
index 25fdffe02..3390445ba 100644
--- a/src/router/hooks/guards/index.js
+++ b/src/router/hooks/guards/index.js
@@ -6,7 +6,7 @@ import { billingGuard } from './billingGuard'
 import { redirectGuard } from './redirectGuard'
 import { redirectToManagerGuard } from './redirectToManagerGuard'
 import { ssoManagementGuard } from './SSOManagementGuard'
-
+import { domainsLimitGuard } from './domainsLimitGuard'
 export {
   logoutGuard,
   loadingGuard,
@@ -15,5 +15,6 @@ export {
   billingGuard,
   redirectGuard,
   redirectToManagerGuard,
-  ssoManagementGuard
+  ssoManagementGuard,
+  domainsLimitGuard
 }
diff --git a/src/services/team-permission/list-team-permission-service.js b/src/services/team-permission/list-team-permission-service.js
index 65033ba76..eed59f6bc 100644
--- a/src/services/team-permission/list-team-permission-service.js
+++ b/src/services/team-permission/list-team-permission-service.js
@@ -5,7 +5,7 @@ export const listTeamPermissionService = async ({
   orderBy = 'id',
   sort = 'asc',
   page = 1,
-  pageSize = 200
+  pageSize = 10
 } = {}) => {
   const searchParams = makeSearchParams({ orderBy, sort, page, pageSize })
   let httpResponse = await AxiosHttpClientAdapter.request({
diff --git a/src/services/workloads-services/index.js b/src/services/workloads-services/index.js
new file mode 100644
index 000000000..83e783598
--- /dev/null
+++ b/src/services/workloads-services/index.js
@@ -0,0 +1,3 @@
+import { listWorkloadsService } from './list-workloads-service'
+
+export { listWorkloadsService }
diff --git a/src/services/workloads-services/list-workloads-service.js b/src/services/workloads-services/list-workloads-service.js
new file mode 100644
index 000000000..165c284e9
--- /dev/null
+++ b/src/services/workloads-services/list-workloads-service.js
@@ -0,0 +1,59 @@
+import { AxiosHttpClientAdapter, parseHttpResponse } from '../axios/AxiosHttpClientAdapter'
+import { makeWorkloadsBaseUrl } from './make-workloads-base-url'
+import { makeListServiceQueryParams } from '@/helpers/make-list-service-query-params'
+import { convertArrayObjectsToCamelCase } from '@/helpers/convert-array-objects-to-camel-case'
+
+export const listWorkloadsService = async ({
+  fields = '',
+  ordering = 'name',
+  page = 1,
+  pageSize = 200
+}) => {
+  const searchParams = makeListServiceQueryParams({ fields, ordering, page, pageSize })
+  let httpResponse = await AxiosHttpClientAdapter.request({
+    url: `${makeWorkloadsBaseUrl()}?${searchParams.toString()}`,
+    method: 'GET'
+  })
+
+  httpResponse = adapt(httpResponse)
+
+  return parseHttpResponse(httpResponse)
+}
+
+/**
+/**
+ * @param {Object} errorSchema - The error schema.
+ * @param {string} key - The error key of error schema.
+ * @returns {string} The result message based on the status code.
+ */
+const extractErrorKey = (errorSchema, key) => {
+  return `${errorSchema[key]}`
+}
+
+/**
+ * @param {Object} httpResponse - The HTTP response object.
+ * @param {Object} httpResponse.body - The response body.
+ * @returns {string} The result message based on the status code.
+ */
+const extractApiError = (httpResponse) => {
+  const apiKeyError = Object.keys(httpResponse.body)[0]
+  const apiValidationError = extractErrorKey(httpResponse.body, apiKeyError)
+
+  return `${apiValidationError}`
+}
+
+const adapt = (httpResponse) => {
+  if (httpResponse.statusCode === 200) {
+    const results = httpResponse.body.results || []
+
+    const parsedResults = convertArrayObjectsToCamelCase(results)
+
+    return {
+      body: { results: parsedResults, count: httpResponse.body.count },
+      statusCode: httpResponse.statusCode
+    }
+  } else {
+    const errorMessage = extractApiError(httpResponse)
+    throw new Error(errorMessage).message
+  }
+}
diff --git a/src/services/workloads-services/make-workloads-base-url.js b/src/services/workloads-services/make-workloads-base-url.js
new file mode 100644
index 000000000..9a73e2b12
--- /dev/null
+++ b/src/services/workloads-services/make-workloads-base-url.js
@@ -0,0 +1,3 @@
+export const makeWorkloadsBaseUrl = () => {
+  return 'v4/workspace/workloads'
+}
diff --git a/src/templates/empty-results-block/index.vue b/src/templates/empty-results-block/index.vue
index d44d7e911..ea4ef7df7 100644
--- a/src/templates/empty-results-block/index.vue
+++ b/src/templates/empty-results-block/index.vue
@@ -14,6 +14,7 @@
     description: { type: String, required: true },
     documentationService: { type: Function, required: true },
     createPagePath: { type: String, required: false },
+    disabledList: { type: Boolean, required: false },
     createButtonLabel: { type: String, required: false },
     inTabs: { type: Boolean, required: false },
     noBorder: { type: Boolean, required: false },
@@ -58,6 +59,7 @@
               v-if="props.createButtonLabel"
               class="max-md:w-full w-fit"
               severity="secondary"
+              :disabled="disabledList"
               icon="pi pi-plus"
               :data-testid="`create_${createButtonLabel}_button`"
               :label="createButtonLabel"
diff --git a/src/templates/list-table-block/index.vue b/src/templates/list-table-block/index.vue
index f99010066..ac171afb0 100644
--- a/src/templates/list-table-block/index.vue
+++ b/src/templates/list-table-block/index.vue
@@ -15,7 +15,7 @@
       :value="data"
       dataKey="id"
       @row-click="editItemSelected"
-      rowHover
+      :rowHover="!disabledList"
       v-model:filters="filters"
       :paginator="true"
       :rowsPerPageOptions="[10, 20, 50, 100]"
@@ -69,6 +69,7 @@
             >
               <PrimeButton
                 class="max-sm:w-full"
+                :disabled="disabledList"
                 @click="navigateToAddPage"
                 icon="pi pi-plus"
                 :data-testid="`create_${addButtonLabel}_button`"
@@ -100,7 +101,7 @@
         :field="col.field"
         :header="col.header"
         :sortField="col?.sortField"
-        class="hover:cursor-pointer"
+        :class="{ 'hover:cursor-pointer': !disabledList }"
         data-testid="data-table-column"
       >
         <template #body="{ data: rowData }">
@@ -229,6 +230,7 @@
 
     <DataTable
       v-else
+      :disabled="disabledList"
       :value="Array(10)"
       :pt="{
         header: { class: '!border-t-0' }
@@ -262,6 +264,7 @@
             >
               <PrimeButton
                 class="max-sm:w-full"
+                :disabled="disabledList"
                 @click="navigateToAddPage"
                 icon="pi pi-plus"
                 :label="addButtonLabel"
@@ -317,6 +320,9 @@
   ])
 
   const props = defineProps({
+    disabledList: {
+      type: Boolean
+    },
     hiddenHeader: {
       type: Boolean
     },
diff --git a/src/tests/helpers/convert-array-objects-to-camel-case.test.js b/src/tests/helpers/convert-array-objects-to-camel-case.test.js
new file mode 100644
index 000000000..0f71dfe8d
--- /dev/null
+++ b/src/tests/helpers/convert-array-objects-to-camel-case.test.js
@@ -0,0 +1,72 @@
+import { describe, expect, it } from 'vitest'
+import { convertArrayObjectsToCamelCase } from '@/helpers/convert-array-objects-to-camel-case'
+
+describe('convertArrayObjectsToCamelCase', () => {
+  it('should convert an array of objects from snake_case to camelCase', () => {
+    const inputArray = [
+      {
+        first_name: 'John',
+        last_name: 'Doe',
+        email_address: 'john.doe@example.com'
+      },
+      {
+        first_name: 'Jane',
+        last_name: 'Smith',
+        email_address: 'jane.smith@example.com'
+      }
+    ]
+
+    const expectedOutput = [
+      {
+        firstName: 'John',
+        lastName: 'Doe',
+        emailAddress: 'john.doe@example.com'
+      },
+      {
+        firstName: 'Jane',
+        lastName: 'Smith',
+        emailAddress: 'jane.smith@example.com'
+      }
+    ]
+
+    const result = convertArrayObjectsToCamelCase(inputArray)
+    expect(result).toEqual(expectedOutput)
+  })
+
+  it('should handle empty array', () => {
+    const inputArray = []
+    const result = convertArrayObjectsToCamelCase(inputArray)
+    expect(result).toEqual([])
+  })
+
+  it('should handle nested objects', () => {
+    const inputArray = [
+      {
+        user_info: {
+          first_name: 'John',
+          last_name: 'Doe'
+        },
+        contact_details: {
+          email_address: 'john.doe@example.com',
+          phone_number: '1234567890'
+        }
+      }
+    ]
+
+    const expectedOutput = [
+      {
+        userInfo: {
+          firstName: 'John',
+          lastName: 'Doe'
+        },
+        contactDetails: {
+          emailAddress: 'john.doe@example.com',
+          phoneNumber: '1234567890'
+        }
+      }
+    ]
+
+    const result = convertArrayObjectsToCamelCase(inputArray)
+    expect(result).toEqual(expectedOutput)
+  })
+})
diff --git a/src/tests/services/team-permission-services/list-team-permission-service.test.js b/src/tests/services/team-permission-services/list-team-permission-service.test.js
index 9b6c8f4ec..380ce971d 100644
--- a/src/tests/services/team-permission-services/list-team-permission-service.test.js
+++ b/src/tests/services/team-permission-services/list-team-permission-service.test.js
@@ -45,7 +45,7 @@ describe('TeamPermissionService', () => {
     await sut()
 
     expect(requestSpy).toHaveBeenCalledWith({
-      url: `${version}/iam/teams?order_by=id&sort=asc&page=1&page_size=200`,
+      url: `${version}/iam/teams?order_by=id&sort=asc&page=1&page_size=10`,
       method: 'GET'
     })
   })
diff --git a/src/tests/services/workloads-services/list-workloads.test.js b/src/tests/services/workloads-services/list-workloads.test.js
new file mode 100644
index 000000000..607a32623
--- /dev/null
+++ b/src/tests/services/workloads-services/list-workloads.test.js
@@ -0,0 +1,75 @@
+import { AxiosHttpClientAdapter } from '@/services/axios/AxiosHttpClientAdapter'
+import { listWorkloadsService } from '@/services/workloads-services'
+import { describe, expect, it, vi } from 'vitest'
+
+const fixtures = {
+  workloadsSample: {
+    id: '123',
+    name: 'teste',
+    test_parser: 'test_parser'
+  }
+}
+
+const makeSut = () => {
+  const sut = listWorkloadsService
+
+  return { sut }
+}
+
+describe('EdgeApplicationDeviceGroupsServicesV4', () => {
+  it('should call api with correct params', async () => {
+    const requestSpy = vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: { results: [] }
+    })
+
+    const { sut } = makeSut()
+    await sut({})
+
+    expect(requestSpy).toHaveBeenCalledWith({
+      url: `v4/workspace/workloads?ordering=name&page=1&page_size=200`,
+      method: 'GET'
+    })
+  })
+
+  it('should parse correctly each returned item', async () => {
+    vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: {
+        results: [fixtures.workloadsSample],
+        count: 3000
+      }
+    })
+
+    const { sut } = makeSut()
+    const result = await sut({})
+
+    expect(result).toEqual({
+      count: 3000,
+      results: [
+        {
+          id: fixtures.workloadsSample.id,
+          name: fixtures.workloadsSample.name,
+          testParser: fixtures.workloadsSample.test_parser
+        }
+      ]
+    })
+  })
+
+  it('should throw when request fails with status code different from 200', async () => {
+    const apiErrorMock = {
+      error: 'api error message'
+    }
+
+    vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 403,
+      body: apiErrorMock
+    })
+
+    const { sut } = makeSut()
+
+    const apiErrorResponse = sut({})
+
+    expect(apiErrorResponse).rejects.toBe(apiErrorMock.error)
+  })
+})
diff --git a/src/tests/services/workloads-services/make-workloads-base-url.test.js b/src/tests/services/workloads-services/make-workloads-base-url.test.js
new file mode 100644
index 000000000..ce7b1d7bd
--- /dev/null
+++ b/src/tests/services/workloads-services/make-workloads-base-url.test.js
@@ -0,0 +1,21 @@
+import { makeWorkloadsBaseUrl } from '@/services/workloads-services/make-workloads-base-url'
+import { assert, describe, it } from 'vitest'
+
+const makeSut = () => {
+  const sut = makeWorkloadsBaseUrl
+
+  return {
+    sut
+  }
+}
+
+describe('WorkloadsServices', () => {
+  it('should return the API base url to workloads service', () => {
+    const { sut } = makeSut()
+    const correctApiUrl = `v4/workspace/workloads`
+
+    const baseUrl = sut()
+
+    assert.strictEqual(baseUrl, correctApiUrl)
+  })
+})
diff --git a/src/views/DataStream/ListView.vue b/src/views/DataStream/ListView.vue
index 486b2b390..8894d4b2b 100644
--- a/src/views/DataStream/ListView.vue
+++ b/src/views/DataStream/ListView.vue
@@ -4,42 +4,58 @@
       <PageHeadingBlock pageTitle="Data Stream" />
     </template>
     <template #content>
-      <ListTableBlock
-        v-if="hasContentToList"
-        addButtonLabel="Stream"
-        createPagePath="/data-stream/create"
-        editPagePath="/data-stream/edit"
-        :listService="listDataStreamService"
-        :columns="getColumns"
-        @on-load-data="handleLoadData"
-        emptyListMessage="No streams found."
-        :actions="actions"
-      ></ListTableBlock>
-      <EmptyResultsBlock
-        v-else
-        title="No stream has been created"
-        description="Click the button below to create your first stream."
-        createButtonLabel="Stream"
-        createPagePath="data-stream/create"
-        :documentationService="documentationService"
-      >
-        <template #illustration>
-          <Illustration />
-        </template>
-      </EmptyResultsBlock>
+      <div class="flex flex-col gap-3 items-start">
+        <InlineMessage
+          v-if="isMaxDomainsReached"
+          severity="info"
+        >
+          Since you have reached the limit of 3000 domains, you can't admnistrate your streams
+          through Azion Console. Please use the Data Stream API.
+        </InlineMessage>
+        <div class="w-full">
+          <ListTableBlock
+            :disabledList="disabledList"
+            v-if="hasContentToList"
+            addButtonLabel="Stream"
+            createPagePath="/data-stream/create"
+            editPagePath="/data-stream/edit"
+            :listService="listDataStreamService"
+            :columns="getColumns"
+            @on-load-data="handleLoadData"
+            emptyListMessage="No streams found."
+            :actions="actions"
+          ></ListTableBlock>
+          <EmptyResultsBlock
+            v-else
+            title="No stream has been created"
+            description="Click the button below to create your first stream."
+            createButtonLabel="Stream"
+            createPagePath="data-stream/create"
+            :documentationService="documentationService"
+            :disabledList="isMaxDomainsReached"
+          >
+            <template #illustration>
+              <Illustration />
+            </template>
+          </EmptyResultsBlock>
+        </div>
+      </div>
     </template>
   </ContentBlock>
 </template>
 
 <script setup>
-  import { computed, ref } from 'vue'
+  import { computed, ref, onMounted } from 'vue'
+  import { useToast } from 'primevue/usetoast'
   import Illustration from '@/assets/svg/illustration-layers.vue'
   import ContentBlock from '@/templates/content-block'
   import EmptyResultsBlock from '@/templates/empty-results-block'
   import ListTableBlock from '@/templates/list-table-block'
+  import { onBeforeRouteLeave } from 'vue-router'
+  import InlineMessage from 'primevue/inlinemessage'
   import { columnBuilder } from '@/templates/list-table-block/columns/column-builder'
   import PageHeadingBlock from '@/templates/page-heading-block'
-
+  import { listWorkloadsService } from '@/services/workloads-services'
   defineOptions({ name: 'data-stream-view' })
 
   const props = defineProps({
@@ -57,6 +73,31 @@
     }
   })
 
+  const domainsCount = ref(0)
+  const domainsLoading = ref(true)
+  const toast = useToast()
+
+  const loadWorkloads = async () => {
+    try {
+      domainsLoading.value = true
+      const response = await listWorkloadsService({
+        fields: 'id',
+        ordering: 'id',
+        page: 1,
+        pageSize: 1
+      })
+      domainsCount.value = response.count
+    } catch (error) {
+      toastBuilder('error', error)
+    } finally {
+      domainsLoading.value = false
+    }
+  }
+
+  onMounted(() => {
+    loadWorkloads()
+  })
+
   const hasContentToList = ref(true)
   const actions = [
     {
@@ -67,10 +108,30 @@
     }
   ]
 
+  const toastBuilder = (severity, detail) => {
+    if (!detail) return
+    const options = {
+      closable: true,
+      severity,
+      summary: severity,
+      detail
+    }
+
+    toast.add(options)
+  }
+
   const handleLoadData = (event) => {
     hasContentToList.value = event
   }
 
+  const isMaxDomainsReached = computed(() => {
+    return domainsCount.value >= 3000
+  })
+
+  const disabledList = computed(() => {
+    return isMaxDomainsReached.value || domainsLoading.value
+  })
+
   const getColumns = computed(() => {
     return [
       {
@@ -101,4 +162,11 @@
       }
     ]
   })
+
+  onBeforeRouteLeave((to, from, next) => {
+    if (to.name === 'edit-data-stream' && isMaxDomainsReached.value) {
+      return next(false)
+    }
+    return next(true)
+  })
 </script>

From 73c18c232f1736ca26177c95e88c053078e095ed Mon Sep 17 00:00:00 2001
From: Peterson Paulo <109550332+peterpaulo-azion@users.noreply.github.com>
Date: Mon, 4 Nov 2024 17:38:40 -0300
Subject: [PATCH 15/24] [UXE-5541] feat: migrate domains to workloads in real
 time metrics (#1877)

* feat: limit use of datastream to users with more than 2999 domains

* feat: add unit tests

* fix: verify if its logged before requesting workloads on domains guard

* fix: change service default page size

* feat: migrate domains to workloads in real time metrics

---------

Co-authored-by: Aloisio Bertolo Bastian <aloisiomiguelb@gmail.com>
---
 .../constants/services-operator-in.js         |  6 +--
 .../real-time-metrics-services/index.js       |  6 +--
 .../make-workloads-base-url.js                |  3 ++
 .../search-workloads-service.js               | 51 +++++++++++++++++++
 .../makeWorkloadsBaseUrl.js                   |  3 ++
 .../map-services-operator-in.test.js          |  2 +-
 ...st.js => search-workloads-service.test.js} | 42 +++------------
 7 files changed, 70 insertions(+), 43 deletions(-)
 create mode 100644 src/services/real-time-metrics-services/make-workloads-base-url.js
 create mode 100644 src/services/real-time-metrics-services/search-workloads-service.js
 create mode 100644 src/services/workloads-services/makeWorkloadsBaseUrl.js
 rename src/tests/services/real-time-metrics-services/{search-domains-service.test.js => search-workloads-service.test.js} (69%)

diff --git a/src/modules/real-time-metrics/constants/services-operator-in.js b/src/modules/real-time-metrics/constants/services-operator-in.js
index b64c27d47..803a9ddba 100644
--- a/src/modules/real-time-metrics/constants/services-operator-in.js
+++ b/src/modules/real-time-metrics/constants/services-operator-in.js
@@ -1,15 +1,15 @@
 import {
   searchEdgeFunctionsService,
-  searchDomainsService,
   searchEdgeDnsService,
   searchBotCategoryService,
   searchChallengeSolvedService,
   searchClassifiedService,
-  searchActionService
+  searchActionService,
+  searchWorkloadsService
 } from '@/services/real-time-metrics-services'
 
 const MAP_SERVICE_OPERATION = {
-  configurationIdIn: searchDomainsService,
+  configurationIdIn: searchWorkloadsService,
   zoneIdIn: searchEdgeDnsService,
   edgeFunctionIdIn: searchEdgeFunctionsService,
   botCategoryIn: searchBotCategoryService,
diff --git a/src/services/real-time-metrics-services/index.js b/src/services/real-time-metrics-services/index.js
index af01918a4..175bfdfe6 100644
--- a/src/services/real-time-metrics-services/index.js
+++ b/src/services/real-time-metrics-services/index.js
@@ -1,4 +1,3 @@
-import { searchDomainsService } from './search-domains-service'
 import { searchEdgeDnsService } from './search-edge-dns-service'
 import { searchEdgeFunctionsService } from './search-edge-functions'
 import { loadRealTimeMetricsData } from './load-real-time-metrics-data'
@@ -6,14 +5,15 @@ import { searchBotCategoryService } from './search-bot-category-service'
 import { searchChallengeSolvedService } from './search-challenge-solved-service'
 import { searchClassifiedService } from './search-classified-service'
 import { searchActionService } from './search-action-service'
+import { searchWorkloadsService } from './search-workloads-service'
 
 export {
-  searchDomainsService,
   searchEdgeDnsService,
   searchEdgeFunctionsService,
   loadRealTimeMetricsData,
   searchBotCategoryService,
   searchChallengeSolvedService,
   searchClassifiedService,
-  searchActionService
+  searchActionService,
+  searchWorkloadsService
 }
diff --git a/src/services/real-time-metrics-services/make-workloads-base-url.js b/src/services/real-time-metrics-services/make-workloads-base-url.js
new file mode 100644
index 000000000..9a73e2b12
--- /dev/null
+++ b/src/services/real-time-metrics-services/make-workloads-base-url.js
@@ -0,0 +1,3 @@
+export const makeWorkloadsBaseUrl = () => {
+  return 'v4/workspace/workloads'
+}
diff --git a/src/services/real-time-metrics-services/search-workloads-service.js b/src/services/real-time-metrics-services/search-workloads-service.js
new file mode 100644
index 000000000..1744c0559
--- /dev/null
+++ b/src/services/real-time-metrics-services/search-workloads-service.js
@@ -0,0 +1,51 @@
+import { AxiosHttpClientAdapter } from '../axios/AxiosHttpClientAdapter'
+import { makeWorkloadsBaseUrl } from './make-workloads-base-url'
+import { makeListServiceQueryParams } from '@/helpers/make-list-service-query-params'
+import * as Errors from '@/services/axios/errors'
+
+export const searchWorkloadsService = async ({
+  fields = 'id, name',
+  ordering = 'name',
+  page = 1,
+  pageSize = 50000
+} = {}) => {
+  const searchParams = makeListServiceQueryParams({ fields, ordering, page, pageSize })
+  let httpResponse = await AxiosHttpClientAdapter.request({
+    url: `${makeWorkloadsBaseUrl()}?${searchParams.toString()}`,
+    method: 'GET'
+  })
+
+  httpResponse = adapt(httpResponse)
+
+  return parseHttpResponse(httpResponse)
+}
+
+const adapt = (httpResponse) => {
+  const parsedDomains = httpResponse.body.results?.map((domain) => ({
+    value: domain.id,
+    label: domain.name
+  }))
+
+  return {
+    body: parsedDomains,
+    statusCode: httpResponse.statusCode
+  }
+}
+
+const parseHttpResponse = (httpResponse) => {
+  switch (httpResponse.statusCode) {
+    case 200:
+      return httpResponse.body
+    case 400:
+      throw new Errors.InvalidApiRequestError().message
+    case 403:
+      throw new Errors.PermissionError().message
+    case 404:
+      throw new Errors.NotFoundError().message
+    case 500:
+      throw new Errors.InternalServerError().message
+    default:
+      throw new Errors.UnexpectedError().message
+  }
+}
+
diff --git a/src/services/workloads-services/makeWorkloadsBaseUrl.js b/src/services/workloads-services/makeWorkloadsBaseUrl.js
new file mode 100644
index 000000000..9a73e2b12
--- /dev/null
+++ b/src/services/workloads-services/makeWorkloadsBaseUrl.js
@@ -0,0 +1,3 @@
+export const makeWorkloadsBaseUrl = () => {
+  return 'v4/workspace/workloads'
+}
diff --git a/src/tests/modules/real-time-metrics/constants/map-services-operator-in.test.js b/src/tests/modules/real-time-metrics/constants/map-services-operator-in.test.js
index 7c2df8cc6..41f25f700 100644
--- a/src/tests/modules/real-time-metrics/constants/map-services-operator-in.test.js
+++ b/src/tests/modules/real-time-metrics/constants/map-services-operator-in.test.js
@@ -10,7 +10,7 @@ describe('RealTimeMetricsModule', () => {
 
     it('should have the correct key:value pairs', () => {
       const mapServiceOperation = {
-        configurationIdIn: services.searchDomainsService,
+        configurationIdIn: services.searchWorkloadsService,
         zoneIdIn: services.searchEdgeDnsService,
         edgeFunctionIdIn: services.searchEdgeFunctionsService,
         botCategoryIn: services.searchBotCategoryService,
diff --git a/src/tests/services/real-time-metrics-services/search-domains-service.test.js b/src/tests/services/real-time-metrics-services/search-workloads-service.test.js
similarity index 69%
rename from src/tests/services/real-time-metrics-services/search-domains-service.test.js
rename to src/tests/services/real-time-metrics-services/search-workloads-service.test.js
index f30111f0d..c86c000f1 100644
--- a/src/tests/services/real-time-metrics-services/search-domains-service.test.js
+++ b/src/tests/services/real-time-metrics-services/search-workloads-service.test.js
@@ -1,10 +1,10 @@
 import { AxiosHttpClientAdapter } from '@/services/axios/AxiosHttpClientAdapter'
-import { searchDomainsService } from '@/services/real-time-metrics-services'
+import { searchWorkloadsService } from '@/services/real-time-metrics-services'
 import { describe, expect, it, vi } from 'vitest'
 import * as Errors from '@services/axios/errors'
 
 const makeSut = () => {
-  const sut = searchDomainsService
+  const sut = searchWorkloadsService
 
   return {
     sut
@@ -32,11 +32,11 @@ describe('RealTimeMetricsServices', () => {
     })
 
     const { sut } = makeSut()
-    const version = 'v3'
+    const version = 'v4'
     await sut({})
 
     expect(requestSpy).toHaveBeenCalledWith({
-      url: `${version}/domains?order_by=name&sort=asc&page=1&page_size=200`,
+      url: `${version}/workspace/workloads?fields=id%2C+name&ordering=name&page=1&page_size=50000`,
       method: 'GET'
     })
   })
@@ -56,64 +56,34 @@ describe('RealTimeMetricsServices', () => {
   it.each([
     {
       statusCode: 400,
-      params: {
-        orderBy: 'name',
-        sort: 'asc',
-        page: 1,
-        pageSize: 100
-      },
       expectedError: new Errors.InvalidApiRequestError().message
     },
     {
       statusCode: 403,
-      params: {
-        orderBy: 'name',
-        sort: 'desc',
-        page: 1,
-        pageSize: 100
-      },
       expectedError: new Errors.PermissionError().message
     },
     {
       statusCode: 404,
-      params: {
-        orderBy: 'name',
-        sort: 'asc',
-        page: 2,
-        pageSize: 100
-      },
       expectedError: new Errors.NotFoundError().message
     },
     {
       statusCode: 500,
-      params: {
-        orderBy: 'name',
-        sort: 'asc',
-        page: 1,
-        pageSize: 200
-      },
       expectedError: new Errors.InternalServerError().message
     },
     {
       statusCode: 'unmappedStatusCode',
-      params: {
-        orderBy: 'name',
-        sort: 'asc',
-        page: 2,
-        pageSize: 100
-      },
       expectedError: new Errors.UnexpectedError().message
     }
   ])(
     'should throw when request fails with statusCode $statusCode',
-    async ({ statusCode, params, expectedError }) => {
+    async ({ statusCode, expectedError }) => {
       vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
         statusCode,
         body: []
       })
       const { sut } = makeSut()
 
-      const response = sut(params)
+      const response = sut()
 
       expect(response).rejects.toBe(expectedError)
     }

From b3ceeb909b07cfcac11fdadea7dece6059a65b89 Mon Sep 17 00:00:00 2001
From: Aloisio Bastian <aloisiomiguelb@gmail.com>
Date: Wed, 6 Nov 2024 14:13:38 -0300
Subject: [PATCH 16/24] fix: request workloads just when target route is data
 stream (#1881)

---
 src/router/hooks/guards/domainsLimitGuard.js | 21 ++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/router/hooks/guards/domainsLimitGuard.js b/src/router/hooks/guards/domainsLimitGuard.js
index a9479e11f..ffb9b0c40 100644
--- a/src/router/hooks/guards/domainsLimitGuard.js
+++ b/src/router/hooks/guards/domainsLimitGuard.js
@@ -7,17 +7,18 @@ export async function domainsLimitGuard({ to, accountStore }) {
     return true
   }
 
-  const workloads = await listWorkloadsService({
-    fields: 'id',
-    ordering: 'id',
-    page: 1,
-    pageSize: 1
-  })
-
-  const isMaxDomainsReached = workloads.count >= 3000
   const isCreateOrEditDataStream =
     to.name === 'create-data-stream' || to.name === 'edit-data-stream'
-  if (isCreateOrEditDataStream && isMaxDomainsReached) {
-    return '/'
+  if (isCreateOrEditDataStream) {
+    const workloads = await listWorkloadsService({
+      fields: 'id',
+      ordering: 'id',
+      page: 1,
+      pageSize: 1
+    })
+    const isMaxDomainsReached = workloads.count >= 3000
+    if (isMaxDomainsReached) {
+      return '/'
+    }
   }
 }

From 6ab1887ced067237cc016110bad1d2107995e52a Mon Sep 17 00:00:00 2001
From: Aloisio Bastian <aloisiomiguelb@gmail.com>
Date: Wed, 6 Nov 2024 14:14:18 -0300
Subject: [PATCH 17/24] feat: add menu option to manage accounts depending on
 the account type (#1879)

---
 src/templates/profile-block/index.vue | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/templates/profile-block/index.vue b/src/templates/profile-block/index.vue
index 72ef3ddbc..302677572 100644
--- a/src/templates/profile-block/index.vue
+++ b/src/templates/profile-block/index.vue
@@ -292,7 +292,7 @@
 
 <script setup>
   import { useAccountStore } from '@/stores/account'
-  import { computed, inject, ref, watch } from 'vue'
+  import { computed, inject, ref, watch, onBeforeMount } from 'vue'
   import { storeToRefs } from 'pinia'
   import Avatar from 'primevue/avatar'
   import PrimeButton from 'primevue/button'
@@ -309,6 +309,29 @@
   const { hasAccessToSSOManagement } = storeToRefs(useAccountStore())
   const setTheme = useAccountStore().setTheme
 
+  onBeforeMount(() => {
+    switch (user.kind) {
+      case 'brand':
+        profileMenuDefault.push({
+          label: 'Resellers Management',
+          to: '/resellers'
+        })
+        break
+      case 'company':
+        profileMenuDefault.push({
+          label: 'Groups Management',
+          to: '/groups'
+        })
+        break
+      case 'reseller':
+        profileMenuDefault.push({
+          label: 'Clients Management',
+          to: '/clients'
+        })
+        break
+    }
+  })
+
   const profile = ref(null)
   const showProfile = ref(false)
   const profileMenuDefault = [

From 393616fadff51dccb81a52c8a9cec9c3bc88f73e Mon Sep 17 00:00:00 2001
From: Herbert Vicente Cotta Julio <hvcotta@gmail.com>
Date: Fri, 8 Nov 2024 09:29:33 -0300
Subject: [PATCH 18/24] [NO-ISSUE] feat: disable sorting for specific columns
 in list views (#1888)

---
 src/templates/list-table-block/index.vue          |  4 ++--
 .../EdgeApplicationsRulesEngine/ListView.vue      | 12 ++++++++----
 src/views/EdgeFirewallRulesEngine/ListView.vue    | 15 ++++++++++-----
 3 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/src/templates/list-table-block/index.vue b/src/templates/list-table-block/index.vue
index ac171afb0..670129cb2 100644
--- a/src/templates/list-table-block/index.vue
+++ b/src/templates/list-table-block/index.vue
@@ -95,7 +95,7 @@
       />
 
       <Column
-        sortable
+        :sortable="!col.disabledSort"
         v-for="col of selectedColumns"
         :key="col.field"
         :field="col.field"
@@ -276,7 +276,7 @@
         </slot>
       </template>
       <Column
-        sortable
+        :sortable="!col.disabledSort"
         v-for="col of columns"
         :key="col.field"
         :field="col.field"
diff --git a/src/views/EdgeApplicationsRulesEngine/ListView.vue b/src/views/EdgeApplicationsRulesEngine/ListView.vue
index aee14a446..ac3250811 100644
--- a/src/views/EdgeApplicationsRulesEngine/ListView.vue
+++ b/src/views/EdgeApplicationsRulesEngine/ListView.vue
@@ -99,7 +99,8 @@
     return [
       {
         field: 'name',
-        header: 'Name'
+        header: 'Name',
+        disabledSort: true
       },
       {
         field: 'phase',
@@ -111,7 +112,8 @@
             data: columnData,
             columnAppearance: 'tag'
           })
-        }
+        },
+        disabledSort: true
       },
       {
         field: 'status',
@@ -124,11 +126,13 @@
             data: columnData,
             columnAppearance: 'tag'
           })
-        }
+        },
+        disabledSort: true
       },
       {
         field: 'description',
-        header: 'Description'
+        header: 'Description',
+        disabledSort: true
       }
     ]
   })
diff --git a/src/views/EdgeFirewallRulesEngine/ListView.vue b/src/views/EdgeFirewallRulesEngine/ListView.vue
index f91d2c245..85858a9b5 100644
--- a/src/views/EdgeFirewallRulesEngine/ListView.vue
+++ b/src/views/EdgeFirewallRulesEngine/ListView.vue
@@ -115,7 +115,8 @@
   const getColumns = computed(() => [
     {
       field: 'name',
-      header: 'Name'
+      header: 'Name',
+      disabledSort: true
     },
     {
       field: 'status',
@@ -128,7 +129,8 @@
           data: columnData,
           columnAppearance: 'tag'
         })
-      }
+      },
+      disabledSort: true
     },
     {
       field: 'description',
@@ -136,15 +138,18 @@
       filterPath: 'description.value',
       type: 'component',
       component: (columnData) =>
-        columnBuilder({ data: columnData, columnAppearance: 'expand-text-column' })
+        columnBuilder({ data: columnData, columnAppearance: 'expand-text-column' }),
+      disabledSort: true
     },
     {
       field: 'lastModified',
-      header: 'Last Modified'
+      header: 'Last Modified',
+      disabledSort: true
     },
     {
       field: 'lastEditor',
-      header: 'Last Editor'
+      header: 'Last Editor',
+      disabledSort: true
     }
   ])
 

From 8060531e794300e95280ccc9800f8bafe9f9b089 Mon Sep 17 00:00:00 2001
From: Aloisio Bastian <aloisiomiguelb@gmail.com>
Date: Fri, 8 Nov 2024 09:31:46 -0300
Subject: [PATCH 19/24] [UXE-5580] feat: add reseller, group and client
 management list views (#1887)

* feat: add reseller management list page

* feat: add client, reseller e group management pages

* feat: add test coverage andblock user without access
---
 src/helpers/make-list-service-query-params.js |   4 +-
 src/router/index.js                           |   9 +-
 .../routes/client-management-routes/index.js  |  20 +
 .../routes/group-management-routes/index.js   |  20 +
 .../reseller-management-routes/index.js       |  20 +
 .../accounts-management-services/index.js     |   3 +
 .../list-accounts-service.js                  |  44 ++
 .../make-accounts-management-base-url.js      |   3 +
 src/services/axios/AxiosHttpClientAdapter.js  |   6 +-
 .../search-workloads-service.js               |   1 -
 .../with-fetch-ordering-and-pagination.vue    | 636 ++++++++++++++++++
 src/templates/profile-block/index.vue         |   6 +-
 .../list-accounts-service.test.js             |  59 ++
 .../make-accounts-management-base-url.test.js |  21 +
 src/views/ClientManagement/ListView.vue       |  89 +++
 src/views/GroupManagement/ListView.vue        |  89 +++
 src/views/ResellerManagement/ListView.vue     |  88 +++
 17 files changed, 1109 insertions(+), 9 deletions(-)
 create mode 100644 src/router/routes/client-management-routes/index.js
 create mode 100644 src/router/routes/group-management-routes/index.js
 create mode 100644 src/router/routes/reseller-management-routes/index.js
 create mode 100644 src/services/accounts-management-services/index.js
 create mode 100644 src/services/accounts-management-services/list-accounts-service.js
 create mode 100644 src/services/accounts-management-services/make-accounts-management-base-url.js
 create mode 100644 src/templates/list-table-block/with-fetch-ordering-and-pagination.vue
 create mode 100644 src/tests/services/accounts-management-services/list-accounts-service.test.js
 create mode 100644 src/tests/services/accounts-management-services/make-accounts-management-base-url.test.js
 create mode 100644 src/views/ClientManagement/ListView.vue
 create mode 100644 src/views/GroupManagement/ListView.vue
 create mode 100644 src/views/ResellerManagement/ListView.vue

diff --git a/src/helpers/make-list-service-query-params.js b/src/helpers/make-list-service-query-params.js
index fb4faac10..b4b03849c 100644
--- a/src/helpers/make-list-service-query-params.js
+++ b/src/helpers/make-list-service-query-params.js
@@ -7,13 +7,13 @@
  * @param {number} params.pageSize - Items per page
  * @returns {URLSearchParams} URLSearchParams object
  */
-export const makeListServiceQueryParams = ({ fields, ordering, page, pageSize }) => {
+export const makeListServiceQueryParams = ({ fields, ordering, page, pageSize, search }) => {
   const searchParams = new URLSearchParams()
 
   if (fields) searchParams.append('fields', fields)
   if (ordering) searchParams.append('ordering', ordering)
   if (page) searchParams.append('page', page.toString())
   if (pageSize) searchParams.append('page_size', pageSize.toString())
-
+  if (search) searchParams.append('search', search)
   return searchParams
 }
diff --git a/src/router/index.js b/src/router/index.js
index 56942c28a..b25f95eed 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -13,6 +13,7 @@ import { edgeApplicationRoutes } from '@routes/edge-application-routes'
 import { edgeFirewallRoutes } from '@routes/edge-firewall-routes'
 import { edgeFunctionsRoutes } from '@routes/edge-functions-routes'
 import { edgeNodeRoutes } from '@routes/edge-node-routes'
+import { resellerManagementRoutes } from '@routes/reseller-management-routes'
 import { edgePulseRoutes } from '@routes/edge-pulse-routes'
 import { edgeServicesRoutes } from '@routes/edge-services-routes'
 import { errorRoutes } from '@routes/error-routes'
@@ -44,7 +45,8 @@ import beforeEachRoute from './hooks/beforeEachRoute'
 import { useAccountStore } from '@/stores/account'
 import { identityProvidersRoutes } from '@routes/identity-providers-routes'
 import { loadContractServicePlan } from '@/services/contract-services'
-
+import { groupManagementRoutes } from '@routes/group-management-routes'
+import { clientManagementRoutes } from '@routes/client-management-routes'
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
@@ -85,7 +87,10 @@ const router = createRouter({
     billingRoutes,
     importGithubRoutes,
     azionAiRoutes,
-    compareWithAzionRoutes
+    compareWithAzionRoutes,
+    resellerManagementRoutes,
+    groupManagementRoutes,
+    clientManagementRoutes
   ].concat(errorRoutes)
 })
 
diff --git a/src/router/routes/client-management-routes/index.js b/src/router/routes/client-management-routes/index.js
new file mode 100644
index 000000000..915a121df
--- /dev/null
+++ b/src/router/routes/client-management-routes/index.js
@@ -0,0 +1,20 @@
+/** @type {import('vue-router').RouteRecordRaw} */
+export const clientManagementRoutes = {
+  path: '/client/management',
+  name: 'client-management',
+  children: [
+    {
+      path: '',
+      name: 'client-management',
+      component: () => import('@views/ClientManagement/ListView.vue'),
+      meta: {
+        breadCrumbs: [
+          {
+            label: 'Client Management',
+            to: '/client/management'
+          }
+        ]
+      }
+    }
+  ]
+}
diff --git a/src/router/routes/group-management-routes/index.js b/src/router/routes/group-management-routes/index.js
new file mode 100644
index 000000000..ba6e193a1
--- /dev/null
+++ b/src/router/routes/group-management-routes/index.js
@@ -0,0 +1,20 @@
+/** @type {import('vue-router').RouteRecordRaw} */
+export const groupManagementRoutes = {
+  path: '/group/management',
+  name: 'group-management',
+  children: [
+    {
+      path: '',
+      name: 'group-management',
+      component: () => import('@views/GroupManagement/ListView.vue'),
+      meta: {
+        breadCrumbs: [
+          {
+            label: 'Group Management',
+            to: '/group/management'
+          }
+        ]
+      }
+    }
+  ]
+}
diff --git a/src/router/routes/reseller-management-routes/index.js b/src/router/routes/reseller-management-routes/index.js
new file mode 100644
index 000000000..b7f21f22c
--- /dev/null
+++ b/src/router/routes/reseller-management-routes/index.js
@@ -0,0 +1,20 @@
+/** @type {import('vue-router').RouteRecordRaw} */
+export const resellerManagementRoutes = {
+  path: '/reseller/management',
+  name: 'reseller-management',
+  children: [
+    {
+      path: '',
+      name: 'reseller-management',
+      component: () => import('@views/ResellerManagement/ListView.vue'),
+      meta: {
+        breadCrumbs: [
+          {
+            label: 'Reseller Management',
+            to: '/reseller/management'
+          }
+        ]
+      }
+    }
+  ]
+}
diff --git a/src/services/accounts-management-services/index.js b/src/services/accounts-management-services/index.js
new file mode 100644
index 000000000..aa1767643
--- /dev/null
+++ b/src/services/accounts-management-services/index.js
@@ -0,0 +1,3 @@
+import { listAccountsService } from './list-accounts-service'
+
+export { listAccountsService }
diff --git a/src/services/accounts-management-services/list-accounts-service.js b/src/services/accounts-management-services/list-accounts-service.js
new file mode 100644
index 000000000..bbf62cec8
--- /dev/null
+++ b/src/services/accounts-management-services/list-accounts-service.js
@@ -0,0 +1,44 @@
+import { AxiosHttpClientAdapter, parseHttpResponse } from '../axios/AxiosHttpClientAdapter'
+import { makeAccountsManagementBaseUrl } from './make-accounts-management-base-url'
+import { makeListServiceQueryParams } from '@/helpers/make-list-service-query-params'
+
+export const listAccountsService = async ({
+  ordering = 'id',
+  search = '',
+  account_type = '',
+  page = 1,
+  pageSize = 10
+}) => {
+  const searchParams = makeListServiceQueryParams({ ordering, page, pageSize, search })
+  let httpResponse = await AxiosHttpClientAdapter.request({
+    url: `${makeAccountsManagementBaseUrl()}?account_type=${account_type}&${searchParams.toString()}`,
+    method: 'GET'
+  })
+  httpResponse = adapt(httpResponse)
+  return parseHttpResponse(httpResponse)
+}
+
+const adapt = (httpResponse) => {
+  const count = httpResponse.body.count
+  const parsedBody = httpResponse.body.results.map((item) => {
+    return {
+      id: item.id,
+      name: item.name,
+      company: item.company_name,
+      status: item.is_active
+        ? {
+            content: 'Active',
+            severity: 'success'
+          }
+        : {
+            content: 'Inactive',
+            severity: 'error'
+          }
+    }
+  })
+  return {
+    count,
+    body: parsedBody,
+    statusCode: httpResponse.statusCode
+  }
+}
diff --git a/src/services/accounts-management-services/make-accounts-management-base-url.js b/src/services/accounts-management-services/make-accounts-management-base-url.js
new file mode 100644
index 000000000..d4c9d847e
--- /dev/null
+++ b/src/services/accounts-management-services/make-accounts-management-base-url.js
@@ -0,0 +1,3 @@
+export const makeAccountsManagementBaseUrl = () => {
+  return `iam/accounts`
+}
diff --git a/src/services/axios/AxiosHttpClientAdapter.js b/src/services/axios/AxiosHttpClientAdapter.js
index 4da3c67c3..3d8720a24 100644
--- a/src/services/axios/AxiosHttpClientAdapter.js
+++ b/src/services/axios/AxiosHttpClientAdapter.js
@@ -11,7 +11,11 @@ import {
 export const parseHttpResponse = (httpResponse) => {
   switch (httpResponse.statusCode) {
     case 200:
-      return httpResponse?.body || null
+      const { count = 0, body = null } = httpResponse
+
+      if (!count) return body
+
+      return { count, body }
     case 201:
       return 'Resource successfully created'
     case 202:
diff --git a/src/services/real-time-metrics-services/search-workloads-service.js b/src/services/real-time-metrics-services/search-workloads-service.js
index 1744c0559..f13e5a653 100644
--- a/src/services/real-time-metrics-services/search-workloads-service.js
+++ b/src/services/real-time-metrics-services/search-workloads-service.js
@@ -48,4 +48,3 @@ const parseHttpResponse = (httpResponse) => {
       throw new Errors.UnexpectedError().message
   }
 }
-
diff --git a/src/templates/list-table-block/with-fetch-ordering-and-pagination.vue b/src/templates/list-table-block/with-fetch-ordering-and-pagination.vue
new file mode 100644
index 000000000..1291e8e52
--- /dev/null
+++ b/src/templates/list-table-block/with-fetch-ordering-and-pagination.vue
@@ -0,0 +1,636 @@
+<template>
+  <div
+    class="max-w-full"
+    :class="{ 'mt-4': isTabs }"
+    data-testid="data-table-container"
+  >
+    <DataTable
+      scrollable
+      removableSort
+      rowHover
+      lazy
+      ref="dataTableRef"
+      class="overflow-clip rounded-md"
+      dataKey="id"
+      data-testid="data-table"
+      v-if="!isLoading"
+      :pt="props.pt"
+      :value="data"
+      v-model:sortField="sortFieldValue"
+      v-model:sortOrder="sortOrderValue"
+      :paginator="true"
+      :rowsPerPageOptions="[10, 20, 50, 100]"
+      :rows="itemsByPage"
+      :globalFilterFields="filterBy"
+      :selection="selectedItems"
+      :exportFilename="exportFileName"
+      :exportFunction="exportFunctionMapper"
+      :loading="isLoading"
+      :totalRecords="totalRecords"
+      :first="firstItemIndex"
+      @rowReorder="onRowReorder"
+      @row-click="editItemSelected"
+      @page="changeNumberOfLinesPerPage"
+      @sort="fetchOnSort"
+    >
+      <template
+        #header
+        v-if="!props.hiddenHeader"
+      >
+        <slot
+          name="header"
+          :exportTableCSV="handleExportTableDataToCSV"
+        >
+          <div
+            class="flex flex-wrap justify-between gap-2 w-full"
+            data-testid="data-table-header"
+          >
+            <span
+              class="flex flex-row p-input-icon-left items-center max-sm:w-full"
+              data-testid="data-table-search"
+            >
+              <i class="pi pi-search" />
+              <InputText
+                class="h-8 w-full md:min-w-[20rem]"
+                v-model.trim="filters.global.value"
+                data-testid="data-table-search-input"
+                placeholder="Search"
+                @keyup.enter="fetchOnSearch"
+                @input="handleSearchValue(false)"
+              />
+            </span>
+
+            <PrimeButton
+              v-if="hasExportToCsvMapper"
+              @click="handleExportTableDataToCSV"
+              outlined
+              class="max-sm:w-full ml-auto"
+              icon="pi pi-download"
+              :data-testid="`export_button`"
+              v-tooltip.bottom="{ value: 'Export to CSV', showDelay: 200 }"
+            />
+
+            <slot
+              name="addButton"
+              data-testid="data-table-add-button"
+            >
+              <PrimeButton
+                class="max-sm:w-full"
+                @click="navigateToAddPage"
+                icon="pi pi-plus"
+                :data-testid="`create_${addButtonLabel}_button`"
+                :label="addButtonLabel"
+                v-if="addButtonLabel"
+              />
+            </slot>
+          </div>
+        </slot>
+      </template>
+
+      <Column
+        v-if="reorderableRows"
+        rowReorder
+        headerStyle="width: 3rem"
+        data-testid="data-table-reorder-column"
+      />
+
+      <Column
+        v-if="showSelectionMode"
+        selectionMode="multiple"
+        headerStyle="width: 3rem"
+      />
+
+      <Column
+        :sortable="!col.disableSort"
+        v-for="col of selectedColumns"
+        :key="col.field"
+        :field="col.field"
+        :header="col.header"
+        :sortField="col?.sortField"
+        :class="{ 'hover:cursor-pointer': !col.disableSort }"
+        data-testid="data-table-column"
+      >
+        <template #body="{ data: rowData }">
+          <template v-if="col.type !== 'component'">
+            <div
+              v-html="rowData[col.field]"
+              :data-testid="`list-table-block__column__${col.field}__row`"
+            />
+          </template>
+          <template v-else>
+            <component
+              :is="col.component(extractFieldValue(rowData, col.field))"
+              :data-testid="`list-table-block__column__${col.field}__row`"
+            />
+          </template>
+        </template>
+      </Column>
+
+      <Column
+        :frozen="true"
+        :alignFrozen="'right'"
+        headerStyle="width: 13rem"
+        data-testid="data-table-actions-column"
+      >
+        <template #header>
+          <div
+            class="flex justify-end w-full"
+            data-testid="data-table-actions-column-header"
+          >
+            <PrimeButton
+              outlined
+              icon="ai ai-column"
+              class="table-button"
+              @click="toggleColumnSelector"
+              v-tooltip.top="{ value: 'Hidden Columns', showDelay: 200 }"
+              data-testid="data-table-actions-column-header-toggle-columns"
+            >
+            </PrimeButton>
+            <OverlayPanel
+              ref="columnSelectorPanel"
+              :pt="{
+                content: { class: 'p-0' }
+              }"
+              data-testid="data-table-actions-column-header-toggle-columns-panel"
+            >
+              <Listbox
+                v-model="selectedColumns"
+                multiple
+                :options="[{ label: 'Hidden Columns', items: columns }]"
+                class="hidden-columns-panel"
+                optionLabel="header"
+                optionGroupLabel="label"
+                optionGroupChildren="items"
+                data-testid="data-table-actions-column-header-toggle-columns-panel-listbox"
+              >
+                <template #optiongroup="slotProps">
+                  <p class="text-sm font-medium">{{ slotProps.option.label }}</p>
+                </template>
+              </Listbox>
+            </OverlayPanel>
+          </div>
+        </template>
+        <template
+          #body="{ data: rowData }"
+          v-if="isRenderActions"
+        >
+          <div
+            class="flex justify-end"
+            v-if="isRenderOneOption"
+            data-testid="data-table-actions-column-body-action"
+          >
+            <PrimeButton
+              size="small"
+              outlined
+              v-bind="optionsOneAction(rowData)"
+              @click="executeCommand(rowData)"
+              class="cursor-pointer table-button"
+              data-testid="data-table-actions-column-body-action-button"
+            />
+          </div>
+          <div
+            class="flex justify-end"
+            v-else
+            data-testid="data-table-actions-column-body-actions"
+          >
+            <PrimeMenu
+              :ref="setMenuRefForRow(rowData.id)"
+              id="overlay_menu"
+              v-bind:model="actionOptions(rowData)"
+              :popup="true"
+              data-testid="data-table-actions-column-body-actions-menu"
+              :pt="{
+                menuitem: ({ context }) => ({
+                  'data-testid': `data-table__actions-menu-item__${context.item?.label}-button`
+                })
+              }"
+            />
+            <PrimeButton
+              v-tooltip.top="{ value: 'Actions', showDelay: 200 }"
+              size="small"
+              icon="pi pi-ellipsis-h"
+              outlined
+              @click="(event) => toggleActionsMenu(event, rowData.id)"
+              class="cursor-pointer table-button"
+              data-testid="data-table-actions-column-body-actions-menu-button"
+            />
+          </div>
+        </template>
+      </Column>
+      <template #empty>
+        <slot
+          name="noRecordsFound"
+          data-testid="data-table-empty-content"
+        >
+          <div class="my-4 flex flex-col gap-3 justify-center items-start">
+            <p
+              class="text-md font-normal text-secondary"
+              data-testid="list-table-block__empty-message__text"
+            >
+              {{ emptyListMessage }}
+            </p>
+          </div>
+        </slot>
+      </template>
+    </DataTable>
+    <DataTable
+      v-else
+      :value="Array(10)"
+      :pt="{
+        header: { class: '!border-t-0' }
+      }"
+      data-testid="data-table-skeleton"
+    >
+      <template
+        #header
+        v-if="!props.hiddenHeader"
+      >
+        <slot name="header">
+          <div
+            class="flex flex-wrap justify-between gap-2 w-full"
+            data-testid="data-table-skeleton-header"
+          >
+            <span
+              class="flex flex-row h-8 p-input-icon-left max-sm:w-full"
+              data-testid="data-table-skeleton-search"
+            >
+              <i class="pi pi-search" />
+              <InputText
+                class="w-full h-8 md:min-w-[20rem]"
+                v-model="filters.global.value"
+                placeholder="Search"
+                data-testid="data-table-skeleton-search-input"
+              />
+            </span>
+            <slot
+              name="addButton"
+              data-testid="data-table-add-button"
+            >
+              <PrimeButton
+                class="max-sm:w-full"
+                @click="navigateToAddPage"
+                icon="pi pi-plus"
+                :label="addButtonLabel"
+                v-if="addButtonLabel"
+                data-testid="data-table-skeleton-add-button"
+              />
+            </slot>
+          </div>
+        </slot>
+      </template>
+      <Column
+        sortable
+        v-for="col of columns"
+        :key="col.field"
+        :field="col.field"
+        :header="col.header"
+        data-testid="data-table-skeleton-column"
+      >
+        <template #body>
+          <Skeleton />
+        </template>
+      </Column>
+    </DataTable>
+  </div>
+</template>
+<script setup>
+  import { FilterMatchMode } from 'primevue/api'
+  import PrimeButton from 'primevue/button'
+  import Column from 'primevue/column'
+  import DataTable from 'primevue/datatable'
+  import InputText from 'primevue/inputtext'
+  import Listbox from 'primevue/listbox'
+  import PrimeMenu from 'primevue/menu'
+  import OverlayPanel from 'primevue/overlaypanel'
+  import Skeleton from 'primevue/skeleton'
+  import { computed, onMounted, ref } from 'vue'
+  import { useRouter } from 'vue-router'
+  import DeleteDialog from './dialog/delete-dialog.vue'
+  import { useDialog } from 'primevue/usedialog'
+  import { useToast } from 'primevue/usetoast'
+  import { getCsvCellContentFromRowData } from '@/helpers'
+  import { getArrayChangedIndexes } from '@/helpers/get-array-changed-indexes'
+  import { useTableDefinitionsStore } from '@/stores/table-definitions'
+  defineOptions({ name: 'list-table-block-new' })
+  const emit = defineEmits([
+    'on-load-data',
+    'on-before-go-to-add-page',
+    'on-before-go-to-edit',
+    'update:selectedItensData'
+  ])
+  const props = defineProps({
+    hiddenHeader: {
+      type: Boolean
+    },
+    columns: {
+      type: Array,
+      default: () => [{ field: 'name', header: 'Name' }]
+    },
+    lazyLoad: {
+      type: Boolean
+    },
+    isGraphql: {
+      type: Boolean
+    },
+    createPagePath: {
+      type: String,
+      default: () => '/'
+    },
+    editPagePath: {
+      type: String,
+      default: () => '/'
+    },
+    editInDrawer: {
+      type: Function
+    },
+    addButtonLabel: {
+      type: String,
+      default: () => ''
+    },
+    listService: {
+      required: true,
+      type: Function
+    },
+    enableEditClick: {
+      type: Boolean,
+      default: true
+    },
+    reorderableRows: {
+      type: Boolean
+    },
+    onReorderService: {
+      type: Function
+    },
+    isReorderAllEnabled: {
+      type: Boolean,
+      default: false
+    },
+    emptyListMessage: {
+      type: String,
+      default: () => 'No registers found.'
+    },
+    actions: {
+      type: Array,
+      default: () => []
+    },
+    isTabs: {
+      type: Boolean,
+      default: false
+    },
+    showSelectionMode: {
+      type: Boolean
+    },
+    selectedItensData: {
+      type: Array,
+      default: () => []
+    },
+    csvMapper: {
+      type: Function
+    },
+    exportFileName: {
+      type: String
+    },
+    pt: {
+      type: Object,
+      default: () => ({})
+    },
+    apiFields: {
+      type: Array,
+      default: () => []
+    },
+    defaultOrderingFieldName: {
+      type: String,
+      default: () => 'id'
+    }
+  })
+  const tableDefinitions = useTableDefinitionsStore()
+  const itemsByPage = ref(tableDefinitions.getNumberOfLinesPerPage)
+  const isRenderActions = !!props.actions?.length
+  const isRenderOneOption = props.actions?.length === 1
+  const selectedId = ref(null)
+  const dataTableRef = ref(null)
+  const filters = ref({
+    global: { value: '', matchMode: FilterMatchMode.CONTAINS }
+  })
+  const isLoading = ref(false)
+  const data = ref([])
+  const selectedColumns = ref([])
+  const columnSelectorPanel = ref(null)
+  const menuRef = ref({})
+  const hasExportToCsvMapper = ref(!!props.csvMapper)
+  const dialog = useDialog()
+  const router = useRouter()
+  const toast = useToast()
+  const sortFieldValue = ref(null)
+  const sortOrderValue = ref(null)
+  const totalRecords = ref()
+  const firstItemIndex = ref(1)
+  const savedSearch = ref('')
+  const savedOrdering = ref('')
+  const firstLoadData = ref(true)
+  const selectedItems = computed({
+    get: () => {
+      return props.selectedItensData
+    },
+    set: (value) => {
+      emit('update:selectedItensData', value)
+    }
+  })
+  onMounted(() => {
+    if (!props.lazyLoad) {
+      loadData({
+        page: 1,
+        pageSize: itemsByPage.value,
+        fields: props.apiFields,
+        ordering: props.defaultOrderingFieldName
+      })
+    }
+    selectedColumns.value = props.columns
+  })
+  /**
+   * @param {import('primevue/datatable').DataTableExportFunctionOptions} rowData
+   */
+  const exportFunctionMapper = (rowData) => {
+    if (!hasExportToCsvMapper.value) {
+      return
+    }
+    const columnMapper = props.csvMapper(rowData)
+    return getCsvCellContentFromRowData({ columnMapper, rowData })
+  }
+  const handleExportTableDataToCSV = () => {
+    dataTableRef.value.exportCSV()
+  }
+  const toggleColumnSelector = (event) => {
+    columnSelectorPanel.value.toggle(event)
+  }
+  const onRowReorder = async (event) => {
+    try {
+      const tableData = getArrayChangedIndexes(data.value, event.value, props.isReorderAllEnabled)
+      data.value = event.value
+      await props.onReorderService(tableData)
+      reload()
+      toast.add({
+        closable: true,
+        severity: 'success',
+        summary: 'Reorder saved'
+      })
+    } catch (error) {
+      toast.add({
+        closable: true,
+        severity: 'error',
+        summary: error
+      })
+    }
+  }
+  const openDialog = (dialogComponent, body) => {
+    dialog.open(dialogComponent, body)
+  }
+  const actionOptions = (rowData) => {
+    const createActionOption = (action) => {
+      return {
+        ...action,
+        disabled: action.disabled && action.disabled(rowData),
+        command: () => {
+          switch (action.type) {
+            case 'dialog':
+              openDialog(action.dialog.component, action.dialog.body(rowData, reload))
+              break
+            case 'delete':
+              {
+                const bodyDelete = {
+                  data: {
+                    title: action.title,
+                    selectedID: rowData.id,
+                    selectedItemData: rowData,
+                    deleteDialogVisible: true,
+                    deleteService: action.service,
+                    rerender: Math.random()
+                  },
+                  onClose: (opt) => opt.data.updated && reload()
+                }
+                openDialog(DeleteDialog, bodyDelete)
+              }
+              break
+            case 'action':
+              action.commandAction(rowData)
+              break
+          }
+        }
+      }
+    }
+    const actions = props.actions
+      .filter((action) => !action.visibleAction || action.visibleAction(rowData))
+      .map(createActionOption)
+    return actions
+  }
+  const loadData = async ({ page, ...query }) => {
+    if (props.listService) {
+      try {
+        isLoading.value = true
+        const { count = 0, body = [] } = props.isGraphql
+          ? await props.listService()
+          : await props.listService({ page, ...query })
+        data.value = body
+        totalRecords.value = count
+      } catch (error) {
+        const errorMessage = error.message || error
+        toast.add({
+          closable: true,
+          severity: 'error',
+          summary: 'error',
+          detail: errorMessage
+        })
+      } finally {
+        isLoading.value = false
+        if (firstLoadData.value) {
+          const hasData = data.value?.length > 0
+          emit('on-load-data', !!hasData)
+        }
+        firstLoadData.value = false
+      }
+    }
+  }
+  const navigateToAddPage = () => {
+    emit('on-before-go-to-add-page')
+    router.push(props.createPagePath)
+  }
+  const toggleActionsMenu = (event, selectedID) => {
+    if (!selectedID) {
+      throw new Error('Please provide an id for each data item through the service adapter')
+    }
+    selectedId.value = selectedID
+    menuRef.value[selectedID].toggle(event)
+  }
+  const editItemSelected = ({ data: item }) => {
+    emit('on-before-go-to-edit', item)
+    if (props.editInDrawer) {
+      props.editInDrawer(item)
+    } else if (props.enableEditClick) {
+      router.push({ path: `${props.editPagePath}/${item.id}` })
+    }
+  }
+  const executeCommand = (rowData) => {
+    const [firstAction] = actionOptions(rowData)
+    firstAction?.command()
+  }
+  const optionsOneAction = (rowData) => {
+    const [firstAction] = actionOptions(rowData)
+    return {
+      icon: firstAction?.icon,
+      disabled: firstAction?.disabled
+    }
+  }
+  const reload = async (query = {}) => {
+    loadData({
+      page: 1,
+      pageSize: itemsByPage.value,
+      fields: props.apiFields,
+      search: savedSearch.value,
+      ordering: savedOrdering.value,
+      ...query
+    })
+  }
+  defineExpose({ reload, handleExportTableDataToCSV })
+  const extractFieldValue = (rowData, field) => {
+    return rowData[field]
+  }
+  const setMenuRefForRow = (rowDataID) => {
+    return (document) => {
+      if (document !== null) {
+        menuRef.value[rowDataID] = document
+      }
+    }
+  }
+  const changeNumberOfLinesPerPage = (event) => {
+    const numberOfLinesPerPage = event.rows
+    tableDefinitions.setNumberOfLinesPerPage(numberOfLinesPerPage)
+    itemsByPage.value = numberOfLinesPerPage
+    firstItemIndex.value = event.first
+    reload({ page: event.page + 1 })
+  }
+  const filterBy = computed(() => {
+    const filtersPath = props.columns.filter((el) => el.filterPath).map((el) => el.filterPath)
+    const filters = props.columns.map((item) => item.field)
+    return [...filters, ...filtersPath]
+  })
+  const fetchOnSort = async (event) => {
+    const { sortField, sortOrder } = event
+    let ordering = sortOrder === -1 ? `-${sortField}` : sortField
+    ordering = ordering === null ? props.defaultOrderingFieldName : ordering
+    await reload({ ordering })
+    savedOrdering.value = ordering
+    sortFieldValue.value = sortField
+    sortOrderValue.value = sortOrder
+  }
+  const fetchOnSearch = () => {
+    handleSearchValue(true)
+    reload()
+  }
+  const handleSearchValue = (shouldChangeSearchValue = false) => {
+    const search = filters.value.global.value
+    const hasValueInSearch = !!search.length
+    if (shouldChangeSearchValue || !hasValueInSearch) {
+      savedSearch.value = search
+    }
+  }
+</script>
diff --git a/src/templates/profile-block/index.vue b/src/templates/profile-block/index.vue
index 302677572..ddfcaad61 100644
--- a/src/templates/profile-block/index.vue
+++ b/src/templates/profile-block/index.vue
@@ -314,19 +314,19 @@
       case 'brand':
         profileMenuDefault.push({
           label: 'Resellers Management',
-          to: '/resellers'
+          to: '/reseller/management'
         })
         break
       case 'company':
         profileMenuDefault.push({
           label: 'Groups Management',
-          to: '/groups'
+          to: '/group/management'
         })
         break
       case 'reseller':
         profileMenuDefault.push({
           label: 'Clients Management',
-          to: '/clients'
+          to: '/client/management'
         })
         break
     }
diff --git a/src/tests/services/accounts-management-services/list-accounts-service.test.js b/src/tests/services/accounts-management-services/list-accounts-service.test.js
new file mode 100644
index 000000000..2ef7d5a41
--- /dev/null
+++ b/src/tests/services/accounts-management-services/list-accounts-service.test.js
@@ -0,0 +1,59 @@
+import { AxiosHttpClientAdapter } from '@/services/axios/AxiosHttpClientAdapter'
+import { listAccountsService } from '@/services/accounts-management-services/list-accounts-service'
+import { describe, expect, it, vi } from 'vitest'
+
+const fixtures = {
+  accountSample: {
+    id: 123,
+    name: 'teste',
+    is_active: true,
+    company_name: 'teste'
+  }
+}
+
+const makeSut = () => {
+  const sut = listAccountsService
+
+  return { sut }
+}
+
+describe('AccountsManagementServices', () => {
+  it('should call api with correct params', async () => {
+    const requestSpy = vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: { results: [] }
+    })
+
+    const { sut } = makeSut()
+    await sut({ account_type: 'reseller' })
+
+    expect(requestSpy).toHaveBeenCalledWith({
+      url: `iam/accounts?account_type=reseller&ordering=id&page=1&page_size=10`,
+      method: 'GET'
+    })
+  })
+
+  it('should parse correctly each returned item', async () => {
+    vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: {
+        results: [fixtures.accountSample]
+      }
+    })
+
+    const { sut } = makeSut()
+    const result = await sut({ account_type: 'reseller' })
+
+    expect(result).toEqual([
+      {
+        id: fixtures.accountSample.id,
+        name: fixtures.accountSample.name,
+        company: fixtures.accountSample.company_name,
+        status: {
+          content: 'Active',
+          severity: 'success'
+        }
+      }
+    ])
+  })
+})
diff --git a/src/tests/services/accounts-management-services/make-accounts-management-base-url.test.js b/src/tests/services/accounts-management-services/make-accounts-management-base-url.test.js
new file mode 100644
index 000000000..589033256
--- /dev/null
+++ b/src/tests/services/accounts-management-services/make-accounts-management-base-url.test.js
@@ -0,0 +1,21 @@
+import { makeAccountsManagementBaseUrl } from '@/services/accounts-management-services/make-accounts-management-base-url'
+import { assert, describe, it } from 'vitest'
+
+const makeSut = () => {
+  const sut = makeAccountsManagementBaseUrl
+
+  return {
+    sut
+  }
+}
+
+describe('AccountsManagementServices', () => {
+  it('should return the API base url to accounts management service', () => {
+    const { sut } = makeSut()
+    const correctApiUrl = `iam/accounts`
+
+    const baseUrl = sut()
+
+    assert.strictEqual(baseUrl, correctApiUrl)
+  })
+})
diff --git a/src/views/ClientManagement/ListView.vue b/src/views/ClientManagement/ListView.vue
new file mode 100644
index 000000000..ce3f4edba
--- /dev/null
+++ b/src/views/ClientManagement/ListView.vue
@@ -0,0 +1,89 @@
+<template>
+  <ContentBlock>
+    <template #heading>
+      <PageHeadingBlock pageTitle="Client Management" />
+    </template>
+    <template #content>
+      <FetchListTableBlock
+        v-if="hasContentToList"
+        :listService="listAccountsClientDecorator"
+        :columns="getColumns"
+        @on-load-data="handleLoadData"
+        addButtonLabel="Client"
+        createPagePath="client/management/create"
+        emptyListMessage="No clients found."
+      />
+
+      <EmptyResultsBlock
+        v-if="!hasContentToList"
+        title="No clients have been created"
+        description="Click the button below to create your first client account."
+        createButtonLabel="Client"
+        createPagePath="client/management/create"
+      >
+        <template #illustration>
+          <Illustration />
+        </template>
+      </EmptyResultsBlock>
+    </template>
+  </ContentBlock>
+</template>
+
+<script setup>
+  import Illustration from '@/assets/svg/illustration-layers.vue'
+  import ContentBlock from '@/templates/content-block'
+  import EmptyResultsBlock from '@/templates/empty-results-block'
+  import PageHeadingBlock from '@/templates/page-heading-block'
+  import { columnBuilder } from '@/templates/list-table-block/columns/column-builder'
+  import { listAccountsService } from '@/services/accounts-management-services/list-accounts-service'
+  import FetchListTableBlock from '@/templates/list-table-block/with-fetch-ordering-and-pagination.vue'
+  import { useAccountStore } from '@/stores/account'
+  import { useRouter } from 'vue-router'
+  import { computed, ref, onBeforeMount } from 'vue'
+
+  defineOptions({ name: 'client-management-view' })
+
+  const hasContentToList = ref(true)
+  const accountType = useAccountStore().accountData.kind
+  const router = useRouter()
+
+  onBeforeMount(() => {
+    if (accountType !== 'reseller') {
+      router.push('/')
+    }
+  })
+
+  const getColumns = computed(() => {
+    return [
+      {
+        field: 'name',
+        header: 'Name'
+      },
+      {
+        sortField: 'company_name',
+        field: 'company',
+        header: 'Company'
+      },
+      {
+        disableSort: true,
+        field: 'status',
+        sortField: 'is_active',
+        header: 'Status',
+        type: 'component',
+        component: (columnData) =>
+          columnBuilder({
+            data: columnData,
+            columnAppearance: 'tag'
+          })
+      }
+    ]
+  })
+
+  const handleLoadData = (event) => {
+    hasContentToList.value = event
+  }
+
+  const listAccountsClientDecorator = async (params) => {
+    return await listAccountsService({ account_type: 'client', ...params })
+  }
+</script>
diff --git a/src/views/GroupManagement/ListView.vue b/src/views/GroupManagement/ListView.vue
new file mode 100644
index 000000000..4a39c89e4
--- /dev/null
+++ b/src/views/GroupManagement/ListView.vue
@@ -0,0 +1,89 @@
+<template>
+  <ContentBlock>
+    <template #heading>
+      <PageHeadingBlock pageTitle="Group Management" />
+    </template>
+    <template #content>
+      <FetchListTableBlock
+        v-if="hasContentToList"
+        :listService="listAccountsGroupDecorator"
+        :columns="getColumns"
+        @on-load-data="handleLoadData"
+        addButtonLabel="Group"
+        createPagePath="group/management/create"
+        emptyListMessage="No groups found."
+      />
+
+      <EmptyResultsBlock
+        v-if="!hasContentToList"
+        title="No groups have been created"
+        description="Click the button below to create your first group account."
+        createButtonLabel="Group"
+        createPagePath="group/management/create"
+      >
+        <template #illustration>
+          <Illustration />
+        </template>
+      </EmptyResultsBlock>
+    </template>
+  </ContentBlock>
+</template>
+
+<script setup>
+  import Illustration from '@/assets/svg/illustration-layers.vue'
+  import ContentBlock from '@/templates/content-block'
+  import EmptyResultsBlock from '@/templates/empty-results-block'
+  import PageHeadingBlock from '@/templates/page-heading-block'
+  import { columnBuilder } from '@/templates/list-table-block/columns/column-builder'
+  import { listAccountsService } from '@/services/accounts-management-services/list-accounts-service'
+  import { useAccountStore } from '@/stores/account'
+  import { useRouter } from 'vue-router'
+  import FetchListTableBlock from '@/templates/list-table-block/with-fetch-ordering-and-pagination.vue'
+  import { computed, ref, onBeforeMount } from 'vue'
+
+  defineOptions({ name: 'group-management-view' })
+
+  const hasContentToList = ref(true)
+  const accountType = useAccountStore().accountData.kind
+  const router = useRouter()
+
+  onBeforeMount(() => {
+    if (accountType !== 'company') {
+      router.push('/')
+    }
+  })
+
+  const getColumns = computed(() => {
+    return [
+      {
+        field: 'name',
+        header: 'Name'
+      },
+      {
+        sortField: 'company_name',
+        field: 'company',
+        header: 'Company'
+      },
+      {
+        disableSort: true,
+        field: 'status',
+        sortField: 'is_active',
+        header: 'Status',
+        type: 'component',
+        component: (columnData) =>
+          columnBuilder({
+            data: columnData,
+            columnAppearance: 'tag'
+          })
+      }
+    ]
+  })
+
+  const handleLoadData = (event) => {
+    hasContentToList.value = event
+  }
+
+  const listAccountsGroupDecorator = async (params) => {
+    return await listAccountsService({ account_type: 'group', ...params })
+  }
+</script>
diff --git a/src/views/ResellerManagement/ListView.vue b/src/views/ResellerManagement/ListView.vue
new file mode 100644
index 000000000..171a2b831
--- /dev/null
+++ b/src/views/ResellerManagement/ListView.vue
@@ -0,0 +1,88 @@
+<template>
+  <ContentBlock>
+    <template #heading>
+      <PageHeadingBlock pageTitle="Reseller Management" />
+    </template>
+    <template #content>
+      <FetchListTableBlock
+        v-if="hasContentToList"
+        :listService="listAccountsResellerDecorator"
+        :columns="getColumns"
+        @on-load-data="handleLoadData"
+        addButtonLabel="Reseller"
+        createPagePath="reseller/management/create"
+        emptyListMessage="No reseller accounts found."
+      />
+
+      <EmptyResultsBlock
+        v-if="!hasContentToList"
+        title="No resellers have been created"
+        description="Click the button below to create your first reseller account."
+        createButtonLabel="Reseller"
+        createPagePath="reseller/management/create"
+      >
+        <template #illustration>
+          <Illustration />
+        </template>
+      </EmptyResultsBlock>
+    </template>
+  </ContentBlock>
+</template>
+
+<script setup>
+  import Illustration from '@/assets/svg/illustration-layers.vue'
+  import ContentBlock from '@/templates/content-block'
+  import EmptyResultsBlock from '@/templates/empty-results-block'
+  import PageHeadingBlock from '@/templates/page-heading-block'
+  import { columnBuilder } from '@/templates/list-table-block/columns/column-builder'
+  import { listAccountsService } from '@/services/accounts-management-services/list-accounts-service'
+  import { useAccountStore } from '@/stores/account'
+  import { useRouter } from 'vue-router'
+  import FetchListTableBlock from '@/templates/list-table-block/with-fetch-ordering-and-pagination.vue'
+  import { computed, ref, onBeforeMount } from 'vue'
+
+  defineOptions({ name: 'reseller-management-view' })
+
+  const hasContentToList = ref(true)
+  const accountType = useAccountStore().accountData.kind
+  const router = useRouter()
+  onBeforeMount(() => {
+    if (accountType !== 'brand') {
+      router.push('/')
+    }
+  })
+
+  const getColumns = computed(() => {
+    return [
+      {
+        field: 'name',
+        header: 'Name'
+      },
+      {
+        sortField: 'company_name',
+        field: 'company',
+        header: 'Company'
+      },
+      {
+        disableSort: true,
+        field: 'status',
+        sortField: 'is_active',
+        header: 'Status',
+        type: 'component',
+        component: (columnData) =>
+          columnBuilder({
+            data: columnData,
+            columnAppearance: 'tag'
+          })
+      }
+    ]
+  })
+
+  const handleLoadData = (event) => {
+    hasContentToList.value = event
+  }
+
+  const listAccountsResellerDecorator = async (params) => {
+    return await listAccountsService({ account_type: 'reseller', ...params })
+  }
+</script>

From 351180a107f5d1cd015c4d78ec8f1d21be24422d Mon Sep 17 00:00:00 2001
From: Lucas Mendes <92529166+lucasmendes21@users.noreply.github.com>
Date: Fri, 8 Nov 2024 14:42:53 -0300
Subject: [PATCH 20/24] [UXE-4355] feat: billing - use new accounting GQL
 endpoint for regular clients (#1884)

---
 azion.config.cjs                              |  13 ++
 src/helpers/payment-history.js                |  11 +
 src/router/hooks/guards/billingGuard.js       |  15 +-
 src/services/billing-services/index.js        |   4 +-
 .../list-payment-history-service.js           |  95 +++++++--
 ...and-products-changes-accounting-service.js | 190 ++++++++++++++++++
 .../load-current-invoice-service.js           | 122 ++++++-----
 .../load-invoice-data-service.js              | 131 ++++++++----
 .../make-accounting-base-url.js               |   3 +
 .../load-contract-service-plan.js             |  42 ++--
 src/stores/account.js                         |   6 +-
 src/tests/helpers/payment-history.test.js     |  15 ++
 .../list-payment-history-service.test.js      | 117 +++++++++++
 ...roducts-changes-accounting-service.test.js | 109 ++++++++++
 .../load-contract-service-plan.test.js        |  10 +-
 src/views/Billing/BillsView.vue               | 177 ++++++++++------
 src/views/Billing/InvoiceDetailsView.vue      |  55 +++--
 src/views/Billing/TabsView.vue                |  13 +-
 .../components/table-services-products.vue    |   9 +
 vite.config.js                                |   7 +-
 20 files changed, 924 insertions(+), 220 deletions(-)
 create mode 100644 src/helpers/payment-history.js
 create mode 100644 src/services/billing-services/list-service-and-products-changes-accounting-service.js
 create mode 100644 src/services/billing-services/make-accounting-base-url.js
 create mode 100644 src/tests/helpers/payment-history.test.js
 create mode 100644 src/tests/services/billing-services/list-service-and-products-changes-accounting-service.test.js

diff --git a/azion.config.cjs b/azion.config.cjs
index 4c78d4f50..b2a0f89d1 100644
--- a/azion.config.cjs
+++ b/azion.config.cjs
@@ -243,6 +243,19 @@ const backRules = [
       rewrite: '/billing/graphql'
     }
   },
+  {
+    name: 'Route GraphQL Accounting Queries to Manager Origin',
+    description: 'Routes GraphQL Accounting queries to the Manager, updating the URI accordingly',
+    match: '^/graphql/accounting',
+    behavior: {
+      forwardCookies: true,
+      setOrigin: {
+        name: 'origin-manager',
+        type: 'single_origin'
+      },
+      rewrite: '/accounting/graphql'
+    }
+  },
   {
     name: 'Route Send Feedback',
     description: 'this route will send user feedback to jira',
diff --git a/src/helpers/payment-history.js b/src/helpers/payment-history.js
new file mode 100644
index 000000000..e56ea5211
--- /dev/null
+++ b/src/helpers/payment-history.js
@@ -0,0 +1,11 @@
+const getLastDayMonth = () => {
+  const today = new Date()
+  const year = today.getFullYear()
+  const month = today.getMonth()
+
+  const dateFinal = new Date(year, month + 1, 0)
+
+  return dateFinal.toISOString().split('T')[0]
+}
+
+export { getLastDayMonth }
diff --git a/src/router/hooks/guards/billingGuard.js b/src/router/hooks/guards/billingGuard.js
index 0f940c5ac..76981b276 100644
--- a/src/router/hooks/guards/billingGuard.js
+++ b/src/router/hooks/guards/billingGuard.js
@@ -1,32 +1,19 @@
 import { billingRoutes } from '@/router/routes/billing-routes'
-import { getStaticUrlsByEnvironment } from '@/helpers'
 
 const BILLING_REDIRECT_OPTIONS = {
   path: `${billingRoutes.path}/payment`,
   query: { paymentSession: 'true' }
 }
 
-const billingUrl = getStaticUrlsByEnvironment('billing')
-
 /** @type {import('vue-router').NavigationGuardWithThis} */
 export async function billingGuard({ to, accountStore }) {
-  const {
-    hasActiveUserId,
-    redirectToExternalBillingNeeded,
-    billingAccessPermitted,
-    paymentReviewPending
-  } = accountStore
+  const { hasActiveUserId, billingAccessPermitted, paymentReviewPending } = accountStore
 
   const isPrivateRoute = !to.meta.isPublic
   const isCurrentRouteBilling = to.fullPath.includes(billingRoutes.path)
 
   if (isPrivateRoute && hasActiveUserId) {
     if (isCurrentRouteBilling) {
-      if (redirectToExternalBillingNeeded) {
-        window.open(billingUrl, '_blank')
-        return false
-      }
-
       if (!billingAccessPermitted) {
         return '/'
       }
diff --git a/src/services/billing-services/index.js b/src/services/billing-services/index.js
index 24229f123..60ad124ba 100644
--- a/src/services/billing-services/index.js
+++ b/src/services/billing-services/index.js
@@ -12,6 +12,7 @@ import { loadPaymentMethodDefaultService } from './load-payment-method-default-s
 import { listServiceAndProductsChangesService } from './list-service-and-products-changes'
 import { loadInvoiceLastUpdatedService } from './load-invoice-last-updated-service'
 import { getStripeClientService } from './get-stripe-client-service'
+import { listServiceAndProductsChangesAccountingService } from './list-service-and-products-changes-accounting-service'
 
 export {
   listPaymentMethodsService,
@@ -27,5 +28,6 @@ export {
   loadPaymentMethodDefaultService,
   listServiceAndProductsChangesService,
   loadInvoiceLastUpdatedService,
-  getStripeClientService
+  getStripeClientService,
+  listServiceAndProductsChangesAccountingService
 }
diff --git a/src/services/billing-services/list-payment-history-service.js b/src/services/billing-services/list-payment-history-service.js
index f8a4a7381..df02b7d5d 100644
--- a/src/services/billing-services/list-payment-history-service.js
+++ b/src/services/billing-services/list-payment-history-service.js
@@ -1,17 +1,13 @@
 import { AxiosHttpClientAdapter, parseHttpResponse } from '../axios/AxiosHttpClientAdapter'
 import { makePaymentBaseUrl } from './make-payment-base-url'
+import { makeAccountingBaseUrl } from './make-accounting-base-url'
 import { formatDateToUS, getStaticUrlsByEnvironment } from '@/helpers'
+import { useAccountStore } from '@/stores/account'
+import graphQLApi from '../axios/makeGraphQl'
+import { getLastDayMonth } from '@/helpers/payment-history'
 
-export const listPaymentHistoryService = async () => {
-  let httpResponse = await AxiosHttpClientAdapter.request({
-    url: `${makePaymentBaseUrl()}/history?page_size=200`,
-    method: 'GET'
-  })
-
-  httpResponse = adapt(httpResponse)
-
-  return parseHttpResponse(httpResponse)
-}
+const PAGE_SIZE = 200
+const ACCOUNTING_LIST_LIMIT = 12
 
 const STATUS_AS_TAG = {
   Paid: {
@@ -30,13 +26,64 @@ const STATUS_AS_TAG = {
   }
 }
 
-const adapt = (httpResponse) => {
+export const listPaymentHistoryService = async () => {
+  const { accountIsNotRegular } = useAccountStore()
+  let httpResponse = accountIsNotRegular
+    ? await listPaymentHistoryForNotRegularAccounts()
+    : await listPaymentHistoryForRegularAccounts()
+
+  return parseHttpResponse(httpResponse)
+}
+
+const listPaymentHistoryForNotRegularAccounts = async () => {
+  let httpResponse = await AxiosHttpClientAdapter.request({
+    url: `${makePaymentBaseUrl()}/history?page_size=${PAGE_SIZE}`,
+    method: 'GET'
+  })
+
+  return adaptPaymentHistoryForNotRegularAccounts(httpResponse)
+}
+
+const listPaymentHistoryForRegularAccounts = async () => {
+  const payload = {
+    query: `
+        query {
+          accountingDetail (
+            filter: {
+              periodToLt: "${getLastDayMonth()}"
+            },
+            limit: ${ACCOUNTING_LIST_LIMIT},
+            groupBy: [billId],
+            orderBy: [periodTo_DESC]
+          ) {
+            billId,
+            periodTo,
+            accounted,
+            invoiceNumber,
+            regionName,
+            productSlug,
+            metricSlug
+          }
+        }`
+  }
+
+  let httpResponse = await AxiosHttpClientAdapter.request(
+    {
+      url: `${makeAccountingBaseUrl()}`,
+      method: 'POST',
+      body: payload
+    },
+    graphQLApi
+  )
+
+  return adaptPaymentHistoryForRegularAccounts(httpResponse)
+}
+
+const adaptPaymentHistoryForNotRegularAccounts = (httpResponse) => {
   const managerUrl = getStaticUrlsByEnvironment('manager')
 
   const parseBilling = httpResponse.body.results?.map((card) => {
     const typeCard = card.card_brand?.toLowerCase()
-    const statusTag = STATUS_AS_TAG[card.status] || STATUS_AS_TAG.NotCharged
-    const invoiceUrl = card.invoice_url ? `${managerUrl}${card.invoice_url}` : null
     return {
       amount: card.amount_with_currency,
       invoiceNumber: {
@@ -47,8 +94,8 @@ const adapt = (httpResponse) => {
         cardBrand: typeCard,
         value: `${typeCard} ${card.payment_method_details}`
       },
-      invoiceUrl,
-      status: statusTag,
+      invoiceUrl: card.invoice_url ? `${managerUrl}${card.invoice_url}` : null,
+      status: STATUS_AS_TAG[card.status] || STATUS_AS_TAG.NotCharged,
       paymentDate: formatDateToUS(card.payment_due)
     }
   })
@@ -58,3 +105,21 @@ const adapt = (httpResponse) => {
     statusCode: httpResponse.statusCode
   }
 }
+
+const adaptPaymentHistoryForRegularAccounts = (httpResponse) => {
+  const parseBilling = httpResponse.body.data.accountingDetail?.map((card) => {
+    const invoiceUrl = null
+    return {
+      invoiceNumber: {
+        content: card.billId
+      },
+      invoiceUrl,
+      paymentDate: formatDateToUS(card.periodTo)
+    }
+  })
+
+  return {
+    body: parseBilling || [],
+    statusCode: httpResponse.statusCode
+  }
+}
diff --git a/src/services/billing-services/list-service-and-products-changes-accounting-service.js b/src/services/billing-services/list-service-and-products-changes-accounting-service.js
new file mode 100644
index 000000000..a5c42df5d
--- /dev/null
+++ b/src/services/billing-services/list-service-and-products-changes-accounting-service.js
@@ -0,0 +1,190 @@
+import { formatUnitValue } from '@/helpers'
+import { AxiosHttpClientAdapter, parseHttpResponse } from '../axios/AxiosHttpClientAdapter'
+import graphQLApi from '../axios/makeGraphQl'
+import { makeAccountingBaseUrl } from './make-accounting-base-url'
+
+export const listServiceAndProductsChangesAccountingService = async (billID) => {
+  const BILL_DETAIL_QUERY = `
+    query details {
+      accountingDetail (
+        limit: 10000,
+        filter: {
+          billId: ${billID}
+        },
+        orderBy: [productSlug_ASC, metricSlug_ASC]
+      ) {
+        billId,
+        periodTo,
+        accounted,
+        invoiceNumber,
+        regionName,
+        productSlug,
+        metricSlug,
+      }
+    }`
+
+  const graphQLPayload = {
+    query: BILL_DETAIL_QUERY
+  }
+
+  let httpResponse = await AxiosHttpClientAdapter.request(
+    {
+      url: `${makeAccountingBaseUrl()}`,
+      method: 'POST',
+      body: graphQLPayload
+    },
+    graphQLApi
+  )
+
+  httpResponse = adapt(httpResponse)
+
+  return parseHttpResponse(httpResponse)
+}
+
+const groupBy = (data, groupParams) => {
+  const shouldFilter =
+    groupParams.length === 2 &&
+    groupParams.includes('productSlug') &&
+    groupParams.includes('metricSlug')
+  const filteredData = shouldFilter ? data.filter((item) => item.accounted) : data
+
+  const groupedMap = filteredData.reduce((groupedData, item) => {
+    const key = groupParams.map((param) => item[param]).join('_')
+    const valueGroup = groupedData[key] || {}
+
+    const accounted = (valueGroup.accounted || 0) + (item.accounted || 0)
+    groupedData[key] = { ...valueGroup, ...item, accounted }
+
+    return groupedData
+  }, {})
+
+  return Object.values(groupedMap)
+}
+
+const adapt = ({ body, statusCode }) => {
+  const { accountingDetail } = body.data
+
+  const productsGrouped = groupBy(accountingDetail, ['productSlug', 'metricSlug'])
+
+  const productsGroupedByRegion = groupBy(accountingDetail, [
+    'productSlug',
+    'metricSlug',
+    'regionName'
+  ])
+
+  const adaptedBody = mapProducts(productsGrouped, productsGroupedByRegion)
+
+  return { body: adaptedBody, statusCode }
+}
+
+const PRODUCT_NAMES = {
+  edge_application: 'Edge Application',
+  application_accelerator: 'Application Accelerator',
+  load_balancer: 'Load Balancer',
+  image_processor: 'Image Processor',
+  edge_functions: 'Edge Functions',
+  network_layer_protection: 'Network Layer Protection',
+  web_application_firewall: 'Web Application Firewall',
+  live_ingest: 'Live Ingest',
+  data_stream: 'Data Stream',
+  real_time_events: 'Real-Time Events',
+  edge_dns: 'Edge DNS',
+  edge_storage: 'Edge Storage',
+  ddos_protection_20gbps: 'DDoS Protection 20Gbps',
+  ddos_protection_50gbps: 'DDoS Protection 50Gbps',
+  ddos_protection_data_transferred: 'DDoS Protection Data Transferred',
+  ddos_protection_unlimited: 'DDoS Protection Unlimited',
+  plan_business: 'Plan Business',
+  plan_enterprise: 'Plan Enterprise',
+  plan_missioncritical: 'Plan Mission Critical',
+  support_enterprise: 'Support Enterprise',
+  support_mission_critical: 'Support Mission Critical',
+  waf: 'WAF',
+  tiered_cache: 'Tiered Cache'
+}
+
+const METRIC_SLUGS = {
+  application_accelerator_data_transferred: { title: 'Total Data Transfered (per GB)', unit: 'GB' },
+  requests: { title: 'Total Requests (per 10,000)' },
+  data_transferred: { title: 'Total Data Transfered (per GB)', unit: 'GB' },
+  data_stream_requests: { title: 'Total Requests (per 10,000)' },
+  network_layer_protection_requests: { title: 'Total Requests (per 10,000)' },
+  tiered_cache_data_transferred: { title: 'Total Data Transfered (per GB)', unit: 'GB' },
+  load_balancer_data_transferred: { title: 'Total Data Transfered (per GB)', unit: 'GB' },
+  waf_requests: { title: 'Total Requests (per 10,000)' },
+  ddos_protection_20gbps: { title: 'DDoS Protection 20Gbps' },
+  ddos_protection_50gbps: { title: 'DDoS Protection 50Gbps' },
+  ddos_protection_data_transferred: { title: 'Total Data Transfered (per GB)', unit: 'GB' },
+  ddos_protection_unlimited: { title: 'DDoS Protection Unlimited', unit: 'Days' },
+  compute_time: { title: 'Compute Time' },
+  invocations: { title: 'Invocations' },
+  images_processed: { title: 'Images Processed' },
+  hosted_zones: { title: 'Hosted Zones' },
+  edge_dns_queries: { title: 'Standard Queries' },
+  data_ingested: { title: 'Data Ingested (GB)', unit: 'GB' },
+  plan_business: { title: 'Plan Business' },
+  plan_enterprise: { title: 'Plan Enterprise' },
+  plan_missioncritical: { title: 'Plan Mission critical' },
+  support_enterprise: { title: 'Total Days', unit: 'Days' },
+  support_mission_critical: { title: 'Total Days', unit: 'Days' },
+  data_stream_data_streamed: { title: 'Data Streamed (GB)', unit: 'GB' }
+}
+
+const mapProducts = (productsGrouped, productsGroupedByRegion) => {
+  const uniqueProducts = []
+
+  productsGrouped.forEach((product) => {
+    const existingProduct = uniqueProducts.find((uProduct) => uProduct.slug === product.productSlug)
+
+    if (existingProduct) {
+      existingProduct.descriptions = mapDescriptions(
+        product,
+        productsGrouped,
+        productsGroupedByRegion
+      )
+    } else {
+      uniqueProducts.push({
+        service: PRODUCT_NAMES[product.productSlug],
+        value: 0,
+        slug: product.productSlug,
+        currency: 0,
+        descriptions: mapDescriptions(product, productsGrouped, productsGroupedByRegion)
+      })
+    }
+  })
+
+  return uniqueProducts
+}
+
+const mapDescriptions = (product, productsGrouped, productsGroupedByRegion) => {
+  return productsGrouped.reduce((list, metric) => {
+    if (metric.productSlug === product.productSlug) {
+      const unit = METRIC_SLUGS[metric.metricSlug]?.unit
+      list.push({
+        service: METRIC_SLUGS[metric.metricSlug]?.title,
+        slug: metric.metricSlug,
+        quantity: formatUnitValue(metric.accounted, unit),
+        price: 0,
+        data: mapRegionMetrics(metric, productsGroupedByRegion, 0, unit)
+      })
+    }
+    return list
+  }, [])
+}
+
+const mapRegionMetrics = (metric, productsGroupedByRegion, currency, unit) => {
+  return productsGroupedByRegion.reduce((list, regionMetric) => {
+    if (
+      regionMetric.productSlug === metric.productSlug &&
+      regionMetric.metricSlug === metric.metricSlug
+    ) {
+      list.push({
+        country: regionMetric.regionName,
+        quantity: formatUnitValue(regionMetric.accounted, unit),
+        price: 0,
+        slug: regionMetric.metricSlug
+      })
+    }
+    return list
+  }, [])
+}
diff --git a/src/services/billing-services/load-current-invoice-service.js b/src/services/billing-services/load-current-invoice-service.js
index f086040fd..3ee2e1671 100644
--- a/src/services/billing-services/load-current-invoice-service.js
+++ b/src/services/billing-services/load-current-invoice-service.js
@@ -1,78 +1,52 @@
 import { AxiosHttpClientAdapter, parseHttpResponse } from '../axios/AxiosHttpClientAdapter'
 import graphQLApi from '../axios/makeGraphQl'
 import { makeBillingBaseUrl } from './make-billing-base-url'
+import { makeAccountingBaseUrl } from './make-accounting-base-url'
 import { formatDateToUSBilling } from '@/helpers/convert-date'
+import { useAccountStore } from '@/stores/account'
 
 export const loadCurrentInvoiceService = async () => {
-  const dateRange = getCurrentMonthStartEnd()
-  const payload = {
-    query: `query getBillDetail {
-      billDetail(
-          limit: 1,
-          aggregate: { sum: value }
-          groupBy: [billId]
-          orderBy: [productSlug_ASC, metricSlug_ASC]
-          filter: {
-            periodFromRange: {
-              begin: "${dateRange.dateInitial}", end: "${dateRange.dateFinal}"
-            }
-          }
-      ) {
-          billId,
-          billDetailId,
-          createdDate,
-          periodFrom,
-          periodTo,
-          invoiceNumber,
-          totalValue,
-          currency,
-          temporaryBill
-      }
-    }`
-  }
+  const { accountIsNotRegular } = useAccountStore()
+  const payload = getQueryByAccountType(accountIsNotRegular)
+  const url = accountIsNotRegular ? `${makeBillingBaseUrl()}` : `${makeAccountingBaseUrl()}`
 
   let httpResponse = await AxiosHttpClientAdapter.request(
     {
-      url: `${makeBillingBaseUrl()}`,
+      url,
       method: 'POST',
       body: payload
     },
     graphQLApi
   )
 
-  httpResponse = adapt(httpResponse)
+  httpResponse = adapt(httpResponse, accountIsNotRegular)
 
   return parseHttpResponse(httpResponse)
 }
 
-const adapt = (httpResponse) => {
+const adapt = (httpResponse, accountIsNotRegular) => {
+  const emptyDefaultValue = '---'
   const {
-    body: {
-      data: { billDetail }
-    },
+    body: { data },
     statusCode
   } = httpResponse
 
-  const invoice = billDetail.length > 0 ? billDetail[0] : {}
-
-  const emptyDefaultValue = '---'
-
-  let billingPeriod = emptyDefaultValue
-  if (invoice.periodFrom && invoice.periodTo) {
-    billingPeriod = `${formatDateToUSBilling(invoice.periodFrom)} - ${formatDateToUSBilling(
-      invoice.periodTo
-    )}`
-  }
-
+  const invoiceData = accountIsNotRegular ? data?.billDetail?.[0] : data?.accountingDetail?.[0]
+  const billingPeriod =
+    invoiceData?.periodFrom && invoiceData?.periodTo
+      ? `${formatDateToUSBilling(invoiceData.periodFrom)} - ${formatDateToUSBilling(
+          invoiceData.periodTo
+        )}`
+      : emptyDefaultValue
   const parseInvoice = {
-    billId: invoice.billId || emptyDefaultValue,
-    total: invoice.totalValue || emptyDefaultValue,
-    currency: invoice.currency || emptyDefaultValue,
+    billId: invoiceData?.billId || emptyDefaultValue,
+    total: invoiceData?.totalValue || emptyDefaultValue,
+    currency: invoiceData?.currency || emptyDefaultValue,
     billingPeriod,
     productChanges: emptyDefaultValue,
     servicePlan: emptyDefaultValue,
-    creditUsedForPayment: invoice.creditUsedForPayment || 0.0,
-    temporaryBill: invoice.temporaryBill || emptyDefaultValue
+    creditUsedForPayment: invoiceData?.creditUsedForPayment || 0.0,
+    temporaryBill: invoiceData?.temporaryBill || emptyDefaultValue
   }
 
   return {
@@ -94,3 +68,55 @@ const getCurrentMonthStartEnd = () => {
     dateFinal: dateFinal.toISOString().split('T')[0]
   }
 }
+
+const getQueryByAccountType = (accountIsNotRegular) => {
+  const dateRange = getCurrentMonthStartEnd()
+
+  if (accountIsNotRegular) {
+    return {
+      query: `query getBillDetail {
+        billDetail(
+            limit: 1,
+            aggregate: { sum: value }
+            groupBy: [billId]
+            orderBy: [productSlug_ASC, metricSlug_ASC]
+            filter: {
+              periodFromRange: {
+                begin: "${dateRange.dateInitial}", end: "${dateRange.dateFinal}"
+              }
+            }
+        ) {
+            billId,
+            billDetailId,
+            createdDate,
+            periodFrom,
+            periodTo,
+            invoiceNumber,
+            totalValue,
+      }`
+    }
+  } else {
+    return {
+      query: `query {
+        accountingDetail (
+          limit: 1
+          filter: {
+            periodFromRange: {
+              begin: "${dateRange.dateInitial}", end: "${dateRange.dateFinal}"
+            }
+          },
+          groupBy: [billId]
+        ) {
+          billId,
+          periodFrom,
+          periodTo,
+          accounted,
+          invoiceNumber,
+          regionName,
+          productSlug,
+          metricSlug
+        }
+      }`
+    }
+  }
+}
diff --git a/src/services/billing-services/load-invoice-data-service.js b/src/services/billing-services/load-invoice-data-service.js
index 6aad60c62..02ddb8e2c 100644
--- a/src/services/billing-services/load-invoice-data-service.js
+++ b/src/services/billing-services/load-invoice-data-service.js
@@ -2,70 +2,117 @@ import { AxiosHttpClientAdapter, parseHttpResponse } from '../axios/AxiosHttpCli
 import graphQLApi from '../axios/makeGraphQl'
 import { makeBillingBaseUrl } from './make-billing-base-url'
 import { formatDateToUSBilling } from '@/helpers/convert-date'
+import { makeAccountingBaseUrl } from './make-accounting-base-url'
+import { useAccountStore } from '@/stores/account'
 
 export const loadInvoiceDataService = async (invoiceId) => {
-  const payload = {
-    query: `query getBillDetail($billID: ID!, $invoiceId: String!) {
-      billDetail(
-        aggregate: { sum: value }
-        groupBy: [billId]
-        orderBy: [productSlug_ASC, metricSlug_ASC]
-        filter: {
-          or: [
-            { billId: $billID },
-            { invoiceNumberEq: $invoiceId }
-          ]
-        }
-      ) {
-          billId,
-          billDetailId,
-          createdDate,
-          periodFrom,
-          periodTo,
-          invoiceNumber,
-          totalValue,
-          currency,
-          temporaryBill
-      }
-    }`,
-    variables: {
-      billID: invoiceId,
-      invoiceId
-    }
-  }
+  const { accountIsNotRegular } = useAccountStore()
+  const payload = getQueryByAccountType(accountIsNotRegular, invoiceId)
+  const url = accountIsNotRegular ? `${makeBillingBaseUrl()}` : `${makeAccountingBaseUrl()}`
 
   let httpResponse = await AxiosHttpClientAdapter.request(
     {
-      url: `${makeBillingBaseUrl()}`,
+      url,
       method: 'POST',
       body: payload
     },
     graphQLApi
   )
 
-  httpResponse = adapt(httpResponse)
+  httpResponse = adapt(httpResponse, accountIsNotRegular)
 
   return parseHttpResponse(httpResponse)
 }
 
-const adapt = (httpResponse) => {
-  const parseInvoice = httpResponse.body.data?.billDetail.map((invoice) => {
+const adapt = (httpResponse, accountIsNotRegular) => {
+  const {
+    body: { data },
+    statusCode
+  } = httpResponse
+
+  const invoiceData = accountIsNotRegular ? data?.billDetail : data?.accountingDetail
+  const parseInvoice = invoiceData?.map((invoice) => {
+    if (accountIsNotRegular) {
+      return {
+        billId: invoice.billId,
+        billDetailId: invoice.billDetailId,
+        total: invoice.totalValue,
+        currency: invoice.currency,
+        billingPeriod: `${formatDateToUSBilling(invoice.periodFrom)} - ${formatDateToUSBilling(
+          invoice.periodTo
+        )}`,
+        productChanges: '---',
+        servicePlan: '---',
+        creditUsedForPayment: 0.0,
+        temporaryBill: invoice.temporaryBill
+      }
+    }
     return {
       billId: invoice.billId,
-      billDetailId: invoice.billDetailId,
-      total: invoice.totalValue,
-      currency: invoice.currency,
+      invoiceId: invoice.invoiceNumber,
       billingPeriod: `${formatDateToUSBilling(invoice.periodFrom)} - ${formatDateToUSBilling(
         invoice.periodTo
-      )}`,
-      productChanges: '---',
-      servicePlan: '---',
-      creditUsedForPayment: 0.0,
-      temporaryBill: invoice.temporaryBill
+      )}`
     }
   })
   return {
     body: parseInvoice?.length > 0 ? parseInvoice[0] : null,
-    statusCode: httpResponse.statusCode
+    statusCode
+  }
+}
+
+const getQueryByAccountType = (accountIsNotRegular, invoiceId) => {
+  if (accountIsNotRegular) {
+    return {
+      query: `query getBillDetail($billID: ID!, $invoiceId: String!) {
+        billDetail(
+          aggregate: { sum: value }
+          groupBy: [billId]
+          orderBy: [productSlug_ASC, metricSlug_ASC]
+          filter: {
+            or: [
+              { billId: $billID },
+              { invoiceNumberEq: $invoiceId }
+            ]
+          }
+        ) {
+            billId,
+            billDetailId,
+            createdDate,
+            periodFrom,
+            periodTo,
+            invoiceNumber,
+            totalValue,
+            currency,
+            temporaryBill
+        }
+      }`,
+      variables: {
+        billID: invoiceId,
+        invoiceId
+      }
+    }
+  }
+
+  return {
+    query: `query ($billID: ID!) {
+      accountingDetail (
+        limit: 1,
+        filter: {
+          billId: $billID,
+        },
+        orderBy: [productSlug_ASC, metricSlug_ASC],
+        groupBy: [billId]
+      ) {
+        billId,
+        periodTo,
+        periodFrom,
+        accounted,
+        invoiceNumber,
+      }
+    }`,
+    variables: {
+      billID: invoiceId
+    }
   }
 }
diff --git a/src/services/billing-services/make-accounting-base-url.js b/src/services/billing-services/make-accounting-base-url.js
new file mode 100644
index 000000000..20ef389ff
--- /dev/null
+++ b/src/services/billing-services/make-accounting-base-url.js
@@ -0,0 +1,3 @@
+export const makeAccountingBaseUrl = () => {
+  return 'accounting'
+}
diff --git a/src/services/contract-services/load-contract-service-plan.js b/src/services/contract-services/load-contract-service-plan.js
index 674a8cd5c..d606ebe1e 100644
--- a/src/services/contract-services/load-contract-service-plan.js
+++ b/src/services/contract-services/load-contract-service-plan.js
@@ -16,35 +16,41 @@ const PLAN_MAP = {
   mission_critical: 'Mission Critical'
 }
 
-function extractWordFromSlug(str) {
-  const keyword = 'contract_'
-  const index = str.indexOf(keyword)
-
-  if (index !== -1) {
-    const start = index + keyword.length
-    const remainingStr = str.substring(start)
-    const extractedWord =
-      remainingStr !== 'mission_critical' ? remainingStr.split('_')[0] : remainingStr
-    return extractedWord
-  }
+const KEYWORDS = {
+  CONTRACT: 'contract_',
+  SUPPORT: 'support_',
+  PLAN: 'plan_'
+}
 
+function extractWordFromSlug(slug) {
+  for (const keyword of Object.values(KEYWORDS)) {
+    if (slug.includes(keyword)) {
+      const extractedWord = slug.replace(keyword, '').split('_')[0]
+      return extractedWord === 'mission' ? 'mission_critical' : extractedWord
+    }
+  }
   return ''
 }
 
 const adapt = (httpResponse) => {
-  let yourServicePlan = 'Developer'
   const products = httpResponse.body || []
   const slugs = products?.map((product) => product.slug)
+
   const isDeveloperSupportPlan = slugs.every((slug) => {
-    return !slug.includes('plan_') && !slug.includes('support_')
+    return !slug.includes(KEYWORDS.PLAN) && !slug.includes(KEYWORDS.SUPPORT)
   })
 
+  let yourServicePlan = 'Developer'
+
   if (!isDeveloperSupportPlan) {
-    for (const product of products) {
-      if (product.slug.includes('contract_')) {
-        yourServicePlan = PLAN_MAP[extractWordFromSlug(product.slug)]
-        break
-      }
+    const contractProduct = products.find(
+      (product) =>
+        product.slug.includes(KEYWORDS.CONTRACT) || product.slug.includes(KEYWORDS.SUPPORT)
+    )
+
+    if (contractProduct) {
+      const planType = extractWordFromSlug(contractProduct.slug)
+      yourServicePlan = PLAN_MAP[planType] || 'Developer'
     }
   }
 
diff --git a/src/stores/account.js b/src/stores/account.js
index 3776a5590..56f4f898f 100644
--- a/src/stores/account.js
+++ b/src/stores/account.js
@@ -80,7 +80,8 @@ export const useAccountStore = defineStore({
         state.accountStatuses.BLOCKED,
         state.accountStatuses.DEFAULTING,
         state.accountStatuses.TRIAL,
-        state.accountStatuses.ONLINE
+        state.accountStatuses.ONLINE,
+        state.accountStatuses.REGULAR
       ].includes(state.account?.status)
     },
     paymentReviewPending(state) {
@@ -91,6 +92,9 @@ export const useAccountStore = defineStore({
     hasAccessToMarketplaceProducts(state) {
       const { flags, account } = state
       return account?.client_flags?.includes(flags.MARKETPLACE_PRODUCTS)
+    },
+    accountIsNotRegular(state) {
+      return state.account?.status !== state.accountStatuses.REGULAR
     }
   },
   actions: {
diff --git a/src/tests/helpers/payment-history.test.js b/src/tests/helpers/payment-history.test.js
new file mode 100644
index 000000000..1c2b4ae05
--- /dev/null
+++ b/src/tests/helpers/payment-history.test.js
@@ -0,0 +1,15 @@
+import { describe, it, expect, vi } from 'vitest'
+import { getLastDayMonth } from '@/helpers/payment-history'
+
+describe('PaymentHistoryHelper', () => {
+  it('should return the last day of current month in correct format', () => {
+    const mockDate = new Date('2024-03-15')
+    vi.useFakeTimers()
+    vi.setSystemTime(mockDate)
+
+    const expectedDate = '2024-03-31'
+    const actualDate = getLastDayMonth()
+
+    expect(actualDate).toEqual(expectedDate)
+  })
+})
diff --git a/src/tests/services/billing-services/list-payment-history-service.test.js b/src/tests/services/billing-services/list-payment-history-service.test.js
index f844bfaca..772b9cd5f 100644
--- a/src/tests/services/billing-services/list-payment-history-service.test.js
+++ b/src/tests/services/billing-services/list-payment-history-service.test.js
@@ -3,6 +3,9 @@ import { listPaymentHistoryService } from '@/services/billing-services'
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { localeMock } from '@/tests/utils/localeMock'
 import { getStaticUrlsByEnvironment } from '@/helpers'
+import { useAccountStore } from '@/stores/account'
+import graphQLApi from '@/services/axios/makeGraphQl'
+import { getLastDayMonth } from '@/helpers/payment-history'
 
 const fixtures = {
   paymentMockIsDefault: {
@@ -13,6 +16,15 @@ const fixtures = {
     payment_due: '2024-07-01',
     payment_method_details: 'Ending in 4242',
     status: 'Paid'
+  },
+  accountingDetailMock: {
+    billId: 'BILL-123',
+    periodTo: '2024-07-01',
+    accounted: true,
+    invoiceNumber: 'INV-123',
+    regionName: 'US',
+    productSlug: 'product-1',
+    metricSlug: 'metric-1'
   }
 }
 
@@ -24,12 +36,18 @@ const makeSut = () => {
   }
 }
 
+vi.mock('@/stores/account')
 describe('BillingServices', () => {
   beforeEach(() => {
     vi.useFakeTimers()
+    useAccountStore.mockReturnValue({
+      accountIsNotRegular: true
+    })
   })
+
   afterEach(() => {
     vi.useRealTimers()
+    vi.clearAllMocks()
   })
 
   it('should call api with correct params', async () => {
@@ -81,4 +99,103 @@ describe('BillingServices', () => {
       }
     ])
   })
+
+  it('should call correct endpoint when account is not regular', async () => {
+    const requestSpy = vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: { results: [] }
+    })
+
+    const { sut } = makeSut()
+    await sut()
+
+    expect(requestSpy).toHaveBeenCalledWith({
+      url: 'v4/payments/history?page_size=200',
+      method: 'GET'
+    })
+  })
+
+  it('should call correct endpoint when account is regular', async () => {
+    useAccountStore.mockReturnValue({
+      accountIsNotRegular: false
+    })
+
+    const requestSpy = vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: { data: { accountingDetail: [] } }
+    })
+
+    const { sut } = makeSut()
+    await sut()
+
+    expect(requestSpy).toHaveBeenCalledWith(
+      {
+        url: 'accounting',
+        method: 'POST',
+        body: {
+          query: `
+        query {
+          accountingDetail (
+            filter: {
+              periodToLt: "${getLastDayMonth()}"
+            },
+            limit: 12,
+            groupBy: [billId],
+            orderBy: [periodTo_DESC]
+          ) {
+            billId,
+            periodTo,
+            accounted,
+            invoiceNumber,
+            regionName,
+            productSlug,
+            metricSlug
+          }
+        }`
+        }
+      },
+      graphQLApi
+    )
+  })
+
+  it('should parse correctly payment history for regular accounts', async () => {
+    useAccountStore.mockReturnValue({
+      accountIsNotRegular: false
+    })
+
+    vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: { data: { accountingDetail: [fixtures.accountingDetailMock] } }
+    })
+
+    const { sut } = makeSut()
+    const result = await sut()
+
+    expect(result).toEqual([
+      {
+        invoiceNumber: {
+          content: 'BILL-123'
+        },
+        invoiceUrl: null,
+        paymentDate: '07/01/2024'
+      }
+    ])
+  })
+
+  it('should handle different payment status correctly', async () => {
+    const pendingPayment = { ...fixtures.paymentMockIsDefault, status: 'Pending' }
+    vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: { results: [pendingPayment] }
+    })
+
+    const { sut } = makeSut()
+    const result = await sut()
+
+    expect(result[0].status).toEqual({
+      content: 'Pending',
+      icon: 'pi pi-calendar',
+      severity: 'danger'
+    })
+  })
 })
diff --git a/src/tests/services/billing-services/list-service-and-products-changes-accounting-service.test.js b/src/tests/services/billing-services/list-service-and-products-changes-accounting-service.test.js
new file mode 100644
index 000000000..fc4629f2b
--- /dev/null
+++ b/src/tests/services/billing-services/list-service-and-products-changes-accounting-service.test.js
@@ -0,0 +1,109 @@
+import { describe, expect, it, vi } from 'vitest'
+import { listServiceAndProductsChangesAccountingService } from '@/services/billing-services'
+import { AxiosHttpClientAdapter } from '@/services/axios/AxiosHttpClientAdapter'
+
+const fixtures = {
+  mockResponse: {
+    data: {
+      accountingDetail: [
+        {
+          billId: '123',
+          periodTo: '2024-03-20',
+          accounted: 848506,
+          invoiceNumber: 'INV-001',
+          regionName: 'Brazil',
+          productSlug: 'edge_application',
+          metricSlug: 'requests'
+        },
+        {
+          billId: '123',
+          periodTo: '2024-03-20',
+          accounted: 1.726767336,
+          invoiceNumber: 'INV-001',
+          regionName: 'Brazil',
+          productSlug: 'edge_application',
+          metricSlug: 'data_transferred'
+        }
+      ]
+    }
+  },
+  formattedResponse: {
+    data: [
+      {
+        service: 'Edge Application',
+        value: 0,
+        slug: 'edge_application',
+        currency: 0,
+        descriptions: [
+          {
+            service: 'Total Requests (per 10,000)',
+            slug: 'requests',
+            quantity: '848,506',
+            price: 0,
+            data: [
+              {
+                country: 'Brazil',
+                quantity: '848,506',
+                price: 0,
+                slug: 'requests'
+              }
+            ]
+          },
+          {
+            service: 'Total Data Transfered (per GB)',
+            slug: 'data_transferred',
+            quantity: '1.727 GB',
+            price: 0,
+            data: [
+              {
+                country: 'Brazil',
+                quantity: '1.727 GB',
+                price: 0,
+                slug: 'data_transferred'
+              }
+            ]
+          }
+        ]
+      }
+    ]
+  },
+  mockError: [{ message: 'Error' }]
+}
+
+const makeSut = () => {
+  const sut = listServiceAndProductsChangesAccountingService
+  return { sut }
+}
+
+describe('BillingServices', () => {
+  it('should return correct data on success', async () => {
+    vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: fixtures.mockResponse
+    })
+    const { sut } = makeSut()
+
+    const result = await sut('123')
+
+    expect(result).toEqual(fixtures.formattedResponse.data)
+  })
+
+  it('should return an error if the request fails', async () => {
+    vi.spyOn(AxiosHttpClientAdapter, 'request').mockRejectedValueOnce(fixtures.mockError)
+    const { sut } = makeSut()
+
+    await expect(sut('123')).rejects.toEqual(fixtures.mockError)
+  })
+
+  it('should return empty array if no accounting details are found', async () => {
+    vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: { data: { accountingDetail: [] } }
+    })
+    const { sut } = makeSut()
+
+    const result = await sut('123')
+
+    expect(result).toEqual([])
+  })
+})
diff --git a/src/tests/services/contract-services/load-contract-service-plan.test.js b/src/tests/services/contract-services/load-contract-service-plan.test.js
index 560026393..58c105285 100644
--- a/src/tests/services/contract-services/load-contract-service-plan.test.js
+++ b/src/tests/services/contract-services/load-contract-service-plan.test.js
@@ -16,6 +16,10 @@ const fixture = {
     { name: 'product-A', slug: 'plan_ABC' },
     { name: 'product-B', slug: 'support_ABC' },
     { name: 'product-C', slug: 'ABC' }
+  ],
+  productsWithoutSupport: [
+    { name: 'product-A', slug: 'plan_ABC' },
+    { name: 'product-C', slug: 'ABC' }
   ]
 }
 
@@ -131,7 +135,7 @@ describe.concurrent('ContractServices', () => {
   it('should correctly identify the Business plan', async () => {
     vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
       statusCode: 200,
-      body: [...fixture.products, { name: 'business', slug: 'contract_business' }]
+      body: [...fixture.productsWithoutSupport, { name: 'business', slug: 'contract_business' }]
     })
 
     const { sut } = makeSut()
@@ -149,7 +153,7 @@ describe.concurrent('ContractServices', () => {
   it('should correctly identify the Enterprise plan', async () => {
     vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
       statusCode: 200,
-      body: [...fixture.products, { slug: 'contract_enterprise' }]
+      body: [...fixture.productsWithoutSupport, { slug: 'contract_enterprise' }]
     })
 
     const { sut } = makeSut()
@@ -167,7 +171,7 @@ describe.concurrent('ContractServices', () => {
   it('should correctly identify the Mission Critical plan', async () => {
     vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
       statusCode: 200,
-      body: [...fixture.products, { slug: 'contract_mission_critical' }]
+      body: [...fixture.productsWithoutSupport, { slug: 'contract_mission_critical' }]
     })
 
     const { sut } = makeSut()
diff --git a/src/views/Billing/BillsView.vue b/src/views/Billing/BillsView.vue
index 14f6586a4..5128770f5 100644
--- a/src/views/Billing/BillsView.vue
+++ b/src/views/Billing/BillsView.vue
@@ -13,6 +13,7 @@
             label="Details"
             :loading="!isCurrentInvoiceLoaded"
             @click="goToBillingDetails()"
+            :disabled="currentInvoice.billId"
           />
         </div>
         <div class="flex justify-between mt-4">
@@ -25,7 +26,10 @@
             {{ currentInvoice.billingPeriod }}
           </SkeletonBlock>
         </div>
-        <div class="flex justify-between">
+        <div
+          class="flex justify-between"
+          v-if="accountIsNotRegular"
+        >
           <span class="text-color-secondary text-sm">Product Charges</span>
           <SkeletonBlock
             :isLoaded="isCurrentInvoiceLoaded"
@@ -34,7 +38,10 @@
             {{ currentInvoice.productChanges }}
           </SkeletonBlock>
         </div>
-        <div class="flex justify-between">
+        <div
+          class="flex justify-between"
+          v-if="accountIsNotRegular"
+        >
           <span class="text-color-secondary text-sm">Professional Services Plan Charges</span>
           <SkeletonBlock
             :isLoaded="isCurrentInvoiceLoaded"
@@ -45,7 +52,10 @@
         </div>
       </div>
 
-      <div class="p-3 md:p-6 flex flex-col gap-4 border-t surface-border">
+      <div
+        class="p-3 md:p-6 flex flex-col gap-4 border-t surface-border"
+        v-if="accountIsNotRegular"
+      >
         <div class="flex justify-between">
           <span class="text-color-secondary text-sm">Credit Used for Payment</span>
           <SkeletonBlock
@@ -113,7 +123,10 @@
             {{ yourServicePlan.paymentDate }}
           </SkeletonBlock>
         </div>
-        <div class="flex justify-between">
+        <div
+          class="flex justify-between"
+          v-if="accountIsNotRegular"
+        >
           <span class="text-color-secondary text-sm">Payment Method</span>
           <SkeletonBlock
             class="font-medium text-color text-sm"
@@ -133,7 +146,10 @@
           </SkeletonBlock>
         </div>
 
-        <div class="flex justify-between">
+        <div
+          class="flex justify-between"
+          v-if="accountIsNotRegular"
+        >
           <span class="text-color-secondary text-sm">Payment Currency</span>
           <SkeletonBlock
             :isLoaded="isYourServicePlanLoaded"
@@ -144,7 +160,10 @@
           </SkeletonBlock>
         </div>
 
-        <div class="flex justify-between">
+        <div
+          class="flex justify-between"
+          v-if="accountIsNotRegular"
+        >
           <span class="text-color-secondary text-sm">Credit Balance</span>
           <SkeletonBlock
             :isLoaded="isYourServicePlanLoaded"
@@ -157,7 +176,10 @@
         </div>
       </div>
 
-      <div class="p-3 md:p-6 border-t surface-border flex flex-col gap-4">
+      <div
+        class="p-3 md:p-6 border-t surface-border flex flex-col gap-4"
+        v-if="accountIsNotRegular"
+      >
         <p class="text-sm text-color-secondary">
           This invoice includes all consumption up to the last day of the month. Change
           <span
@@ -186,7 +208,7 @@
     ref="listPaymentHistoryRef"
     isTabs
     :enableEditClick="false"
-    :columns="paymentsColumns"
+    :columns="loaderPaymentHistoryColumns"
     :listService="props.listPaymentHistoryService"
     @on-load-data="handleLoadData"
     @on-before-go-to-edit="goToEnvoiceDetails"
@@ -233,6 +255,7 @@
   import Tag from 'primevue/tag'
   import cardFlagBlock from '@templates/card-flag-block'
   import { useAccountStore } from '@/stores/account'
+  import { storeToRefs } from 'pinia'
 
   import { ref, computed, onMounted, inject } from 'vue'
 
@@ -241,8 +264,11 @@
   const yourServicePlan = ref({})
   const servicePlan = ref(null)
   const emit = defineEmits(['changeTab'])
-  const user = useAccountStore().accountData
+  const accountStore = useAccountStore()
 
+  const { accountData, accountIsNotRegular } = storeToRefs(accountStore)
+
+  const user = accountData
   const drawersMethods = inject('drawersMethods')
 
   const props = defineProps({
@@ -290,55 +316,6 @@
   const isYourServicePlanLoaded = ref(true)
   const listPaymentHistoryRef = ref('')
 
-  const paymentsColumns = ref([
-    {
-      field: 'paymentDate',
-      header: 'Payment Date'
-    },
-    {
-      field: 'invoiceNumber',
-      header: 'Invoice ID',
-      filterPath: 'invoiceNumber.content',
-      sortField: 'invoiceNumber.content',
-      type: 'component',
-      component: (columnData) => {
-        return columnBuilder({
-          data: columnData,
-          columnAppearance: 'text-full-with-clipboard',
-          dependencies: {
-            copyContentService: props.clipboardWrite
-          }
-        })
-      }
-    },
-    {
-      field: 'paymentMethod',
-      header: 'Payment Method',
-      filterPath: 'paymentMethod.value',
-      sortField: 'paymentMethod.value',
-      type: 'component',
-      component: (columnData) =>
-        columnBuilder({ data: columnData, columnAppearance: 'credit-card-column' })
-    },
-    {
-      field: 'amount',
-      header: 'Amount'
-    },
-    {
-      field: 'status',
-      header: 'Status',
-      type: 'component',
-      sortField: 'status.content',
-      filterPath: 'status.content',
-      component: (columnData) => {
-        return columnBuilder({
-          data: columnData,
-          columnAppearance: 'tag'
-        })
-      }
-    }
-  ])
-
   const handleLoadData = (event) => {
     hasContentToList.value = event
   }
@@ -391,7 +368,9 @@
   const getYourServicePlan = async () => {
     isYourServicePlanLoaded.value = false
     try {
-      yourServicePlan.value = await props.loadYourServicePlanService(user.disclaimer)
+      yourServicePlan.value = accountIsNotRegular.value
+        ? await props.loadYourServicePlanService(user.value.disclaimer)
+        : {}
     } finally {
       isYourServicePlanLoaded.value = true
     }
@@ -399,7 +378,7 @@
 
   const getLoadContractService = async () => {
     const { yourServicePlan } = await props.loadContractServicePlan({
-      clientId: user.client_id
+      clientId: user.value.client_id
     })
     servicePlan.value = `${yourServicePlan} Plan`
   }
@@ -412,7 +391,7 @@
     await Promise.all([getLoadContractService(), getYourServicePlan()])
   }
 
-  const isTrail = computed(() => user.status === 'TRIAL')
+  const isTrail = computed(() => user.value.status === 'TRIAL')
 
   const reloadList = () => {
     if (hasContentToList.value) {
@@ -422,6 +401,82 @@
     hasContentToList.value = true
   }
 
+  const loaderPaymentHistoryColumns = computed(() => {
+    if (accountIsNotRegular.value) {
+      return [
+        {
+          field: 'paymentDate',
+          header: 'Payment Date'
+        },
+        {
+          field: 'invoiceNumber',
+          header: 'Invoice ID',
+          filterPath: 'invoiceNumber.content',
+          sortField: 'invoiceNumber.content',
+          type: 'component',
+          component: (columnData) => {
+            return columnBuilder({
+              data: columnData,
+              columnAppearance: 'text-full-with-clipboard',
+              dependencies: {
+                copyContentService: props.clipboardWrite
+              }
+            })
+          }
+        },
+        {
+          field: 'paymentMethod',
+          header: 'Payment Method',
+          filterPath: 'paymentMethod.value',
+          sortField: 'paymentMethod.value',
+          type: 'component',
+          component: (columnData) =>
+            columnBuilder({ data: columnData, columnAppearance: 'credit-card-column' })
+        },
+        {
+          field: 'amount',
+          header: 'Amount'
+        },
+        {
+          field: 'status',
+          header: 'Status',
+          type: 'component',
+          sortField: 'status.content',
+          filterPath: 'status.content',
+          component: (columnData) => {
+            return columnBuilder({
+              data: columnData,
+              columnAppearance: 'tag'
+            })
+          }
+        }
+      ]
+    }
+
+    return [
+      {
+        field: 'paymentDate',
+        header: 'Payment Date'
+      },
+      {
+        field: 'invoiceNumber',
+        header: 'Invoice ID',
+        filterPath: 'invoiceNumber.content',
+        sortField: 'invoiceNumber.content',
+        type: 'component',
+        component: (columnData) => {
+          return columnBuilder({
+            data: columnData,
+            columnAppearance: 'text-full-with-clipboard',
+            dependencies: {
+              copyContentService: props.clipboardWrite
+            }
+          })
+        }
+      }
+    ]
+  })
+
   onMounted(async () => {
     getAllInfos()
     await loaderCurrentInvoice()
diff --git a/src/views/Billing/InvoiceDetailsView.vue b/src/views/Billing/InvoiceDetailsView.vue
index 8e6cea087..7c89d8877 100644
--- a/src/views/Billing/InvoiceDetailsView.vue
+++ b/src/views/Billing/InvoiceDetailsView.vue
@@ -15,7 +15,7 @@
                 outlined
                 size="small"
                 label="Export"
-                :disabled="invoiceData.temporaryBill"
+                :disabled="invoiceData?.temporaryBill || !accountIsNotRegular"
               />
             </div>
             <div class="flex justify-between mt-4">
@@ -37,7 +37,16 @@
                 width="10rem"
                 class="flex gap-3 items-center"
               >
-                <span class="font-medium text-color text-sm">{{ invoiceData.billDetailId }}</span>
+                <span
+                  class="font-medium text-color text-sm"
+                  v-if="accountIsNotRegular"
+                  >{{ invoiceData?.billDetailId }}</span
+                >
+                <span
+                  class="font-medium text-color text-sm"
+                  v-else
+                  >{{ invoiceData?.billId }}</span
+                >
                 <PrimeButton
                   icon="pi pi-copy"
                   outlined
@@ -46,7 +55,10 @@
                 />
               </SkeletonBlock>
             </div>
-            <div class="flex justify-between">
+            <div
+              class="flex justify-between"
+              v-if="accountIsNotRegular"
+            >
               <span class="text-color-secondary text-sm">Payment Method</span>
               <SkeletonBlock
                 :isLoaded="isCardDefaultLoaded"
@@ -72,30 +84,39 @@
                 :isLoaded="isInvoiceDataLoaded"
                 class="font-medium text-color text-sm"
               >
-                {{ invoiceData.billingPeriod }}
+                {{ invoiceData?.billingPeriod }}
               </SkeletonBlock>
             </div>
-            <div class="flex justify-between">
+            <div
+              class="flex justify-between"
+              v-if="accountIsNotRegular"
+            >
               <span class="text-color-secondary text-sm">Products Charges</span>
               <SkeletonBlock
                 :isLoaded="isInvoiceDataLoaded"
                 class="text-color text-sm"
               >
-                {{ invoiceData.productChanges }}
+                {{ invoiceData?.productChanges }}
               </SkeletonBlock>
             </div>
-            <div class="flex justify-between">
+            <div
+              class="flex justify-between"
+              v-if="accountIsNotRegular"
+            >
               <span class="text-color-secondary text-sm">Professional Services Plan Charges</span>
               <SkeletonBlock
                 :isLoaded="isInvoiceDataLoaded"
                 class="text-color text-sm"
               >
-                {{ invoiceData.servicePlan }}
+                {{ invoiceData?.servicePlan }}
               </SkeletonBlock>
             </div>
           </div>
 
-          <div class="p-3 md:p-6 flex flex-col gap-4 border-t surface-border">
+          <div
+            class="p-3 md:p-6 flex flex-col gap-4 border-t surface-border"
+            v-if="accountIsNotRegular"
+          >
             <div class="flex justify-between">
               <span class="text-color-secondary text-sm">Credit Used for Payment</span>
               <SkeletonBlock
@@ -103,7 +124,7 @@
                 class="text-color"
               >
                 <span class="text-color-secondary text-sm">$</span>
-                {{ invoiceData.creditUsedForPayment }}
+                {{ invoiceData?.creditUsedForPayment }}
               </SkeletonBlock>
             </div>
             <div class="flex justify-between">
@@ -119,7 +140,7 @@
               >
                 <span class="text-sm">$</span>
                 <span class="text-2xl">
-                  {{ invoiceData.total }}
+                  {{ invoiceData?.total }}
                 </span>
               </SkeletonBlock>
             </div>
@@ -134,12 +155,15 @@
   import { onMounted, ref } from 'vue'
   import { useRoute } from 'vue-router'
   import { useToast } from 'primevue/usetoast'
+  import { useAccountStore } from '@/stores/account'
+  import { storeToRefs } from 'pinia'
   import ContentBlock from '@/templates/content-block'
   import SkeletonBlock from '@/templates/skeleton-block'
   import PageHeadingBlock from '@/templates/page-heading-block'
   import PrimeButton from 'primevue/button'
   import cardFlagBlock from '@templates/card-flag-block'
   import TableServicesProducts from './components/table-services-products'
+  import { listServiceAndProductsChangesAccountingService } from '@/services/billing-services'
 
   const props = defineProps({
     loadInvoiceDataService: {
@@ -162,6 +186,9 @@
 
   const route = useRoute()
   const toast = useToast()
+  const accountStore = useAccountStore()
+
+  const { accountIsNotRegular } = storeToRefs(accountStore)
 
   const invoiceData = ref({})
   const cardDefault = ref({})
@@ -188,9 +215,9 @@
 
   const listServiceAndProductsChanges = async () => {
     try {
-      listServiceProducts.value = await props.listServiceAndProductsChangesService(
-        route.params.billId
-      )
+      listServiceProducts.value = accountIsNotRegular.value
+        ? await props.listServiceAndProductsChangesService(route.params.billId)
+        : await listServiceAndProductsChangesAccountingService(route.params.billId)
     } catch {
       listServiceProducts.value = []
     }
diff --git a/src/views/Billing/TabsView.vue b/src/views/Billing/TabsView.vue
index b23769813..63f356b6a 100644
--- a/src/views/Billing/TabsView.vue
+++ b/src/views/Billing/TabsView.vue
@@ -14,15 +14,20 @@
 
   import { useRoute, useRouter } from 'vue-router'
   import { useAccountStore } from '@/stores/account'
+  import { storeToRefs } from 'pinia'
 
   const route = useRoute()
   const router = useRouter()
+  const accountStore = useAccountStore()
+
+  const { paymentReviewPending, accountIsNotRegular } = storeToRefs(accountStore)
+
   const activeTab = ref(0)
   const drawerAddCreditRef = ref(null)
   const drawerPaymentMethodRef = ref(null)
   const listPaymentMethodsRef = ref(null)
   const viewBillsRef = ref(null)
-  const accountBlocked = useAccountStore().paymentReviewPending
+  const accountBlocked = paymentReviewPending
 
   provide('drawersMethods', {
     openDrawerPaymentMethod: () => {
@@ -112,7 +117,9 @@
   const loadInvoiceLastUpdated = async () => {
     try {
       loadingLastUpdated.value = true
-      invoiceLastUpdated.value = await props.billsServices.loadInvoiceLastUpdatedService()
+      invoiceLastUpdated.value = accountIsNotRegular.value
+        ? await props.billsServices.loadInvoiceLastUpdatedService()
+        : ''
     } finally {
       loadingLastUpdated.value = false
     }
@@ -139,6 +146,7 @@
           <SkeletonBlock
             width="10rem"
             :isLoaded="!loadingLastUpdated"
+            v-if="invoiceLastUpdated"
           >
             <Tag
               severity="info"
@@ -186,6 +194,7 @@
           />
         </TabPanel>
         <TabPanel
+          v-if="accountIsNotRegular"
           header="Payment Methods"
           :pt="{
             headerAction: {
diff --git a/src/views/Billing/components/table-services-products.vue b/src/views/Billing/components/table-services-products.vue
index 895de9b7f..0fd3507c3 100644
--- a/src/views/Billing/components/table-services-products.vue
+++ b/src/views/Billing/components/table-services-products.vue
@@ -28,6 +28,7 @@
       field="value"
       class="font-medium !text-sm"
       bodyStyle="text-align:right"
+      v-if="accountIsNotRegular"
     />
     <template #expansion="slotProps">
       <div class="p-0 m-0">
@@ -58,16 +59,24 @@
             field="price"
             :header="expansionColuns.price"
             bodyStyle="text-align:right"
+            v-if="accountIsNotRegular"
           />
         </DataTable>
       </div>
     </template>
   </DataTable>
 </template>
+
 <script setup>
   import { ref } from 'vue'
   import DataTable from 'primevue/datatable'
   import Column from 'primevue/column'
+  import { useAccountStore } from '@/stores/account'
+  import { storeToRefs } from 'pinia'
+
+  const accountStore = useAccountStore()
+
+  const { accountIsNotRegular } = storeToRefs(accountStore)
 
   defineOptions({
     name: 'table-services-products'
diff --git a/vite.config.js b/vite.config.js
index 1317fd298..bc254361d 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -78,7 +78,12 @@ const getConfig = () => {
           target: `https://www.azion.com/api/webpagetest`,
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/webpagetest-external/, '')
-        }
+        },
+        '/graphql/accounting': {
+          target: `${URLStartPrefix}manager.azion.com`,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/graphql\/accounting/, '/accounting/graphql')
+        },
       }
     }
   }

From 5cf31c896e176ef82bf1ad31d89c610230b2c172 Mon Sep 17 00:00:00 2001
From: Vinicius Gubiani Ferreira <vini.g.fer@gmail.com>
Date: Fri, 8 Nov 2024 15:55:23 -0300
Subject: [PATCH 21/24] [UXE-5544] fix: Bot Manager (Radware) URL (#1892)

---
 src/services/sidebar-menus-services/menus.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/services/sidebar-menus-services/menus.js b/src/services/sidebar-menus-services/menus.js
index fe743c770..a5b890090 100644
--- a/src/services/sidebar-menus-services/menus.js
+++ b/src/services/sidebar-menus-services/menus.js
@@ -151,7 +151,7 @@ function createMarketplaceProductsItems() {
     {
       label: 'Bot Manager',
       icon: 'pi pi-wrench',
-      to: 'https://portal.radwarebotmanager.com/account/login',
+      to: 'https://radware.eu.auth0.com/authorize?client_id=KnZSRL3CSoahL0ymcqfwsmt55EHxXxgS&response_type=code&connection=caixa-sso&prompt=login&scope=openid%20profile&redirect_uri=https://console.radwarecloud.com?connection=caixa-sso',
       id: 'bot-manager',
       external: true
     },

From 3314ff0e5ebc2d369b77a2703b340c652af6b330 Mon Sep 17 00:00:00 2001
From: Vinicius Gubiani Ferreira <vini.g.fer@gmail.com>
Date: Fri, 8 Nov 2024 16:06:41 -0300
Subject: [PATCH 22/24] [NO-ISSUE] chore: Update IaC for Stage env (#1893)

---
 azion/stage/azion.json | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/azion/stage/azion.json b/azion/stage/azion.json
index d8f82e591..b4115b92c 100644
--- a/azion/stage/azion.json
+++ b/azion/stage/azion.json
@@ -157,6 +157,11 @@
         "id": 312030,
         "name": "Route API Identity Providers",
         "phase": "request"
+      },
+      {
+        "id": 317377,
+        "name": "Route GraphQL Accounting Queries to Manager Origin",
+        "phase": "request"
       }
     ]
   },

From 3fdb404f23dd7e580b1e0c8658ab27605ecaaba7 Mon Sep 17 00:00:00 2001
From: Paulo Sobrinho Ferreira <110847590+pauloSF0@users.noreply.github.com>
Date: Mon, 11 Nov 2024 14:10:46 -0300
Subject: [PATCH 23/24] [UXE-5525] fix: Some custom ports not selecting when
 editing Edge App (#1896)

---
 .../load-edge-application-service.js          |   9 +-
 .../edit-error-responses-services.test.js     |  40 +++++++
 .../load-edge-application-service.test.js     | 112 ++++++++++++++++++
 .../edit-network-list-service.test.js         |  26 ++++
 .../FormFieldsCreateEdgeApplications.vue      |   2 +
 5 files changed, 188 insertions(+), 1 deletion(-)
 create mode 100644 src/tests/services/edge-application-services/load-edge-application-service.test.js

diff --git a/src/services/edge-application-services/load-edge-application-service.js b/src/services/edge-application-services/load-edge-application-service.js
index 296326b93..e52053ce6 100644
--- a/src/services/edge-application-services/load-edge-application-service.js
+++ b/src/services/edge-application-services/load-edge-application-service.js
@@ -15,6 +15,7 @@ const adapt = (httpResponse) => {
   const body = httpResponse.body.results
   const httpPorts = []
   const httpsPorts = []
+
   body.http_port.forEach((port) => {
     httpPorts.push(HTTP_PORT_LIST_OPTIONS.find((el) => el.value == port))
   })
@@ -66,5 +67,11 @@ const HTTPS_PORT_LIST_OPTIONS = [
   { name: '9440', value: '9440' },
   { name: '9441', value: '9441' },
   { name: '9442', value: '9442' },
-  { name: '9443', value: '9443' }
+  { name: '9443', value: '9443' },
+  { name: '7777', value: '7777' },
+  { name: '8888', value: '8888' },
+  { name: '9553', value: '9553' },
+  { name: '9653', value: '9653' },
+  { name: '8035', value: '8035' },
+  { name: '8090', value: '8090' }
 ]
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 3879bdea1..1e2f19367 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
@@ -16,6 +16,19 @@ const fixtures = {
         uri: '/teste/'
       }
     ]
+  },
+  errorResponsePayloadAnyCodeValue: {
+    edgeApplicationId: '123',
+    id: '123',
+    originId: '12',
+    errorResponses: [
+      {
+        code: 'any',
+        timeout: 2,
+        customStatusCode: '',
+        uri: ''
+      }
+    ]
   }
 }
 
@@ -55,6 +68,33 @@ describe('EdgeApplicationErrorResponsesServices', () => {
     })
   })
 
+  it('should call the API with the correct parameters when the code value is any', async () => {
+    const requestSpy = vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 202
+    })
+
+    const { sut } = makeSut()
+
+    await sut(fixtures.errorResponsePayloadAnyCodeValue)
+    const errorResponse = fixtures.errorResponsePayloadAnyCodeValue.errorResponses[0]
+
+    expect(requestSpy).toHaveBeenCalledWith({
+      url: `v4/edge_application/applications/${fixtures.errorResponsePayloadAnyCodeValue.edgeApplicationId}/error_responses/${fixtures.errorResponsePayload.id}`,
+      method: 'PATCH',
+      body: {
+        error_responses: [
+          {
+            code: errorResponse.code,
+            custom_status_code: null,
+            timeout: errorResponse.timeout,
+            uri: null
+          }
+        ],
+        origin_id: fixtures.errorResponsePayload.originId
+      }
+    })
+  })
+
   it('should return a feedback message on successfully updated', async () => {
     vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
       statusCode: 202
diff --git a/src/tests/services/edge-application-services/load-edge-application-service.test.js b/src/tests/services/edge-application-services/load-edge-application-service.test.js
new file mode 100644
index 000000000..fe425542b
--- /dev/null
+++ b/src/tests/services/edge-application-services/load-edge-application-service.test.js
@@ -0,0 +1,112 @@
+import { AxiosHttpClientAdapter } from '@/services/axios/AxiosHttpClientAdapter'
+import { loadEdgeApplicationService } from '@/services/edge-application-services'
+import { describe, expect, it, vi } from 'vitest'
+
+const fixtures = {
+  edgeApplicationsMock: {
+    id: 1731320730,
+    name: 'ports',
+    delivery_protocol: 'http,https',
+    http_port: [80],
+    https_port: [443, 7777, 8888, 9440],
+    minimum_tls_version: '',
+    active: true,
+    debug_rules: false,
+    http3: false,
+    websocket: false,
+    supported_ciphers: 'all',
+    application_acceleration: false,
+    caching: true,
+    device_detection: false,
+    edge_firewall: false,
+    edge_functions: false,
+    image_optimization: false,
+    l2_caching: false,
+    load_balancer: false,
+    raw_logs: false,
+    web_application_firewall: false
+  },
+  httpPort: [
+    {
+      name: '80 (Default)',
+      value: '80'
+    }
+  ],
+  httpsPort: [
+    {
+      name: '443 (Default)',
+      value: '443'
+    },
+    {
+      name: '7777',
+      value: '7777'
+    },
+    {
+      name: '8888',
+      value: '8888'
+    },
+    {
+      name: '9440',
+      value: '9440'
+    }
+  ]
+}
+
+const makeSut = () => {
+  const sut = loadEdgeApplicationService
+
+  return {
+    sut
+  }
+}
+
+describe('EdgeApplicationServices', () => {
+  it('should call api with correct params', async () => {
+    const requestSpy = vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: { results: fixtures.edgeApplicationsMock }
+    })
+    const { sut } = makeSut()
+    const version = 'v3'
+    await sut({ id: fixtures.edgeApplicationsMock.id })
+
+    expect(requestSpy).toHaveBeenCalledWith({
+      url: `${version}/edge_applications/${fixtures.edgeApplicationsMock.id}`,
+      method: 'GET'
+    })
+  })
+
+  it('should parsed correctly edge application', async () => {
+    vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 200,
+      body: { results: fixtures.edgeApplicationsMock }
+    })
+    const { sut } = makeSut()
+
+    const result = await sut({ id: fixtures.edgeApplicationsMock.id })
+
+    expect(result).toEqual({
+      active: fixtures.edgeApplicationsMock.active,
+      applicationAccelerator: fixtures.edgeApplicationsMock.application_acceleration,
+      caching: fixtures.edgeApplicationsMock.caching,
+      debugRules: fixtures.edgeApplicationsMock.debug_rules,
+      deliveryProtocol: fixtures.edgeApplicationsMock.delivery_protocol,
+      deviceDetection: fixtures.edgeApplicationsMock.device_detection,
+      edgeFirewall: fixtures.edgeApplicationsMock.edge_firewall,
+      edgeFunctions: fixtures.edgeApplicationsMock.edge_functions,
+      http3: fixtures.edgeApplicationsMock.http3,
+      httpPort: fixtures.httpPort,
+      httpsPort: fixtures.httpsPort,
+      id: fixtures.edgeApplicationsMock.id,
+      imageOptimization: fixtures.edgeApplicationsMock.image_optimization,
+      l2Caching: fixtures.edgeApplicationsMock.l2_caching,
+      loadBalancer: fixtures.edgeApplicationsMock.load_balancer,
+      minimumTlsVersion: 'none',
+      name: fixtures.edgeApplicationsMock.name,
+      rawLogs: fixtures.edgeApplicationsMock.raw_logs,
+      supportedCiphers: fixtures.edgeApplicationsMock.supported_ciphers,
+      webApplicationFirewall: fixtures.edgeApplicationsMock.web_application_firewall,
+      websocket: fixtures.edgeApplicationsMock.websocket
+    })
+  })
+})
diff --git a/src/tests/services/network-lists-services/edit-network-list-service.test.js b/src/tests/services/network-lists-services/edit-network-list-service.test.js
index 2d043c870..e05f32fec 100644
--- a/src/tests/services/network-lists-services/edit-network-list-service.test.js
+++ b/src/tests/services/network-lists-services/edit-network-list-service.test.js
@@ -9,6 +9,13 @@ const fixtures = {
     name: 'Az network',
     networkListType: 'ip_cidr',
     itemsValues: '123.123.123.123'
+  },
+  networkTypeCountryMock: {
+    id: 56782,
+    itemsValues: '',
+    networkListType: 'countries',
+    name: 'My New update. dd',
+    itemsValuesCountry: ['BR']
   }
 }
 
@@ -40,6 +47,25 @@ describe('NetworkListsServices', () => {
     })
   })
 
+  it('should call the API with the correct parameters when the type value is countries', async () => {
+    const requestSpy = vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
+      statusCode: 202
+    })
+    const { sut } = makeSut()
+    const version = 'v3'
+    await sut(fixtures.networkTypeCountryMock)
+
+    expect(requestSpy).toHaveBeenCalledWith({
+      url: `${version}/network_lists/${fixtures.networkTypeCountryMock.id}`,
+      method: 'PUT',
+      body: {
+        name: fixtures.networkTypeCountryMock.name,
+        list_type: fixtures.networkTypeCountryMock.networkListType,
+        items_values: fixtures.networkTypeCountryMock.itemsValuesCountry
+      }
+    })
+  })
+
   it('should return a feedback message on successfully updated', async () => {
     vi.spyOn(AxiosHttpClientAdapter, 'request').mockResolvedValueOnce({
       statusCode: 202
diff --git a/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue b/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue
index b6ce51912..ff9ca0582 100644
--- a/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue
+++ b/src/views/EdgeApplications/FormFields/FormFieldsCreateEdgeApplications.vue
@@ -316,6 +316,8 @@
               :options="HTTPS_PORT_LIST_OPTIONS"
               v-model="httpsPort"
               name="httpsPort"
+              filter
+              autoFilterFocus
               optionLabel="name"
               display="chip"
               :class="{ 'p-invalid': httpsPortError }"

From 639dbf80897c737c2ffc4b9ad26732e406cf9947 Mon Sep 17 00:00:00 2001
From: Paulo Sobrinho Ferreira <110847590+pauloSF0@users.noreply.github.com>
Date: Mon, 11 Nov 2024 15:29:51 -0300
Subject: [PATCH 24/24] [UXE-5554] fix: Not showing the No Cache value on Cache
 Settings List screen (#1897)

---
 .../list-cache-settings-service.js                             | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/services/edge-application-cache-settings-services/list-cache-settings-service.js b/src/services/edge-application-cache-settings-services/list-cache-settings-service.js
index 6c9ecc94b..ed772f8eb 100644
--- a/src/services/edge-application-cache-settings-services/list-cache-settings-service.js
+++ b/src/services/edge-application-cache-settings-services/list-cache-settings-service.js
@@ -19,7 +19,8 @@ export const listCacheSettingsService = async ({ id }) => {
 const formatCacheSettings = (value) => {
   const CACHE_SETTINGS_OPTIONS = {
     honor: 'Honor Origin Cache Headers',
-    override: 'Override Cache Settings'
+    override: 'Override Cache Settings',
+    'no-cache': 'No Cache'
   }
 
   return CACHE_SETTINGS_OPTIONS[value]