{"version":3,"mappings":"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","names":["awsS3Bucket","useRuntimeConfig","$toast","useNuxtApp","id","useRoute","model","_useModel","props","__props","iconUrl","ref","showUploadIcon","uploadIcon","file","formData","response","updateProduct","watch","newFile","imageUrl","computed","_a","fixedOnTime","fixed","currentVersion","capitalize","lastUpdated","installations","formatNumberWithCommas","reportsCount","_b","isExploited","message","icon","route","store","useProjectsStore","__temp","__restore","_withAsyncContext","presentState","storeToRefs","handleLoadMore","useHead","VendorModalEmbed","defineAsyncComponent","__vitePreload","VendorTabsFixedProjects","VendorTabsContributorsList","VendorDisclaimer","mdOrSmaller","useBreakpoints","breakpointsTailwind","useProductsStore","singleProduct","presentCount","fixedCount","contributorsCount","uuid","showBanner","slug","kindName","_c","createdAt","formatDate","date","isActive","toggleShowDisclaimer","tabs","open","openModal","closeModal","onUnmounted"],"ignoreList":[],"sources":["../../../../components/Vendor/ProjectCard/ProjectCard.vue","../../../../components/Vendor/Row/Row.vue","../../../../components/Vendor/Tabs/PresentProjects.vue","../../../../pages/vdp/programs/[id]/index.vue"],"sourcesContent":["<template>\n  <BaseCard>\n    <div class=\"flex flex-col gap-8 items-center justify-between\">\n      <div class=\"w-full flex justify-between items-center\">\n        <FileUploader\n          class=\"w-full flex gap-4 justify-start\"\n          v-model=\"model\"\n          accept=\"image/png, image/jpg\"\n          :currentPreview=\"imageUrl\"\n        >\n          <template #default=\"{ triggerFileInput, preview }\">\n            <BaseButton\n              v-if=\"preview\"\n              class=\"rounded-sm shadow-sm w-10 h-10 relative bg-transparent\"\n              @click.prevent=\"triggerFileInput\"\n              @mouseenter=\"showUploadIcon = true\"\n              @mouseleave=\"showUploadIcon = false\"\n            >\n              <BaseImage\n                width=\"48\"\n                height=\"auto\"\n                :src=\"preview\"\n                class=\"min-w-10\"\n                alt=\"Icon\"\n              />\n              <svgo-uploadV3\n                v-show=\"showUploadIcon\"\n                class=\"text-3xl my-0 min-w-10 absolute left-0 top-[5px] opacity-0 hover:opacity-100 duration-150\"\n              />\n            </BaseButton>\n            <BaseButton\n              v-else\n              class=\"rounded-sm shadow-sm w-10 h-10 bg-dark4\"\n              @click.prevent=\"triggerFileInput\"\n            >\n              <svgo-uploadV3 class=\"text-3xl my-0 min-w-10\" />\n            </BaseButton>\n            <h2 class=\"text-white text-lg md:text-2xl\">\n              {{ data.name }}\n            </h2>\n          </template>\n        </FileUploader>\n        <div class=\"flex items-center gap-2\">\n          <div class=\"flex items-center justify-center gap-1\">\n            <svgo-wordpress class=\"text-dark4\" />\n            <span class=\"text-white text-md\"> Plugin </span>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"w-full flex flex-col gap-4\">\n        <div class=\"flex flex-col md:flex-row gap-4\">\n          <DataBox name=\"Reports\" class=\"p-4\">\n            <h2 class=\"text-white text-2xl\">\n              {{ reportsCount }}\n            </h2>\n          </DataBox>\n          <DataBox name=\"Fixed\" class=\"p-4\">\n            <h2 class=\"text-white text-2xl\">{{ fixed }}</h2>\n          </DataBox>\n          <DataBox\n            name=\"Fixed on time\"\n            class=\"p-4\"\n            v-tooltip=\"{\n              text: 'Whether or not vulnerability was resolved within the suggested timeframe'\n            }\"\n          >\n            <h2 class=\"text-white text-2xl\">{{ fixedOnTime }}</h2>\n          </DataBox>\n        </div>\n        <div class=\"flex flex-col md:flex-row gap-4\">\n          <DataBox name=\"Current version\" class=\"p-4\">\n            <h2 class=\"text-white text-2xl\">\n              {{ currentVersion }}\n            </h2>\n          </DataBox>\n          <DataBox name=\"Installations\" class=\"p-4\">\n            <h2 class=\"text-white text-2xl\">\n              {{ installations }}\n            </h2>\n          </DataBox>\n          <DataBox name=\"Last updated\" class=\"p-4\">\n            <h2 class=\"text-white text-2xl\">\n              {{ lastUpdated }}\n            </h2>\n          </DataBox>\n        </div>\n      </div>\n    </div>\n  </BaseCard>\n</template>\n<script setup lang=\"ts\">\n  import { updateProduct } from '@/services';\n  import { type UpdateProductResponse } from '@/types';\n  import { capitalize, formatNumberWithCommas } from '@/utils';\n  import { computed, watch } from 'vue';\n\n  interface Props {\n    data: {\n      name: string;\n      reportsCount: number;\n      fixedOnTime: number;\n      fixed: number;\n      installations: number;\n      lastUpdated: string;\n      currentVersion: string;\n      icon_url: string | null;\n      product_url: string;\n      slug: string;\n      vdp: {\n        is_active: boolean;\n      };\n    };\n  }\n\n  const {\n    public: { awsS3Bucket }\n  } = useRuntimeConfig();\n  const { $toast } = useNuxtApp();\n  const route = useRoute();\n  const id = route.params.id as string;\n  const model = defineModel<File | null>();\n\n  const props = defineProps<Props>();\n  const iconUrl = ref<string | null>(props.data.icon_url);\n  const showUploadIcon = ref(false);\n\n  const uploadIcon = async (file: File) => {\n    try {\n      const formData = new FormData();\n      formData.append('icon', file);\n      formData.append('_method', 'PUT');\n      const response = (await updateProduct(\n        id,\n        formData\n      )) as UpdateProductResponse;\n      iconUrl.value = response.icon_url;\n      $toast.success('Icon uploaded successfully!');\n    } catch (error) {\n      $toast.error('Failed to upload icon.');\n    } finally {\n      model.value = null;\n    }\n  };\n\n  watch(model, async (newFile) => {\n    if (newFile) {\n      await uploadIcon(newFile);\n    }\n  });\n\n  const imageUrl = computed(() => {\n    if (props.data.icon_url) {\n      return `${awsS3Bucket}/${iconUrl.value}`;\n    }\n\n    if (props.data.product_url?.includes('wordpress.org')) {\n      return `https://ps.w.org/${props.data.slug}/assets/icon-128x128.png`;\n    }\n  });\n\n  const fixedOnTime = computed(() => {\n    return props.data.reportsCount > 0 ? `${props.data.fixedOnTime}%` : '-';\n  });\n\n  const fixed = computed(() => {\n    return props.data.reportsCount > 0 ? `${props.data.fixed}%` : '-';\n  });\n\n  const currentVersion = computed(() => {\n    if (props.data.currentVersion === 'unknown') {\n      return capitalize(props.data.currentVersion);\n    }\n\n    return props.data.currentVersion;\n  });\n\n  const lastUpdated = computed(() => {\n    if (props.data.lastUpdated === 'never') {\n      return 'Unknown';\n    }\n\n    return props.data.lastUpdated;\n  });\n\n  const installations = computed(() => {\n    if (props.data.currentVersion === 'unknown') {\n      return 'Unknown';\n    }\n\n    return formatNumberWithCommas(props.data.installations);\n  });\n\n  const reportsCount = computed(() => {\n    if (props.data?.vdp?.is_active) {\n      return props.data.reportsCount;\n    }\n    return '-';\n  });\n</script>\n","<template>\n  <li\n    class=\"py-2 md:py-4 cursor-pointer md:border-b md:border-b-darken md:border-opacity-10 md:hover:border-b-primary duration-300\"\n  >\n    <BaseLink :to=\"`/vdp/vulnerabilities/${id}/preview`\">\n      <div\n        class=\"flex flex-col md:flex-row justify-between md:items-center bg-dark1 md:bg-transparent rounded-md p-2 md:p-4 lg:p-0\"\n      >\n        <div class=\"flex justify-start items-center gap-2 pb-3 md:pb-0\">\n          <svgo-wordpress class=\"text-dark5\" />\n          <h2 class=\"text-white text-md md:text-base font-semibold\">\n            {{ item.data.select_type }}\n          </h2>\n          <h3 class=\"text-dark4 text-xs md:text-md\">\n            {{ item.reported_temp_data.affected_in }}\n          </h3>\n        </div>\n        <div class=\"flex justify-start items-center gap-2\">\n          <div class=\"flex justify-center items-center gap-2\">\n            <svgo-logo-small\n              v-if=\"item.temp_data.disclosure_date\"\n              v-tooltip=\"{ text: 'Published by Patchstack' }\"\n              class=\"text-primary\"\n            />\n            <svgo-target\n              v-if=\"isExploited\"\n              v-tooltip=\"{ text: 'Exploited' }\"\n              class=\"text-coral\"\n            />\n            <Priority :score=\"item.reported_temp_data.patch_priority\" />\n            <Score\n              v-tooltip=\"{ text: 'Alliance XP' }\"\n              :score=\"item.reported_temp_data.xp\"\n            />\n          </div>\n          <VendorFixStatus :status=\"item.badge\" />\n          <ChatIcon :is-new-message=\"item.new_message\" />\n          <div class=\"flex justify-end min-w-[130px]\">\n            <h4\n              class=\"date text-white text-md md:text-base font-normal tracking-tight\"\n            >\n              {{ timeAgo(item.temp_data.disclosure_date) }}\n            </h4>\n          </div>\n        </div>\n      </div>\n    </BaseLink>\n  </li>\n</template>\n<script setup lang=\"ts\">\n  import { timeAgo } from '@/utils';\n  import { computed } from 'vue';\n\n  interface Props {\n    item: {\n      id: number;\n      is_exploited: boolean;\n      badge: string;\n      new_message: boolean;\n      data: {\n        select_type: string;\n      };\n      reported_temp_data: {\n        affected_in: string;\n        xp: number;\n        patch_priority: number | null;\n        vulnerability: {\n          is_exploited: boolean;\n        };\n      };\n      temp_data: {\n        disclosure_date: string;\n      };\n    };\n  }\n  const props = defineProps<Props>();\n  const id = computed(() => props.item.id);\n  const isExploited = computed(\n    () => props.item.reported_temp_data?.vulnerability?.is_exploited\n  );\n</script>\n","<template>\n  <BaseList\n    :data=\"presentState.data\"\n    :loading=\"presentState.loading\"\n    :batch-info=\"presentState.batchInfo\"\n    :has-more=\"presentState.hasMore\"\n    @load-more=\"handleLoadMore\"\n  >\n    <template #empty>\n      <div class=\"flex flex-col justify-center items-center gap-4\">\n        <BaseImage width=\"96\" height=\"96\" :src=\"icon\" alt=\"No items\" />\n        <h2 class=\"text-dark4 text-2xl text-center\">\n          {{ message }}\n        </h2>\n      </div>\n    </template>\n    <template #item=\"{ item }\">\n      <VendorRow :key=\"item.id\" :item=\"item\" />\n    </template>\n  </BaseList>\n</template>\n\n<script setup>\n  import { useProjectsStore } from '@/stores/projects/projects';\n  import { storeToRefs } from 'pinia';\n\n  const props = defineProps({\n    isActive: Boolean\n  });\n\n  const message = computed(() =>\n    props.isActive\n      ? 'No new vulnerabilities have been reported.'\n      : ' Reports will become visible after VDP publication.'\n  );\n\n  const icon = computed(() =>\n    props.isActive ? '/images/thumb-up.png' : '/images/zero.png'\n  );\n\n  const route = useRoute();\n  const store = useProjectsStore();\n  await store.fetchProjectTab(route.params.id, 'present');\n\n  const { present: presentState } = storeToRefs(store);\n  const handleLoadMore = () => {};\n</script>\n","<template>\n  <ScreenWrapper class=\"gradient\">\n    <template v-if=\"!isActive\" #alert-1>\n      <Alert type=\"warning\">\n        <p class=\"text-dark2 px-4 md:px-0\">\n          Add Patchstack as the point of disclosure to your project readme to\n          publish this VDP and view reports.\n        </p></Alert\n      >\n    </template>\n    <div class=\"flex flex-col items-center gap-4 md:gap-16 pt-8 px-4 md:px-0\">\n      <section class=\"w-full flex justify-between\">\n        <VendorProjectCard :data=\"singleProduct.data\" />\n      </section>\n      <section class=\"w-full flex flex-col justify-between\">\n        <div\n          v-if=\"mdOrSmaller\"\n          class=\"grid grid-cols-3 grid-rows-2 gap-2 items-center\"\n        >\n          <BaseLink :to=\"`/vdp/programs/${id}/edit`\" class=\"btn\">\n            <span class=\"btn-text\">Edit program</span>\n          </BaseLink>\n          <BaseLink\n            class=\"btn\"\n            :to=\"`https://patchstack.com/database/wordpress/plugin/${slug}`\"\n            target=\"_blank\"\n          >\n            <span class=\"btn-text\">Plugin page</span>\n          </BaseLink>\n          <BaseLink\n            class=\"btn\"\n            :to=\"`https://patchstack.com/database/wordpress/plugin/${slug}/vdp`\"\n            target=\"_blank\"\n          >\n            <span class=\"btn-text\">Disclosure policy</span>\n          </BaseLink>\n          <BaseButton @click=\"openModal\" class=\"btn text-left col-start-1\">\n            <span class=\"btn-text\">Embed report</span>\n          </BaseButton>\n          <p class=\"text-dark4 md:text-md text-xs py-2 col-start-3\">\n            {{ date }}\n          </p>\n        </div>\n        <div\n          v-else\n          class=\"flex flex-row justify-start md:justify-between gap-4 items-center\"\n        >\n          <div class=\"flex flex-row justify-start items-start gap-4 h-5\">\n            <BaseLink :to=\"`/vdp/programs/${id}/edit`\" class=\"btn\">\n              <svgo-edit class=\"text-primary hidden md:block\" />\n              <span class=\"btn-text\">Edit program</span>\n            </BaseLink>\n            <BaseDivider alignment=\"vertical\" />\n            <BaseLink\n              class=\"btn\"\n              :to=\"`https://patchstack.com/database/wordpress/${kindName}/${slug}`\"\n              target=\"_blank\"\n            >\n              <svgo-arrow-diagonal class=\"text-primary hidden md:block\" />\n              <span class=\"btn-text\">Plugin page</span>\n            </BaseLink>\n            <BaseDivider alignment=\"vertical\" />\n            <BaseLink\n              class=\"btn\"\n              :to=\"`https://patchstack.com/database/wordpress/${kindName}/${slug}/vdp`\"\n              target=\"_blank\"\n            >\n              <svgo-arrow-diagonal class=\"text-primary hidden md:block\" />\n              <span class=\"btn-text\">Disclosure policy</span>\n            </BaseLink>\n            <BaseDivider alignment=\"vertical\" class=\"hidden md:block\" />\n            <BaseButton\n              class=\"btn hidden md:block\"\n              @click=\"toggleShowDisclaimer\"\n            >\n              <svgo-copy class=\"text-primary\" />\n              <span class=\"btn-text\">Copy disclaimer</span>\n            </BaseButton>\n            <BaseDivider alignment=\"vertical\" />\n            <BaseButton @click=\"openModal\" class=\"btn\">\n              <svgo-embed class=\"text-primary hidden md:block\" />\n              <span class=\"btn-text\">Embed report</span>\n            </BaseButton>\n          </div>\n          <p class=\"text-dark4 md:text-md text-xs py-2\">\n            {{ date }}\n          </p>\n        </div>\n        <BaseDivider alignment=\"horizontal\" class=\"my-4 md:my-8\" />\n        <Transition name=\"fade\" mode=\"out-in\">\n          <VendorDisclaimer v-if=\"showBanner\" :slug=\"slug\" />\n        </Transition>\n        <div class=\"md:my-8\" />\n        <BaseTabs :tabs=\"tabs\">\n          <template #tab-0>\n            <VendorTabsPresentProjects :is-active=\"Boolean(isActive)\" />\n          </template>\n          <template #tab-1>\n            <VendorTabsFixedProjects :is-active=\"Boolean(isActive)\" />\n          </template>\n          <template #tab-2>\n            <VendorTabsContributorsList />\n          </template>\n        </BaseTabs>\n      </section>\n    </div>\n  </ScreenWrapper>\n  <VendorModalEmbed\n    :open=\"open\"\n    @update:open=\"closeModal\"\n    :multiple=\"false\"\n    title=\"Embed a vulnerability report form to your website\"\n    :uuid=\"uuid\"\n  />\n</template>\n<script setup>\n  import { useProductsStore } from '@/stores/products/products';\n  import { formatDate } from '@/utils';\n  import { breakpointsTailwind, useBreakpoints } from '@vueuse/core';\n  import { storeToRefs } from 'pinia';\n  import { defineAsyncComponent, onUnmounted } from 'vue';\n\n  definePageMeta({\n    layout: 'vendor',\n    middleware: ['auth-vendor']\n  });\n\n  useSeoMeta({\n    title: 'Vendor Portal - Project'\n  });\n\n  const VendorModalEmbed = defineAsyncComponent(\n    () => import('@/components/Vendor/ModalEmbed/ModalEmbed.vue')\n  );\n\n  const VendorTabsFixedProjects = defineAsyncComponent(\n    () => import('@/components/Vendor/Tabs/FixedProjects.vue')\n  );\n\n  const VendorTabsContributorsList = defineAsyncComponent(\n    () => import('@/components/Vendor/Tabs/ContributorsList.vue')\n  );\n\n  const VendorDisclaimer = defineAsyncComponent(\n    () => import('@/components/Vendor/Disclaimer/Disclaimer.vue')\n  );\n\n  const breakpoints = useBreakpoints(breakpointsTailwind);\n  const mdOrSmaller = breakpoints.smallerOrEqual('md');\n\n  const route = useRoute();\n  const id = route.params.id;\n\n  const store = useProductsStore();\n  await store.fetchProductById(id);\n\n  const { singleProduct } = storeToRefs(store);\n\n  const presentCount = computed(\n    () => singleProduct.value.data?.presentVulnerabilitiesCount\n  );\n  const fixedCount = computed(\n    () => singleProduct.value.data?.fixedVulnerabilitiesCount\n  );\n  const contributorsCount = computed(\n    () => singleProduct.value.data?.contributorsCount\n  );\n\n  const uuid = computed(() => singleProduct.value.data?.uuid);\n  const showBanner = ref(!singleProduct.value.data.is_active);\n  const slug = computed(() => singleProduct.value.data?.slug);\n  const kindName = computed(\n    () => singleProduct.value.data?.kind?.kind_name?.toLowerCase() || 'plugin'\n  );\n  const createdAt = computed(() =>\n    formatDate(singleProduct.value.data?.created_at)\n  );\n  const date = computed(() =>\n    mdOrSmaller.value ? createdAt.value : `Added ${createdAt.value}`\n  );\n  const isActive = computed(() => singleProduct.value.data?.is_active);\n\n  const toggleShowDisclaimer = () => {\n    showBanner.value = !showBanner.value;\n  };\n\n  const tabs = ref([\n    { id: 0, label: 'Present', postfix: presentCount.value },\n    { id: 1, label: 'Fixed', postfix: fixedCount.value },\n    { id: 2, label: 'Contributors', postfix: contributorsCount.value }\n  ]);\n\n  const open = ref(false);\n\n  const openModal = () => {\n    open.value = true;\n  };\n\n  const closeModal = () => {\n    open.value = false;\n  };\n\n  onUnmounted(() => {\n    store.$reset();\n  });\n</script>\n<style lang=\"scss\" scoped>\n  .fade-enter-active,\n  .fade-leave-active {\n    transition: opacity 0.2s ease;\n  }\n\n  .fade-enter-from,\n  .fade-leave-to {\n    opacity: 0;\n  }\n\n  .btn {\n    @apply md:flex justify-center text-base font-normal duration-300 items-center gap-2;\n  }\n\n  .btn-text {\n    @apply text-white md:text-md text-xs hover:text-primary duration-300;\n  }\n</style>\n"],"file":"_nuxt/tRRv-ydj.js"}