{"version":3,"sources":["webpack:///./src/assets/mobileFSFB/icn_backicn_back.png","webpack:///./src/views/mobileFSFB/components/Services.vue?23b2","webpack:///src/views/mobileFSFB/components/Services.vue","webpack:///./src/views/mobileFSFB/components/Services.vue?0af1","webpack:///./src/views/mobileFSFB/components/Services.vue","webpack:///./src/views/mobileFSFB/components/Services.vue?4c35"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","on","goBack","attrs","staticStyle","_m","_v","_s","sede","name","_l","Object","keys","areaData","sort","item","$event","continueToLogin","icon","label","_e","staticRenderFns","computed","sites","state","mobileFSFB","$route","params","code","find","s","areas","methods","getSites","$emit","area","$router","replace","component"],"mappings":"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","file":"js/chunk-8484fbe8.58f90864.js","sourcesContent":["module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEHRSTlMAQBDfkK+AIO/PoGBQb4+/2ZbvgwAAAL1JREFUOMvNUkEShCAMs6XUCujm/6/dg0sFwZk92hNM0oSULm8rpl1UiR9gioaz0jrDD8AkExUJwDGqbwhULzlgu/tsiNzQ452hiH1D7F1WBL5ZBlBzTchDplaTEVwr1kYzbthS8QD9HaXxUBTHk2fFfhEq2XGXdbUZQf28I48WBfr/I9nMY37KUu24HayzrxCpHdts1N1SyPhZ2jeM3z1ZmOyOvjC9C4IUoiwGj93VmnCWRXpce1XZiZeX1RcOUgdAkraJewAAAABJRU5ErkJggg==\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Services\"},[_c('div',{staticClass:\"headerFake\"}),_c('div',{staticClass:\"d-flex align-items-center justify-content-between goBack\",on:{\"click\":_vm.goBack}},[_c('img',{staticClass:\"icn_backicn_back ml-3\",attrs:{\"src\":require(\"@/assets/mobileFSFB/icn_backicn_back.png\"),\"alt\":\"icn_backicn_back\"}})]),_c('div',{staticClass:\"backgroundBuild\"}),(_vm.sede)?_c('div',{staticClass:\"containerBox\"},[_c('div',{staticClass:\"caveFake\"}),_c('div',{staticClass:\"px-4 pt-4\",staticStyle:{\"margin-top\":\"-16px\"}},[_vm._m(0),_c('h2',{staticClass:\"SedeTitle\"},[_c('strong',[_vm._v(_vm._s(_vm.sede.name))])]),_c('p',{staticClass:\"descP mb-3\"},[_vm._v(\"¡A tu disposición! Conoce a cuáles servicios puedes acceder en esta sede.\")]),_c('div',{staticClass:\"pb-5\"},_vm._l((Object.keys(_vm.areaData).sort()),function(item){return _c('button',{staticClass:\"button-without-styles arrowButtonServices d-flex justify-content-between align-items-center mb-4\",on:{\"click\":function($event){return _vm.continueToLogin(_vm.areaData[item])}}},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('img',{attrs:{\"src\":_vm.areaData[item].icon}}),_c('span',{staticClass:\"buttonText ml-3\"},[_vm._v(_vm._s(_vm.areaData[item].label))])]),_c('svg',{attrs:{\"width\":\"24\",\"height\":\"24\",\"viewbox\":\"0 0 24 24\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M4 12C4 10.4178 4.46921 8.87105 5.34826 7.55546C6.22731 6.23987 7.47673 5.21449 8.93853 4.60899C10.4003 4.00349 12.0089 3.84506 13.5607 4.15374C15.1125 4.46242 16.538 5.22435 17.6568 6.34317C18.7757 7.46199 19.5376 8.88744 19.8463 10.4393C20.155 11.9911 19.9965 13.5997 19.391 15.0615C18.7855 16.5233 17.7601 17.7727 16.4446 18.6518C15.129 19.5308 13.5823 20 12 20C9.87828 20 7.84344 19.1571 6.34316 17.6569C4.84287 16.1566 4 14.1217 4 12Z\",\"stroke\":\"#788591\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M13.5991 11.9999L11.4618 9.86266\",\"stroke\":\"#788591\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M11.4618 14.1373L13.5991 12.0001\",\"stroke\":\"#788591\",\"stroke-width\":\"1.5\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])])}),0)])]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('small',{staticClass:\"SedeTitle smallest\"},[_c('strong',[_vm._v(\"Servicios\")])])}]\n\nexport { render, staticRenderFns }","<template lang=\"pug\">\n.Services\n  .headerFake\n  .d-flex.align-items-center.justify-content-between(@click=\"goBack\").goBack\n    img(src=\"@/assets/mobileFSFB/icn_backicn_back.png\" alt=\"icn_backicn_back\").icn_backicn_back.ml-3\n  .backgroundBuild\n  .containerBox(v-if=\"sede\")\n    .caveFake\n    .px-4.pt-4(style=\"margin-top: -16px;\")\n      small.SedeTitle.smallest: strong Servicios\n      h2.SedeTitle: strong {{sede.name}}\n      p.descP.mb-3 ¡A tu disposición! Conoce a cuáles servicios puedes acceder en esta sede.\n      .pb-5\n        button(\n          v-for=\"item in Object.keys(areaData).sort()\"\n          @click=\"continueToLogin(areaData[item])\"\n        ).button-without-styles.arrowButtonServices.d-flex.justify-content-between.align-items-center.mb-4\n          .d-flex.align-items-center\n            img(:src=\"areaData[item].icon\" )\n            span.buttonText.ml-3 {{areaData[item].label}}\n          svg(width='24' height='24' viewbox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg')\n            path(d='M4 12C4 10.4178 4.46921 8.87105 5.34826 7.55546C6.22731 6.23987 7.47673 5.21449 8.93853 4.60899C10.4003 4.00349 12.0089 3.84506 13.5607 4.15374C15.1125 4.46242 16.538 5.22435 17.6568 6.34317C18.7757 7.46199 19.5376 8.88744 19.8463 10.4393C20.155 11.9911 19.9965 13.5997 19.391 15.0615C18.7855 16.5233 17.7601 17.7727 16.4446 18.6518C15.129 19.5308 13.5823 20 12 20C9.87828 20 7.84344 19.1571 6.34316 17.6569C4.84287 16.1566 4 14.1217 4 12Z' stroke='#788591' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round')\n            path(d='M13.5991 11.9999L11.4618 9.86266' stroke='#788591' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round')\n            path(d='M11.4618 14.1373L13.5991 12.0001' stroke='#788591' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round')\n</template>\n\n<script>\nimport { mapState, mapActions } from \"vuex\";\n\nexport default {\n  name: \"Services\",\n\n  computed: {\n    ...mapState({\n      sites: state => state.mobileFSFB.sites\n    }),\n\n    areas() {\n      try {\n        return  this.sites.find(\n          site => site.code == this.$route.params.code\n        ).customAreas;\n      } catch (error) {\n        return \"\";\n      }\n    },\n\n    sede() {\n      try {\n        let sede = this.$route.params.code;\n        return this.sites.find(s => s.code == sede);\n      } catch (error) {\n        return {};\n      }\n    },\n\n    areaData() {\n      return Object.keys(this.areas)\n        .map(item => {\n          return { code: item, ...this.areas[item] };\n        })\n        .reduce(function(objectAreas, curValue) {\n          objectAreas[curValue.label] = curValue;\n          return objectAreas;\n        }, {});\n    }\n  },\n\n  methods: {\n    ...mapActions({\n      getSites: \"mobileFSFB/getSites\"\n    }),\n\n    goBack() {\n      this.$emit(\"changeMode\", \"SelectZone\");\n    },\n\n    continueToLogin(area) {\n      this.$emit(\"changeMode\", \"Login\");\n      this.$router.replace({ query: { area: area.code } });\n    }\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.Services {\n  display: grid;\n  grid-template-rows: 300px minmax(448px, 2fr);\n  height: 100%;\n  overflow: auto;\n  background: white;\n}\n\n.backgroundBuild {\n  width: 100%;\n  height: 452.8px;\n  position: fixed;\n  max-width: 450px;\n  width: 100%;\n  left: 50%;\n  transform: translate(-50%);\n  grid-row: 1;\n  background-attachment: fixed;\n  background-position: initial;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-image: url(../../../assets/mobileFSFB/backgroundBuild.png);\n}\n\n::-webkit-scrollbar {\n  display: none;\n}\n\n.containerBox {\n  width: 100%;\n  height: fit-content;\n  // max-height: 100%;\n  // overflow-y: auto;\n  position: relative;\n  grid-row: 2;\n  background: var(--color-white);\n  border-radius: 24px 24px 0px 0px;\n}\n\n.goBack {\n  position: absolute;\n  top: 21px;\n  z-index: 6;\n}\n\n.SedeTitle {\n  font-size: 30px;\n  line-height: 35px;\n  color: #001698;\n}\n\n.smallest {\n  font-size: 15px;\n  line-height: 23px;\n}\n\n.descP {\n  font-size: 17px;\n  line-height: 22px;\n  color: #788591;\n}\n\n.arrowButtonServices {\n  width: 100%;\n  min-height: 80px;\n  text-align: start;\n  padding: 1rem;\n  background: #ffffff;\n  box-shadow: 0px 1px 2px rgba(21, 21, 21, 0.02),\n    0px 4px 8px rgba(21, 21, 21, 0.08);\n  border-radius: 20px;\n}\n\n.buttonText {\n  font-size: 22px;\n  line-height: 26px;\n  color: #788591;\n}\n\n.headerFake {\n  position: fixed;\n  height: 120px;\n  max-width: 450px;\n  width: 100%;\n  left: 50%;\n  transform: translate(-50%);\n  right: 0;\n  background-attachment: fixed;\n  background-position: initial;\n  background-repeat: no-repeat;\n  background-size: cover;\n  background-image: url(../../../assets/mobileFSFB/backgroundBuild.png);\n  z-index: 5;\n}\n\n.caveFake {\n  position: sticky;\n  top: 105px;\n  width: 100%;\n  height: 35px;\n  border-radius: 25px;\n  z-index: 6;\n  border: 16px solid white;\n  border-bottom: none;\n}\n\n@media screen and (max-width: 376px) {\n  .backgroundBuild {\n    background-size: contain;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Services.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Services.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Services.vue?vue&type=template&id=1313af09&scoped=true&lang=pug&\"\nimport script from \"./Services.vue?vue&type=script&lang=js&\"\nexport * from \"./Services.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Services.vue?vue&type=style&index=0&id=1313af09&lang=scss&scoped=true&\"\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  \"1313af09\",\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/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/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Services.vue?vue&type=style&index=0&id=1313af09&lang=scss&scoped=true&\""],"sourceRoot":""}