feat(front): aligner api platform et sessions [INV-20260111-02]

app/composables/useComposants.js

@@ -3,10 +3,27 @@ import { useToast } from './useToast'
 import { useApi } from './useApi'
 import { buildConstructeurRequestPayload, uniqueConstructeurIds } from '~/shared/constructeurUtils'
 import { useConstructeurs } from './useConstructeurs'
+import { extractRelationId, normalizeRelationIds } from '~/shared/apiRelations'
 
 const composants = ref([])
 const loading = ref(false)
 
+const extractCollection = (payload) => {
+  if (Array.isArray(payload)) {
+    return payload
+  }
+  if (Array.isArray(payload?.member)) {
+    return payload.member
+  }
+  if (Array.isArray(payload?.['hydra:member'])) {
+    return payload['hydra:member']
+  }
+  if (Array.isArray(payload?.data)) {
+    return payload.data
+  }
+  return []
+}
+
 export function useComposants () {
   const { showSuccess, showError, showInfo } = useToast()
   const { get, post, patch, delete: del } = useApi()
@@ -16,6 +33,18 @@ export function useComposants () {
     if (!composant || typeof composant !== 'object') {
       return composant
     }
+    if (!composant.typeComposantId) {
+      const typeComposantId = extractRelationId(composant.typeComposant)
+      if (typeComposantId) {
+        composant.typeComposantId = typeComposantId
+      }
+    }
+    if (!composant.productId) {
+      const productId = extractRelationId(composant.product)
+      if (productId) {
+        composant.productId = productId
+      }
+    }
     const ids = uniqueConstructeurIds(
       composant.constructeurIds,
       composant.constructeurs,
@@ -34,27 +63,28 @@ export function useComposants () {
     return composant
   }
 
-const loadComposants = async () => {
-  loading.value = true
-  try {
-    const result = await get('/composants')
-    if (result.success) {
-      const items = Array.isArray(result.data) ? result.data : []
-      const enrichedItems = await Promise.all(items.map((item) => withResolvedConstructeurs(item)))
-      composants.value = enrichedItems
-      showInfo(`Chargement de ${composants.value.length} composant(s) réussi`)
+  const loadComposants = async () => {
+    loading.value = true
+    try {
+      const result = await get('/composants')
+      if (result.success) {
+        const items = extractCollection(result.data)
+        const enrichedItems = await Promise.all(items.map((item) => withResolvedConstructeurs(item)))
+        composants.value = enrichedItems
+        showInfo(`Chargement de ${composants.value.length} composant(s) réussi`)
+      }
+    } catch (error) {
+      console.error('Erreur lors du chargement des composants:', error)
+    } finally {
+      loading.value = false
     }
-  } catch (error) {
-    console.error('Erreur lors du chargement des composants:', error)
-  } finally {
-    loading.value = false
   }
-}
 
   const createComposant = async (composantData) => {
     loading.value = true
     try {
-      const result = await post('/composants', buildConstructeurRequestPayload(composantData))
+      const normalizedPayload = normalizeRelationIds(buildConstructeurRequestPayload(composantData))
+      const result = await post('/composants', normalizedPayload)
       if (result.success) {
         const enriched = await withResolvedConstructeurs(result.data)
         composants.value.push(enriched)
@@ -76,7 +106,8 @@ const loadComposants = async () => {
   const updateComposantData = async (id, composantData) => {
     loading.value = true
     try {
-      const result = await patch(`/composants/${id}`, buildConstructeurRequestPayload(composantData))
+      const normalizedPayload = normalizeRelationIds(buildConstructeurRequestPayload(composantData))
+      const result = await patch(`/composants/${id}`, normalizedPayload)
       if (result.success) {
         const updated = await withResolvedConstructeurs(result.data)
         const index = composants.value.findIndex(comp => comp.id === id)