{"version":3,"file":"ModalTokenDetails-ff16fe4e.js","sources":["../../../app/javascript/components/modal/ModalTokenDetails.vue"],"sourcesContent":["<template>\n  <BaseDrawer position=\"right\" size-class=\"w-[36rem]\" class=\"text-white\" :overlay=\"false\" @update:model-value=\"hide\">\n    <div class=\"flex flex-col\" v-if=\"coinData.coin\">\n      <a\n        v-bind=\"{ ...(!signalNews(newsItem) && { href: newsItem?.link }) }\"\n        target=\"_blank\"\n        class=\"flex flex-col space-y-0.5 bg-blue-900/25 px-4 py-2 text-xs font-medium text-blue-100\"\n        v-if=\"newsItem\"\n      >\n        <span class=\"text-xs opacity-50\">\n          {{ minimalTimeWithinToday(newsItem.timestamp) }}\n          <span v-if=\"newsItem.sources\"> - {{ newsItem.sources.map(s => s.name)[0] }} </span>\n        </span>\n        <div class=\"flex items-center\">\n          <p class=\"line-clamp-2\" v-html=\"newsItem.translated_headline || newsItem.headline\"></p>\n        </div>\n      </a>\n      <div class=\"mt-4 flex flex-row items-center justify-between px-2\">\n        <div class=\"flex space-x-1\">\n          <CoinIcon :coin=\"coinData.coin_uid\" class=\"h-6 w-6\" />\n          <div>\n            <span @click=\"onCoinClick()\" class=\"coin-name\">\n              <div class=\"cursor-pointer text-lg font-medium leading-none\">\n                {{ coinData.coin.name }}\n              </div>\n            </span>\n            <div v-if=\"newsItem\" class=\"mt-0.5 leading-none\">\n              <div class=\"ml-auto flex items-center space-x-2\">\n                <span class=\"text-xs font-medium text-secondary\">Since Article</span>\n                <div\n                  v-for=\"tf in timeframes\"\n                  :key=\"tf.id\"\n                  :disabled=\"tf.disable ? true : false\"\n                  @click=\"handleAction(tf.id, tf.disable)\"\n                  class=\"rounded px-2 py-0.5 text-xs font-medium\"\n                  :class=\"`${\n                    tf.id == selectedTimeframe && !tf.disable\n                      ? 'bg-blue-900 text-blue-100'\n                      : 'bg-gray-800 text-gray-400 duration-100'\n                  } ${\n                    tf.disable\n                      ? 'cursor-not-allowed bg-gray-700'\n                      : 'cursor-pointer hover:bg-blue-900 hover:text-blue-100'\n                  }`\"\n                >\n                  {{ tf.text }}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"w-28 space-y-1 pr-4 text-left\">\n          <div class=\"text-lg font-medium leading-none text-white\">\n            <span :class=\"coinData.ticker + '_price'\">${{ formatPrice(coinData.price) }}</span>\n          </div>\n          <div class=\"flex items-center\" v-if=\"priceChange\">\n            <div class=\"inline text-xs font-medium leading-none\">\n              <span class=\"mr-1 text-gray-400\">\n                {{ !newsItem || !selectedTimeframe ? 'SA' : selectedTimeframe }}\n              </span>\n            </div>\n            <BasePercent :percent=\"priceChange * 100\" class=\"font-medium\" />\n          </div>\n        </div>\n      </div>\n      <div class=\"py-3\">\n        <div class=\"w-100 flex flex-row px-4\">\n          <div class=\"flex-1 whitespace-nowrap px-3 text-center\">\n            <div class=\"text-xs font-medium text-secondary\">Tweets (24hr)</div>\n            <div class=\"text-xl font-medium\">\n              <span v-if=\"noSmaAlias\"></span>\n              <span v-else> {{ formatNumber(coinData.tweet_volume) }}</span>\n            </div>\n            <span\n              class=\"relative inline-flex items-end text-xs font-medium text-gray-400\"\n              v-if=\"tweetsChange && !noSmaAlias\"\n            >\n              <BasePercent :percent=\"tweetsChange * 100\" class=\"font-medium\" />\n              <BaseTooltip>\n                <template #target>\n                  <span class=\"ml-0.5 mt-0.5 flex flex-col justify-center\">\n                    {{ !newsItem || !selectedTimeframe ? ' SA' : selectedTimeframe }}\n                  </span>\n                </template>\n                <template #default>{{ getTooltipContent() }}</template>\n              </BaseTooltip>\n            </span>\n          </div>\n          <div class=\"flex-1 whitespace-nowrap px-3 text-center\">\n            <div class=\"text-xs font-medium text-secondary\">Volume (24hr)</div>\n            <div class=\"text-xl font-medium\" v-if=\"coinData.trading_volume\">\n              ${{ formatNumber(coinData.trading_volume) }}\n            </div>\n            <span class=\"inline-flex items-end text-xs font-medium text-gray-400\" v-if=\"volumeChange\">\n              <BasePercent :percent=\"volumeChange * 100\" class=\"font-medium\" />\n              <BaseTooltip>\n                <template #target>\n                  <span class=\"ml-0.5 mt-0.5 flex flex-col justify-center\">\n                    {{ !newsItem || !selectedTimeframe ? ' SA' : selectedTimeframe }}\n                  </span>\n                </template>\n                <template #default>{{ getTooltipContent() }}</template>\n              </BaseTooltip>\n            </span>\n          </div>\n          <div class=\"flex-1 whitespace-nowrap px-3 text-center\">\n            <div class=\"text-xs font-medium text-secondary\">Daily Sentiment</div>\n            <div class=\"text-xl font-medium\">\n              <span v-if=\"noSmaAlias\"></span>\n              <SentimentScoreWithBar\n                :sentiment=\"coinData.daily_sentiment\"\n                text-align=\"justify-center\"\n                icon-size=\"w-6 h-2\"\n                v-else\n              />\n            </div>\n            <span class=\"inline-flex items-end text-xs font-medium text-gray-400\" v-if=\"sentimentChange && !noSmaAlias\">\n              <BasePercent :percent=\"sentimentChange * 100\" class=\"font-medium\" />\n              <BaseTooltip>\n                <template #target>\n                  <span class=\"ml-0.5 mt-0.5 flex flex-col justify-center\">\n                    {{ !newsItem || !selectedTimeframe ? ' SA' : selectedTimeframe }}\n                  </span>\n                </template>\n                <template #default>{{ getTooltipContent() }}</template>\n              </BaseTooltip>\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n    <NoDataFound class=\"pb-2 pt-4\" v-else />\n    <BaseCard class=\"m-2 h-48 max-h-64\" :collapsable=\"true\">\n      <template #header>\n        {{ `${noSmaAlias ? 'Price' : 'Tweet Volume vs. Price vs. Sentiment'}  ${newsItem ? 'vs. Event' : ''}` }}\n      </template>\n      <ChartPriceMktSentiment :series=\"filteredChartData\" :loading=\"isPriceChartLoading\" />\n    </BaseCard>\n    <BaseTabs v-model=\"tab\" :tabs=\"tabs\" class=\"overflow-auto\">\n      <TabPanel class=\"overflow-auto\">\n        <TableNewsSimple :data=\"coinNews\" :paginate=\"getCoinNews\" class=\"w-100 pb-10\" />\n      </TabPanel>\n      <TabPanel class=\"overflow-auto\">\n        <TableNewsSimple :data=\"similarNews\" :paginate=\"getSimilarNews\" class=\"w-100 pb-10\" />\n      </TabPanel>\n    </BaseTabs>\n  </BaseDrawer>\n</template>\n\n<script setup>\nimport { ref, onMounted, computed, watch } from 'vue';\nimport ChartPriceMktSentiment from '@/components/chart/ChartPriceMktSentiment.vue';\nimport TableNewsSimple from '@/components/table/TableNewsSimple.vue';\nimport { router } from '@inertiajs/vue3';\nimport useHttp from '@/composeables/http';\nimport { useStore } from 'vuex';\nimport { minimalTimeWithinToday, formatNumber, formatPrice } from '@/composeables/filters';\nimport { signalNews } from '@/composeables/news';\nimport { DateTime } from 'luxon';\nimport SentimentScoreWithBar from '@/components/SentimentScoreWithBar.vue';\n\nconst $store = useStore();\nconst $http = useHttp();\n\nconst props = defineProps({\n  coin: { type: String, default: 'ethereum' },\n  newsItem: { type: Object, default: () => {} },\n  socialNews: { type: Boolean, default: false }\n});\n\n// COIN NEWS\nconst coinNews = ref([]);\nasync function getCoinNews(pageParams = { page: 1, perPage: 20 }) {\n  if (props.coin != '') {\n    let response = await $http.get(`/data/coin_news`, {\n      params: { coin_uid: props.coin, page: pageParams.page, limit: pageParams.perPage }\n    });\n    coinNews.value.push(...response.data.data);\n  }\n  return pageParams;\n}\n\n// TAB\nconst tab = ref('recent');\nconst tabValues = ref([\n  { id: 'recent', label: 'Recent News' },\n  { id: 'similar', label: 'Similar News' }\n]);\nconst tabs = ref([]);\n\n// NEWS ITEM\nwatch(\n  () => props.newsItem,\n  val => {\n    if (val) {\n      selectedTimeframe.value = null;\n      checkDataAvailable();\n      loadSideBar();\n    }\n    checkToShowSimilarNews();\n  }\n);\nconst newsItemId = computed(() => {\n  return props.newsItem ? props.newsItem.id : null;\n});\n\n// SIMILAR NEWS\nconst similarNews = ref([]);\nonMounted(() => {\n  checkToShowSimilarNews();\n});\nasync function getSimilarNews(pageParams = { page: 1, perPage: 20 }) {\n  if (newsItemId.value > 0 && !props.socialNews) {\n    let response = await $http.get('/data/similar_news', {\n      params: {\n        news_item_id: newsItemId.value,\n        page: pageParams.page,\n        limit: pageParams.perPage\n      }\n    });\n    if (pageParams.page == 1) {\n      similarNews.value = response.data.data;\n    } else {\n      similarNews.value.push(...response.data.data);\n    }\n  }\n  return pageParams;\n}\n\nfunction checkToShowSimilarNews() {\n  if (!props.newsItem || props.socialNews) {\n    tabs.value = tabValues.value.filter(r => {\n      return r.id !== 'similar';\n    });\n    tab.value = 'recent';\n  } else {\n    tabs.value = tabValues.value;\n  }\n}\n\n// CHART LOADING\nconst isPriceChartLoading = ref(true);\n\n// TIMEFRAME\nconst timeframes = ref([\n  {\n    id: '1D',\n    text: '1d',\n    disable: true,\n    tooltip: '1 Day'\n  },\n  {\n    id: '3D',\n    text: '3d',\n    disable: true,\n    tooltip: '3 Days'\n  },\n  {\n    id: '7D',\n    text: '7d',\n    disable: true,\n    tooltip: '7 Days'\n  }\n]);\nconst selectedTimeframe = ref(null);\n\n// COIN DATA\nconst coinData = computed(() => {\n  return $store.getters.coins.find(x => x.coin_uid === props.coin) || {};\n});\nconst coinSinceData = ref('');\nconst coinDataArticleTime = ref('');\n\nfunction getCoinData(timeframe) {\n  const timeStamp = props.newsItem ? props.newsItem.timestamp : '';\n  coinSinceData.value = '';\n  coinDataArticleTime.value = '';\n  if (props.coin != '') {\n    $http\n      .get(`/data/since_article`, {\n        params: {\n          coin_uid: props.coin,\n          since: timeStamp,\n          to: timeframe\n        }\n      })\n      .then(response => {\n        // eslint-disable-next-line chai-friendly/no-unused-expressions\n        timeframe ? (coinSinceData.value = response.data) : (coinDataArticleTime.value = response.data);\n      });\n  }\n}\nfunction getCoinDataAll() {\n  getCoinData(selectedTimeframe.value ? selectedTimeframe.value : '1D');\n  getCoinData(null);\n}\n\n// NO SMA ALIAS\nconst noSmaAlias = computed(() => {\n  return !coinData.value.tweet_volume || coinData.value.tweet_volume < 12;\n});\n\n// CHART DATA\nconst chartData = ref({});\nconst filteredChartData = computed(() => {\n  return noSmaAlias.value ? { price: chartData.value.price, event: chartData.value.event } : chartData.value;\n});\n\nasync function getChartData() {\n  isPriceChartLoading.value = true;\n  chartData.value = {};\n  const timeStamp = props.newsItem ? props.newsItem.timestamp : '';\n  try {\n    const resp = await $http.get(`/data/price_sentiment_chart`, {\n      params: {\n        coin_uid: props.coin,\n        newstime: timeStamp,\n        to: selectedTimeframe.value ? selectedTimeframe.value : '1D'\n      }\n    });\n    setTimeout(() => {\n      chartData.value = resp.data;\n      isPriceChartLoading.value = false;\n    }, 1500);\n  } catch (error) {\n    chartData.value = {};\n    isPriceChartLoading.value = false;\n  }\n}\n\n// DATA AVAILABLE\nfunction checkDataAvailable() {\n  timeframes.value.forEach(i => {\n    i.disable = true;\n  });\n  const timestamp = props.newsItem ? props.newsItem.timestamp : null;\n  if (timestamp) {\n    const diff = getDaysBetweenDate(timestamp);\n    if (diff > 1) {\n      selectedTimeframe.value = '1D';\n      timeframes.value[0].disable = false;\n    }\n    if (diff > 3) {\n      timeframes.value[1].disable = false;\n    }\n    if (diff > 7) {\n      timeframes.value[2].disable = false;\n    }\n  }\n}\nonMounted(() => {\n  checkDataAvailable();\n});\n\n// LOAD SIDEBAR\nfunction loadSideBar() {\n  getCoinNews();\n  getSimilarNews();\n  getChartData();\n  getCoinDataAll();\n}\nonMounted(() => {\n  loadSideBar();\n});\n\n// COIN\nwatch(\n  () => props.coin,\n  val => {\n    if (val) {\n      coinNews.value = [];\n      similarNews.value = [];\n      checkDataAvailable();\n      loadSideBar();\n    }\n\n    checkToShowSimilarNews();\n  }\n);\n\n// SOCIAL NEWS\nwatch(\n  () => props.socialNews,\n  () => {\n    checkToShowSimilarNews();\n  }\n);\n\n// TWEETS CHANGE\nconst tweetsChange = computed(() => {\n  return coinSinceData.value.tweet_volume / coinDataArticleTime.value.tweet_volume - 1;\n});\n\n// VOLUME CHANGE\nconst volumeChange = computed(() => {\n  return coinSinceData.value.trading_volume / coinDataArticleTime.value.trading_volume - 1;\n});\n\n// SENTIMENT CHANGE\nconst sentimentChange = computed(() => {\n  return coinSinceData.value.daily_sentiment / coinDataArticleTime.value.daily_sentiment - 1;\n});\n\n// PRICE CHANGE\nconst priceChange = computed(() => {\n  return coinSinceData.value.price / coinDataArticleTime.value.price - 1;\n});\n\n// SET TOOLTIP\nfunction getTooltipContent() {\n  return !selectedTimeframe.value\n    ? 'Since Article'\n    : timeframes.value.find(x => x.id == selectedTimeframe.value).tooltip;\n}\n\n// HIDE SIDEBAR\nfunction hide() {\n  $store.dispatch('resetCoinSidebar');\n}\nfunction getDaysBetweenDate(date) {\n  const targetDate = DateTime.fromISO(date);\n  const currentDate = DateTime.now();\n  return currentDate.diff(targetDate, 'days').days;\n}\n\n// HANDLE TIMEFRAME CLICK\nfunction handleAction(id, disable) {\n  const timestamp = props.newsItem ? props.newsItem.timestamp : '';\n  if (timestamp) {\n    const diff = getDaysBetweenDate(timestamp);\n    if (id == '1D' && diff > 1 && !disable) {\n      selectedTimeframe.value = id;\n      loadSideBar();\n    } else if (id == '3D' && diff > 3 && !disable) {\n      selectedTimeframe.value = id;\n      loadSideBar();\n    } else if (id == '7D' && diff > 7 && !disable) {\n      selectedTimeframe.value = id;\n      loadSideBar();\n    }\n  }\n}\n\n// COIN CLICK\nfunction onCoinClick() {\n  $store.dispatch('resetCoinSidebar');\n  router.visit(`/coin/${coinData.value.coin_uid}`);\n}\n</script>\n"],"names":["$store","useStore","$http","useHttp","coinNews","ref","getCoinNews","pageParams","props","response","tab","tabValues","tabs","watch","val","selectedTimeframe","checkDataAvailable","loadSideBar","checkToShowSimilarNews","newsItemId","computed","similarNews","onMounted","getSimilarNews","r","isPriceChartLoading","timeframes","coinData","x","coinSinceData","coinDataArticleTime","getCoinData","timeframe","timeStamp","getCoinDataAll","noSmaAlias","chartData","filteredChartData","getChartData","resp","i","timestamp","diff","getDaysBetweenDate","tweetsChange","volumeChange","sentimentChange","priceChange","getTooltipContent","hide","date","targetDate","DateTime","handleAction","id","disable","onCoinClick","router"],"mappings":"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"}