@golstats/gsc-reports 1.0.73 → 1.0.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golstats/gsc-reports",
-  "version": "1.0.73",
+  "version": "1.0.74",
   "main": "dist/gsc-reports.umd.js",
   "module": "dist/gsc-reports.es.js",
   "exports": {
@@ -47,7 +47,7 @@
   },
   "dependencies": {
     "@golstats/gsc-checkbox": "^1.0.13",
-    "@golstats/gsc-template-report-maker": "^1.0.105",
+    "@golstats/gsc-template-report-maker": "^1.0.107",
     "axios": "^1.10.0",
     "gridstack": "^12.1.1",
     "tiny-emitter": "^2.1.0",

package/src/App.vue

@@ -1,9 +1,27 @@
 <script setup>
 import GSCReports from './components/gsc-reports.vue'
+import ModalConfigurarContenido from './components/elementsTemplates/ModalConfigurarContenido.vue'
+import { ref } from 'vue'
+
+const showModal = ref(true)
 
 function handleToHome() {
   console.log('Evento toHome recibido en App.vue')
 }
+
+function handleModalClose() {
+  console.log('Modal cerrado')
+  showModal.value = false
+}
+
+function handleModalBack() {
+  console.log('Regresar al modal anterior')
+}
+
+function handleModalNext(options) {
+  console.log('Opciones seleccionadas:', options)
+  // Aquí puedes manejar las opciones seleccionadas
+}
 </script>
 
 <template>
@@ -14,6 +32,16 @@ function handleToHome() {
       token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MjQyNTQsIm5hbWUiOiJHb2xTdGF0cyIsInVzZXJuYW1lIjoiZ29sdGVzdGluZyIsImVtYWlsIjoiIiwicHJvdmlkZXJfaWQiOjEsImxvZ2luX2dvbHN0YXRzIjoxLCJpYXQiOjE3NTIwNDY4NTQsImV4cCI6MTc4MzU4Mjg1NH0.cs9r3OnlIh-H0G0yxjKFFYiJoA70PAbvehjcVe4y7jE"
       @toHome="handleToHome"
     />
+
+    <!-- Modal de configuración de contenido 
+    <ModalConfigurarContenido
+      v-if="showModal"
+      :has-rival="true"
+      token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6MjQyNTQsIm5hbWUiOiJHb2xTdGF0cyIsInVzZXJuYW1lIjoiZ29sdGVzdGluZyIsImVtYWlsIjoiIiwicHJvdmlkZXJfaWQiOjEsImxvZ2luX2dvbHN0YXRzIjoxLCJpYXQiOjE3NTIwNDY4NTQsImV4cCI6MTc4MzU4Mjg1NH0.cs9r3OnlIh-H0G0yxjKFFYiJoA70PAbvehjcVe4y7jE"
+      @close="handleModalClose"
+      @back="handleModalBack"
+      @next="handleModalNext"
+    />-->
   </div>
 </template>
 <style>

package/src/components/TemplatesSection.vue

@@ -111,6 +111,18 @@
       v-if="showModalGenerarReporte"
       @close="showModalGenerarReporte = false"
       @switch-to-reports="$emit('switch-to-reports')"
+      @open-configurar-contenido="onOpenConfigurarContenido"
+    />
+    <ModalConfigurarContenido
+      v-if="showModalConfigurarContenido"
+      :has-rival="true"
+      :token="token"
+      :template="configurarContenidoData?.template || null"
+      :team="team"
+      :partido="configurarContenidoData?.partido || null"
+      @close="showModalConfigurarContenido = false"
+      @back="onBackFromConfigurar"
+      @next="onNextFromConfigurar"
     />
     <ModalRenameTemplate
       v-if="showModalRenameTemplate"
@@ -167,6 +179,7 @@ import ModalGenerarReporte from './elementsTemplates/ModalGenerarReporte.vue'
 import ModalRenameTemplate from './elementsTemplates/ModalRenameTemplate.vue'
 import ModalduplicateTemplate from './elementsTemplates/ModalduplicateTemplate.vue'
 import ModalDeleteTemplate from './elementsTemplates/ModalDeleteTemplate.vue'
+import ModalConfigurarContenido from './elementsTemplates/ModalConfigurarContenido.vue'
 
 // Definir las props y emits
 const emit = defineEmits(['switch-to-reports', 'open-modal-new-template', 'edit-template'])
@@ -198,6 +211,8 @@ const showModalGenerarReporte = ref(false)
 const showModalRenameTemplate = ref(false)
 const showModalDuplicateTemplate = ref(false)
 const showModalDeleteTemplate = ref(false)
+const showModalConfigurarContenido = ref(false)
+const configurarContenidoData = ref(null)
 const renameTemplateName = ref('')
 const renameTemplateType = ref('')
 const duplicateTemplateName = ref('')
@@ -359,6 +374,104 @@ function onEditTemplate(template) {
   emit('edit-template', template)
 }
 
+// Función para manejar cuando se detecta componente Fortalezas y se necesita abrir ModalConfigurarContenido
+function onOpenConfigurarContenido(data) {
+  configurarContenidoData.value = data
+  showModalGenerarReporte.value = false
+  showModalConfigurarContenido.value = true
+}
+
+// Función para volver desde ModalConfigurarContenido a ModalGenerarReporte
+function onBackFromConfigurar() {
+  showModalConfigurarContenido.value = false
+  showModalGenerarReporte.value = true
+}
+
+// Función para finalizar la configuración y generar el reporte
+async function onNextFromConfigurar(options) {
+  try {
+    // Cerrar ModalConfigurarContenido
+    showModalConfigurarContenido.value = false
+
+    // Aquí podrías guardar las opciones si es necesario para el reporte
+    // Por ahora, generar el reporte normalmente
+    if (!configurarContenidoData.value) {
+      return
+    }
+
+    // Generar el reporte con los datos guardados
+    const payload = {
+      template_id: configurarContenidoData.value.template.id,
+      user_id: props.userId,
+      tournament_id: configurarContenidoData.value.liga.id || 1,
+      tournament_name: configurarContenidoData.value.liga.name,
+      season_id: configurarContenidoData.value.partido.season_id,
+      season_name: configurarContenidoData.value.torneo?.name || '',
+      game_id:
+        configurarContenidoData.value.partido.id || configurarContenidoData.value.partido.game_id,
+    }
+
+    // Generar el reporte y obtener el report_id
+    const reportResponse = await axios.post(
+      `https://m9qip57rsh.execute-api.us-east-2.amazonaws.com/prod/users/${props.userId}/reports`,
+      payload,
+      {
+        headers: {
+          Authorization: props.token,
+          'Content-Type': 'application/json',
+        },
+      },
+    )
+
+    // Intentar obtener el report_id de diferentes posibles ubicaciones en la respuesta
+    const reportId =
+      reportResponse.data?.id ||
+      reportResponse.data?.report_id ||
+      reportResponse.data?.data?.id ||
+      reportResponse.data?.data?.report_id
+
+    console.log('Report ID obtenido:', reportId)
+    console.log('Strengths Payload recibido:', options?.strengthsPayload)
+
+    // Si hay payload de fortalezas y tenemos report_id, guardar las fortalezas
+    if (options?.strengthsPayload && Object.keys(options.strengthsPayload).length > 0 && reportId) {
+      try {
+        console.log('Enviando strengths al endpoint...')
+        const strengthsResponse = await axios.post(
+          `https://m9qip57rsh.execute-api.us-east-2.amazonaws.com/prod/users/${props.userId}/reports/${reportId}/strengths`,
+          options.strengthsPayload,
+          {
+            headers: {
+              Authorization: props.token,
+              'Content-Type': 'application/json',
+            },
+          },
+        )
+        console.log('Strengths guardados exitosamente:', strengthsResponse.data)
+      } catch (strengthsError) {
+        console.error('Error al guardar las fortalezas:', strengthsError)
+        console.error('Error response:', strengthsError.response?.data)
+        // No bloqueamos el flujo si falla guardar las fortalezas
+      }
+    } else {
+      console.warn('No se enviaron strengths porque:', {
+        hasPayload: !!options?.strengthsPayload,
+        payloadKeys: options?.strengthsPayload ? Object.keys(options.strengthsPayload).length : 0,
+        hasReportId: !!reportId,
+      })
+    }
+
+    // Emitir evento para cambiar al tab de reportes
+    emit('switch-to-reports')
+
+    // Limpiar datos
+    configurarContenidoData.value = null
+  } catch (error) {
+    console.error('Error al generar el reporte:', error)
+    alert('Error al generar el reporte. Por favor, intenta de nuevo.')
+  }
+}
+
 // Resize observer para detectar cambios en el tamaño del contenedor
 let resizeObserver = null