{"version":3,"file":"AlertsDeliveryForm-0b3090bf.js","sources":["../../../node_modules/@heroicons/vue/24/outline/esm/XCircleIcon.js","../../../app/javascript/components/alerts/delivery/AlertsDeliveryForm.vue"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    \"stroke-width\": \"1.5\",\n    stroke: \"currentColor\",\n    \"aria-hidden\": \"true\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"stroke-linecap\": \"round\",\n      \"stroke-linejoin\": \"round\",\n      d: \"M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n    })\n  ]))\n}","<template>\n  <div class=\"flex w-full flex-col gap-2 border-b border-grid px-4\" @submit.prevent=\"testWebhook\">\n    <div :class=\"[modal ? 'flex-col' : '', 'flex gap-4 pb-10 pt-2 text-xs font-medium text-gray-300']\">\n      <div class=\"flex flex-1 flex-col gap-1\">\n        <label class=\"flex flex-1 flex-row items-center gap-1 text-xs font-medium text-gray-300\">\n          Name Delivery Option\n          <span v-if=\"errorMessageName\" class=\"pl-2 text-red-500\">{{ errorMessageName }}</span>\n        </label>\n        <BaseTextbox v-model=\"webhook.name\" :placeholder=\"titleize(webhook.channel)\" />\n      </div>\n      <div class=\"flex flex-1 flex-col gap-1\">\n        <label class=\"flex flex-1 flex-row items-center gap-1 text-xs font-medium text-gray-300\">\n          {{ webhookTypeLabel }}\n          <span v-if=\"errorMessageLink\" class=\"pl-2 text-red-500\">{{ errorMessageLink }}</span>\n        </label>\n        <BaseTextbox\n          v-model=\"webhook.link\"\n          :placeholder=\"webhookTypeLabel === 'Email' ? userEmail : webhookTypePlaceholder\"\n          :readonly=\"!editable\"\n          @change=\"webhook.value.status = 'not-verified'\"\n        />\n      </div>\n\n      <div :class=\"[modal ? 'self-start' : 'self-end', 'flex flex-row justify-between gap-4']\">\n        <BaseButton class=\"self-end text-sm font-medium\" type=\"secondary\" @press=\"testWebhook\">\n          Send test {{ webhook.channel === 'email' ? 'email' : 'message' }}\n        </BaseButton>\n        <div class=\"flex flex-row items-center gap-2\">\n          <div class=\"text-gray-400\">Status</div>\n          <div class=\"flex flex-1 items-center\">\n            <BaseLoader v-if=\"webhook.status == 'processing'\" size=\"w-6 h-6\" />\n            <CheckCircleIcon v-else-if=\"webhook.status == 'verified'\" class=\"h-6 w-6 text-green-500\" />\n            <XCircleIcon v-else-if=\"webhook.status == 'not-verified'\" class=\"h-6 w-6 text-red-500\" />\n            <XCircleIcon v-else class=\"h-6 w-6 text-gray-600\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div class=\"flex w-full justify-between space-x-4 px-6 pt-6\">\n    <div>\n      <BaseButton v-if=\"modal\" type=\"secondary\" @press=\"$emitter.$emit('cancel:destination')\">\n        <ArrowLeftIcon class=\"mr-1 h-4 w-4\" /> Back\n      </BaseButton>\n    </div>\n    <div class=\"flex items-center space-x-2\">\n      <BaseButton v-if=\"!modal\" type=\"secondary\" @press=\"$emitter.$emit('cancel:destination')\">Cancel</BaseButton>\n      <BaseButton @press=\"submitWebhook\">\n        {{ webhook.id > 0 ? 'Save' : modal ? 'Use Delivery Option' : 'Create' }}\n      </BaseButton>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport useEmitter from '@/composeables/emitter';\nimport useHttp from '@/composeables/http';\nimport { useStore } from 'vuex';\nimport { ref, computed, inject, watch, onMounted } from 'vue';\nimport { titleize } from '@/composeables/filters';\nimport { CheckCircleIcon, XCircleIcon, ArrowLeftIcon } from '@heroicons/vue/24/outline';\n\nconst $http = useHttp();\nconst $emitter = useEmitter();\nconst store = useStore();\n\nconst emits = defineEmits(['update:model-value']);\nconst props = defineProps({\n  modelValue: { type: Object, required: true },\n  edit: { type: Boolean, default: false },\n  modal: { type: Boolean, default: false }\n});\n\n//INITIALIZATION\nconst editable = ref(true);\nconst userEmail = computed(() => store.getters.session.user.email);\nconst webhook = computed({\n  get: () => props.modelValue,\n  set: val => emits('update:model-value', val)\n});\nconst webhookTypeLabel = computed(() => {\n  return {\n    discord: 'Link',\n    slack: 'Link',\n    telegram: 'Chat ID',\n    email: 'Email',\n    webhook: 'HTTP Webhook'\n  }[webhook.value.channel];\n});\nconst webhookTypePlaceholder = computed(() => {\n  return {\n    discord: 'https://discord...',\n    slack: 'https://slack...',\n    telegram: '-1001177842334',\n    email: 'user@email.com',\n    webhook: 'https://webhook...'\n  }[webhook.value.channel];\n});\nwatch([() => props.edit, () => props.modelValue.channel, () => props.modelValue.link], () => {\n  if (props.edit && props.modelValue.channel == 'email' && props.modelValue.link == userEmail.value) {\n    editable.value = false;\n  }\n});\nonMounted(() => {\n  if (props.edit && props.modelValue.channel == 'email' && props.modelValue.link == userEmail.value) {\n    editable.value = false;\n  }\n});\n\n//TEST AND SUBMIT\nconst errorMessageName = ref('');\nconst errorMessageLink = ref('');\nconst testWebhook = async () => {\n  errorMessageName.value = '';\n  errorMessageLink.value = '';\n  let payload = { ...webhook.value };\n  if (payload.name == '' || payload.link == '') {\n    errorMessageName.value = payload.name == '' ? 'Required' : '';\n    errorMessageLink.value = payload.link == '' ? 'Required' : '';\n    return false;\n  }\n  webhook.value.status = 'processing';\n  try {\n    await $http.post('/alert_channel_tests', {\n      channel: payload.link,\n      alert_type: webhook.value.channel\n    });\n    webhook.value.status = 'verified';\n    webhook.value.disabled = false;\n    return true;\n  } catch {\n    webhook.value.status = 'not-verified';\n    webhook.value.disabled = true;\n    errorMessageLink.value = `Invalid ${webhook.value.channel}`;\n    return false;\n  }\n};\nconst submitWebhook = async () => {\n  try {\n    if (webhook.value.status != 'verified') {\n      await testWebhook();\n    }\n\n    if (webhook.value.status === 'verified') {\n      if (webhook.value.id && webhook.value.id > 0) {\n        await $http.patch(`/data/webhooks/${webhook.value.id}`, { webhook: webhook.value });\n      } else {\n        const res = await $http.post('/data/webhooks', { webhook: webhook.value });\n        $emitter.$emit('webhook-added', res.data?.webhook?.id);\n        $emitter.$emit('update:webhooks', res.data?.webhook?.id);\n      }\n      $emitter.$emit('cancel:destination');\n      await getWebhooks();\n    }\n  } catch {\n    webhook.value.status = 'not-verified';\n    errorMessageLink.value = `Invalid ${webhook.value.channel}`;\n    return false;\n  }\n};\nconst getWebhooks = inject('get-webhooks');\n</script>\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","$http","useHttp","$emitter","useEmitter","store","useStore","editable","ref","userEmail","computed","webhook","props","val","emits","webhookTypeLabel","webhookTypePlaceholder","watch","onMounted","errorMessageName","errorMessageLink","testWebhook","payload","submitWebhook","res","_b","_a","_d","_c","getWebhooks","inject"],"mappings":"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","x_google_ignoreList":[0]}