1 files changed, 39 insertions, 2 deletions
diff --git a/app/assets/javascripts/integrations/edit/components/jira_issues_fields.vue b/app/assets/javascripts/integrations/edit/components/jira_issues_fields.vue
index 1baa2b440b0..d3d1fd8ddc3 100644
--- a/app/assets/javascripts/integrations/edit/components/jira_issues_fields.vue
+++ b/app/assets/javascripts/integrations/edit/components/jira_issues_fields.vue
@@ -8,6 +8,7 @@ import {
   GlButton,
   GlCard,
 } from '@gitlab/ui';
+import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import eventHub from '../event_hub';
 
 export default {
@@ -20,18 +21,36 @@ export default {
     GlLink,
     GlButton,
     GlCard,
+    JiraIssueCreationVulnerabilities: () =>
+      import('ee_component/integrations/edit/components/jira_issue_creation_vulnerabilities.vue'),
   },
+  mixins: [glFeatureFlagsMixin()],
   props: {
     showJiraIssuesIntegration: {
       type: Boolean,
       required: false,
       default: false,
     },
+    showJiraVulnerabilitiesIntegration: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
     initialEnableJiraIssues: {
       type: Boolean,
       required: false,
       default: null,
     },
+    initialEnableJiraVulnerabilities: {
+      type: Boolean,
+      required: false,
+      default: false,
+    },
+    initialVulnerabilitiesIssuetype: {
+      type: String,
+      required: false,
+      default: undefined,
+    },
     initialProjectKey: {
       type: String,
       required: false,
@@ -45,12 +64,12 @@ export default {
     upgradePlanPath: {
       type: String,
       required: false,
-      default: null,
+      default: '',
     },
     editProjectPath: {
       type: String,
       required: false,
-      default: null,
+      default: '',
     },
   },
   data() {
@@ -64,6 +83,13 @@ export default {
     validProjectKey() {
       return !this.enableJiraIssues || Boolean(this.projectKey) || !this.validated;
     },
+    showJiraVulnerabilitiesOptions() {
+      return (
+        this.enableJiraIssues &&
+        this.showJiraVulnerabilitiesIntegration &&
+        this.glFeatures.jiraForVulnerabilities
+      );
+    },
   },
   created() {
     eventHub.$on('validateForm', this.validateForm);
@@ -75,6 +101,9 @@ export default {
     validateForm() {
       this.validated = true;
     },
+    getJiraIssueTypes() {
+      eventHub.$emit('getJiraIssueTypes');
+    },
   },
 };
 </script>
@@ -105,6 +134,14 @@ export default {
               }}
             </template>
           </gl-form-checkbox>
+          <jira-issue-creation-vulnerabilities
+            v-if="showJiraVulnerabilitiesOptions"
+            :project-key="projectKey"
+            :initial-is-enabled="initialEnableJiraVulnerabilities"
+            :initial-issue-type-id="initialVulnerabilitiesIssuetype"
+            data-testid="jira-for-vulnerabilities"
+            @request-get-issue-types="getJiraIssueTypes"
+          />
         </template>
         <gl-card v-else class="gl-mt-7">
           <strong>{{ __('This is a Premium feature') }}</strong>