{"version":3,"file":"B3FPgBsk.js","sources":["../../../../components/ui-library/command/CommandGroup.vue","../../../../components/Report/SearchBar/SearchBar.vue","../../../../components/Vulnerability/Dropdown/Dropdown.vue","../../../../components/Report/Card/Card.vue","../../../../components/Vendor/TabLinks/TabLinks.vue","../../../../layouts/report-tabs.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { type HTMLAttributes, computed } from 'vue';\n  import type { ComboboxGroupProps } from 'radix-vue';\n  import { ComboboxGroup, ComboboxLabel } from 'radix-vue';\n  import { cn } from '@/lib/utils';\n\n  const props = defineProps<\n    ComboboxGroupProps & {\n      class?: HTMLAttributes['class'];\n      heading?: string;\n    }\n  >();\n\n  const delegatedProps = computed(() => {\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { class: _, ...delegated } = props;\n\n    return delegated;\n  });\n</script>\n\n<template>\n  <ComboboxGroup\n    v-bind=\"delegatedProps\"\n    :class=\"\n      cn(\n        'overflow-hidden p-1 dark:text-white text-dark2 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-gray-500 dark:[&_[cmdk-group-heading]]:text-gray-400',\n        props.class\n      )\n    \"\n  >\n    <ComboboxLabel\n      v-if=\"heading\"\n      class=\"px-2 py-1.5 text-xs font-medium dark:text-white text-dark2\"\n    >\n      {{ heading }}\n    </ComboboxLabel>\n    <slot />\n  </ComboboxGroup>\n</template>\n","<template>\n  <div\n    class=\"gap-4 lg:p-8 p-4 bg-cadet-gray bg-opacity-5 rounded-lg self-stretch\"\n  >\n    <form class=\"flex justify-between items-center\" @submit.prevent=\"onSearch\">\n      <input\n        v-model=\"model\"\n        type=\"text\"\n        class=\"w-full bg-transparent focus:outline-none placeholder:text-base placeholder:md:text-2xl placeholder:text-dark4 text-white text-base md:text-2xl\"\n        placeholder=\"Search for keyword\"\n      />\n      <BaseButton type=\"submit\" class=\"py-2 px-3 base-btn\"> Submit </BaseButton>\n    </form>\n  </div>\n</template>\n<script setup lang=\"ts\">\n  const model = defineModel<string>();\n  const emit = defineEmits(['on-search']);\n\n  const onSearch = () => {\n    emit('on-search', model.value);\n  };\n</script>\n","<template>\n  <Popover v-model:open=\"open\">\n    <PopoverTrigger as-child>\n      <BaseButton\n        role=\"combobox\"\n        :aria-expanded=\"open\"\n        class=\"flex justify-between items-center text-white p-3\"\n      >\n        <span class=\"text-white\">{{ label }}</span>\n        <svgo-arrow-down class=\"ml-2 text-primary text-xl\" />\n      </BaseButton>\n    </PopoverTrigger>\n    <PopoverContent class=\"p-0\">\n      <Command>\n        <CommandInput\n          class=\"h-9\"\n          placeholder=\"Search vulnerability...\"\n          data-testId=\"search-field\"\n        />\n        <CommandEmpty>No vulnerability found.</CommandEmpty>\n        <CommandList>\n          <CommandGroup>\n            <CommandItem\n              v-for=\"vulnerability in options\"\n              :key=\"vulnerability.value\"\n              :value=\"vulnerability.label\"\n              @select=\"selectOption(vulnerability)\"\n            >\n              {{ vulnerability.label }}\n              <Check\n                :class=\"\n                  cn(\n                    'ml-auto h-4 w-4 text-primary',\n                    vulnerability.selected ? 'opacity-100' : 'opacity-0'\n                  )\n                \"\n              />\n            </CommandItem>\n          </CommandGroup>\n        </CommandList>\n      </Command>\n    </PopoverContent>\n  </Popover>\n</template>\n<script setup lang=\"ts\">\n  import { cn } from '@/lib/utils';\n  import { vulnerabilityTypes } from '@/utils';\n  import { Check } from 'lucide-vue-next';\n  import { ref } from 'vue';\n\n  type Option = {\n    value: number;\n    label: string;\n    selected: boolean;\n  };\n  interface Props {\n    label: string;\n    modelValue: Array<string>;\n  }\n\n  defineProps<Props>();\n  const emit = defineEmits(['update:model-value']);\n  const open = ref(false);\n  const options = ref<Option[]>(vulnerabilityTypes);\n  const model = defineModel<string[]>();\n\n  const selectOption = (option: Option) => {\n    const item = options.value.find((opt) => opt.value === option.value);\n    if (item && item.value !== 0) {\n      item.selected = !item.selected;\n\n      const itemValue = item.value.toString();\n      const selectedSet = new Set(model.value || []);\n\n      if (selectedSet.has(itemValue)) {\n        selectedSet.delete(itemValue);\n      } else {\n        selectedSet.add(itemValue);\n      }\n\n      model.value = Array.from(selectedSet);\n    }\n  };\n\n  const resetDropdown = () => {\n    options.value.forEach((item) => {\n      item.selected = false;\n    });\n  };\n\n  defineExpose({\n    resetDropdown\n  });\n</script>\n","<template>\n  <BaseCard>\n    <div class=\"flex flex-col lg:gap-8 gap-4 items-start\">\n      <h1 class=\"text-white text-4xl font-semibold\">Reports</h1>\n      <ReportSearchBar v-model=\"filters.search\" @on-search=\"onSearch\" />\n      <div\n        class=\"flex flex-col lg:flex-row flex-wrap justify-start lg:items-center lg:gap-4 w-full lg:h-11\"\n      >\n        <BaseDropdown\n          v-model=\"filters.sort\"\n          label=\"Sort by\"\n          class=\"min-w-[125px]\"\n          :options=\"sortOptions\"\n          @update:model-value=\"onUpdateFilter('sort', $event as string)\"\n        />\n        <BaseDivider alignment=\"vertical\" />\n        <VulnerabilityDropdown\n          ref=\"dropdownRef\"\n          v-model=\"filters.vulnerability\"\n          label=\"Vulnerability\"\n          class=\"min-w-[125px]\"\n          @update:model-value=\"\n            onUpdateFilter('vulnerability', $event as string[])\n          \"\n        />\n        <BaseDivider alignment=\"vertical\" />\n        <BaseDropdown\n          v-model=\"filters.priority\"\n          label=\"Priority\"\n          class=\"min-w-[125px]\"\n          :options=\"priorityOptions\"\n          @update:model-value=\"onUpdateFilter('priority', $event as string)\"\n        />\n        <BaseDivider alignment=\"vertical\" />\n        <BaseDropdown\n          v-model=\"filters.severity\"\n          label=\"CVSS\"\n          class=\"min-w-[125px]\"\n          :options=\"severityOptions\"\n          @update:model-value=\"onUpdateFilter('severity', $event as string)\"\n        />\n        <BaseDivider alignment=\"vertical\" />\n        <BaseCheckbox\n          id=\"exploited\"\n          v-model=\"filters.exploited\"\n          name=\"exploited\"\n          label=\"Exploited\"\n          @update:model-value=\"onUpdateFilter('exploited', $event as boolean)\"\n        />\n        <BaseDivider alignment=\"vertical\" />\n        <BaseButton\n          class=\"bg-transparent hover:bg-dark4 hover:bg-opacity-15 text-dark4 text-md px-2 py-1 duration-300 rounded-sm\"\n          @click=\"reset\"\n        >\n          Clear\n        </BaseButton>\n      </div>\n    </div>\n  </BaseCard>\n</template>\n<script setup lang=\"ts\">\n  import { useQueryParams } from '@/composables';\n  import { useReportsStore } from '@/stores/reports/reports';\n  import { type IFilterParams } from '@/types';\n  import { reactive } from 'vue';\n\n  type TabKey = 'awaiting_fix' | 'fix_pending' | 'fixed';\n  type Filters = IFilterParams & { vulnerability: string[] };\n\n  const route = useRoute();\n  const tabName = ref<TabKey>('awaiting_fix');\n  const store = useReportsStore();\n  const { setQuery, removeQuery, resetQuery, queryParams } = useQueryParams();\n\n  const getTabName = (path: string) => {\n    return path.split('/').pop() as TabKey;\n  };\n\n  watch(\n    () => route.path,\n    () => {\n      tabName.value = getTabName(route.path);\n    },\n    { immediate: true }\n  );\n\n  const initialState: Filters = {\n    vulnerability: [],\n    search: '',\n    sort: '',\n    priority: '',\n    severity: '',\n    exploited: false\n  };\n\n  const dropdownRef = ref<{ resetDropdown: () => void | null }>();\n  const filters = reactive({\n    ...initialState\n  });\n\n  const sortOptions = [\n    { value: 'published-soon', label: 'Oldest' },\n    { value: '-published-soon', label: 'Newest' }\n  ];\n\n  const priorityOptions = [\n    { label: 'Low', value: 'low' },\n    { label: 'Medium', value: 'medium' },\n    { label: 'High', value: 'high' }\n  ];\n\n  const severityOptions = [\n    { label: 'Low (0.1 - 3.9)', value: 'low' },\n    { label: 'Medium (4.0 - 6.9)', value: 'medium' },\n    { label: 'High (7.0 - 8.9)', value: 'high' },\n    { label: 'Critical (9.0 - 10.0)', value: 'critical' }\n  ];\n\n  const onUpdateFilter = (key: string, value: string | string[] | boolean) => {\n    const queryKey = key === 'sort' ? key : `filter[${key}]`;\n\n    if (!value) {\n      removeQuery(queryKey);\n      store.$reset(tabName.value);\n      return;\n    }\n\n    setQuery(queryKey, String(value));\n    store.$reset(tabName.value);\n  };\n\n  const onSearch = (query: string) => {\n    if (!query) {\n      removeQuery('filter[search]');\n      store.$reset(tabName.value);\n      return;\n    }\n    store.$reset(tabName.value);\n    setQuery('filter[search]', query);\n  };\n\n  const reset = () => {\n    if (Number(queryParams.value.page) > 1) {\n      store.resetData(tabName.value);\n    }\n\n    resetQuery();\n    Object.assign(filters, initialState);\n    dropdownRef.value?.resetDropdown();\n    store.$reset(tabName.value);\n  };\n</script>\n","<template>\n  <ul\n    class=\"flex flex-row flex-wrap w-full border-b border-b-cadet-gray border-opacity-10\"\n  >\n    <BaseLink\n      v-for=\"tab in tabs\"\n      :key=\"tab.id\"\n      :to=\"tab.to\"\n      class=\"base-link\"\n      :class=\"{\n        'border-b-2 border-white': tab.to === route.path\n      }\"\n    >\n      <span\n        class=\"label\"\n        :class=\"{\n          'text-white': tab.to === route.path\n        }\"\n      >\n        {{ tab.label }}\n      </span>\n      <span class=\"postfix\">\n        {{ tab.postfix }}\n      </span>\n    </BaseLink>\n  </ul>\n</template>\n\n<script setup lang=\"ts\">\n  interface Props {\n    tabs: {\n      id: number;\n      label: string;\n      to: string;\n      postfix: number;\n    }[];\n  }\n  const route = useRoute();\n  defineProps<Props>();\n</script>\n<style lang=\"scss\" scoped>\n  .base-link {\n    @apply p-2 md:p-4 text-dark4 cursor-pointer flex gap-2 items-center;\n  }\n  .postfix {\n    @apply bg-cadet-gray p-1 text-white bg-opacity-10 rounded-sm text-xs;\n  }\n  .label {\n    @apply text-xs md:text-xl;\n  }\n</style>\n","<template>\n  <div class=\"flex flex-col gradient\">\n    <Header gradient :nav-items=\"vendorMenuItems\" navigation-type=\"vendor\" />\n    <div\n      class=\"flex flex-col items-center gap-16 py-16 mt-16 lg:mx-auto lg:container px-4 md:px-0\"\n    >\n      <section class=\"w-full flex justify-center\">\n        <ReportCard />\n      </section>\n      <VendorTabLinks :tabs=\"tabs\" />\n      <section class=\"w-full flex justify-center\">\n        <NuxtErrorBoundary>\n          <NuxtPage />\n          <template #error=\"{ error }\">\n            <h2 class=\"text-coral text-base\">An error occurred: {{ error }}</h2>\n          </template>\n        </NuxtErrorBoundary>\n      </section>\n    </div>\n    <FooterBase />\n  </div>\n</template>\n<script setup>\n  import { getReportDetails } from '@/services';\n  import { vendorMenuItems } from '@/utils';\n\n  const { data } = await getReportDetails();\n  const awaitingFixCount = computed(() => data.value?.awaiting_fix);\n  const fixPendingCount = computed(() => data.value?.fix_pending);\n  const fixedCount = computed(() => data.value?.fixed);\n\n  const tabs = [\n    {\n      id: 1,\n      label: 'Awaiting fix',\n      to: '/vdp/reports/awaiting_fix',\n      postfix: awaitingFixCount.value\n    },\n    {\n      id: 2,\n      label: 'Fix pending',\n      to: '/vdp/reports/fix_pending',\n      postfix: fixPendingCount.value\n    },\n    {\n      id: 3,\n      label: 'Fixed',\n      to: '/vdp/reports/fixed',\n      postfix: fixedCount.value\n    }\n  ];\n</script>\n"],"names":["props","__props","delegatedProps","computed","_","delegated","model","_useModel","emit","__emit","onSearch","open","ref","options","vulnerabilityTypes","selectOption","option","item","opt","itemValue","selectedSet","__expose","route","useRoute","tabName","store","useReportsStore","setQuery","removeQuery","resetQuery","queryParams","useQueryParams","getTabName","path","watch","initialState","dropdownRef","filters","reactive","sortOptions","priorityOptions","severityOptions","onUpdateFilter","key","value","queryKey","query","reset","_a","data","__temp","__restore","_withAsyncContext","getReportDetails","awaitingFixCount","fixPendingCount","fixedCount","tabs"],"mappings":"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"}