{"version":3,"file":"Du6c3OFB.js","sources":["../../../../components/Vendor/AccountForm/AccountForm.vue","../../../../components/Vendor/CreateForm/CreateForm.vue"],"sourcesContent":["<template>\n  <h1 class=\"text-white font-semibold text-2xl\">Create vendor account</h1>\n  <fieldset class=\"flex flex-col gap-8\">\n    <VendorInput\n      id=\"vendor-name\"\n      v-model=\"form.vendor_name\"\n      type=\"text\"\n      label=\"Vendor name\"\n      placeholder=\"Knight Industries\"\n      name=\"vendorName\"\n      :error=\"errors.vendor_name\"\n      required\n    />\n    <VendorInput\n      id=\"vendor-website\"\n      v-model=\"form.url\"\n      type=\"text\"\n      label=\"Vendor website\"\n      placeholder=\"theknightrider.com\"\n      name=\"url\"\n      :error=\"errors.url\"\n    />\n    <VendorInput\n      id=\"vendor-email\"\n      v-model=\"form.contact_email\"\n      type=\"email\"\n      label=\"Vendor e-mail\"\n      placeholder=\"vdp@theknightrider.com\"\n      name=\"contact_email\"\n      note=\"Patchstack will share sensitive vulnerability information to this e-mail.\"\n      :error=\"errors.contact_email\"\n      required\n    />\n    <VendorInput\n      id=\"contact\"\n      v-model=\"form.contact_person\"\n      type=\"text\"\n      label=\"Person of contact\"\n      placeholder=\"Michael Knight\"\n      name=\"contact\"\n      :error=\"errors.contact_person\"\n      required\n    />\n    <Autocomplete\n      id=\"timezone\"\n      v-model=\"form.timezone\"\n      name=\"class\"\n      label=\"Timezone\"\n      placeholder=\"Select timezone\"\n      :items=\"timezones\"\n      variant=\"filled\"\n      :error=\"errors.timezone\"\n      key-name=\"value\"\n    />\n    <VendorTextarea\n      id=\"notes\"\n      v-model=\"form.comment\"\n      label=\"Notes\"\n      name=\"comment\"\n      placeholder=\"Disclose any important info to the triage team\"\n      rows=\"4\"\n      error=\"\"\n    />\n  </fieldset>\n</template>\n<script setup lang=\"ts\">\n  import { timezones } from '@/utils';\n\n  const props = defineProps({\n    modelValue: {\n      type: Object,\n      required: true\n    },\n    errors: {\n      type: Object,\n      default: () => ({})\n    }\n  });\n\n  const emit = defineEmits(['update:modelValue']);\n\n  const form = computed({\n    get: () => props.modelValue,\n    set: (value) => emit('update:modelValue', value)\n  });\n</script>\n","<template>\n  <form\n    class=\"w-full md:w-4/5 flex flex-col gap-8 mb-8 md:mb-16\"\n    @submit.prevent=\"onSubmit\"\n  >\n    <VendorAccountForm\n      v-model=\"formState.account.form\"\n      :errors=\"formState.account.errors\"\n    />\n    <BaseDivider alignment=\"horizontal\" class=\"my-8 md:my-16\" />\n    <div class=\"flex flex-col gap-4\">\n      <h1 class=\"text-white font-semibold text-2xl\">\n        Start your first security program\n      </h1>\n      <p class=\"text-white text-md\">\n        You can start security programs for multiple projects simultaneously.\n      </p>\n    </div>\n    <VendorSecurityProgram\n      v-for=\"(program, index) in formState.program.forms\"\n      :key=\"index\"\n      :program=\"program\"\n      :errors=\"formState.program.errors[index]\"\n    />\n    <BaseDivider alignment=\"horizontal\" class=\"my-8 md:my-16\" />\n    <p class=\"text-yellow text-md pb-8\">\n      Copy and add the unique Patchstack point of disclosure to your project\n      readme to auto-publish a pending security program.\n    </p>\n    <div class=\"flex flex-col items-center gap-8\">\n      <RecaptchaV2\n        @widget-id=\"handleWidgetId\"\n        @error-callback=\"handleError\"\n        @load-callback=\"handleLoadRecaptcha\"\n        theme=\"dark\"\n        size=\"normal\"\n      />\n      <BaseButton\n        type=\"submit\"\n        class=\"bg-primary disabled:bg-dark4 hover:bg-secondary py-[10px] px-4 transition-all duration-300\"\n        :disabled=\"isBtnDisabled\"\n        :class=\"{ 'pl-5': submitState.isSubmitting }\"\n      >\n        <div class=\"flex justify-between items-center gap-2\">\n          <BaseSpinner v-if=\"submitState.isSubmitting\" class=\"w-4 h-4\" />\n          <div class=\"text-base text-black\">Create account</div>\n        </div>\n      </BaseButton>\n      <div v-if=\"!submitState.formsValid\" class=\"text-coral text-md\">\n        Please check all required fields are filled.\n      </div>\n    </div>\n  </form>\n</template>\n<script setup>\n  import { createVendor } from '@/services';\n  import {\n    accountSchema,\n    prependHttps,\n    programSchema,\n    validateForm\n  } from '@/utils';\n  import { RecaptchaV2, useRecaptcha } from 'vue3-recaptcha-v2';\n  const { $toast } = useNuxtApp();\n\n  const emit = defineEmits(['account-created']);\n\n  const { handleReset } = useRecaptcha();\n\n  const formState = reactive({\n    account: {\n      form: {\n        vendor_name: '',\n        url: '',\n        contact_email: '',\n        contact_person: '',\n        timezone: '',\n        comment: ''\n      },\n      errors: {\n        vendor_name: '',\n        contact_email: '',\n        contact_person: '',\n        timezone: '',\n        url: ''\n      }\n    },\n    program: {\n      forms: [\n        {\n          kind: 'Plugin',\n          version: 'Free',\n          slug: '',\n          vendor_website_url: '',\n          name: '',\n          product_url: '',\n          description: '',\n          dependencies: '',\n          vendor_contact_email: '',\n          icon: null,\n          source_code: null\n        }\n      ],\n      errors: [\n        {\n          name: '',\n          product_url: '',\n          vendor_website_url: '',\n          vendor_contact_email: '',\n          slug: ''\n        }\n      ]\n    }\n  });\n\n  const submitState = reactive({\n    isSubmitting: false,\n    isSubmitted: false,\n    hasRecaptcha: false,\n    formsValid: true,\n    recaptchaToken: '',\n    recaptchaWidgetId: null\n  });\n\n  const handleLoadRecaptcha = (token) => {\n    submitState.hasRecaptcha = !!token;\n    submitState.recaptchaToken = token;\n  };\n\n  const handleWidgetId = (id) => {\n    submitState.recaptchaWidgetId = id;\n  };\n\n  const handleError = () => {\n    handleReset(submitState.recaptchaWidgetId);\n  };\n\n  const resetRecaptcha = () => {\n    submitState.recaptchaToken = '';\n    submitState.hasRecaptcha = false;\n    handleReset(submitState.recaptchaWidgetId);\n  };\n\n  const validateForms = async () => {\n    const accountValidation = await validateForm(\n      formState.account.form,\n      accountSchema\n    );\n\n    const programValidation = await validateForm(\n      formState.program.forms,\n      programSchema\n    );\n\n    if (!accountValidation.isValid) {\n      for (const field in accountValidation.formErrors) {\n        formState.account.errors[field] = accountValidation.formErrors[field];\n      }\n    }\n\n    if (!programValidation.isValid) {\n      for (const field in programValidation.formErrors) {\n        const { index, rule_name } = parseRule(field);\n        formState.program.errors[index][rule_name] =\n          programValidation.formErrors[field];\n      }\n    }\n\n    submitState.formsValid =\n      accountValidation.isValid && programValidation.isValid;\n\n    return submitState.formsValid;\n  };\n\n  const resetErrors = () => {\n    Object.keys(formState.account.errors).forEach((key) => {\n      formState.account.errors[key] = '';\n    });\n    formState.program.errors.forEach((error) => {\n      Object.keys(error).forEach((key) => {\n        error[key] = '';\n      });\n    });\n  };\n\n  const isBtnDisabled = computed(() => {\n    return (\n      submitState.isSubmitting ||\n      !submitState.hasRecaptcha ||\n      submitState.isSubmitted\n    );\n  });\n\n  const prepareProgramForm = (formData) => {\n    return formData.map((program) => ({\n      ...program,\n      product_url: prependHttps(program.product_url),\n      vendor_website_url: prependHttps(program.vendor_website_url)\n    }));\n  };\n\n  const prepareAccountForm = (formData) => {\n    return {\n      ...formData,\n      url: prependHttps(formData.url)\n    };\n  };\n\n  const handleApiError = (error) => {\n    if (error?.response?.status === 422) {\n      if (error.response._data.message) {\n        $toast.error(error.response._data.message);\n        return;\n      }\n    } else {\n      $toast.error('An unexpected error occurred. Please try again.');\n      console.error('API Error:', error);\n    }\n  };\n\n  const onSubmit = async () => {\n    submitState.isSubmitting = true;\n    try {\n      resetErrors();\n      const isValid = await validateForms();\n      if (!isValid) {\n        $toast.error('Please check if all required fields are filled.');\n        resetRecaptcha();\n        return;\n      }\n\n      if (!submitState.hasRecaptcha) {\n        $toast.error('Please complete the reCAPTCHA.');\n        return;\n      }\n\n      const preparedProgramForm = prepareProgramForm(formState.program.forms);\n      const preparedAccountForm = prepareAccountForm(formState.account.form);\n\n      const formData = new FormData();\n\n      Object.keys(preparedAccountForm).forEach((key) => {\n        formData.append(key, preparedAccountForm[key]);\n      });\n\n      Object.entries(preparedProgramForm).forEach(([index, item]) => {\n        Object.entries(item)\n          .filter(([_, value]) => value !== null && value !== '')\n          .forEach(([key, value]) => {\n            formData.append(`products[${index}][${key}]`, value);\n          });\n      });\n\n      await createVendor(formData);\n      submitState.isSubmitted = true;\n      $toast.success('Account and program created successfully.');\n      emit('account-created');\n    } catch (error) {\n      handleApiError(error);\n      resetRecaptcha();\n    } finally {\n      submitState.isSubmitting = false;\n    }\n  };\n</script>\n"],"names":["props","__props","emit","__emit","form","computed","value","$toast","useNuxtApp","handleReset","useRecaptcha","formState","reactive","submitState","handleLoadRecaptcha","token","handleWidgetId","id","handleError","resetRecaptcha","validateForms","accountValidation","validateForm","accountSchema","programValidation","programSchema","field","index","rule_name","parseRule","resetErrors","key","error","isBtnDisabled","prepareProgramForm","formData","program","prependHttps","prepareAccountForm","handleApiError","_a","onSubmit","preparedProgramForm","preparedAccountForm","item","_","createVendor"],"mappings":"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"}