{"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/views/Helexium/CuentaCobro/ListaMesProfesionalCuentaCobro.vue?2b00","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/components/ComentariosCuentaCobro/ComentariosCuentaCobro.vue?a029","webpack:///./src/components/cardTable/CardTable.vue?a98d"],"names":["render","_vm","this","_c","_self","attrs","scopedSlots","_u","key","fn","staticClass","_v","_s","profesional","proxy","isLoadingFiles","_e","_l","itemsFiles","item","index","staticStyle","on","$event","toggle","class","isActive","title","estado","url","directives","name","rawName","modifiers","gotoFile","includes","buttonLoading","id","saveNewStateGestionFile","beforeEnter","enter","leave","_f","fechaSubida","fechaEstado","buildObjectCommentFile","comments","dataCards","value","currentFilterDate","expression","domProps","target","composing","handleFilterDateInput","listFilesByPeriodos","$moment","Periodo","format","FechaInicio","FechaFin","Estado","openAuditarModal","staticRenderFns","Swal","require","components","ComentariosCuentaCobro","CardTable","data","currentPeriod","filter","length","iconName","color","tipo","animated","onActivate","dataTableInstance","column","search","draw","onDeactivate","activeIndexes","$isLoading","personaAct","JSON","parse","localStorage","getItem","core","getListPeriodos","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","action","$set","res","currentFile","auditorId","tz","Date","$store","dispatch","path","allFilesApproved","every","periodIndex","findIndex","p","fire","previewerUrl","encodeURIComponent","open","resetItems","periodo","$bvModal","show","anio","mes","split","archivos","getArchivosPorPeriodo","forEach","archivo","nombreSinExtension","NombreArchivo","find","ArchivoId","UrlArchivo","FechaSubida","undefined","EstadoGestion","FechaEstado","Observaciones","formattedDate","idx","indexOf","push","splice","response","getters","fetchGet","empresa","ok","allData","json","parseInt","component","messages","user","fecha","right","text","preventDefault","sendMessage","apply","arguments","newMessage","_k","keyCode","sending","props","dataSendCommentFile","Object","required","default","commentsFiles","Array","mounted","map","comment","PersonaId","toLowerCase","Observacion","FechaObservacion","scrollToBottom","trim","observacion","fechaObservacion","_this$commentsFiles","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","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame"],"mappings":"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","file":"js/chunk-606a32c0.0b732c2c96da23c92811.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',[_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.isLoadingFiles)?_c('div',{staticClass:\"loading-msg\"},[_c('span',[_vm._v(\"Cargando archivos, por favor espere...\")])]):_vm._e()]),_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\",\"loading\":_vm.buttonLoading[item.id + '_approve'],\"primary\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.saveNewStateGestionFile(item.id, true, 'approve')}}},[_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\",\"loading\":_vm.buttonLoading[item.id + '_reject'],\"danger\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.saveNewStateGestionFile(item.id, false, 'reject')}}},[_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)})],2)]),_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 fecha:\")]),_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(\"Fecha\")]),_c('th',[_vm._v(\"Inicio\")]),_c('th',[_vm._v(\"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.Periodo)}}},[_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        <transition name=\"fade\">\r\n          <div v-if=\"isLoadingFiles\" class=\"loading-msg\">\r\n            <span>Cargando archivos, por favor espere...</span>\r\n          </div>\r\n        </transition>\r\n\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                :loading=\"buttonLoading[item.id + '_approve']\"\r\n                primary\r\n                icon\r\n                @click=\"saveNewStateGestionFile(item.id, true, 'approve')\"\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                :loading=\"buttonLoading[item.id + '_reject']\"\r\n                danger\r\n                icon\r\n                @click=\"saveNewStateGestionFile(item.id, false, 'reject')\"\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 fecha:</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>Fecha</th>\r\n            <th>Inicio</th>\r\n            <th>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.Periodo)\"\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      isLoadingFiles: false,\r\n      currentPeriod: null,\r\n      buttonLoading: {},\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.column(4).search(\"Incompleto\").draw();\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.dataTableInstance.column(4).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.column(4).search(\"Completado\").draw();\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.dataTableInstance.column(4).search(\"\").draw();\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.getListPeriodos();\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, action) {\r\n      this.$set(this.buttonLoading, archivoId + \"_\" + action, true);\r\n      try {\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        console.log(res);\r\n        if (res && res.id) {\r\n          // actualizar datos locales\r\n          currentFile.estado = newState ? 1 : 0;\r\n          currentFile.fechaEstado = data.fechaEstado;\r\n          this.showToast(\"success\", \"Estado actualizado con éxito!\");\r\n\r\n          // Verificar si todos los archivos están aprobados\r\n          const allFilesApproved = this.itemsFiles.every(\r\n            (item) => item.estado === 1\r\n          );\r\n\r\n          // Actualizar el estado del período en listFilesByPeriodos\r\n          if (this.currentPeriod) {\r\n            const periodIndex = this.listFilesByPeriodos.findIndex(\r\n              (p) => p.Periodo === this.currentPeriod\r\n            );\r\n            if (periodIndex !== -1) {\r\n              this.listFilesByPeriodos[periodIndex].Estado = allFilesApproved\r\n                ? 1\r\n                : 0;\r\n            }\r\n          }\r\n        }\r\n      } catch (error) {\r\n        console.error(\"Error al guardar cambios:\", error);\r\n        Swal.fire(\"Error!\", \"No se pudieron guardar los cambios.\", \"error\");\r\n      } finally {\r\n        this.$set(this.buttonLoading, archivoId + \"_\" + action, false);\r\n      }\r\n    },\r\n    gotoFile(url) {\r\n      const previewerUrl = `https://docs.google.com/viewerng/viewer?url=${encodeURIComponent(\r\n        url\r\n      )}`;\r\n\r\n      window.open(previewerUrl);\r\n    },\r\n\r\n    resetItems() {\r\n      // Resetear itemsFiles para evitar datos acumulados\r\n      this.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    },\r\n    async openAuditarModal(periodo) {\r\n      // Resetear itemsFiles\r\n      this.resetItems();\r\n\r\n      this.currentPeriod = periodo;\r\n\r\n      this.$bvModal.show(\"auditarArchivos\");\r\n\r\n      // Extraer año y mes del string (por ejemplo: \"2025-02\")\r\n      const [anio, mes] = periodo.split(\"-\");\r\n\r\n      this.isLoadingFiles = true;\r\n\r\n      try {\r\n        // obtener los archivos correspondientes al periodo seleccionado\r\n        const archivos = await this.getArchivosPorPeriodo(anio, mes);\r\n        console.log(archivos);\r\n\r\n        // Asocia la data obtenida a los itemsFiles\r\n        archivos?.forEach((archivo) => {\r\n          const nombreSinExtension = archivo.NombreArchivo.split(\".\")[0];\r\n          const item = this.itemsFiles.find(\r\n            (item) => item.name === nombreSinExtension\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      } catch (error) {\r\n        console.error(\"Error al cargar los archivos para el periodo:\", error);\r\n      } finally {\r\n        this.isLoadingFiles = false;\r\n      }\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 getListPeriodos() {\r\n      try {\r\n        const response = await this.$store.getters.fetchGet({\r\n          path: `CDC/GetListPeriodos/${this.personaId}/${this.personaAct.empresa.id}`,\r\n        });\r\n        if (response.ok) {\r\n          const allData = await response.json();\r\n          this.listFilesByPeriodos = allData.data;\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 getListFilesByPeriodos:\", error);\r\n      }\r\n    },\r\n    async getArchivosPorPeriodo(anio, mes) {\r\n      try {\r\n        const response = await this.$store.getters.fetchGet({\r\n          path: `CDC/GetArchivosPorPeriodo/${this.personaId}/${parseInt(\r\n            anio\r\n          )}/${parseInt(mes)}`,\r\n        });\r\n\r\n        if (response.ok) {\r\n          const data = await response.json();\r\n\r\n          console.log(data);\r\n\r\n          data.data.forEach((archivo) => {\r\n            if (archivo.Observaciones) {\r\n              archivo.Observaciones = JSON.parse(archivo.Observaciones);\r\n            }\r\n          });\r\n          return data.data;\r\n        } else {\r\n          console.error(\"Error en la respuesta del servidor\", response);\r\n          return [];\r\n        }\r\n      } catch (error) {\r\n        console.error(\"Error en getArchivosPorPeriodo:\", error);\r\n        return [];\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.loading-msg {\r\n  text-align: center;\r\n  transition: opacity 0.3s ease-in-out;\r\n}\r\n\r\n.fade-enter-active,\r\n.fade-leave-active {\r\n  transition: opacity 0.3s ease-in-out;\r\n}\r\n\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=9e217e28&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=9e217e28&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  \"9e217e28\",\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=9e217e28&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mini-chat bg-card p-2 rounded mx-auto\",staticStyle:{\"height\":\"auto\",\"max-height\":\"50vh\",\"max-width\":\"600px\"}},[_c('div',{staticClass:\"chat-messages\"},[(_vm.messages.length === 0)?_c('p',{staticClass:\"text-center mt-3\"},[_vm._v(\" Escribe un comentario \")]):_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:{\"size\":\"25\",\"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('form',{staticClass:\"wrapper-input border\",on:{\"submit\":function($event){$event.preventDefault();return _vm.sendMessage.apply(null, arguments)}}},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.newMessage),expression:\"newMessage\"}],attrs:{\"placeholder\":\"Comentario\",\"rows\":\"1\",\"max-rows\":\"3\",\"required\":\"\"},domProps:{\"value\":(_vm.newMessage)},on:{\"keydown\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;$event.preventDefault();return _vm.sendMessage.apply(null, arguments)},\"input\":function($event){if($event.target.composing)return;_vm.newMessage=$event.target.value}}}),_c('button',{attrs:{\"type\":\"submit\",\"disabled\":_vm.sending}},[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.sending),expression:\"!sending\"}],staticClass:\"fa-solid fa-paper-plane\"}),_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.sending),expression:\"sending\"}],staticClass:\"fa-solid fa-circle-notch fa-spin\"})])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"mini-chat bg-card p-2 rounded mx-auto\"\r\n    style=\"height: auto; max-height: 50vh; max-width: 600px\"\r\n  >\r\n    <!-- Header -->\r\n\r\n    <!-- Chat Messages -->\r\n    <div class=\"chat-messages\">\r\n      <p v-if=\"messages.length === 0\" class=\"text-center mt-3\">\r\n        Escribe un comentario\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 size=\"25\" primary :danger=\"message.user === ''\" class=\"mt-3\">\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    <form class=\"wrapper-input border\" @submit.prevent=\"sendMessage\">\r\n      <textarea\r\n        v-model=\"newMessage\"\r\n        placeholder=\"Comentario\"\r\n        @keydown.enter.prevent=\"sendMessage\"\r\n        rows=\"1\"\r\n        max-rows=\"3\"\r\n        required\r\n      ></textarea>\r\n      <button type=\"submit\" :disabled=\"sending\">\r\n        <i v-show=\"!sending\" class=\"fa-solid fa-paper-plane\"></i>\r\n        <i class=\"fa-solid fa-circle-notch fa-spin\" v-show=\"sending\"></i>\r\n      </button>\r\n    </form>\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      sending: false,\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        this.sending = true;\r\n        try {\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            // 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        } catch (error) {\r\n          console.error(\"Error al guardar cambios:\", error);\r\n          Swal.fire(\"Error!\", \"No se pudo agregar el comentario.\", \"error\");\r\n        } finally {\r\n          this.newMessage = \"\";\r\n          this.scrollToBottom();\r\n          this.sending = false;\r\n        }\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.wrapper-input {\r\n  display: flex;\r\n  align-items: center;\r\n  border-radius: 2rem;\r\n  overflow: auto !important;\r\n  padding: 0.4rem 0.4rem;\r\n  background-color: var(--body-bg);\r\n  margin-top: 0.5rem;\r\n  max-width: 400px;\r\n  margin-inline: auto;\r\n}\r\n\r\n.wrapper-input textarea {\r\n  width: 100%;\r\n  border: none;\r\n  resize: none;\r\n  outline: none;\r\n  background-color: transparent;\r\n  overflow: hidden;\r\n  .dark & {\r\n    color: white;\r\n  }\r\n}\r\n\r\n.wrapper-input textarea:focus + button {\r\n  color: #1959f7;\r\n}\r\n\r\n.wrapper-input button {\r\n  border: none;\r\n  background-color: transparent;\r\n  color: #ccc;\r\n  font-size: 1.2rem;\r\n  cursor: pointer;\r\n  transition: color 0.3s ease;\r\n  &:disabled {\r\n    cursor: not-allowed;\r\n  }\r\n  &:disabled i {\r\n    color: #1959f7;\r\n  }\r\n}\r\n\r\n.chat-messages {\r\n  white-space: normal;\r\n  overflow-wrap: break-word;\r\n  height: auto;\r\n  min-height: 10vh;\r\n  max-height: 30vh;\r\n  background-color: var(--body-bg);\r\n  border-radius: 5px;\r\n  padding: 0 1rem;\r\n  overflow-y: auto;\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=e717ead4&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=e717ead4&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  \"e717ead4\",\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!./ComentariosCuentaCobro.vue?vue&type=style&index=0&id=e717ead4&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":""}