Improve the testability of MessageStore

This changeintroduces a **targeted** approach to improve the testability of MessageStore:

- Created a new ConfigurationStore as a Pinia store to replace usage of useConfiguration composable in MessageStore
- Created a new EditRetryStore as a Pinia store to replace useEditAndRetry composable usage in MessageStore
- Removed automatic initialization in the store definition to avoid network calls during tests and take advantage of Pinia testing infraestructure that stubs actions by default and allow tests to patch the stores state instead for each scenario
- The Message store explicitly calls loadConfig() of the new stores during initialization, which in turn is properly stubbed by Pinia when used in tests
- This allows component tests to run without unwanted network calls when patch the store state is preffered by the developer writing the component test
- The original useConfiguration composable remains untouched for other components

This focused refactoring prevents network calls from being made during tests while
minimizing changes to the codebase, as it only affects MessageStore.ts without
requiring a broader refactoring across all components that use configuration data.

Author: Christian

src/Frontend/src/composables/useEditAndRetry.ts

@@ -0,0 +1,24 @@
+import { acceptHMRUpdate, defineStore } from "pinia";
+import { ref } from "vue";
+import Configuration from "@/resources/Configuration";
+import { useFetchFromServiceControl } from "@/composables/serviceServiceControlUrls";
+
+export const useConfigurationStore = defineStore("ConfigurationStore", () => {
+  const configuration = ref<Configuration | null>(null);
+
+  async function loadConfig() {
+    const response = await useFetchFromServiceControl("configuration");
+    configuration.value = await response.json();
+  }
+
+  return {
+    configuration,
+    loadConfig,
+  };
+});
+
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useConfigurationStore, import.meta.hot));
+}
+
+export type ConfigurationStore = ReturnType<typeof useConfigurationStore>;

src/Frontend/src/stores/ConfigurationStore.ts

@@ -0,0 +1,24 @@
+import { acceptHMRUpdate, defineStore } from "pinia";
+import { ref } from "vue";
+import { EditAndRetryConfig } from "@/resources/Configuration";
+import { useTypedFetchFromServiceControl } from "@/composables/serviceServiceControlUrls";
+
+export const useEditRetryStore = defineStore("EditRetryStore", () => {
+  const config = ref<EditAndRetryConfig>({ enabled: false, locked_headers: [], sensitive_headers: [] });
+
+  async function loadConfig() {
+    const [, data] = await useTypedFetchFromServiceControl<EditAndRetryConfig>("edit/config");
+    config.value = data;
+  }
+
+  return {
+    config,
+    loadConfig,
+  };
+});
+
+if (import.meta.hot) {
+  import.meta.hot.accept(acceptHMRUpdate(useEditRetryStore, import.meta.hot));
+}
+
+export type EditRetryStore = ReturnType<typeof useEditRetryStore>;

src/Frontend/src/stores/EditRetryStore.ts

@@ -3,11 +3,11 @@ import { reactive, ref } from "vue";
 import Header from "@/resources/Header";
 import type EndpointDetails from "@/resources/EndpointDetails";
 import FailedMessage, { ExceptionDetails, FailedMessageStatus } from "@/resources/FailedMessage";
-import { editRetryConfig } from "@/composables/useEditAndRetry";
+import { useEditRetryStore } from "@/stores/EditRetryStore";
+import { useConfigurationStore } from "@/stores/ConfigurationStore";
 import { useFetchFromServiceControl, useTypedFetchFromServiceControl } from "@/composables/serviceServiceControlUrls";
 import Message, { MessageStatus } from "@/resources/Message";
 import moment from "moment/moment";
-import { useConfiguration } from "@/composables/configuration";
 import { parse, stringify } from "lossless-json";
 import xmlFormat from "xml-formatter";
 import { useArchiveMessage, useRetryMessages, useUnarchiveMessage } from "@/composables/serviceFailedMessage";
@@ -67,6 +67,11 @@ export const useMessageStore = defineStore("MessageStore", () => {
   let bodyLoadedId = "";
   let conversationLoadedId = "";
   const conversationData = ref<DataContainer<Message[]>>({ data: [] });
+  const editRetryStore = useEditRetryStore();
+  const configStore = useConfigurationStore();
+
+  editRetryStore.loadConfig();
+  configStore.loadConfig();
 
   function reset() {
     state.data = { failure_metadata: {}, failure_status: {}, dialog_status: {} };
@@ -284,14 +289,13 @@ export const useMessageStore = defineStore("MessageStore", () => {
     return exportString;
   }
 
-  const configuration = useConfiguration();
-  const error_retention_period = moment.duration(configuration.value?.data_retention.error_retention_period).asHours();
+  const error_retention_period = moment.duration(configStore.configuration?.data_retention?.error_retention_period).asHours();
 
   return {
     headers,
     body,
     state,
-    edit_and_retry_config: editRetryConfig,
+    edit_and_retry_config: editRetryStore.config,
     reset,
     loadMessage,
     loadFailedMessage,