{"version":3,"file":"AlertsCustomVisualizationResearch-31d5ca52.js","sources":["../../../app/javascript/components/alerts/custom/visualization/AlertsCustomVisualizationResearch.vue"],"sourcesContent":["<template>\n  <div v-if=\"Object.values(isDataReady).every(v => v === true)\" class=\"h-full w-full overflow-y-scroll\">\n    <div v-if=\"!alertConfig.research_publisher_id\" 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 a Publisher 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=\"h-1/4 rounded border border-gray-800 bg-gray-800/25\">\n          <BaseHistogramChart v-if=\"showChart\" :options=\"chartOptions\" :series=\"formattedSeries\" :bin-number=\"20\" />\n\n          <div class=\"flex h-full w-full items-center justify-center space-x-2\" v-else>\n            <ExclamationCircleIcon class=\"h-4 w-4 text-gray-400\" />\n            <span class=\"block text-xs\"> No Data Found </span>\n          </div>\n        </div>\n        <div class=\"flex justify-end\">\n          <BaseRadio v-model=\"selectedTimeframe\" :options=\"timeframes.map(t => t.id)\" />\n        </div>\n        <div class=\"flex-1 overflow-y-scroll rounded border border-gray-800\">\n          <ResearchShortList class=\"h-full\" :research-articles=\"articles\" />\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 } from 'vue';\nimport { DateTime } from 'luxon';\nimport { timeframes } from '@/components/alerts/custom/visualization/AlertsCustomVisualizationTimeframes.js';\nimport BaseHistogramChart from '@/components/chart/BaseHistogramChart.vue';\nimport ResearchShortList from '@/components/research/ResearchShortList.vue';\nimport useEmitter from '@/composeables/emitter';\nimport { ExclamationCircleIcon } from '@heroicons/vue/24/outline';\n\nconst emitter = useEmitter();\nconst $http = inject('http');\nconst isDataReady = ref({ articles: true });\n\nconst articles = ref([]);\nconst selectedTimeframe = ref('6M');\n\nconst formattedSeries = computed(() => {\n  const date = new Date();\n  const timeframe = timeframes.find(e => e.id == selectedTimeframe.value);\n  const startDatetime = new Date(date.getTime() - timeframe.time).toISOString();\n  return [\n    {\n      name: 'Research Articles',\n      data: articles.value\n        .filter(e => e.created_at >= startDatetime)\n        .map(e => {\n          return DateTime.fromISO(e.created_at, { zone: 'utc' }).ts;\n        })\n    }\n  ];\n});\n\nconst showChart = computed(() => {\n  return formattedSeries.value[0].data.length > 0;\n});\n\nasync function refreshPreview() {\n  isDataReady.value.articles = false;\n  const params = {\n    company: alertConfig.value.research_publisher_id\n  };\n  let response = await $http.get('/research.json', { params: params });\n  articles.value = response.data.articles;\n  isDataReady.value.articles = true;\n}\n\nconst alertConfig = ref({});\n\nonMounted(() => {\n  if (props.alert) {\n    alertConfig.value = props.alert.config;\n    refreshPreview();\n  }\n  emitter.$on('config:alert', data => {\n    alertConfig.value = data.config;\n    refreshPreview();\n  });\n});\n\nconst chartOptions = computed(() => {\n  const timeframe = timeframes.find(e => e.id == selectedTimeframe.value);\n  const date = new Date();\n  return {\n    chart: {\n      id: 'alerts-create-visualization-chart'\n    },\n    xAxis: {\n      type: 'datetime',\n      max: DateTime.fromISO(date).ts,\n      min: DateTime.fromISO(new Date(date.getTime() - timeframe.time).toISOString()).ts\n    },\n    tooltip: {\n      selectedTimeframe: timeframe\n    }\n  };\n});\n\nconst props = defineProps({\n  alert: {\n    type: Object,\n    default: () => null\n  }\n});\n</script>\n"],"names":["emitter","useEmitter","$http","inject","isDataReady","ref","articles","selectedTimeframe","formattedSeries","computed","date","timeframe","timeframes","e","startDatetime","DateTime","showChart","refreshPreview","params","alertConfig","response","onMounted","props","data","chartOptions"],"mappings":"62CA0CMA,EAAUC,EAAU,EACpBC,EAAQC,EAAO,MAAM,EACrBC,EAAcC,EAAI,CAAE,SAAU,EAAM,CAAA,EAEpCC,EAAWD,EAAI,CAAA,CAAE,EACjBE,EAAoBF,EAAI,IAAI,EAE5BG,EAAkBC,EAAS,IAAM,CACrC,MAAMC,EAAO,IAAI,KACXC,EAAYC,EAAW,KAAKC,GAAKA,EAAE,IAAMN,EAAkB,KAAK,EAChEO,EAAgB,IAAI,KAAKJ,EAAK,QAAS,EAAGC,EAAU,IAAI,EAAE,cAChE,MAAO,CACL,CACE,KAAM,oBACN,KAAML,EAAS,MACZ,OAAOO,GAAKA,EAAE,YAAcC,CAAa,EACzC,IAAID,GACIE,EAAS,QAAQF,EAAE,WAAY,CAAE,KAAM,MAAO,EAAE,EACxD,CACJ,CACL,CACA,CAAC,EAEKG,EAAYP,EAAS,IAClBD,EAAgB,MAAM,CAAC,EAAE,KAAK,OAAS,CAC/C,EAED,eAAeS,GAAiB,CAC9Bb,EAAY,MAAM,SAAW,GAC7B,MAAMc,EAAS,CACb,QAASC,EAAY,MAAM,qBAC/B,EACE,IAAIC,EAAW,MAAMlB,EAAM,IAAI,iBAAkB,CAAE,OAAQgB,CAAM,CAAE,EACnEZ,EAAS,MAAQc,EAAS,KAAK,SAC/BhB,EAAY,MAAM,SAAW,EAC/B,CAEA,MAAMe,EAAcd,EAAI,CAAA,CAAE,EAE1BgB,EAAU,IAAM,CACVC,EAAM,QACRH,EAAY,MAAQG,EAAM,MAAM,OAChCL,KAEFjB,EAAQ,IAAI,eAAgBuB,GAAQ,CAClCJ,EAAY,MAAQI,EAAK,OACzBN,GACJ,CAAG,CACH,CAAC,EAED,MAAMO,EAAef,EAAS,IAAM,CAClC,MAAME,EAAYC,EAAW,KAAKC,GAAKA,EAAE,IAAMN,EAAkB,KAAK,EAChEG,EAAO,IAAI,KACjB,MAAO,CACL,MAAO,CACL,GAAI,mCACL,EACD,MAAO,CACL,KAAM,WACN,IAAKK,EAAS,QAAQL,CAAI,EAAE,GAC5B,IAAKK,EAAS,QAAQ,IAAI,KAAKL,EAAK,QAAS,EAAGC,EAAU,IAAI,EAAE,YAAW,CAAE,EAAE,EAChF,EACD,QAAS,CACP,kBAAmBA,CACpB,CACL,CACA,CAAC"}