{"version":3,"file":"BCFJE1AV.js","sources":["../../../../components/Vendor/IconUploader/IconUploader.vue","../../../../components/Vendor/SecurityProgram/SecurityProgram.vue"],"sourcesContent":["<template>\n  <FileUploader\n    v-model=\"model\"\n    accept=\"image/png, image/jpg\"\n    :validationRules=\"validationRules\"\n  >\n    <template #default=\"{ triggerFileInput, file, error, removeFile, preview }\">\n      <div\n        v-if=\"iconUrl\"\n        class=\"flex gap-4 justify-between items-center p-4 bg-dark4 rounded-lg bg-opacity-5\"\n      >\n        <div class=\"flex items-center gap-4\">\n          <img\n            :src=\"currentIcon\"\n            alt=\"Product icon\"\n            class=\"w-[32px] h-[32px]\"\n          />\n          <p class=\"text-white text-md md:text-base\">\n            {{ iconName }}\n          </p>\n        </div>\n        <BaseButton class=\"text-dark4\" @click=\"removePreview\">X</BaseButton>\n      </div>\n      <div\n        v-else-if=\"!file\"\n        class=\"flex gap-4 justify-start items-center p-4 bg-dark4 rounded-lg bg-opacity-5\"\n      >\n        <BaseButton\n          class=\"bg-dark4 rounded-sm shadow-sm\"\n          @click.prevent=\"triggerFileInput\"\n        >\n          <svgo-uploadV3 class=\"text-[32px] my-0\" />\n        </BaseButton>\n        <p class=\"text-white text-md md:text-base\">\n          Upload software icon (optional)\n        </p>\n        <p class=\"text-dark4 text-md md:text-base\">\n          JPG or PNG, at least 160x160px. Up to 2MB.\n        </p>\n      </div>\n      <div\n        v-else\n        class=\"flex gap-4 justify-between items-center p-4 bg-dark4 rounded-lg bg-opacity-5\"\n      >\n        <div class=\"flex items-center gap-4\">\n          <img :src=\"preview\" alt=\"Product icon\" class=\"w-[32px] h-[32px]\" />\n          <p class=\"text-white text-md md:text-base\">\n            {{ file.name }}\n          </p>\n          <p class=\"text-dark4 text-md md:text-base\">\n            {{ getFileSize(file.size) }}\n          </p>\n        </div>\n        <BaseButton class=\"text-dark4\" @click=\"removeFile\">X</BaseButton>\n      </div>\n      <div v-if=\"error\" class=\"py-2\">\n        <p class=\"text-red-400 font-normal text-md\">{{ error }}</p>\n      </div>\n    </template>\n  </FileUploader>\n</template>\n<script setup lang=\"ts\">\n  import { getFileSize, isValidDimension, isValidType } from '@/utils';\n\n  const props = defineProps<{\n    iconUrl: string;\n  }>();\n\n  const iconUrl = ref<string | null>(props.iconUrl);\n  const {\n    public: { awsS3Bucket }\n  } = useRuntimeConfig();\n\n  const currentIcon = computed(() => `${awsS3Bucket}/${props.iconUrl}`);\n  const iconName = computed(() => {\n    const segments = props.iconUrl.split('/');\n    return segments[segments.length - 1];\n  });\n\n  const model = defineModel<File | null>();\n  const validationRules = [\n    { validate: isValidType, message: 'Please choose a JPG or PNG file.' },\n    {\n      validate: isValidDimension,\n      message: 'File dimension must be at least 160x160px.'\n    }\n  ];\n\n  const removePreview = () => {\n    iconUrl.value = null;\n  };\n</script>\n","<template>\n  <fieldset\n    class=\"flex flex-col gap-8 border border-opacity-5 border-sea-mist p-2 md:p-8 rounded-lg\"\n  >\n    <div class=\"flex md:gap-4\">\n      <div class=\"p-1 bg-dark4 bg-opacity-5\">\n        <div\n          class=\"bg-white rounded-sm text-dark2 md:text-md text-xs md:px-[6px] px-1 py-[1.5px] cursor-pointer flex justify-center items-center\"\n        >\n          WordPress\n        </div>\n      </div>\n      <VendorRadioGroup\n        id=\"kind\"\n        v-model=\"computedProps.kind\"\n        name=\"kind\"\n        :options=\"softwareTypesArray\"\n      />\n      <VendorRadioGroup\n        id=\"version\"\n        v-model=\"computedProps.version\"\n        name=\"version\"\n        :options=\"plansArray\"\n      />\n    </div>\n    <VendorInput\n      id=\"name\"\n      v-model=\"computedProps.name\"\n      type=\"text\"\n      label=\"Software name\"\n      placeholder=\"KITT 3000\"\n      name=\"name\"\n      :error=\"errors.name\"\n      :disabled=\"isEdit\"\n      required\n    />\n    <VendorInput\n      id=\"product_url\"\n      v-model=\"computedProps.product_url\"\n      type=\"text\"\n      label=\"Software URL\"\n      placeholder=\"WordPress repository, marketplace, website e.g.\"\n      name=\"product_url\"\n      :error=\"errors.product_url\"\n      :disabled=\"isEdit\"\n      required\n    />\n    <VendorInput\n      id=\"slug\"\n      v-model=\"computedProps.slug\"\n      type=\"text\"\n      label=\"Product slug\"\n      placeholder=\"wordpress-plugin e.g.\"\n      name=\"slug\"\n      :error=\"errors.slug\"\n      required\n    />\n    <VendorInput\n      id=\"vendor_website_url\"\n      v-model=\"computedProps.vendor_website_url\"\n      type=\"text\"\n      label=\"Website URL\"\n      placeholder=\"https://example.com e.g.\"\n      name=\"vendor_website_url\"\n      :error=\"errors.vendor_website_url\"\n      required\n    />\n    <VendorTextarea\n      id=\"description\"\n      v-model=\"computedProps.description\"\n      label=\"Software description\"\n      placeholder=\"Displayed on the public plugin page\"\n      name=\"description\"\n      rows=\"4\"\n      error=\"\"\n      show-count\n    />\n    <VendorTextarea\n      id=\"dependencies\"\n      v-model=\"computedProps.dependencies\"\n      label=\"Dependencies\"\n      placeholder=\"Please list any software or libraries this software uses\"\n      name=\"dependencies\"\n      rows=\"4\"\n      error=\"\"\n    />\n    <VendorInput\n      id=\"vendor_contact_email\"\n      v-model=\"computedProps.vendor_contact_email\"\n      type=\"email\"\n      label=\"Send reports to secondary e-mail\"\n      placeholder=\"Recipient e-mail\"\n      name=\"vendor_contact_email\"\n      error=\"\"\n    />\n    <VendorIconUploader :icon-url=\"iconUrl\" v-model=\"computedProps.icon\" />\n    <VendorSourceCodeUploader\n      :source-url=\"sourceCodeUrl\"\n      v-model=\"computedProps.source_code\"\n      accept=\".zip\"\n      :multiple=\"false\"\n      :validation=\"{\n        maxFiles: 1,\n        maxTotalSize: 20 * 1024 * 1024, // 20MB\n        allowedTypes: ['application/zip', 'application/x-zip-compressed']\n      }\"\n      label-primary=\"Upload source code (optional)\"\n      label-secondary=\".zip up to 20MB\"\n      note=\"By uploading your software, you are agreeing to our privacy terms and\n      grant access to our researchers to better review your code for\n      vulnerabilities.\"\n      file-icon=\"svgo-folder\"\n    >\n      <template #upload-icon>\n        <svgo-folder-plus class=\"text-2xl text-white\" />\n      </template>\n    </VendorSourceCodeUploader>\n  </fieldset>\n</template>\n<script setup lang=\"ts\">\n  import { plansArray, softwareTypesArray } from '@/utils';\n\n  type Program = {\n    id: number;\n    kind: string;\n    version: string;\n    name: string;\n    product_url: string;\n    description: string;\n    dependencies: string;\n    vendor_contact_email: string;\n    icon: File | null;\n    source_code: File | null;\n    slug: string;\n    vendor_website_url: string;\n  };\n\n  interface ProgramProps {\n    program: Program;\n    errors: Record<string, string>;\n    isEdit?: boolean;\n    iconUrl?: string;\n    sourceCodeUrl?: string;\n  }\n\n  const props = withDefaults(defineProps<ProgramProps>(), {\n    isEdit: false,\n    iconUrl: '',\n    sourceCodeUrl: ''\n  });\n  const _program = ref(props.program);\n\n  const computedProps = computed({\n    get: () => _program.value,\n    set: (value) => {\n      _program.value = value;\n    }\n  });\n</script>\n"],"names":["props","__props","iconUrl","ref","awsS3Bucket","useRuntimeConfig","currentIcon","computed","iconName","segments","model","_useModel","validationRules","isValidType","isValidDimension","removePreview","_program","computedProps","value"],"mappings":"ggDAgEE,MAAMA,EAAQC,EAIRC,EAAUC,EAAmBH,EAAM,OAAO,EAC1C,CACJ,OAAQ,CAAE,YAAAI,CAAY,GACpBC,EAAiB,EAEfC,EAAcC,EAAS,IAAM,GAAGH,CAAW,IAAIJ,EAAM,OAAO,EAAE,EAC9DQ,EAAWD,EAAS,IAAM,CAC9B,MAAME,EAAWT,EAAM,QAAQ,MAAM,GAAG,EACjC,OAAAS,EAASA,EAAS,OAAS,CAAC,CAAA,CACpC,EAEKC,EAAQC,gBAAyB,EACjCC,EAAkB,CACtB,CAAE,SAAUC,EAAa,QAAS,kCAAmC,EACrE,CACE,SAAUC,EACV,QAAS,4CAAA,CAEb,EAEMC,EAAgB,IAAM,CAC1Bb,EAAQ,MAAQ,IAClB,k5CC4DM,MAAAc,EAAWb,EALHF,EAKa,OAAO,EAE5BgB,EAAgBV,EAAS,CAC7B,IAAK,IAAMS,EAAS,MACpB,IAAME,GAAU,CACdF,EAAS,MAAQE,CAAA,CACnB,CACD;;"}