{"version":3,"sources":["webpack:///./src/views/Helexium/CuentaCobro/ListaMesProfesionalCuentaCobro.vue","webpack:///src/views/Helexium/CuentaCobro/ListaMesProfesionalCuentaCobro.vue","webpack:///./src/views/Helexium/CuentaCobro/ListaMesProfesionalCuentaCobro.vue?16fd","webpack:///./src/views/Helexium/CuentaCobro/ListaMesProfesionalCuentaCobro.vue?13b8","webpack:///./src/components/ComentariosCuentaCobro/ComentariosCuentaCobro.vue","webpack:///src/components/ComentariosCuentaCobro/ComentariosCuentaCobro.vue","webpack:///./src/components/ComentariosCuentaCobro/ComentariosCuentaCobro.vue?9eb0","webpack:///./src/components/ComentariosCuentaCobro/ComentariosCuentaCobro.vue?6f16","webpack:///./node_modules/core-js/modules/esnext.iterator.every.js","webpack:///./src/components/cardTable/CardTable.vue","webpack:///src/components/cardTable/CardTable.vue","webpack:///./src/components/cardTable/CardTable.vue?d1a9","webpack:///./src/components/cardTable/CardTable.vue?87e8","webpack:///./src/views/Helexium/CuentaCobro/ListaMesProfesionalCuentaCobro.vue?6d18","webpack:///./src/components/ComentariosCuentaCobro/ComentariosCuentaCobro.vue?51cf","webpack:///./src/components/cardTable/CardTable.vue?a98d"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","_s","profesional","proxy","_l","itemsFiles","item","index","staticStyle","on","$event","toggle","class","isActive","title","estado","_e","url","directives","name","rawName","modifiers","gotoFile","includes","saveNewStateGestionFile","id","beforeEnter","enter","leave","_f","fechaSubida","fechaEstado","buildObjectCommentFile","comments","dataCards","value","currentFilterDate","expression","domProps","target","composing","handleFilterDateInput","listFilesByPeriodos","$moment","Periodo","format","FechaInicio","FechaFin","Estado","openAuditarModal","Archivos","staticRenderFns","Swal","require","components","ComentariosCuentaCobro","CardTable","data","filter","length","iconName","color","tipo","animated","onActivate","dataTableInstance","search","draw","onDeactivate","activeIndexes","$isLoading","personaAct","JSON","parse","localStorage","getItem","core","getListFilesByPeriodos","window","$","DataTable","language","computed","personaId","$route","params","methods","showToast","type","message","$toast","success","position","timeout","closeOnClick","pauseOnFocusLoss","pauseOnHover","draggable","draggablePercent","showCloseButtonOnHover","hideProgressBar","closeButton","icon","rtl","error","archivoId","newState","_this$listFilesByPeri","res","currentFile","auditorId","tz","Date","$store","dispatch","path","allFilesApproved","every","periodo","find","some","archivo","ArchivoId","indexOf","forEach","EstadoGestion","FechaEstado","fire","open","archivos","NombreArchivo","split","UrlArchivo","FechaSubida","undefined","Observaciones","$bvModal","show","formattedDate","idx","push","splice","query","response","getters","fetchPost","parameters","empresaId","empresa","ok","allData","json","component","messages","user","fecha","right","text","preventDefault","sendMessage","apply","arguments","_k","keyCode","model","newMessage","callback","$$v","props","dataSendCommentFile","Object","required","default","commentsFiles","Array","mounted","map","comment","PersonaId","toLowerCase","Observacion","FechaObservacion","scrollToBottom","trim","observacion","fechaObservacion","newComment","ObservacionId","$nextTick","chatMessages","$el","querySelector","scrollTop","scrollHeight","iterate","aCallable","anObject","getIteratorDirect","proto","real","predicate","record","counter","stop","IS_RECORD","INTERRUPTED","stopped","card","_card$sizeValue","style","boxShadow","activeCard","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","width","height","backgroundColor","computeBorderRadius","computeAnimateIcon","animatedState","shouldAnimateTitle","fontSize","sizeValue","evaluateValue","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","onResize","addEventListener","beforeDestroy","removeEventListener","_","checkTitleLength","titleElement","querySelectorAll","scrollWidth","clientWidth","$set","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame"],"mappings":"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","file":"js/chunk-ec3bf024.da4947f7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('HXContentCard',{attrs:{\"defaultToBack\":true},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_c('h4',{staticClass:\"text-white-50\"},[_vm._v(\"Cuentas de cobro y soportes\")]),_c('small',[_c('strong',[_vm._v(_vm._s(_vm.profesional))])])]},proxy:true}])},[_c('b-modal',{staticClass:\"modal-altura-personalizada\",attrs:{\"id\":\"auditarArchivos\",\"title\":\"Soportes de cuentas de cobro\",\"size\":\"lg\",\"hide-footer\":\"\"}},[_c('div',_vm._l((_vm.itemsFiles),function(item,index){return _c('div',{key:index},[_c('div',{staticClass:\"d-flex my-2 align-items-center bg-dark pointer\"},[_c('div',{staticClass:\"bg-dark p-3\",staticStyle:{\"width\":\"100%\"},on:{\"click\":function($event){return _vm.toggle(index)}}},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('i',{staticClass:\"mr-2\",class:[\n                  'fas',\n                  _vm.isActive(index) ? 'fa-chevron-down' : 'fa-chevron-right',\n                ]}),_c('span',[_vm._v(_vm._s(item.title))])])]),_c('div',{staticClass:\"ml-auto d-flex align-items-center\"},[(item.estado == -1)?_c('div',{staticClass:\"file-modify-badge\"},[_c('i',{staticClass:\"fas fa-file-arrow-down fa-2x p-2\"})]):_vm._e(),(item.url)?_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"title\":\"Visualizar\",\"success\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.gotoFile(item.url)}}},[_c('i',{staticClass:\"fas fa-eye me-2\"})]):_vm._e(),(item.url)?_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"flat\":[0, -1, null].includes(item.estado),\"title\":\"Aprobar\",\"primary\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.saveNewStateGestionFile(item.id, true)}}},[_c('i',{staticClass:\"fa-solid fa-thumbs-up\"})]):_vm._e(),(item.url)?_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],attrs:{\"flat\":[1, -1, null].includes(item.estado),\"title\":\"Rechazar\",\"danger\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.saveNewStateGestionFile(item.id, false)}}},[_c('i',{staticClass:\"fa-solid fa-thumbs-down\"})]):_vm._e()],1)]),_c('transition',{attrs:{\"name\":\"fade\"},on:{\"before-enter\":_vm.beforeEnter,\"enter\":_vm.enter,\"leave\":_vm.leave}},[(_vm.isActive(index))?_c('div',[(item.url)?_c('div',{staticClass:\"d-flex justify-content-end\"},[_c('span',{staticClass:\"mx-2\"},[_c('i',{staticClass:\"fas fa-cloud-arrow-up\"}),_vm._v(\" Última subida: \"+_vm._s(_vm._f(\"moment\")(item.fechaSubida,\"from\", \"now\"))+\" \")]),(item.fechaEstado)?_c('span',{staticClass:\"mx-2\"},[_c('i',{staticClass:\"fas fa-circle-check\"}),_vm._v(\" Última auditoría: \"+_vm._s(_vm._f(\"moment\")(item.fechaEstado,\"from\", \"now\"))+\" \")]):_vm._e()]):_vm._e(),(item.url)?_c('ComentariosCuentaCobro',{staticClass:\"div-comentario-v2\",attrs:{\"dataSendCommentFile\":_vm.buildObjectCommentFile(item.id),\"commentsFiles\":item.comments}}):_c('p',{staticClass:\"text-center border rounded p-3\"},[_c('i',{staticClass:\"fas fa-file-circle-exclamation fa-2x\"}),_c('br'),_vm._v(\" No se ha subido archivo. \")])],1):_vm._e()])],1)}),0)]),_c('div',{staticClass:\"px-5 my-4\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-lg-4 px-5\"},[_c('label',{staticClass:\"form-label\",attrs:{\"for\":\"filterDate\"}},[_c('i',{staticClass:\"fas fa-calendar-days\"}),_vm._v(\" Filtrar por periodo:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.currentFilterDate),expression:\"currentFilterDate\"}],staticClass:\"form-control\",attrs:{\"id\":\"date\",\"type\":\"month\",\"required\":\"\"},domProps:{\"value\":(_vm.currentFilterDate)},on:{\"input\":[function($event){if($event.target.composing)return;_vm.currentFilterDate=$event.target.value},_vm.handleFilterDateInput]}})])]),_c('div',{staticClass:\"table-responsive p-4\"},[_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_archivos\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"#\")]),_c('th',[_vm._v(\"Periodo\")]),_c('th',[_vm._v(\"Fecha inicio\")]),_c('th',[_vm._v(\"Fecha fin\")]),_c('th',[_vm._v(\"Estado\")]),_c('th',[_vm._v(\"Opciones\")])])]),_c('tbody',_vm._l((_vm.listFilesByPeriodos),function(item,index){return _c('tr',{key:index},[_c('td',[_c('strong',[_vm._v(_vm._s(index + 1))])]),_c('td',[_vm._v(_vm._s(_vm.$moment(item.Periodo, \"YYYY-MM\").format(\"MMMM, YYYY\")))]),_c('td',[_vm._v(_vm._s(_vm.$moment(item.FechaInicio).format(\"D [de] MMMM\")))]),_c('td',[_vm._v(_vm._s(_vm.$moment(item.FechaFin).format(\"D [de] MMMM\")))]),_c('td',{staticClass:\"mt-3\",class:item.Estado == 1 ? 'badge badge-success' : 'badge badge-danger'},[_vm._v(\" \"+_vm._s(item.Estado == 1 ? \"Completado\" : \"Incompleto\")+\" \")]),_c('td',{staticStyle:{\"width\":\"150px !important\"}},[_c('vs-button',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"mx-auto\",attrs:{\"icon\":\"\",\"title\":\"Auditar archivos\"},on:{\"click\":function($event){return _vm.openAuditarModal(item.Archivos)}}},[_c('i',{staticClass:\"fas fa-file-circle-check\"})])],1)])}),0)])])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <HXContentCard :defaultToBack=\"true\">\r\n    <template #title>\r\n      <h4 class=\"text-white-50\">Cuentas de cobro y soportes</h4>\r\n      <small>\r\n        <strong>{{ profesional }}</strong>\r\n      </small>\r\n    </template>\r\n    <!-- modal auditar archivos -->\r\n    <b-modal\r\n      id=\"auditarArchivos\"\r\n      title=\"Soportes de cuentas de cobro\"\r\n      size=\"lg\"\r\n      hide-footer\r\n      class=\"modal-altura-personalizada\"\r\n    >\r\n      <div>\r\n        <div v-for=\"(item, index) in itemsFiles\" :key=\"index\">\r\n          <div class=\"d-flex my-2 align-items-center bg-dark pointer\">\r\n            <div style=\"width: 100%\" @click=\"toggle(index)\" class=\"bg-dark p-3\">\r\n              <div class=\"d-flex align-items-center\">\r\n                <i\r\n                  class=\"mr-2\"\r\n                  :class=\"[\r\n                    'fas',\r\n                    isActive(index) ? 'fa-chevron-down' : 'fa-chevron-right',\r\n                  ]\"\r\n                ></i>\r\n                <span>{{ item.title }}</span>\r\n              </div>\r\n            </div>\r\n            <div class=\"ml-auto d-flex align-items-center\">\r\n              <!-- soporte modificado -->\r\n              <div class=\"file-modify-badge\" v-if=\"item.estado == -1\">\r\n                <i class=\"fas fa-file-arrow-down fa-2x p-2\"></i>\r\n              </div>\r\n\r\n              <!-- acciones -->\r\n              <vs-button\r\n                v-if=\"item.url\"\r\n                v-b-tooltip.hover\r\n                title=\"Visualizar\"\r\n                success\r\n                icon\r\n                @click=\"gotoFile(item.url)\"\r\n              >\r\n                <i class=\"fas fa-eye me-2\"></i>\r\n              </vs-button>\r\n              <vs-button\r\n                v-if=\"item.url\"\r\n                :flat=\"[0, -1, null].includes(item.estado)\"\r\n                v-b-tooltip.hover\r\n                title=\"Aprobar\"\r\n                primary\r\n                icon\r\n                @click=\"saveNewStateGestionFile(item.id, true)\"\r\n              >\r\n                <i class=\"fa-solid fa-thumbs-up\"></i>\r\n              </vs-button>\r\n              <vs-button\r\n                v-if=\"item.url\"\r\n                :flat=\"[1, -1, null].includes(item.estado)\"\r\n                v-b-tooltip.hover\r\n                title=\"Rechazar\"\r\n                danger\r\n                icon\r\n                @click=\"saveNewStateGestionFile(item.id, false)\"\r\n              >\r\n                <i class=\"fa-solid fa-thumbs-down\"></i>\r\n              </vs-button>\r\n            </div>\r\n          </div>\r\n\r\n          <transition\r\n            name=\"fade\"\r\n            @before-enter=\"beforeEnter\"\r\n            @enter=\"enter\"\r\n            @leave=\"leave\"\r\n          >\r\n            <div v-if=\"isActive(index)\">\r\n              <div class=\"d-flex justify-content-end\" v-if=\"item.url\">\r\n                <span class=\"mx-2\">\r\n                  <i class=\"fas fa-cloud-arrow-up\"></i>\r\n                  Última subida:\r\n                  {{ item.fechaSubida | moment(\"from\", \"now\") }}\r\n                </span>\r\n                <span class=\"mx-2\" v-if=\"item.fechaEstado\">\r\n                  <i class=\"fas fa-circle-check\"></i>\r\n                  Última auditoría:\r\n                  {{ item.fechaEstado | moment(\"from\", \"now\") }}\r\n                </span>\r\n              </div>\r\n              <ComentariosCuentaCobro\r\n                :dataSendCommentFile=\"buildObjectCommentFile(item.id)\"\r\n                :commentsFiles=\"item.comments\"\r\n                class=\"div-comentario-v2\"\r\n                v-if=\"item.url\"\r\n              />\r\n              <p v-else class=\"text-center border rounded p-3\">\r\n                <i class=\"fas fa-file-circle-exclamation fa-2x\"></i>\r\n                <br />\r\n                No se ha subido archivo.\r\n              </p>\r\n            </div>\r\n          </transition>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n    <div class=\"px-5 my-4\">\r\n      <CardTable :data=\"dataCards\" />\r\n    </div>\r\n    <div class=\"row\">\r\n      <div class=\"col-12 col-lg-4 px-5\">\r\n        <label for=\"filterDate\" class=\"form-label\"\r\n          ><i class=\"fas fa-calendar-days\"></i> Filtrar por periodo:</label\r\n        >\r\n        <input\r\n          id=\"date\"\r\n          type=\"month\"\r\n          class=\"form-control\"\r\n          v-model=\"currentFilterDate\"\r\n          @input=\"handleFilterDateInput\"\r\n          required\r\n        />\r\n      </div>\r\n    </div>\r\n    <div class=\"table-responsive p-4\">\r\n      <table\r\n        id=\"datatable_archivos\"\r\n        class=\"table table-bordered table-responsive-md table-striped text-center\"\r\n      >\r\n        <thead>\r\n          <tr>\r\n            <th>#</th>\r\n            <th>Periodo</th>\r\n            <th>Fecha inicio</th>\r\n            <th>Fecha fin</th>\r\n            <th>Estado</th>\r\n            <th>Opciones</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          <tr v-for=\"(item, index) in listFilesByPeriodos\" :key=\"index\">\r\n            <td>\r\n              <strong>{{ index + 1 }}</strong>\r\n            </td>\r\n            <td>{{ $moment(item.Periodo, \"YYYY-MM\").format(\"MMMM, YYYY\") }}</td>\r\n\r\n            <td>{{ $moment(item.FechaInicio).format(\"D [de] MMMM\") }}</td>\r\n            <td>{{ $moment(item.FechaFin).format(\"D [de] MMMM\") }}</td>\r\n\r\n            <td\r\n              class=\"mt-3\"\r\n              :class=\"\r\n                item.Estado == 1 ? 'badge badge-success' : 'badge badge-danger'\r\n              \"\r\n            >\r\n              {{ item.Estado == 1 ? \"Completado\" : \"Incompleto\" }}\r\n            </td>\r\n            <td style=\"width: 150px !important\">\r\n              <vs-button\r\n                icon\r\n                class=\"mx-auto\"\r\n                v-b-tooltip.hover\r\n                title=\"Auditar archivos\"\r\n                @click=\"openAuditarModal(item.Archivos)\"\r\n              >\r\n                <i class=\"fas fa-file-circle-check\"></i>\r\n              </vs-button>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  </HXContentCard>\r\n</template>\r\n\r\n<script>\r\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\r\n\r\nimport ComentariosCuentaCobro from \"@/components/ComentariosCuentaCobro/ComentariosCuentaCobro.vue\";\r\nimport { core } from \"../../../config/pluginInit\";\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nexport default {\r\n  components: {\r\n    ComentariosCuentaCobro,\r\n    CardTable,\r\n  },\r\n  data() {\r\n    return {\r\n      currentFilterDate: null,\r\n      dataCards: [\r\n        {\r\n          title: \"Incompleto\",\r\n          value: () =>\r\n            this.listFilesByPeriodos.filter((item) => item.Estado != 1).length,\r\n          iconName: \"ban\",\r\n          color: \"rgb(242, 19, 67)\",\r\n          tipo: \"shield\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"En proceso\").draw();\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.dataTableInstance.search(\"\").draw();\r\n          },\r\n        },\r\n        {\r\n          title: \"Completado\",\r\n          value: () =>\r\n            this.listFilesByPeriodos.filter((item) => item.Estado == 1).length,\r\n          iconName: \"circle-check\",\r\n          color: \"rgb(23, 167, 108)\",\r\n          tipo: \"shield\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"Finalizado\").draw();\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n          },\r\n        },\r\n      ],\r\n      activeIndexes: [], // Array para mantener múltiples índices activos\r\n      itemsFiles: [\r\n        {\r\n          id: \"\",\r\n          title: \"Cuenta de cobro\",\r\n          name: \"_Cuenta_de_cobro\",\r\n          url: \"\",\r\n          estado: null,\r\n          fechaEstado: \"\",\r\n          fechaSubida: \"\",\r\n          comments: [],\r\n        },\r\n        {\r\n          id: \"\",\r\n          title: \"Declaración juramentada\",\r\n          name: \"_Declaracion_juramentada\",\r\n          url: \"\",\r\n          estado: null,\r\n          fechaEstado: \"\",\r\n          fechaSubida: \"\",\r\n          comments: [],\r\n        },\r\n        {\r\n          id: \"\",\r\n          title: \"Planilla de seguridad social\",\r\n          name: \"_Planilla_de_seguridad_social\",\r\n          url: \"\",\r\n          estado: null,\r\n          fechaEstado: \"\",\r\n          fechaSubida: \"\",\r\n          comments: [],\r\n        },\r\n        {\r\n          id: \"\",\r\n          title: \"Póliza\",\r\n          name: \"_Poliza\",\r\n          url: \"\",\r\n          estado: null,\r\n          fechaEstado: \"\",\r\n          fechaSubida: \"\",\r\n          comments: [],\r\n        },\r\n        {\r\n          id: \"\",\r\n          title: \"Recibo de pago de la póliza\",\r\n          name: \"_Recibo_de_pago_de_la_poliza\",\r\n          url: \"\",\r\n          estado: null,\r\n          fechaEstado: \"\",\r\n          fechaSubida: \"\",\r\n          comments: [],\r\n        },\r\n      ],\r\n      listFilesByPeriodos: [],\r\n    };\r\n  },\r\n  async mounted() {\r\n    this.$isLoading(true);\r\n    this.personaAct = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    console.log(this.personaAct);\r\n\r\n    core.index();\r\n    await this.getListFilesByPeriodos();\r\n    this.dataTableInstance = window.$(\"#datatable_archivos\").DataTable({\r\n      language: {\r\n        url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n      },\r\n    });\r\n    this.$isLoading(false);\r\n  },\r\n  computed: {\r\n    personaId() {\r\n      return this.$route.params.personaId;\r\n    },\r\n    profesional() {\r\n      return this.$route.params.profesional;\r\n    },\r\n  },\r\n  methods: {\r\n    showToast(type, message) {\r\n      if (type == \"success\") {\r\n        this.$toast.success(message, {\r\n          position: \"top-center\",\r\n          timeout: 1492,\r\n          closeOnClick: true,\r\n          pauseOnFocusLoss: false,\r\n          pauseOnHover: false,\r\n          draggable: false,\r\n          draggablePercent: 0.41,\r\n          showCloseButtonOnHover: false,\r\n          hideProgressBar: true,\r\n          closeButton: \"button\",\r\n          icon: true,\r\n          rtl: false,\r\n        });\r\n      }\r\n      if (type == \"error\")\r\n        this.$toast.error(message, {\r\n          position: \"top-center\",\r\n          timeout: 1492,\r\n          closeOnClick: true,\r\n          pauseOnFocusLoss: false,\r\n          pauseOnHover: false,\r\n          draggable: false,\r\n          draggablePercent: 0.41,\r\n          showCloseButtonOnHover: false,\r\n          hideProgressBar: true,\r\n          closeButton: \"button\",\r\n          icon: true,\r\n          rtl: false,\r\n        });\r\n    },\r\n    buildObjectCommentFile(archivoId) {\r\n      console.log(this.personaAct);\r\n\r\n      return {\r\n        personaId: this.personaAct.id,\r\n        archivoId: archivoId,\r\n      };\r\n    },\r\n    async saveNewStateGestionFile(archivoId, newState) {\r\n      try {\r\n        this.$isLoading(true);\r\n\r\n        let currentFile = this.itemsFiles.filter(\r\n          (item) => item.id === archivoId\r\n        )[0];\r\n\r\n        console.log(currentFile);\r\n\r\n        let res;\r\n\r\n        let data = {\r\n          auditorId: this.personaAct.id,\r\n          archivoId: archivoId,\r\n          estado: newState ? 1 : 0,\r\n          fechaEstado: this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n        };\r\n\r\n        console.log(data);\r\n\r\n        if (currentFile.estado === null) {\r\n          console.log(\"ok\");\r\n          res = await this.$store.dispatch(\"hl_post\", {\r\n            path: \"CDC/AddGestion\",\r\n            data,\r\n          });\r\n        } else {\r\n          console.log(\"ok\");\r\n          res = await this.$store.dispatch(\"hl_put\", {\r\n            path: \"CDC/UpdateEstadoGestion/\" + archivoId,\r\n            data,\r\n          });\r\n        }\r\n\r\n        // actualizar datos locales\r\n        currentFile.estado = newState ? 1 : 0;\r\n        currentFile.fechaEstado = data.fechaEstado;\r\n\r\n        // si todos los archivos están aprobados, cambiar el estado del periodo\r\n        let allFilesApproved = this.itemsFiles.every(\r\n          (item) => item.estado === 1\r\n        );\r\n\r\n        console.log(allFilesApproved);\r\n\r\n        let periodo = this.listFilesByPeriodos.find((item) =>\r\n          item.Archivos.some((archivo) => archivo.ArchivoId === archivoId)\r\n        );\r\n        console.log(periodo);\r\n\r\n        let index = this.listFilesByPeriodos.indexOf(periodo);\r\n\r\n        console.log(this.listFilesByPeriodos);\r\n        this.listFilesByPeriodos[index]?.Archivos.forEach((archivo) => {\r\n          if (archivo.ArchivoId === archivoId) {\r\n            archivo.EstadoGestion = newState ? 1 : 0;\r\n            archivo.FechaEstado = data.fechaEstado;\r\n          }\r\n        });\r\n\r\n        this.listFilesByPeriodos[index].Estado = allFilesApproved ? 1 : 0;\r\n\r\n        console.log(res);\r\n        if (res.id) {\r\n          // Swal.fire(\r\n          //   \"Listo!\",\r\n          //   \"Se ha cambiado el estado correctamente.\",\r\n          //   \"success\"\r\n          // );\r\n          this.showToast(\"success\", \"Estado actualizado con éxito!\");\r\n        }\r\n        this.$isLoading(false);\r\n      } catch (error) {\r\n        this.$isLoading(false);\r\n        console.error(\"Error al guardar cambios:\", error);\r\n        Swal.fire(\"Error!\", \"No se pudieron guardar los cambios.\", \"error\");\r\n      }\r\n    },\r\n    gotoFile(url) {\r\n      // console.log(url);\r\n      window.open(\r\n        url,\r\n        \"_blank\",\r\n        \"toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500\"\r\n      );\r\n    },\r\n    openAuditarModal(archivos) {\r\n      console.log(archivos);\r\n\r\n      archivos?.forEach((archivo) => {\r\n        const item = this.itemsFiles.find(\r\n          (item) => item.name === archivo.NombreArchivo.split(\".\")[0]\r\n        );\r\n        if (item) {\r\n          item.id = archivo.ArchivoId;\r\n          item.url = archivo.UrlArchivo;\r\n          item.fechaSubida = archivo.FechaSubida;\r\n\r\n          if (archivo.EstadoGestion != undefined) {\r\n            item.estado = archivo.EstadoGestion;\r\n            item.fechaEstado = archivo.FechaEstado;\r\n          }\r\n\r\n          if (archivo.Observaciones != undefined) {\r\n            item.comments = archivo.Observaciones;\r\n          }\r\n        }\r\n      });\r\n\r\n      console.log(this.itemsFiles);\r\n\r\n      this.$bvModal.show(\"auditarArchivos\");\r\n    },\r\n    handleFilterDateInput() {\r\n      if (this.currentFilterDate) {\r\n        let formattedDate = this.$moment(\r\n          this.currentFilterDate,\r\n          \"YYYY-MM\"\r\n        ).format(\"MMMM, YYYY\");\r\n        this.dataTableInstance.search(formattedDate).draw();\r\n      } else {\r\n        this.dataTableInstance.search(\"\").draw();\r\n      }\r\n    },\r\n    toggle(index) {\r\n      // Si el índice ya está activo, lo eliminamos; si no, lo agregamos\r\n      const idx = this.activeIndexes.indexOf(index);\r\n      if (idx === -1) {\r\n        this.activeIndexes.push(index);\r\n      } else {\r\n        this.activeIndexes.splice(idx, 1);\r\n      }\r\n    },\r\n    isActive(index) {\r\n      return this.activeIndexes.includes(index); // Verifica si el índice está en el array de activos\r\n    },\r\n    async getListFilesByPeriodos() {\r\n      const query = `\r\n          WITH ArchivosPorPeriodo AS (\r\n              -- Subconsulta para obtener los archivos de cada periodo por PersonaId\r\n              SELECT\r\n                  f.Anio,\r\n                  f.Mes,\r\n                  f.FechaInicio,\r\n                  f.FechaFin,\r\n                  a.Id AS ArchivoId,\r\n                  a.PersonaId,\r\n                  a.NombreArchivo,\r\n                  a.UrlArchivo,\r\n                  a.FechaSubida,\r\n                  g.Estado AS EstadoGestion\r\n              FROM\r\n                  dbo.CDCFechas f\r\n              JOIN\r\n                  dbo.CDCArchivos a ON YEAR(a.FechaSubida) = f.Anio AND MONTH(a.FechaSubida) = f.Mes\r\n              LEFT JOIN\r\n                  dbo.CDCGestion g ON a.Id = g.ArchivoId\r\n              WHERE\r\n                  a.PersonaId = @personaId -- Filtrar por PersonaId\r\n                  AND f.EmpresaId = @empresaId  -- Filtrar por EmpresaId\r\n          ),\r\n          ArchivosValidos AS (\r\n              -- Subconsulta para verificar si existen exactamente 5 archivos aprobados por PersonaId\r\n              SELECT\r\n                  f.Anio,\r\n                  f.Mes,\r\n                  f.FechaInicio,\r\n                  f.FechaFin,\r\n                  COUNT(*) AS CantidadArchivosAprobados\r\n              FROM\r\n                  ArchivosPorPeriodo ap\r\n              JOIN\r\n                  dbo.CDCFechas f ON f.Anio = ap.Anio AND f.Mes = ap.Mes\r\n              WHERE\r\n                  ap.EstadoGestion = 1 -- Solo consideramos los archivos aprobados\r\n              GROUP BY\r\n                  f.Anio,\r\n                  f.Mes,\r\n                  f.FechaInicio,\r\n                  f.FechaFin\r\n          )\r\n          SELECT\r\n              CAST(f.Anio AS VARCHAR) + '-' + RIGHT('00' + CAST(f.Mes AS VARCHAR), 2) AS Periodo,\r\n              f.FechaInicio,\r\n              f.FechaFin,\r\n              -- Estado es verdadero si hay exactamente 5 archivos aprobados\r\n              CASE\r\n                  WHEN v.CantidadArchivosAprobados = 5 THEN 1\r\n                  ELSE 0\r\n              END AS Estado,\r\n              -- Lista de archivos con todos los campos usando FOR JSON PATH\r\n              (SELECT\r\n                  a.Id AS ArchivoId,\r\n                  a.PersonaId,\r\n                  a.NombreArchivo,\r\n                  a.UrlArchivo,\r\n                  a.FechaSubida,\r\n                  g.Estado AS EstadoGestion,\r\n                  g.FechaEstado AS FechaEstado,\r\n                  -- Lista de observaciones por cada archivo\r\n                  (SELECT\r\n                      o.Id AS ObservacionId,\r\n                      o.PersonaId,\r\n                      o.Observacion,\r\n                      o.FechaObservacion\r\n                  FROM\r\n                      dbo.CDCObservaciones o\r\n                  WHERE\r\n                      o.ArchivoId = a.Id\r\n                  FOR JSON PATH) AS Observaciones\r\n              FROM\r\n                  dbo.CDCArchivos a\r\n              LEFT JOIN\r\n                  dbo.CDCGestion g ON a.Id = g.ArchivoId\r\n              WHERE\r\n                  a.PersonaId = @personaId\r\n                  AND YEAR(a.FechaSubida) = f.Anio\r\n                  AND MONTH(a.FechaSubida) = f.Mes\r\n              FOR JSON PATH) AS Archivos\r\n          FROM\r\n              dbo.CDCFechas f\r\n          LEFT JOIN\r\n              ArchivosValidos v ON f.Anio = v.Anio AND f.Mes = v.Mes\r\n          WHERE\r\n              f.EmpresaId = @empresaId  -- Filtrar por EmpresaId\r\n          ORDER BY\r\n              f.Anio DESC, f.Mes DESC;\r\n\r\n        `;\r\n      try {\r\n        const response = await this.$store.getters.fetchPost({\r\n          path: `DynamicQuery/`,\r\n          data: {\r\n            query,\r\n            parameters: {\r\n              personaId: this.personaId,\r\n              empresaId: this.personaAct.empresa.id,\r\n            },\r\n          },\r\n        });\r\n        if (response.ok) {\r\n          const allData = await response.json();\r\n          if (allData.data.length > 0) {\r\n            allData.data.forEach((item) => {\r\n              item.Archivos = JSON.parse(item.Archivos);\r\n            });\r\n            this.listFilesByPeriodos = allData.data;\r\n          }\r\n          console.log(allData.data);\r\n        } else {\r\n          console.error(\"Error en la respuesta del servidor\", response);\r\n        }\r\n      } catch (error) {\r\n        console.error(\"Error en getProfesionales:\", error);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.fade-enter, .fade-leave-to /* .fade-leave-active in <2.1.8 */ {\r\n  opacity: 0;\r\n}\r\n.div-comentario {\r\n  width: 250px;\r\n}\r\n.div-comentario-v2 {\r\n  width: auto;\r\n}\r\n/* .icon-container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: var(--warning);\r\n  border-radius: 5px;\r\n  padding: 20px;\r\n} */\r\n.accordion-title {\r\n  background-color: var(--gray-100);\r\n  padding: 10px;\r\n  cursor: pointer;\r\n  border: 1px solid var(--gray-100);\r\n  margin: 5px 0;\r\n}\r\n\r\n.accordion-content {\r\n  padding: 10px;\r\n  border: 1px solid var(--gray-100);\r\n  background-color: var(--gray-100);\r\n}\r\n.card-header {\r\n  cursor: pointer;\r\n}\r\n.accordion-item {\r\n  margin-top: 10px;\r\n}\r\n.icon-container i {\r\n  font-size: 12px;\r\n  /* color: rgb(253, 101, 0); */\r\n  animation: pulse 0.8s infinite ease-in-out;\r\n}\r\n\r\n/* Animación de pulso */\r\n@keyframes pulse {\r\n  0% {\r\n    transform: scale(1);\r\n    opacity: 0.5;\r\n  }\r\n  50% {\r\n    transform: scale(1.1);\r\n    opacity: 1;\r\n  }\r\n  100% {\r\n    transform: scale(1);\r\n    opacity: 0.5;\r\n  }\r\n}\r\n/* Ajuste de altura personalizada para el modal */\r\n.modal-altura-personalizada .modal-dialog {\r\n  max-height: 80vh;\r\n  height: 80vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.modal-altura-personalizada .modal-content {\r\n  overflow-y: auto;\r\n}\r\n\r\n/* Estilo para lista de comentarios */\r\n.comentarios-cuenta-cobro .list-group-item {\r\n  padding: 15px;\r\n  border-radius: 5px;\r\n  background-color: #f9f9f9;\r\n  margin-bottom: 10px;\r\n  transition: all 0.3s ease-in-out;\r\n}\r\n\r\n.comentarios-cuenta-cobro .list-group-item:hover {\r\n  background-color: #e8f0fe;\r\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n/* Detalle flotante */\r\n.detalle-flotante {\r\n  /* background: white; */\r\n  /* border: 1px solid #ddd;\r\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); */\r\n  border-radius: 5px;\r\n  padding: 10px;\r\n  width: auto;\r\n  z-index: 10;\r\n  top: 80%;\r\n  left: 65%;\r\n  transform: translateY(10px);\r\n}\r\n.notification {\r\n  font-size: 18px; /* Tamaño del icono ajustado a 18px */\r\n  color: #ffffff; /* Color del icono */\r\n  animation: shake 1s ease-in-out infinite;\r\n  transform-origin: top center; /* El punto de rotación ahora es la parte superior */\r\n}\r\n\r\n@keyframes shake {\r\n  0% {\r\n    transform: rotate(0deg) translateX(0);\r\n  }\r\n  20% {\r\n    transform: rotate(10deg) translateX(5px);\r\n  }\r\n  40% {\r\n    transform: rotate(-10deg) translateX(-5px);\r\n  }\r\n  60% {\r\n    transform: rotate(5deg) translateX(3px);\r\n  }\r\n  80% {\r\n    transform: rotate(-5deg) translateX(-3px);\r\n  }\r\n  100% {\r\n    transform: rotate(0deg) translateX(0);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListaMesProfesionalCuentaCobro.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListaMesProfesionalCuentaCobro.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ListaMesProfesionalCuentaCobro.vue?vue&type=template&id=246c7a23&scoped=true\"\nimport script from \"./ListaMesProfesionalCuentaCobro.vue?vue&type=script&lang=js\"\nexport * from \"./ListaMesProfesionalCuentaCobro.vue?vue&type=script&lang=js\"\nimport style0 from \"./ListaMesProfesionalCuentaCobro.vue?vue&type=style&index=0&id=246c7a23&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"246c7a23\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mini-chat bg-card p-2 border rounded mx-auto\",staticStyle:{\"height\":\"auto\",\"max-height\":\"50vh\",\"max-width\":\"700px\"}},[_c('div',{staticClass:\"chat-messages p-2 overflow-auto\",staticStyle:{\"height\":\"auto\",\"min-height\":\"10vh\",\"max-height\":\"30vh\",\"border\":\"1px solid var(--body-bg)\",\"border-radius\":\"5px\"}},[(_vm.messages.length === 0)?_c('p',{staticClass:\"text-center\"},[_vm._v(\" No hay comentarios aún. \")]):_vm._e(),_vm._l((_vm.messages),function(message,index){return _c('div',{key:index,staticClass:\"d-flex my-3\",class:{\n        'flex-row-reverse': message.user === 'Tú',\n        'flex-row': message.user !== 'Tú',\n      }},[_c('vs-avatar',{staticClass:\"mt-3\",attrs:{\"circle\":\"\",\"size\":\"30\",\"primary\":\"\",\"danger\":message.user === ''},scopedSlots:_vm._u([{key:\"text\",fn:function(){return [_vm._v(\" \"+_vm._s(message.user)+\" \")]},proxy:true}],null,true)},[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(message.user === ''),expression:\"message.user === ''\"}],staticClass:\"fas fa-user\",staticStyle:{\"font-size\":\"0.7rem\"}})]),_c('div',{staticClass:\"d-flex flex-column mx-2\"},[_c('small',{class:{\n            'text-right': message.user === 'Tú',\n          }},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(message.fecha,\"from\", \"now\"))+\" \")]),_c('div',{staticClass:\"chat-text bg-dark\",class:{\n            right: message.user === 'Tú',\n          }},[_vm._v(\" \"+_vm._s(message.text)+\" \")])])],1)})],2),_c('div',{staticClass:\"chat-input mt-2\"},[_c('form',{staticClass:\"d-flex align-items-center\",on:{\"submit\":function($event){$event.preventDefault();return _vm.sendMessage.apply(null, arguments)}}},[_c('b-form-textarea',{staticClass:\"mb-2 input-chat\",attrs:{\"placeholder\":\"Escribe un comentario...\",\"rows\":\"1\",\"max-rows\":\"3\",\"required\":\"\"},on:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.sendMessage.apply(null, arguments)}},model:{value:(_vm.newMessage),callback:function ($$v) {_vm.newMessage=$$v},expression:\"newMessage\"}}),_c('vs-button',{staticClass:\"mt-0\",staticStyle:{\"max-height\":\"3rem\",\"width\":\"3.2rem\",\"height\":\"3rem\",\"border-radius\":\"100% !important\"},attrs:{\"type\":\"submit\",\"primary\":\"\",\"icon\":\"\"}},[_c('i',{staticClass:\"fa-solid fa-paper-plane\"})])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"mini-chat bg-card p-2 border rounded mx-auto\"\r\n    style=\"height: auto; max-height: 50vh; max-width: 700px\"\r\n  >\r\n    <!-- Header -->\r\n\r\n    <!-- Chat Messages -->\r\n    <div\r\n      class=\"chat-messages p-2 overflow-auto\"\r\n      style=\"\r\n        height: auto;\r\n        min-height: 10vh;\r\n        max-height: 30vh;\r\n        border: 1px solid var(--body-bg);\r\n        border-radius: 5px;\r\n      \"\r\n    >\r\n      <p v-if=\"messages.length === 0\" class=\"text-center\">\r\n        No hay comentarios aún.\r\n      </p>\r\n      <div\r\n        v-for=\"(message, index) in messages\"\r\n        :key=\"index\"\r\n        class=\"d-flex my-3\"\r\n        :class=\"{\r\n          'flex-row-reverse': message.user === 'Tú',\r\n          'flex-row': message.user !== 'Tú',\r\n        }\"\r\n      >\r\n        <vs-avatar\r\n          circle\r\n          size=\"30\"\r\n          primary\r\n          :danger=\"message.user === ''\"\r\n          class=\"mt-3\"\r\n        >\r\n          <template v-show=\"message.user !== ''\" #text>\r\n            {{ message.user }}\r\n          </template>\r\n          <i\r\n            v-show=\"message.user === ''\"\r\n            class=\"fas fa-user\"\r\n            style=\"font-size: 0.7rem\"\r\n          ></i>\r\n        </vs-avatar>\r\n\r\n        <div class=\"d-flex flex-column mx-2\">\r\n          <small\r\n            :class=\"{\r\n              'text-right': message.user === 'Tú',\r\n            }\"\r\n          >\r\n            {{ message.fecha | moment(\"from\", \"now\") }}\r\n          </small>\r\n          <div\r\n            class=\"chat-text bg-dark\"\r\n            :class=\"{\r\n              right: message.user === 'Tú',\r\n            }\"\r\n          >\r\n            {{ message.text }}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- Input Area -->\r\n    <div class=\"chat-input mt-2\">\r\n      <form class=\"d-flex align-items-center\" @submit.prevent=\"sendMessage\">\r\n        <b-form-textarea\r\n          v-model=\"newMessage\"\r\n          placeholder=\"Escribe un comentario...\"\r\n          @keyup.enter=\"sendMessage\"\r\n          class=\"mb-2 input-chat\"\r\n          rows=\"1\"\r\n          max-rows=\"3\"\r\n          required\r\n        ></b-form-textarea>\r\n        <vs-button\r\n          style=\"\r\n            max-height: 3rem;\r\n            width: 3.2rem;\r\n            height: 3rem;\r\n            border-radius: 100% !important;\r\n          \"\r\n          class=\"mt-0\"\r\n          type=\"submit\"\r\n          primary\r\n          icon\r\n          ><i class=\"fa-solid fa-paper-plane\"></i\r\n        ></vs-button>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Swal from \"sweetalert2\";\r\n\r\nexport default {\r\n  props: {\r\n    dataSendCommentFile: {\r\n      type: Object,\r\n      required: false,\r\n      default: () => ({\r\n        personaId: \"\",\r\n        archivoId: \"\",\r\n        // observacion: \"\",\r\n        // fechaObservacion: \"\",\r\n      }),\r\n    },\r\n    commentsFiles: {\r\n      type: Array,\r\n      required: false,\r\n      default: () => [],\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      messages: [],\r\n      newMessage: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    this.personaAct = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    console.log(this.personaAct.id);\r\n\r\n    this.messages = this.commentsFiles.map((comment) => ({\r\n      user: comment.PersonaId.toLowerCase() == this.personaAct.id ? \"Tú\" : \"\",\r\n      text: comment.Observacion,\r\n      fecha: comment.FechaObservacion,\r\n    }));\r\n\r\n    console.log(this.messages);\r\n\r\n    this.scrollToBottom();\r\n  },\r\n  methods: {\r\n    async sendMessage() {\r\n      if (this.newMessage.trim() !== \"\") {\r\n        try {\r\n          // this.$isLoading(true);\r\n\r\n          let data = {\r\n            ...this.dataSendCommentFile,\r\n            observacion: this.newMessage,\r\n            fechaObservacion: this.$moment\r\n              .tz(new Date(), \"America/Bogota\")\r\n              .format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n          };\r\n          const res = await this.$store.dispatch(\"hl_post\", {\r\n            path: \"CDC/AddObservacion\",\r\n            data,\r\n          });\r\n\r\n          console.log(res);\r\n          if (res.id) {\r\n            // Swal.fire(\"Listo!\", \"Cambios guardados correctamente.\", \"success\");\r\n\r\n            // Agregar el nuevo mensaje al chat\r\n            this.messages.push({\r\n              user: \"Tú\",\r\n              text: this.newMessage,\r\n              fecha: this.$moment\r\n                .tz(new Date(), \"America/Bogota\")\r\n                .format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n            });\r\n\r\n            const newComment = {\r\n              ObservacionId: res.id,\r\n              PersonaId: this.dataSendCommentFile.personaId,\r\n              Observacion: this.newMessage,\r\n              FechaObservacion: data.fechaObservacion,\r\n            };\r\n\r\n            this.commentsFiles.push(newComment);\r\n\r\n            this.messages = this.commentsFiles.map((comment) => ({\r\n              user:\r\n                comment.PersonaId.toLowerCase() == this.personaAct.id\r\n                  ? \"Tú\"\r\n                  : \"\",\r\n              text: comment.Observacion,\r\n              fecha: comment.FechaObservacion,\r\n            }));\r\n          }\r\n          this.scrollToBottom();\r\n          // this.$isLoading(false);\r\n        } catch (error) {\r\n          // this.$isLoading(false);\r\n          console.error(\"Error al guardar cambios:\", error);\r\n          Swal.fire(\"Error!\", \"No se pudo agregar el comentario.\", \"error\");\r\n        }\r\n        this.newMessage = \"\";\r\n        this.scrollToBottom();\r\n      }\r\n    },\r\n    scrollToBottom() {\r\n      this.$nextTick(() => {\r\n        const chatMessages = this.$el.querySelector(\".chat-messages\");\r\n        chatMessages.scrollTop = chatMessages.scrollHeight;\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.input-chat {\r\n  border-radius: 2rem;\r\n  overflow: auto !important;\r\n  padding: 0.4rem 1rem;\r\n}\r\n.mini-chat {\r\n  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.chat-messages {\r\n  white-space: normal;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n.chat-text {\r\n  white-space: normal;\r\n  overflow-wrap: break-word;\r\n  padding: 0.7rem 1rem;\r\n  border-radius: 0 1rem 1rem 1rem;\r\n  &.right {\r\n    border-radius: 1rem 0 1rem 1rem;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ComentariosCuentaCobro.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ComentariosCuentaCobro.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ComentariosCuentaCobro.vue?vue&type=template&id=2d13fec4&scoped=true\"\nimport script from \"./ComentariosCuentaCobro.vue?vue&type=script&lang=js\"\nexport * from \"./ComentariosCuentaCobro.vue?vue&type=script&lang=js\"\nimport style0 from \"./ComentariosCuentaCobro.vue?vue&type=style&index=0&id=2d13fec4&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2d13fec4\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\n// `Iterator.prototype.every` method\n// https://github.com/tc39/proposal-iterator-helpers\n$({ target: 'Iterator', proto: true, real: true }, {\n  every: function every(predicate) {\n    anObject(this);\n    aCallable(predicate);\n    var record = getIteratorDirect(this);\n    var counter = 0;\n    return !iterate(record, function (value, stop) {\n      if (!predicate(value, counter++)) return stop();\n    }, { IS_RECORD: true, INTERRUPTED: true }).stopped;\n  }\n});\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\",style:({\n      boxShadow:\n        _vm.activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\n    }),on:{\"mouseenter\":function($event){return _vm.showCursorGlow(index)},\"mouseleave\":function($event){return _vm.hideCursorGlow(index)},\"mousemove\":(event) => _vm.handleMouseMove(event, index),\"click\":function($event){return _vm.toggleActive(index)}}},[(_vm.showGlow)?_c('div',{staticClass:\"cursor-glow\",style:({\n        left: _vm.cursorX[index] + 'px',\n        top: _vm.cursorY[index] + 'px',\n        ..._vm.glowStyle(card.color),\n        opacity: _vm.showGlow[index] ? '1' : '0',\n      })}):_vm._e(),_c('div',{class:`d-flex align-items-center justify-content-center`,style:({\n        width: '60px',\n        height: '60px',\n        backgroundColor: card.color,\n        'border-radius': _vm.computeBorderRadius(card.tipo),\n        '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        'box-shadow': `0px -1px 33px -8px ${card.color}`,\n      })},[_c('i',{class:`fas fa-${card.iconName} ${_vm.computeAnimateIcon(\n          card.animated,\n          index\n        )}`,staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"flex-grow\":\"1\",\"max-width\":\"calc(100% - 60px)\"}},[_c('div',{class:`title-container`},[_c('span',{staticClass:\"font-weight-bold\",class:[\n            _vm.showGlow[index] &&\n            _vm.animatedState[index] &&\n            _vm.shouldAnimateTitle[index]\n              ? 'title-animate'\n              : 'title-static',\n          ]},[_vm._v(\" \"+_vm._s(card.title)+\" \")])]),_c('span',{staticClass:\"font-weight-bold\",style:({\n          fontSize: `${card.sizeValue ?? 40}px`,\n        })},[_vm._v(_vm._s(_vm.evaluateValue(card.value)))])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- card table info -->\r\n<template>\r\n  <div class=\"row justify-content-center\" style=\"gap: 1rem\">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\"\r\n      :style=\"{\r\n        boxShadow:\r\n          activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\r\n      }\"\r\n      @mouseenter=\"showCursorGlow(index)\"\r\n      @mouseleave=\"hideCursorGlow(index)\"\r\n      @mousemove=\"(event) => handleMouseMove(event, index)\"\r\n      @click=\"toggleActive(index)\"\r\n    >\r\n      <!-- linar-style cursor glow -->\r\n      <div\r\n        v-if=\"showGlow\"\r\n        class=\"cursor-glow\"\r\n        :style=\"{\r\n          left: cursorX[index] + 'px',\r\n          top: cursorY[index] + 'px',\r\n          ...glowStyle(card.color),\r\n          opacity: showGlow[index] ? '1' : '0',\r\n        }\"\r\n      ></div>\r\n      <div\r\n        :class=\"`d-flex align-items-center justify-content-center`\"\r\n        :style=\"{\r\n          width: '60px',\r\n          height: '60px',\r\n          backgroundColor: card.color,\r\n          'border-radius': computeBorderRadius(card.tipo),\r\n          '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          'box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n        }\"\r\n      >\r\n        <i\r\n          :class=\"`fas fa-${card.iconName} ${computeAnimateIcon(\r\n            card.animated,\r\n            index\r\n          )}`\"\r\n          style=\"font-size: 1.5rem\"\r\n        ></i>\r\n      </div>\r\n      <div\r\n        class=\"d-flex flex-column align-items-center\"\r\n        style=\"flex-grow: 1; max-width: calc(100% - 60px)\"\r\n      >\r\n        <div :class=\"`title-container`\">\r\n          <span\r\n            :class=\"[\r\n              showGlow[index] &&\r\n              animatedState[index] &&\r\n              shouldAnimateTitle[index]\r\n                ? 'title-animate'\r\n                : 'title-static',\r\n            ]\"\r\n            class=\"font-weight-bold\"\r\n          >\r\n            {{ card.title }}\r\n          </span>\r\n        </div>\r\n        <span\r\n          class=\"font-weight-bold\"\r\n          :style=\"{\r\n            fontSize: `${card.sizeValue ?? 40}px`,\r\n          }\"\r\n          >{{ evaluateValue(card.value) }}</span\r\n        >\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  // Documentación del componente CardTable.js\r\n\r\n  /**\r\n   * Este componente Vue.js se utiliza para renderizar un conjunto de tarjetas de información.\r\n   * Cada tarjeta es interactiva y muestra diferentes tipos de datos y un ícono.\r\n   *\r\n   * Propiedades:\r\n   * - data: Un array de objetos que contiene la información para renderizar cada tarjeta.\r\n   *\r\n   * Estado interno:\r\n   * - showGlow: Un objeto que controla si el efecto de brillo debe mostrarse en cada tarjeta.\r\n   * - cursorX: Un objeto que contiene la coordenada X del cursor para cada tarjeta.\r\n   * - cursorY: Un objeto que contiene la coordenada Y del cursor para cada tarjeta.\r\n   * - animationFrameId: Un objeto que guarda el ID de la solicitud de animación para cada tarjeta.\r\n   * - animatedState: Un objeto que guarda el estado de animación para cada tarjeta.\r\n   * - activeCard: Un número que indica el índice de la tarjeta activa. Null si no hay ninguna tarjeta activa.\r\n   * - shouldAnimateTitle: Un objeto que determina si el título de la tarjeta debe animarse para cada tarjeta.\r\n   *\r\n   * Métodos:\r\n   * - toggleActive: Cambia el estado activo de una tarjeta.\r\n   * - computeBorderRadius: Calcula el radio del borde según el tipo de tarjeta.\r\n   * - computeAnimateIcon: Devuelve la clase de animación apropiada para el ícono.\r\n   * - evaluateValue: Evalúa el valor que debe mostrarse en la tarjeta.\r\n   * - glowStyle: Devuelve el estilo CSS para el efecto de brillo del cursor.\r\n   * - handleMouseMove: Maneja el movimiento del mouse para el efecto de brillo del cursor.\r\n   * - showCursorGlow: Activa el efecto de brillo del cursor.\r\n   * - hideCursorGlow: Desactiva el efecto de brillo del cursor.\r\n   * - onResize: Maneja el evento de cambio de tamaño de la ventana.\r\n   * - checkTitleLength: Verifica la longitud del título para determinar si necesita animación.\r\n   */\r\n\r\n  props: {\r\n    /*\r\n       // Ejemplo de un objeto dentro del array 'data':\r\n          {\r\n          title: \"Finalizadas\",\r\n          value: () => this.listaItems.filter((cap) => cap.estadoCap && cap.disponible).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"shake\",\r\n          onActivate: () => { console.log(\"Tarjeta activada\"); },\r\n          onDeactivate: () => { console.log(\"Tarjeta desactivada\"); }\r\n        },\r\n        */\r\n    data: {\r\n      type: Array,\r\n      default: () => [\r\n        {\r\n          title: \"Título\",\r\n          value: 0,\r\n          sizeValue: 40,\r\n          iconName: \"crown\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"shake\",\r\n          onActivate: null,\r\n          onDeactivate: null,\r\n        },\r\n      ],\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showGlow: {},\r\n      cursorX: {},\r\n      cursorY: {},\r\n      animationFrameId: {},\r\n      animatedState: {},\r\n      activeCard: null,\r\n      shouldAnimateTitle: {},\r\n      animated: {\r\n        beat: \"fa-beat\",\r\n        beatFade: \"fa-beat-fade\",\r\n        bounce: \"fa-bounce\",\r\n        fade: \"fa-fade\",\r\n        flip: \"fa-flip\",\r\n        shake: \"fa-shake\",\r\n        spin: \"fa-spin\",\r\n        spinReverse: \"fa-spin fa-spin-reverse\",\r\n        spinPulse: \"fa-spin-pulse\",\r\n      },\r\n      tipoIcon: {\r\n        circle: \"50%\",\r\n        squared: \"20%\",\r\n        shield: \"49% 51% 48% 52% / 29% 29% 71% 71%\",\r\n        water: \"60% 40% 78% 22% / 73% 66% 34% 27%\",\r\n      },\r\n    };\r\n  },\r\n  /*\r\nEventos de Ciclo de Vida:\r\n- mounted: Se añade un escuchador para el evento de redimensionamiento de la ventana.\r\n- beforeDestroy: Se elimina el escuchador para el evento de redimensionamiento de la ventana.\r\n*/\r\n  mounted() {\r\n    this.onResize();\r\n    window.addEventListener(\"resize\", this.onResize);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.onResize);\r\n  },\r\n  methods: {\r\n    onResize() {\r\n      this.data.forEach((_, index) => {\r\n        this.checkTitleLength(index);\r\n      });\r\n    },\r\n    checkTitleLength(index) {\r\n      this.$nextTick(() => {\r\n        const titleElement = this.$el.querySelectorAll(\".title-container span\")[\r\n          index\r\n        ];\r\n        if (titleElement) {\r\n          // console.log(\"Client Width: \", titleElement.clientWidth);\r\n          // console.log(\"Scroll Width: \", titleElement.scrollWidth);\r\n\r\n          if (titleElement.scrollWidth > titleElement.clientWidth) {\r\n            this.$set(this.shouldAnimateTitle, index, true);\r\n          } else {\r\n            this.$set(this.shouldAnimateTitle, index, false);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    toggleActive(index) {\r\n      // Desactivar tarjeta anterior si es diferente de la actual\r\n      if (this.activeCard !== null && this.activeCard !== index) {\r\n        if (typeof this.data[this.activeCard].onDeactivate === \"function\") {\r\n          this.data[this.activeCard].onDeactivate();\r\n        }\r\n      }\r\n\r\n      // Cambiar la tarjeta activa\r\n      this.activeCard = this.activeCard === index ? null : index;\r\n\r\n      // Ejecutar la función de activación o desactivación correspondiente\r\n      if (this.activeCard !== null) {\r\n        if (typeof this.data[this.activeCard].onActivate === \"function\") {\r\n          this.data[this.activeCard].onActivate();\r\n        }\r\n      } else {\r\n        if (typeof this.data[index].onDeactivate === \"function\") {\r\n          this.data[index].onDeactivate();\r\n        }\r\n      }\r\n    },\r\n    computeBorderRadius(tipo) {\r\n      return this.tipoIcon[tipo] || \"20% 40% 20% 40%\";\r\n    },\r\n    computeAnimateIcon(tipo, index) {\r\n      if (this.animatedState[index]) {\r\n        return this.animated[tipo] || \"\";\r\n      }\r\n    },\r\n    evaluateValue(value) {\r\n      if (typeof value === \"function\") {\r\n        return value();\r\n      }\r\n      return value;\r\n    },\r\n    glowStyle(color) {\r\n      return {\r\n        boxShadow: `0 0 40px 20px ${color}`,\r\n      };\r\n    },\r\n    handleMouseMove(event, index) {\r\n      const rect = event.currentTarget.getBoundingClientRect();\r\n      const targetX = event.clientX - rect.left;\r\n      const targetY = event.clientY - rect.top;\r\n\r\n      // Cancelar la animación anterior si está en curso\r\n      if (this.animationFrameId[index]) {\r\n        cancelAnimationFrame(this.animationFrameId[index]);\r\n      }\r\n\r\n      // Iniciar una nueva animación\r\n      const animate = () => {\r\n        const startX = this.cursorX[index] || 0;\r\n        const startY = this.cursorY[index] || 0;\r\n        const dx = (targetX - startX) * 0.1; // Factor de suavizado\r\n        const dy = (targetY - startY) * 0.1; // Factor de suavizado\r\n\r\n        this.$set(this.cursorX, index, startX + dx);\r\n        this.$set(this.cursorY, index, startY + dy);\r\n\r\n        if (Math.abs(dx) > 0.1 || Math.abs(dy) > 0.1) {\r\n          // Continuar la animación\r\n          this.animationFrameId[index] = requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      // Iniciar la animación\r\n      this.animationFrameId[index] = requestAnimationFrame(animate);\r\n    },\r\n    showCursorGlow(index) {\r\n      this.$set(this.animatedState, index, true);\r\n      this.$set(this.showGlow, index, true);\r\n    },\r\n    hideCursorGlow(index) {\r\n      this.$set(this.animatedState, index, false);\r\n      this.$set(this.showGlow, index, false);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/*\r\nEstilos:\r\n- glow-box: Configuración base para el efecto de resplandor.\r\n- cursor-glow: Estilo para el resplandor del cursor.\r\n- title-container: Contenedor para el título de la tarjeta.\r\n- title-animate: Animación para el título de la tarjeta.\r\n- title-static: Estilo estático para el título de la tarjeta.\r\n*/\r\n\r\n.glow-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.3s ease;\r\n  cursor: default;\r\n}\r\n\r\n.cursor-glow {\r\n  position: absolute;\r\n  width: 0;\r\n  height: 0;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  transition: left 0.2s, top 0.2s, opacity 0.5s ease;\r\n}\r\n\r\n.title-container {\r\n  max-width: calc(100% - 20px);\r\n  overflow: hidden;\r\n  height: 20px;\r\n}\r\n\r\n.title-animate {\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  animation: marquee 5s linear infinite;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.title-static {\r\n  display: inline-block;\r\n  max-width: 100%; /* Se ajusta al tamaño del contenedor */\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n@keyframes marquee {\r\n  from {\r\n    transform: translateX(0%);\r\n  }\r\n  to {\r\n    transform: translateX(-100%);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTable.vue?vue&type=template&id=73483910&scoped=true\"\nimport script from \"./CardTable.vue?vue&type=script&lang=js\"\nexport * from \"./CardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTable.vue?vue&type=style&index=0&id=73483910&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"73483910\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListaMesProfesionalCuentaCobro.vue?vue&type=style&index=0&id=246c7a23&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ComentariosCuentaCobro.vue?vue&type=style&index=0&id=2d13fec4&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=style&index=0&id=73483910&prod&scoped=true&lang=css\""],"sourceRoot":""}