{"version":3,"file":"VirtualScrollItemNews-0956d6cb.js","sources":["../../../app/javascript/components/virtual_scroll_item/VirtualScrollItemNews.vue"],"sourcesContent":["<template>\n  <div v-if=\"!item.hide\" :class=\"`${newsGroupOpened(item.id) ? 'bg-gray-800/50' : ''}`\">\n    <div v-if=\"item.checkpoint\" class=\"mb-8 mt-3 flex w-full items-center border-b-2 border-blue-900\">\n      <div class=\"-mb-3 ml-auto mr-auto rounded-full bg-blue-900 px-3 py-1 text-xs text-blue-100\">\n        Left off at {{ minimalTimeWithinToday(item.checkpoint) }}\n      </div>\n    </div>\n    <div\n      class=\"relative flex\"\n      @mouseover=\"mouseEnter\"\n      @mouseleave=\"mouseLeave\"\n      :class=\"{ 'border-l-2 border-blue-400 bg-blue-900/[0.15]': recentNewsItem }\"\n    >\n      <div :class=\"`flex w-20 flex-col items-end justify-center px-1`\">\n        <NewsFeedItemActions\n          v-if=\"hovering\"\n          :is-starred=\"item.is_starred_by_my_team\"\n          @delete=\"adminDelete\"\n          @share-news-item=\"share\"\n          @toggle-starred=\"toggleStar\"\n          :can-delete=\"canEditOrDelete\"\n          :news-item-id=\"item.id\"\n          class=\"mb-1\"\n        />\n        <span :class=\"`flex items-center space-x-0.5 text-right text-xs text-secondary `\">\n          <div>{{ minimalTimeWithinToday(item.timestamp) }}</div>\n        </span>\n      </div>\n      <div class=\"flex-1 px-4 py-2\">\n        <div class=\"flex flex-row gap-1\">\n          <span\n            class=\"flex select-none items-center\"\n            @click=\"handleSourceClick\"\n            @mouseover=\"hoveringOverSource = true\"\n            @mouseleave=\"hoveringOverSource = false\"\n          >\n            <BaseButton v-if=\"hoveringOverSource\" type=\"blank\" size=\"xxs\" class=\"mr-1\">\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                class=\"h-3 w-3 text-red-500\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fill-rule=\"evenodd\"\n                  d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM7 9a1 1 0 000 2h6a1 1 0 100-2H7z\"\n                  clip-rule=\"evenodd\"\n                />\n              </svg>\n            </BaseButton>\n            <BaseTooltip>\n              <template #target>\n                <span :class=\"`text-xs ${hoveringOverSource ? 'cursor-pointer text-red-400' : 'text-gray-300'}`\">\n                  {{ sourceName }}\n                </span>\n              </template>\n              <template #default v-if=\"item.sources.length > 1\">\n                {{ item.sources.map(o => o.name).join(', ') }}\n              </template>\n            </BaseTooltip>\n          </span>\n          <NewsFeedItemStarredLabel\n            v-if=\"item.is_starred_by_my_team && item.starred_by_team_member\"\n            class=\"ml-2\"\n            :name=\"item.starred_by_team_member.email\"\n          />\n        </div>\n        <a v-bind=\"{ ...(!signalNews(item) && { href: item?.link }) }\" target=\"_blank\" class=\"flex items-center\">\n          <p\n            class=\"mt-0.5 line-clamp-2 cursor-pointer text-sm font-medium\"\n            @click=\"signalNews(item) && showOnChainSidebar(item.link)\"\n            v-html=\"item.group_similar_news ? item.grouped_headline : item.translated_headline || item.headline\"\n          />\n          <ArrowTopRightOnSquareIcon v-if=\"!signalNews(item)\" class=\"ml-1 h-4 w-4 flex-shrink-0\" />\n        </a>\n\n        <BaseButton\n          v-if=\"item.similarNews\"\n          type=\"secondary\"\n          size=\"xs\"\n          class=\"mt-1 rounded-full\"\n          @press=\"toggleVisibility(item.id)\"\n        >\n          <span class=\"mx-2 flex items-center\">\n            <span class=\"pr-0.5\">\n              {{ newsGroupOpened(item.id) ? 'Hide' : 'Show' }} {{ item.grouped.length }} Related Headlines\n            </span>\n            <ChevronDoubleDownIcon v-if=\"!newsGroupOpened(item.id)\" class=\"h-3 w-3\"></ChevronDoubleDownIcon>\n            <ChevronDoubleUpIcon v-if=\"newsGroupOpened(item.id)\" class=\"h-3 w-3\"></ChevronDoubleUpIcon>\n          </span>\n        </BaseButton>\n        <div class=\"mt-1 flex w-full justify-between text-xs text-secondary\">\n          <div class=\"flex flex-wrap\">\n            <NewsFeedItemTags :tags=\"item.tags\" :item=\"item\" @handle-tag-click=\"handleTagClick\" />\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"border border-gray-700 border-opacity-25\" />\n    <div v-if=\"newsGroupOpened(item.id)\" class=\"pl-[4.1rem]\">\n      <VirtualScrollItemNews\n        v-for=\"newItem in item.grouped\"\n        :key=\"newItem.id\"\n        :index=\"index\"\n        :is-focus-out=\"isFocusOut\"\n        :source=\"newItem\"\n        :from-labs=\"fromLabs\"\n        :is-grouped=\"true\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { copyToClipboard } from '@/composeables/helpers';\nimport { ChevronDoubleDownIcon, ChevronDoubleUpIcon, ArrowTopRightOnSquareIcon } from '@heroicons/vue/20/solid';\nimport NewsFeedItemTags from '@/components/news_feeds/NewsFeedItemTags.vue';\nimport NewsFeedItemStarredLabel from '@/components/news_feeds/NewsFeedItemStarredLabel.vue';\nimport NewsFeedItemActions from '@/components/news_feeds/NewsFeedItemActions.vue';\nimport { minimalTimeWithinToday } from '@/composeables/filters';\nimport { ref, onBeforeMount, inject, watch, computed, getCurrentInstance } from 'vue';\nimport { useStore } from 'vuex';\nimport { router } from '@inertiajs/vue3';\nimport { signalNews } from '@/composeables/news';\nimport { showOnChainSidebar } from '@/composeables/news';\nimport useEmitter from '@/composeables/emitter';\nimport useHttp from '@/composeables/http';\nimport { DateTime } from 'luxon';\n\nconst $store = useStore();\nconst $http = useHttp();\nconst $emitter = useEmitter();\nconst instance = getCurrentInstance();\nconst $root = instance.root.proxy;\nconst $parent = instance.parent.proxy;\n\nconst props = defineProps({\n  isFocusOut: { type: Boolean, default: () => false },\n  index: { type: Number },\n  source: { type: Object, default: () => {} },\n  fromLabs: { type: Boolean, default: () => false },\n  isGrouped: { type: Boolean, default: () => false },\n  showGroupedNewsItems: { type: Array, default: () => [] },\n  notChainFeed: { type: Boolean }\n});\n\nconst hovering = ref(false);\nconst hoveringOverSource = ref(false);\nconst holdingShift = ref(false);\nconst interval = ref(0);\nconst item = ref({});\n\nonBeforeMount(() => {\n  item.value = props.source;\n});\n\nwatch(\n  () => props.source,\n  () => {\n    item.value = props.source;\n  },\n  { deep: true }\n);\n\nconst canEditOrDelete = computed(() => {\n  return $store.getters.roles.includes('tie_team') && !props.fromLabs;\n});\n\nconst recentNewsItem = computed(() => {\n  const now = DateTime.now();\n  const minutes = now.diff(DateTime.fromISO(item.value.timestamp), 'minutes').minutes;\n  return minutes < 5 ? true : false;\n});\n\nconst companyTagGroups = computed(() => {\n  return $store.state.companyTagGroups;\n});\n\nconst sourceName = computed(() => {\n  return item.value.sources.length > 1\n    ? `${item.value.sources[0]?.name} and ${item.value.sources.length - 1} more`\n    : item.value.sources[0]?.name;\n});\n\nconst sortedTags = computed(() => {\n  const sigdev = item.value.tags.filter(i => i.type === 'sigdev');\n  const coins = item.value.tags.filter(i => i.type === 'coin');\n\n  return sigdev.concat(coins);\n});\n\nwatch(\n  () => props.isFocusOut,\n  () => {\n    // In order to remove shift exclude option on page focus out/ page hide\n    if (holdingShift.value) {\n      holdingShift.value = !holdingShift.value;\n    }\n  }\n);\n\nfunction handleTagClick(tag, newsItem) {\n  if (tag.tag_subgroup.name == 'Coins' && tag.coin) {\n    $store.dispatch('enableCoinSidebar', { coin: tag.coin.uid, newsItem: newsItem });\n  }\n\n  if (companyTagGroups.value.includes(tag.tag_subgroup.name)) {\n    const company = $store.state.companySlugs.find(x => x.tag == tag.id);\n    if (company) {\n      router.visit(`/company/${company.company_uid}`);\n    }\n  }\n}\n\nfunction handleSourceClick() {\n  if (props.notChainFeed) {\n    var source = item.value.sources[0];\n    $store.dispatch('confirm', `Are you sure you want to block ${source.name} for this feed?`).then(() => {\n      $emitter.$emit('excludeSource', {\n        id: source.id,\n        name: source.name\n      });\n    });\n  }\n}\n\nfunction toggleStar() {\n  item.value = {\n    ...item.value,\n    is_starred_by_my_team: !item.value.is_starred_by_my_team,\n    starred_by_team_member: { email: $store.state.session.user.email }\n  };\n  $http.patch('/data/team_news_items/0', {\n    is_starred_by_my_team: item.value.is_starred_by_my_team,\n    news_item_id: item.value.id\n  });\n  if (!item.value.is_starred_by_my_team) {\n    // if unstarred, remove the news item\n    dispatch('VirtualList', 'unstar-news', item.value.id);\n  }\n}\n\nfunction adminDelete() {\n  if (!confirm('Are you sure you want to hide this story for every SigDev user?')) {\n    return;\n  }\n\n  $http.patch(`/admin/news_items/${item.value.id}`, {\n    is_hidden: true,\n    news_item_id: item.value.id\n  });\n  item.value.hide = true;\n  $root.flashMessage({\n    type: 'success',\n    message: 'News item deleted successfully.'\n  });\n}\n\nfunction share() {\n  const link = item.value.link;\n  copyToClipboard(link);\n}\n\nfunction mouseEnter() {\n  clearInterval(interval.value);\n  interval.value = setTimeout(() => {\n    hovering.value = true;\n  }, 500);\n}\n\nfunction mouseLeave() {\n  clearInterval(interval.value);\n  hovering.value = false;\n}\n\nfunction dispatch(componentName, eventName, data) {\n  let parent = $parent || $root;\n  let name = parent.$options.name;\n\n  while (parent && (!name || name !== componentName)) {\n    parent = parent.$parent;\n    if (parent) {\n      name = parent.$options.name;\n    }\n  }\n\n  if (parent) {\n    parent.$emit.apply(parent, [eventName].concat(data));\n  }\n}\n//GROUPED ITEMS\nconst toggleVisibility = id => $emitter.$emit('toggle:show-grouped-items', id);\nconst newsGroupOpened = id => {\n  return props.showGroupedNewsItems.includes(id);\n};\n</script>\n"],"names":["$store","useStore","$http","useHttp","$emitter","useEmitter","instance","getCurrentInstance","$root","$parent","hovering","ref","hoveringOverSource","holdingShift","interval","item","onBeforeMount","props","watch","canEditOrDelete","computed","recentNewsItem","DateTime","companyTagGroups","sourceName","_a","_b","sigdev","i","coins","handleTagClick","tag","newsItem","company","x","router","handleSourceClick","source","toggleStar","dispatch","adminDelete","share","link","copyToClipboard","mouseEnter","mouseLeave","componentName","eventName","data","parent","name","toggleVisibility","id","newsGroupOpened"],"mappings":"mnEAiIMA,EAASC,EAAQ,EACjBC,EAAQC,EAAO,EACfC,EAAWC,GAAU,EACrBC,EAAWC,EAAkB,EAC7BC,EAAQF,EAAS,KAAK,MACtBG,EAAUH,EAAS,OAAO,MAY1BI,EAAWC,EAAI,EAAK,EACpBC,EAAqBD,EAAI,EAAK,EAC9BE,EAAeF,EAAI,EAAK,EACxBG,EAAWH,EAAI,CAAC,EAChBI,EAAOJ,EAAI,CAAA,CAAE,EAEnBK,GAAc,IAAM,CAClBD,EAAK,MAAQE,EAAM,MACrB,CAAC,EAEDC,EACE,IAAMD,EAAM,OACZ,IAAM,CACJF,EAAK,MAAQE,EAAM,MACpB,EACD,CAAE,KAAM,EAAM,CAChB,EAEA,MAAME,EAAkBC,EAAS,IACxBpB,EAAO,QAAQ,MAAM,SAAS,UAAU,GAAK,CAACiB,EAAM,QAC5D,EAEKI,EAAiBD,EAAS,IAClBE,EAAS,MACD,KAAKA,EAAS,QAAQP,EAAK,MAAM,SAAS,EAAG,SAAS,EAAE,QAC3D,CAClB,EAEKQ,EAAmBH,EAAS,IACzBpB,EAAO,MAAM,gBACrB,EAEKwB,EAAaJ,EAAS,IAAM,SAChC,OAAOL,EAAK,MAAM,QAAQ,OAAS,EAC/B,IAAGU,EAAAV,EAAK,MAAM,QAAQ,CAAC,IAApB,YAAAU,EAAuB,IAAI,QAAQV,EAAK,MAAM,QAAQ,OAAS,CAAC,SACnEW,EAAAX,EAAK,MAAM,QAAQ,CAAC,IAApB,YAAAW,EAAuB,IAC7B,CAAC,EAEkBN,EAAS,IAAM,CAChC,MAAMO,EAASZ,EAAK,MAAM,KAAK,OAAOa,GAAKA,EAAE,OAAS,QAAQ,EACxDC,EAAQd,EAAK,MAAM,KAAK,OAAOa,GAAKA,EAAE,OAAS,MAAM,EAE3D,OAAOD,EAAO,OAAOE,CAAK,CAC5B,CAAC,EAEDX,EACE,IAAMD,EAAM,WACZ,IAAM,CAEAJ,EAAa,QACfA,EAAa,MAAQ,CAACA,EAAa,MAEtC,CACH,EAEA,SAASiB,EAAeC,EAAKC,EAAU,CAKrC,GAJID,EAAI,aAAa,MAAQ,SAAWA,EAAI,MAC1C/B,EAAO,SAAS,oBAAqB,CAAE,KAAM+B,EAAI,KAAK,IAAK,SAAUC,CAAQ,CAAE,EAG7ET,EAAiB,MAAM,SAASQ,EAAI,aAAa,IAAI,EAAG,CAC1D,MAAME,EAAUjC,EAAO,MAAM,aAAa,KAAKkC,GAAKA,EAAE,KAAOH,EAAI,EAAE,EAC/DE,GACFE,GAAO,MAAM,YAAYF,EAAQ,WAAW,EAAE,CAEjD,CACH,CAEA,SAASG,GAAoB,CAC3B,GAAInB,EAAM,aAAc,CACtB,IAAIoB,EAAStB,EAAK,MAAM,QAAQ,CAAC,EACjCf,EAAO,SAAS,UAAW,kCAAkCqC,EAAO,IAAI,iBAAiB,EAAE,KAAK,IAAM,CACpGjC,EAAS,MAAM,gBAAiB,CAC9B,GAAIiC,EAAO,GACX,KAAMA,EAAO,IACrB,CAAO,CACP,CAAK,CACF,CACH,CAEA,SAASC,GAAa,CACpBvB,EAAK,MAAQ,CACX,GAAGA,EAAK,MACR,sBAAuB,CAACA,EAAK,MAAM,sBACnC,uBAAwB,CAAE,MAAOf,EAAO,MAAM,QAAQ,KAAK,KAAO,CACtE,EACEE,EAAM,MAAM,0BAA2B,CACrC,sBAAuBa,EAAK,MAAM,sBAClC,aAAcA,EAAK,MAAM,EAC7B,CAAG,EACIA,EAAK,MAAM,uBAEdwB,EAAS,cAAe,cAAexB,EAAK,MAAM,EAAE,CAExD,CAEA,SAASyB,GAAc,CAChB,QAAQ,iEAAiE,IAI9EtC,EAAM,MAAM,qBAAqBa,EAAK,MAAM,EAAE,GAAI,CAChD,UAAW,GACX,aAAcA,EAAK,MAAM,EAC7B,CAAG,EACDA,EAAK,MAAM,KAAO,GAClBP,EAAM,aAAa,CACjB,KAAM,UACN,QAAS,iCACb,CAAG,EACH,CAEA,SAASiC,GAAQ,CACf,MAAMC,EAAO3B,EAAK,MAAM,KACxB4B,GAAgBD,CAAI,CACtB,CAEA,SAASE,GAAa,CACpB,cAAc9B,EAAS,KAAK,EAC5BA,EAAS,MAAQ,WAAW,IAAM,CAChCJ,EAAS,MAAQ,EAClB,EAAE,GAAG,CACR,CAEA,SAASmC,GAAa,CACpB,cAAc/B,EAAS,KAAK,EAC5BJ,EAAS,MAAQ,EACnB,CAEA,SAAS6B,EAASO,EAAeC,EAAWC,EAAM,CAChD,IAAIC,EAASxC,GAAWD,EACpB0C,EAAOD,EAAO,SAAS,KAE3B,KAAOA,IAAW,CAACC,GAAQA,IAASJ,IAClCG,EAASA,EAAO,QACZA,IACFC,EAAOD,EAAO,SAAS,MAIvBA,GACFA,EAAO,MAAM,MAAMA,EAAQ,CAACF,CAAS,EAAE,OAAOC,CAAI,CAAC,CAEvD,CAEA,MAAMG,EAAmBC,GAAMhD,EAAS,MAAM,4BAA6BgD,CAAE,EACvEC,EAAkBD,GACfnC,EAAM,qBAAqB,SAASmC,CAAE"}