refactor: convert the footer, user and activity-type stores to setup stores (CM-1565)

frontend/src/modules/activity/store/type/activity-type.store.ts

@@ -0,0 +1,21 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+import { ActivityService } from '@/modules/activity/activity-service';
+import type { ActivityTypes } from '@/shared/modules/activity/types/ActivityTypes';
+
+export const useActivityTypeStore = defineStore('activity-type', () => {
+  const types = ref<ActivityTypes>({ default: {}, custom: {} });
+
+  function fetchActivityTypes(segment?: string): Promise<ActivityTypes> {
+    return ActivityService.listActivityTypes(segment)
+      .then((response: ActivityTypes) => {
+        types.value = response;
+        return response;
+      });
+  }
+
+  return {
+    types,
+    fetchActivityTypes,
+  };
+});

frontend/src/modules/activity/store/type/index.ts

@@ -0,0 +1 @@
+export * from './activity-type.store';

frontend/src/modules/layout/pinia/footer.store.ts

@@ -0,0 +1,15 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+
+export const useFooterStore = defineStore('footer-store', () => {
+  const visible = ref<boolean>(true);
+
+  function setVisibility(value: boolean): void {
+    visible.value = value;
+  }
+
+  return {
+    visible,
+    setVisibility,
+  };
+});

frontend/src/modules/layout/pinia/index.ts

@@ -1,11 +1 @@
-import { defineStore } from 'pinia';
-import state from './state';
-import actions from './actions';
-
-export const useFooterStore = defineStore(
-  'footer-store',
-  {
-    state,
-    actions,
-  },
-);
+export * from './footer.store';

frontend/src/modules/user/store/pinia/index.ts

@@ -1,11 +1 @@
-import { defineStore } from 'pinia';
-import state from './state';
-import actions from './actions';
-
-export const useUserStore = defineStore(
-  'user',
-  {
-    state,
-    actions,
-  },
-);
+export * from './user.store';

frontend/src/modules/user/store/pinia/user.store.ts

@@ -0,0 +1,16 @@
+import { defineStore } from 'pinia';
+import { ref } from 'vue';
+
+export const useUserStore = defineStore('user', () => {
+  const isDeveloperModeActive = ref<boolean>(localStorage.getItem('developerMode') === 'true');
+
+  function updateDeveloperMode(value: boolean): void {
+    isDeveloperModeActive.value = value;
+    localStorage.setItem('developerMode', JSON.stringify(value));
+  }
+
+  return {
+    isDeveloperModeActive,
+    updateDeveloperMode,
+  };
+});

frontend/src/shared/modules/filters/components/filterTypes/ActivityTypeFilter.vue

@@ -18,7 +18,7 @@ import type {
 } from '@/shared/modules/filters/types/filterTypes/MultiSelectFilterConfig';
 import { FilterConfigType } from '@/shared/modules/filters/types/FilterConfig';
 import type { CustomFilterConfig } from '@/shared/modules/filters/types/filterTypes/CustomFilterConfig';
-import type { ActivityTypeDefinition, ActivityTypes } from '@/shared/modules/activity/types/ActivityTypes';
+import type { ActivityTypeDefinition } from '@/shared/modules/activity/types/ActivityTypes';
 import { useActivityTypeStore } from '@/modules/activity/store/type';
 import { useLfSegmentsStore } from '@/modules/lf/segments/store';
 import { lfIdentities } from '@/config/identities';
@@ -35,8 +35,7 @@ const props = defineProps<{
 
 const emit = defineEmits<{(e: 'update:modelValue', value: MultiSelectFilterValue): void, (e: 'update:data', value: FilterData): void}>();
 const activityTypeStore = useActivityTypeStore();
-// shortcut: the JS store's types are untyped. revisit: when CM-1565 types the activity-type store.
-const types = computed(() => activityTypeStore.types as ActivityTypes);
+const types = computed(() => activityTypeStore.types);
 
 const store = useStore();
 const { getActiveIntegrations } = useIntegrationsHelpers();