{"version":3,"sources":["webpack:///./src/views/applicant/ApplicantPendingContracts.vue","webpack:///src/views/applicant/ApplicantPendingContracts.vue","webpack:///./src/views/applicant/ApplicantPendingContracts.vue?aa41","webpack:///./src/views/applicant/ApplicantPendingContracts.vue?474a","webpack:///./src/assets/images/figs/fig9.png"],"names":["render","_vm","this","_c","_self","isMounted","groupedContracts","length","staticClass","attrs","scopedSlots","_u","key","fn","_v","proxy","videoFad","_l","group","index","_s","name","status","$sanitizeUrl","ApiDomain","id","contract_signed_file","access_token","contract_not_signed_file","handleSignatories","signatory","indexS","type","getRoles","telephone","phoneFormat","on","$event","stopPropagation","handleFadLink","link","copyToClipboard","_e","staticStyle","require","goToHomePage","staticRenderFns","tutorialFADLink","FADLinkBaseProduction","mixins","props","components","YoutubeVideoWidget","data","pendingContracts","FADLinkBase","sources","src","poster","methods","groupContracts","g1","g2","g3","g4","generic","arraySignatories","r","window","el","document","component","module","exports"],"mappings":"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","file":"js/chunk-07c6d523.b3f637e0.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.isMounted)?_c('div',[(_vm.groupedContracts.length > 0)?_c('div',{staticClass:\"vx-row mt-base\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('big-title-color',{attrs:{\"variant-class\":\"clear\"},scopedSlots:_vm._u([{key:\"text\",fn:function(){return [_vm._v(\"Firma de \"),_c('span',[_vm._v(\"Contratos\")])]},proxy:true}],null,false,2226124802)},[_vm._v(\". \")]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-full xxl:w-1/3\"},[_c('vx-card',{staticClass:\"mt-base\",attrs:{\"title\":\"¡Es hora de firmar!\"}},[_c('p',{staticClass:\"mt-2\"},[_vm._v(\" Para comenzar con el proceso deberás seguir las instrucciones que se encuentran a continuación y corroborar la información sobre los involucrados en la firma. No olvides que este proceso deberás realizarlo únicamente en una tablet o teléfono móvil. Considera que tendrás únicamente 5 minutos para realizarlo y un máximo de 3 intentos. Ten a la mano tu identificación oficial, buena conexión a internet y cámara en tu móvil o tablet.\"),_c('br'),_c('br'),_c('br'),_vm._v(\" Para cualquier duda contáctanos a\"),_c('br'),_vm._v(\" través del chat de la plataforma. \"),_c('br'),_c('br'),_c('br'),_c('br')])])],1),_c('div',{staticClass:\"vx-col w-full md:w-full xxl:w-2/3\"},[_c('h1',{staticClass:\"extrabold text-4xl mt-base\"},[_c('youtube-video-widget',{attrs:{\"media\":_vm.videoFad,\"title\":\"¿Cómo firmar con FAD?\"}})],1)]),_c('div',{staticClass:\"vx-col w-full\"},[_c('vx-card',{staticClass:\"mt-base\",attrs:{\"title\":\"¡Es hora de firmar!\"}},[_c('p',[_vm._v(\" Para comenzar con el proceso deberás seguir las instrucciones que se encuentran a continuación y corroborar la información sobre los involucrados en la firma. No olvides que este proceso deberás realizarlo únicamente en una tablet o teléfono móvil. Considera que tendrás únicamente 5 minutos para realizarlo y un máximo de 3 intentos. Ten a la mano tu identificación oficial, buena conexión a internet y cámara en tu móvil o tablet. \"),_c('br'),_vm._v(\" Para cualquier duda contáctanos a través del chat de la plataforma. \")])])],1)]),_vm._l((_vm.groupedContracts),function(group,index){return [(group.length != 0)?_c('vx-card',{key:index,staticClass:\"mt-base\"},[_c('div',{staticClass:\"vx-row mb-2\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('div',{staticClass:\"flex\"},[_c('p',{staticClass:\"card-sub-title\"},[_vm._v(\"Grupo \"+_vm._s(group[0].group.name)+\".\")]),(group[0].status === 'generated')?_c('vs-chip',{staticClass:\"text-md bold ml-4\",attrs:{\"color\":\"dark\"}},[_vm._v(\" No disponible \")]):(group[0].status === 'sent')?_c('vs-chip',{staticClass:\"text-md bold ml-4\",attrs:{\"color\":\"danger\"}},[_vm._v(\" Pendiente \")]):_c('vs-chip',{staticClass:\"text-md bold ml-4\",attrs:{\"color\":\"success\"}},[_vm._v(\" Firmado \")])],1)])]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full\"},[(group[0].status === 'generated')?_c('p',[_vm._v(\" Este contrato aún no está disponible para firmarse. Por el momento solo podrás leerlo si así lo deseas. \")]):(group[0].status === 'sent')?_c('p',[_vm._v(\" Para comenzar con el proceso deberás seguir las instrucciones que se encuentran a continuación y corroborar la información sobre los involucrados en la firma. Si deseas consultarlo antes de firmar, da clic en el botón “Descargar”. \")]):_c('p',[_vm._v(\" Este contrato ha sido firmado con éxito. Para consultarlo da clic en el botón “Consultar”. \")]),(group[0].status === 'signed')?_c('vs-button',{staticClass:\"mt-5\",attrs:{\"type\":\"border\",\"target\":\"blank\",\"href\":_vm.$sanitizeUrl(`${_vm.ApiDomain}/storage/private/contracts/${group[0].id}/${group[0].contract_signed_file}?access_token=${_vm.access_token}`)}},[_vm._v(\"Consultar\")]):_c('vs-button',{staticClass:\"mt-5\",attrs:{\"type\":\"border\",\"target\":\"blank\",\"href\":_vm.$sanitizeUrl(`${_vm.ApiDomain}/storage/private/contracts/${group[0].id}/${group[0].contract_not_signed_file}?access_token=${_vm.access_token}`)}},[_vm._v(\"Descargar\")]),(group[0].status === 'sent')?_c('div',[_vm._l((_vm.handleSignatories(group[0])),function(signatory,indexS){return [(signatory.type != 'supplier' && signatory.type != 'redgirasol')?_c('div',{key:indexS,staticClass:\"mt-5\"},[_c('h5',[_vm._v(_vm._s(_vm.getRoles(signatory.type)))]),_c('div',{staticClass:\"vx-row mt-4\"},[_c('div',{staticClass:\"vx-col xxl:w-1/4 lg:w-1/3 md:w-1/3 sm:w-1/3 w-full\"},[_c('p',{staticClass:\"pl-3\"},[_vm._v(\"Nombre\")]),_c('p',{staticClass:\"info-border-inline mb-2\"},[_vm._v(_vm._s(signatory.name != null && signatory.name != \"\" ? signatory.name : 'Sin información'))])]),_c('div',{staticClass:\"vx-col xxl:w-1/4 lg:w-1/3 md:w-1/3 sm:w-1/3 w-full\"},[_c('p',{staticClass:\"pl-3\"},[_vm._v(\"Teléfono\")]),_c('p',{staticClass:\"info-border-inline mb-2\"},[_vm._v(_vm._s(signatory.telephone != null && signatory.telephone != \"\" ? _vm.phoneFormat(signatory.telephone) : \"Sin información\"))])])]),_c('div',{staticClass:\"vx-row mt-3\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('p',[_vm._v(\"Para la \"),_c('strong',[_vm._v(\"firma de \"+_vm._s(_vm.getRoles(signatory.type)))]),_vm._v(\" da clic en el botón 'Abrir liga' en tu \"),_c('strong',[_vm._v(\"teléfono móvil\")]),_vm._v(\" o cópiala en el navegador del mismo.\")]),_c('div',{staticClass:\"flex items-center mt-2\"},[_c('vs-button',{staticClass:\"mb-2 mr-3\",on:{\"click\":function($event){$event.stopPropagation();return _vm.handleFadLink(signatory.link)}}},[_vm._v(\"Abrir liga\")]),_c('vs-button',{staticClass:\"mb-2\",on:{\"click\":function($event){$event.stopPropagation();return _vm.copyToClipboard(signatory.link)}}},[_vm._v(\"Copiar liga\")])],1)])])]):_vm._e()]})],2):_vm._e()],1)])]):_vm._e()]})],2)]):_c('vx-card',{staticClass:\"text-center w-full\",staticStyle:{\"padding\":\"4.5rem\"}},[_c('img',{staticClass:\"mx-auto mb-4 max-w-full\",attrs:{\"src\":require(\"@/assets/images/figs/fig9.png\"),\"alt\":\"graphic-404\"}}),_c('h2',{staticClass:\"mb-6 mt-6\"},[_vm._v(\"En estos momentos no tienes \"),_c('br'),_vm._v(\"contratos pendientes por \"),_c('br'),_vm._v(\"firmar.\")]),_c('vs-button',{on:{\"click\":function($event){return _vm.goToHomePage()}}},[_vm._v(\"Volver al inicio\")])],1)],1):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <!-- CONTRATOS PENDIENTES POR FIRMAR -->\n        <div v-if=\"isMounted\">\n            <div v-if=\"groupedContracts.length > 0\" class=\"vx-row mt-base\">\n                <div class=\"vx-col w-full\">\n                    <big-title-color variant-class=\"clear\">\n                    <template v-slot:text>Firma de <span>Contratos</span></template>.\n                    </big-title-color> \n                    <div class=\"vx-row\">\n                      <div class=\"vx-col md:w-full xxl:w-1/3\">\n                        <vx-card class=\"mt-base\" title=\"¡Es hora de firmar!\">\n                        <p class=\"mt-2\">\n                            Para comenzar con el proceso deberás\n                            seguir las instrucciones que se \n                            encuentran a continuación y corroborar \n                            la información sobre los involucrados en \n                            la firma. No olvides que este proceso \n                            deberás realizarlo únicamente en una \n                            tablet o teléfono móvil. Considera que \n                            tendrás únicamente 5 minutos para realizarlo \n                            y un máximo de 3 intentos. Ten a la mano \n                            tu identificación oficial, buena conexión \n                            a internet y cámara en tu móvil o tablet.<br>\n                            <br>\n                            <br>\n                            Para cualquier duda contáctanos a<br>\n                            través del chat de la plataforma.\n                            <br>\n                            <br>\n                            <br>\n                            <br>\n                        </p>\n                        </vx-card>\n                      </div>\n                      <div class=\"vx-col w-full md:w-full xxl:w-2/3\">\n                          <h1 class=\"extrabold text-4xl mt-base\">\n                          <youtube-video-widget :media=\"videoFad\" title=\"¿Cómo firmar con FAD?\"/>\n                          </h1>\n                      </div>\n\n                    <div class=\"vx-col w-full\">\n                        <vx-card class=\"mt-base\" title=\"¡Es hora de firmar!\">\n                        <p>\n                            Para comenzar con el proceso deberás seguir las instrucciones que se encuentran a continuación y corroborar la información sobre los involucrados \n                            en la firma. No olvides que este proceso deberás realizarlo únicamente en una tablet o teléfono móvil. Considera que tendrás únicamente 5 minutos \n                            para realizarlo y un máximo de 3 intentos. Ten a la mano tu identificación oficial, buena conexión a internet y cámara en tu móvil o tablet.\n                            <br>                            \n                            Para cualquier duda contáctanos a través del chat de la plataforma.\n                        </p>\n                        </vx-card>\n                    </div>\n                    <!-- <div class=\"vx-col w-full lg:w-2/3\">\n                        <h1 class=\"extrabold text-4xl mt-base\">\n                        <youtube-video-widget :media=\"videoFad\" title=\"¿Cómo llenar la solicitud?\"/>\n                        </h1>\n                    </div> -->\n                    </div>\n                    <template v-for=\"(group, index) in groupedContracts\">\n                    <vx-card class=\"mt-base\" :key=\"index\" v-if=\"group.length != 0\">\n                        <div class=\"vx-row mb-2\" >\n                            <div class=\"vx-col w-full\">\n                            <div class=\"flex\">\n                                <p class=\"card-sub-title\">Grupo {{group[0].group.name}}.</p>\n                                <vs-chip v-if=\"group[0].status === 'generated'\"\n                                class=\"text-md bold ml-4\"\n                                color=\"dark\"> No disponible\n                                </vs-chip>\n                                <vs-chip v-else-if=\"group[0].status === 'sent'\"\n                                class=\"text-md bold ml-4\"\n                                color=\"danger\"> Pendiente\n                                </vs-chip>\n                                <vs-chip v-else\n                                class=\"text-md bold ml-4\"\n                                color=\"success\"> Firmado\n                                </vs-chip>\n                            </div>\n                            </div>\n                        </div>\n                        <div class=\"vx-row\">\n                            <div class=\"vx-col w-full\">\n                              <p v-if=\"group[0].status === 'generated'\">\n                                  Este contrato aún no está disponible para firmarse. Por el momento solo podrás leerlo si así lo deseas.\n                              </p>\n                              <p v-else-if=\"group[0].status === 'sent'\">\n                                  Para comenzar con el proceso deberás seguir las instrucciones que se encuentran a continuación y corroborar la información\n                                  sobre los involucrados en la firma. Si deseas consultarlo antes de firmar, da clic en el botón “Descargar”.\n                              </p>\n                              <p v-else>\n                                  Este contrato ha sido firmado con éxito. Para consultarlo da clic en el botón “Consultar”.\n                              </p>\n                              <vs-button v-if=\"group[0].status === 'signed'\" type=\"border\" class=\"mt-5\" target=\"blank\" :href=\"$sanitizeUrl(`${ApiDomain}/storage/private/contracts/${group[0].id}/${group[0].contract_signed_file}?access_token=${access_token}`)\">Consultar</vs-button>\n                              <vs-button v-else type=\"border\" class=\"mt-5\" target=\"blank\" :href=\"$sanitizeUrl(`${ApiDomain}/storage/private/contracts/${group[0].id}/${group[0].contract_not_signed_file}?access_token=${access_token}`)\">Descargar</vs-button>\n                              <div v-if=\"group[0].status === 'sent'\">\n                                  <template v-for=\"(signatory, indexS) in handleSignatories(group[0])\">\n                                  <div v-if=\"signatory.type != 'supplier' && signatory.type != 'redgirasol'\" :key=\"indexS\" class=\"mt-5\">\n                                      <h5>{{getRoles(signatory.type)}}</h5>\n                                      <div class=\"vx-row mt-4\">\n                                      <div class=\"vx-col xxl:w-1/4 lg:w-1/3 md:w-1/3 sm:w-1/3 w-full\">\n                                          <p class=\"pl-3\">Nombre</p>\n                                          <p class=\"info-border-inline mb-2\">{{signatory.name != null && signatory.name != \"\" ? signatory.name : 'Sin información'}}</p>\n                                      </div>\n                                      <div class=\"vx-col xxl:w-1/4 lg:w-1/3 md:w-1/3 sm:w-1/3 w-full\">\n                                          <p class=\"pl-3\">Teléfono</p>\n                                          <p class=\"info-border-inline mb-2\">{{ signatory.telephone != null && signatory.telephone != \"\" ? phoneFormat(signatory.telephone) : \"Sin información\" }}</p>\n                                      </div>\n                                      </div>\n                                      <div class=\"vx-row mt-3\">\n                                      <div class=\"vx-col w-full\">\n                                          <p>Para la <strong>firma de {{getRoles(signatory.type)}}</strong> da clic en el botón 'Abrir liga' en tu <strong>teléfono móvil</strong> o cópiala en el navegador del mismo.</p>                \n                                          <div class=\"flex items-center mt-2\">\n                                            <vs-button class=\"mb-2 mr-3\" @click.stop=\"handleFadLink(signatory.link)\">Abrir liga</vs-button>\n                                            <vs-button class=\"mb-2\" @click.stop=\"copyToClipboard(signatory.link)\">Copiar liga</vs-button>\n                                          </div>\n                                      </div>\n                                      </div>\n                                  </div>\n                                  </template>\n                              </div>\n                            </div>\n                        </div>\n                    </vx-card>\n                    </template>\n                </div>\n            </div>\n            <vx-card v-else style=\"padding: 4.5rem;\" class=\"text-center w-full\">\n                <img src=\"@/assets/images/figs/fig9.png\" alt=\"graphic-404\" class=\"mx-auto mb-4 max-w-full\">        \n                <h2 class=\"mb-6 mt-6\">En estos momentos no tienes\n                                <br>contratos pendientes por\n                                <br>firmar.</h2>\n                <vs-button @click=\"goToHomePage()\">Volver al inicio</vs-button>\n            </vx-card>\n        </div>\n    </div>\n</template>\n\n<script>\nimport YoutubeVideoWidget from '@components/supplier/widgets/YoutubeVideoWidget.vue';\nimport formatHelper from '@mixins/formatHelper';\nconst tutorialFADLink = \"https://youtu.be/19npgHmTUi0\";\nconst FADLinkBaseDevelopment = \"https://uatwebfad.firmaautografa.com/signList?ticketReq=\";\nconst FADLinkBaseProduction = \"https://mobile.firmaautografa.com/main?ticket=\";\nexport default {\n  name: \"ApplicantPendingContracts\",\n  mixins: [formatHelper],\n  props: [\"pid\"],\n  components:{\n    YoutubeVideoWidget,\n  },\n  async mounted(){\n    this.initComponent();\n  },\n  data() {\n    return {\n        isMounted: false,\n        pendingContracts: [],\n        groupedContracts: [],\n        FADLinkBase: process.env.VUE_APP_ENV == \"production\" ? FADLinkBaseProduction : FADLinkBaseDevelopment,\n        videoFad: { sources: [{ type: 'video/youtube', src: tutorialFADLink }], poster: 'https://cdn.redgirasol.com/green/COVERS_VIDEOS/firma_autografa.png' },\n    }\n  },\n  methods: {\n    async initComponent(){\n      this.isMounted = false\n      this.showLoading(true)\n      const auth = await this.authorizeViewProject();\n      if(!auth){\n        await this.$router.replace({name: 'inicioSolicitante'});\n        this.showLoading(false)\n        return;\n      }\n      await this.getPendingContracts();\n      this.isMounted = true\n      this.showLoading(false)\n    },\n    async authorizeViewProject(){\n      try {\n        await axios.get(`api/v1/applicant/${this.ApplicantId}/authorizeViewProject/${this.pid}`);\n        return true;\n      }\n      catch (e){\n        return false;\n      }\n    },\n    async getPendingContracts(){\n      this.isMounted = false\n      this.showLoading(true)\n      try {\n        const response = await axios.get(`api/v1/applicant/${this.ApplicantId}/getPendingContracts/${this.pid}`);\n        this.pendingContracts = response.data;\n        if (this.pendingContracts.length > 0) {\n          this.groupContracts();\n        }\n      }\n      catch (e){\n        this.warn(e);\n      }\n      this.isMounted = true\n      this.showLoading(false)\n    },\n    groupContracts(){\n      let g1 = [];\n      let g2 = [];\n      let g3 = [];\n      let g4 = [];\n      let generic = [];\n      this.pendingContracts.forEach(contract => {\n        if (contract.signatories) {\n          switch(contract.contract_group_id){\n            case 1: g1.push(contract); break;\n            case 2: g2.push(contract); break;\n            case 3: g3.push(contract); break;\n            case 4: g4.push(contract); break;\n            default: \n              generic.push(contract); \n              this.hasOldContracts = true;\n          }\n        }\n      });\n      this.groupedContracts = [g1, g2, g3, g4, generic];\n    },\n    handleSignatories(data){\n      let requisition = JSON.parse(data.fad_requisition);\n      let allTickets = Object.values(requisition.allTickets);\n      let arraySignatories = JSON.parse(data.signatories);\n      if (arraySignatories != null){ \n          arraySignatories.forEach(signatory => {\n            signatory.link = allTickets.find(ticket => ticket.type === signatory.type);\n          });\n         return arraySignatories;\n      }\n      else {\n        return [];\n      }   \n    },\n    getRoles(role){\n      let r = \"\";\n      switch(role){\n        case \"customer\":\n          r = \"Solicitante\";\n        break;\n        // case \"supplier\":\n        //   r = \"Proveedor\";\n        // break;\n        // case \"redgirasol\":\n        //   r = \"RedGirasol\";\n        // break;\n        default: r = \"Obligado Solidario\";\n      }\n      return r;\n    },\n    handleFadLink(ticket){\n      window.open(this.FADLinkBase + ticket, '_blank');\n    },\n    copyToClipboard(ticket){\n      const el = document.createElement('textarea');\n      el.value = this.FADLinkBase + ticket;\n      el.setAttribute('readonly', '');\n      el.style.position = 'absolute';\n      el.style.left = '-9999px';\n      document.body.appendChild(el);\n      el.select();\n      document.execCommand('copy');\n      document.body.removeChild(el);\n      this.successNotif(\"Liga copiada al portapapeles\");\n    },\n    async goToHomePage(){\n        await this.$router.push({name: 'inicioSolicitante'});\n    },\n  }\n}\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./ApplicantPendingContracts.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/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!./ApplicantPendingContracts.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ApplicantPendingContracts.vue?vue&type=template&id=8aa530cc&\"\nimport script from \"./ApplicantPendingContracts.vue?vue&type=script&lang=js&\"\nexport * from \"./ApplicantPendingContracts.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/fig9.54ba85f4.png\";"],"sourceRoot":""}