{"version":3,"sources":["webpack:///./src/components/InformativoCoamo/InformativoCoamo.styl?5bd6","webpack:///./src/components/InformativoCoamo/InformativoCoamo.vue?9773","webpack:///./src/components/InformativoCoamo/InformativoCoamo.vue?462e","webpack:///./src/components/InformativoCoamo/InformativoCoamo.vue","webpack:///src/components/InformativoCoamo/InformativoCoamo.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_l","item","index","staticClass","_v","_s","name","description","staticStyle","href","_e","staticRenderFns","component","require","data","lastInformativos","access_token","lista","icons","faChevronDown","client_id","secret","methods","toggleFrame","getAuth","setting","auth_token","Buffer","token_url","axios","headers","then","getInformativos","Authorization","params","limit","market","response","isOpen","computed","filteredList","settings","created","watch"],"mappings":"oHAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,qBAAqB,CAACF,EAAG,KAAKJ,EAAIO,GAAIP,EAAgB,cAAE,SAASQ,EAAKC,GAAO,OAAQA,EAAQ,EAAGL,EAAG,KAAK,CAACA,EAAG,MAAM,CAACM,YAAY,UAAU,CAACN,EAAG,MAAM,CAACM,YAAY,UAAU,CAACN,EAAG,IAAI,CAACM,YAAY,QAAQ,CAACV,EAAIW,GAAGX,EAAIY,GAAGJ,EAAKK,aAAaT,EAAG,MAAM,CAACM,YAAY,mBAAmB,CAACN,EAAG,IAAI,CAACM,YAAY,eAAe,CAACV,EAAIW,GAAGX,EAAIY,GAAGJ,EAAKM,gBAAgBV,EAAG,SAAS,CAACW,YAAY,CAAC,gBAAgB,QAAQT,MAAM,CAAC,IAAME,EAAKQ,KAAK,MAAQ,MAAM,OAAS,MAAM,YAAc,IAAI,gBAAkB,GAAG,MAAQ,6EAA6E,QAAU,cAAchB,EAAIiB,QAAO,MAChtBC,EAAkB,G,YCDmV,S,wBCQrWC,EAAY,eACd,EACApB,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,4PCJfC,EAAQA,QAAUA,SAEH,QACbP,KAAFA,8BACEQ,KAFF,WAGI,MAAJ,CACMC,iBAANA,GACMC,aAANA,GACMC,MAANA,GACMC,MAANA,CACQC,cAARA,QAEMC,UAANA,GACMC,OAANA,KAGEC,QAAFA,CACIC,YADJ,SACArB,GACM,KAAN,6DAEIsB,QAJJ,WAIM,IAAN,OAAM,OAAN,qDAAQ,IAAR,YAAQ,OAAR,2FACA,YADA,IACA,2BAAAC,UACA,iDACA,+CAHA,qCAKAC,EAAAC,+EAEAC,EAAA,yCACAd,EAAA,gCARA,SAUAe,cACAC,SACoB,cAAiB,SAArC,UACoB,eAAgB,uCAEpCC,MAAA,YACA,mCACA,uBAjBA,8CAoBIC,gBAxBJ,WAwBM,IAAN,OAAM,OAAN,qDAAQ,IAAR,EAAQ,OAAR,0FACA,iFACAF,SACoBG,cAAeA,UAAnCA,wBAEAC,QACoBC,MAAOA,IACPC,OAAQA,QAP5B,OACAC,EADA,OAUA,0DACA/B,YACAG,oFACAF,0BACA+B,cAdA,+CAkBEC,SAAFA,CACIC,aADJ,WAMA,OAJA,qDACA,qCACA,YAEA,YAEIC,SARJ,WASM,OAAN,6BAGEC,QApEF,WAqEI,KAAJ,kCAEEC,MAAFA,CACIF,SAAJA,WACM,KAAN,e","file":"js/InformativoCoamo.7ed9abc7.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--12-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--12-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--12-oneOf-1-2!../../../node_modules/stylus-loader/index.js??ref--12-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--12-oneOf-1-4!./InformativoCoamo.styl?vue&type=style&index=0&id=4b0227ae&lang=stylus&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"informativoCoamo\"}},[_c('ul',_vm._l((_vm.filteredList),function(item,index){return (index < 1)?_c('li',[_c('div',{staticClass:\"header\"},[_c('div',{staticClass:\"titles\"},[_c('p',{staticClass:\"name\"},[_vm._v(_vm._s(item.name))])])]),_c('div',{staticClass:\"iframeContainer\"},[_c('p',{staticClass:\"description\"},[_vm._v(_vm._s(item.description))]),_c('iframe',{staticStyle:{\"border-radius\":\"12px\"},attrs:{\"src\":item.href,\"width\":\"60%\",\"height\":\"152\",\"frameBorder\":\"0\",\"allowfullscreen\":\"\",\"allow\":\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\",\"loading\":\"lazy\"}})])]):_vm._e()}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./InformativoCoamo.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!./InformativoCoamo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InformativoCoamo.vue?vue&type=template&id=4b0227ae&scoped=true&lang=pug&\"\nimport script from \"./InformativoCoamo.vue?vue&type=script&lang=js&\"\nexport * from \"./InformativoCoamo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InformativoCoamo.styl?vue&type=style&index=0&id=4b0227ae&lang=stylus&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  \"4b0227ae\",\n  null\n  \n)\n\nexport default component.exports","<template lang=\"pug\">\r\n    #informativoCoamo\r\n        ul\r\n            li(v-for=\"item, index in filteredList\" v-if=\"index < 1\")\r\n                .header\r\n                    .titles\r\n                        p.name {{ item.name }}\r\n                .iframeContainer\r\n                    p.description {{ item.description }}\r\n                    <iframe style=\"border-radius:12px\" :src=\"item.href\" width=\"60%\" height=\"152\" frameBorder=\"0\" allowfullscreen=\"\" allow=\"autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture\" loading=\"lazy\"></iframe>\r\n</template>\r\n\r\n<script>\r\nimport { faChevronDown } from '@fortawesome/free-solid-svg-icons'\r\nimport axios from 'axios'\r\nrequire(\"dotenv\").config();\r\n\r\nexport default {\r\n    name: \"component-informativo-coamo\",\r\n    data () {\r\n        return {\r\n            lastInformativos: [],\r\n            access_token: '',\r\n            lista: '',\r\n            icons: {\r\n                faChevronDown,\r\n            },\r\n            client_id: '',\r\n            secret: '',\r\n        }\r\n    },\r\n    methods: {\r\n        toggleFrame(index) {\r\n            this.lastInformativos[index].isOpen = !this.lastInformativos[index].isOpen\r\n        },\r\n        async getAuth () {\r\n            for (let setting of this.settings) {\r\n                if (setting.attribute === 'idSpotify') this.client_id = setting.value;\r\n                if (setting.attribute === 'apiSpotify') this.secret = setting.value;\r\n            }\r\n            const auth_token = Buffer.from(`${this.client_id}:${this.secret}`, `utf-8`).toString('base64')\r\n\r\n            const token_url = 'https://accounts.spotify.com/api/token'\r\n            const data = 'grant_type=client_credentials'\r\n\r\n            await axios.post(token_url, data, {\r\n                headers: {\r\n                    'Authorization': `Basic ${auth_token}`,\r\n                    'Content-Type': 'application/x-www-form-urlencoded'\r\n                }\r\n            }).then((data) => {\r\n                this.access_token = data.data.access_token\r\n                this.getInformativos()\r\n            })\r\n        },\r\n        async getInformativos() {\r\n            const response = await this.$axios.get(`https://api.spotify.com/v1/shows/3knJuO7xMpM91FgPUxnBsr/episodes`, {\r\n                headers: {\r\n                    Authorization: `Bearer ${this.access_token}`\r\n                },\r\n                params: {\r\n                    limit: `5`,\r\n                    market: `BR`,\r\n                }\r\n            })\r\n            this.lastInformativos = response.data.items.map((item, index) => ({\r\n                name: item.name,\r\n                href: `https://open.spotify.com/embed/episode/${item.id}?utm_source=generator`,\r\n                description: item.description,\r\n                isOpen: !index,\r\n            }))\r\n        },\r\n    },\r\n    computed: {\r\n        filteredList() {\r\n\t\t\tthis.lista = this.lastInformativos.filter(informativo => {\r\n\t\t\t\tif (!informativo.name.includes('Momento Coamo'))\r\n\t\t\t\t\treturn true\r\n\t\t\t})\r\n\t\t\treturn this.lista\r\n\t\t},\r\n        settings() {\r\n            return this.$store.state.settings\r\n        }\r\n    },\r\n    created() {\r\n        this.$store.dispatch('fetchSettings')\r\n    },\r\n    watch: {\r\n        settings: function () {\r\n            this.getAuth()\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"stylus\" scoped src=\"./InformativoCoamo.styl\"></style>\r\n\r\n"],"sourceRoot":""}