{"version":3,"file":"AlertsCustomVisualizationSEC-ad691968.js","sources":["../../../app/javascript/components/alerts/custom/visualization/AlertsCustomVisualizationSEC.vue"],"sourcesContent":["<template>\n  <div v-if=\"Object.values(isDataReady).every(v => v === true)\" class=\"h-full w-full\">\n    <div v-if=\"!keywords.length\" class=\"flex h-full w-full flex-col\">\n      <div class=\"m-auto\">\n        <div class=\"flex h-5 w-full items-center space-x-2\">\n          <ExclamationCircleIcon class=\"h-4 w-4 text-gray-400\" />\n          <span class=\"block text-xs\">Select an SEC Filing Form Type to Visualize</span>\n        </div>\n      </div>\n    </div>\n    <span v-else>\n      <div class=\"flex h-full flex-col space-y-4\">\n        <div class=\"flex-1 overflow-y-scroll rounded border border-gray-800\">\n          <TableNewsSimple :data=\"newsPreview\" />\n        </div>\n      </div>\n    </span>\n  </div>\n  <div v-else class=\"flex flex-col pr-8\">\n    <BaseLoader class=\"m-auto h-5 w-5\" />\n  </div>\n</template>\n<script setup>\nimport { ref, onMounted, inject, computed, onBeforeMount } from 'vue';\nimport { useStore } from 'vuex';\nimport { ExclamationCircleIcon } from '@heroicons/vue/24/outline';\nimport TableNewsSimple from '@/components/table/TableNewsSimple.vue';\nimport useEmitter from '@/composeables/emitter';\n\nconst emitter = useEmitter();\nconst $http = inject('http');\nconst store = useStore();\n\nconst isDataReady = ref({ sec: false });\n\nconst selectedId = ref(null);\nconst keywords = ref([]);\nconst newsPreview = ref([]);\nconst alertConfig = ref({});\nconst feeds = ref([]);\n\nasync function fetchNewsFeeds() {\n  isDataReady.value.sec = false;\n  const response = await $http.get('/news_feeds');\n  feeds.value = response.data.news_feeds.filter(x => !store.getters.defaultFeeds.includes(x.name));\n  isDataReady.value.sec = true;\n}\n\nasync function refreshPreview() {\n  isDataReady.value.sec = false;\n  let response = await $http.get('/data/news?want_firehose=true', { params: apiFeedState.value });\n  newsPreview.value = response.data.data;\n  isDataReady.value.sec = true;\n}\n\nonBeforeMount(() => {});\n\nonMounted(() => {\n  if (props.alert) {\n    keywords.value = props.alert.config.keywords;\n    refreshPreview();\n  }\n  emitter.$on('config:alert', data => {\n    alertConfig.value = data.config;\n    keywords.value = data.config.keywords;\n    refreshPreview();\n  });\n  fetchNewsFeeds();\n});\n\nconst apiFeedState = computed(() => {\n  function getKeywordsList() {\n    return keywords.value?.map(e => {\n      return `Form: ${e} `;\n    });\n  }\n\n  return {\n    keywords: getKeywordsList()\n  };\n});\n\nconst props = defineProps({\n  alert: {\n    type: Object,\n    default: () => null\n  }\n});\n</script>\n"],"names":["emitter","useEmitter","$http","inject","store","useStore","isDataReady","ref","keywords","newsPreview","alertConfig","feeds","fetchNewsFeeds","response","x","refreshPreview","apiFeedState","onBeforeMount","onMounted","props","data","computed","getKeywordsList","_a","e"],"mappings":"w/CA6BMA,EAAUC,EAAU,EACpBC,EAAQC,EAAO,MAAM,EACrBC,EAAQC,EAAQ,EAEhBC,EAAcC,EAAI,CAAE,IAAK,EAAO,CAAA,EAEnBA,EAAI,IAAI,EAC3B,MAAMC,EAAWD,EAAI,CAAA,CAAE,EACjBE,EAAcF,EAAI,CAAA,CAAE,EACpBG,EAAcH,EAAI,CAAA,CAAE,EACpBI,EAAQJ,EAAI,CAAA,CAAE,EAEpB,eAAeK,GAAiB,CAC9BN,EAAY,MAAM,IAAM,GACxB,MAAMO,EAAW,MAAMX,EAAM,IAAI,aAAa,EAC9CS,EAAM,MAAQE,EAAS,KAAK,WAAW,OAAOC,GAAK,CAACV,EAAM,QAAQ,aAAa,SAASU,EAAE,IAAI,CAAC,EAC/FR,EAAY,MAAM,IAAM,EAC1B,CAEA,eAAeS,GAAiB,CAC9BT,EAAY,MAAM,IAAM,GACxB,IAAIO,EAAW,MAAMX,EAAM,IAAI,gCAAiC,CAAE,OAAQc,EAAa,KAAK,CAAE,EAC9FP,EAAY,MAAQI,EAAS,KAAK,KAClCP,EAAY,MAAM,IAAM,EAC1B,CAEAW,EAAc,IAAM,CAAE,CAAA,EAEtBC,EAAU,IAAM,CACVC,EAAM,QACRX,EAAS,MAAQW,EAAM,MAAM,OAAO,SACpCJ,KAEFf,EAAQ,IAAI,eAAgBoB,GAAQ,CAClCV,EAAY,MAAQU,EAAK,OACzBZ,EAAS,MAAQY,EAAK,OAAO,SAC7BL,GACJ,CAAG,EACDH,GACF,CAAC,EAED,MAAMI,EAAeK,EAAS,IAAM,CAClC,SAASC,GAAkB,OACzB,OAAOC,EAAAf,EAAS,QAAT,YAAAe,EAAgB,IAAIC,GAClB,SAASA,CAAC,IAEpB,CAED,MAAO,CACL,SAAUF,EAAiB,CAC/B,CACA,CAAC"}