{"version":3,"file":"AlertsDeliveryCreateChannel-2dda29c1.js","sources":["../../../app/javascript/components/alerts/delivery/AlertsDeliveryCreateChannel.vue"],"sourcesContent":["<template>\n  <div v-if=\"!modal\" class=\"flex h-12 items-center justify-between border-b border-gray-800 px-3\">\n    <div class=\"text-sm font-medium text-gray-100\">{{ webhook?.id ? `Edit` : 'Create' }} Destination Settings</div>\n  </div>\n  <div style=\"height: calc(100% - 65px)\">\n    <div v-if=\"!webhook?.id\" class=\"px-4\">\n      <BaseRadio v-if=\"!modal\" :options=\"radioChannels\" v-model=\"selectedRadioChannel\" />\n      <BaseSelect\n        v-else\n        v-model=\"selectedChannel\"\n        button-width-class=\"w-full\"\n        dropdown-width-class=\"w-full\"\n        :options=\"channels\"\n      >\n        <div class=\"text-xs font-medium text-gray-300\">Select Destination</div>\n      </BaseSelect>\n    </div>\n    <div :class=\"[!modal ? 'overflow-y-auto pb-2' : '', 'h-full']\">\n      <AlertsDeliveryDiscordInstructions v-if=\"selectedChannel === 2\" />\n      <AlertsDeliveryTelegramInstructions v-else-if=\"selectedChannel === 3\" />\n      <AlertsDeliverySlackInstructions v-else-if=\"selectedChannel === 4\" />\n      <AlertsDeliveryMobileTab v-else-if=\"selectedChannel === 6\" />\n      <AlertsDeliveryForm :modal=\"modal\" v-if=\"selectedChannel !== 6\" v-model=\"currentWebhook\" :edit=\"!!webhook?.id\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, watch, inject, computed } from 'vue';\nimport AlertsDeliveryMobileTab from '@/components/alerts/delivery/AlertsDeliveryMobileTab.vue';\nimport AlertsDeliveryForm from './AlertsDeliveryForm.vue';\nimport AlertsDeliveryDiscordInstructions from './AlertsDeliveryDiscordInstructions.vue';\nimport AlertsDeliveryTelegramInstructions from './AlertsDeliveryTelegramInstructions.vue';\nimport AlertsDeliverySlackInstructions from './AlertsDeliverySlackInstructions.vue';\nimport { titleize } from '@/composeables/filters';\n\nconst props = defineProps({\n  webhook: { type: Object, default: null },\n  modal: { type: Boolean, default: false }\n});\n\n//CURRENT WEBHOOK\nconst currentWebhook = ref({\n  name: '',\n  link: '',\n  status: '',\n  channel: 'email',\n  id: 0,\n  mode: 'news'\n});\nwatch(\n  () => currentWebhook.value,\n  () => {\n    if (currentWebhook.value) {\n      currentWebhook.value.status = 'verified';\n      selectedChannel.value = titleize(currentWebhook.value.channel);\n    }\n  }\n);\n\nwatch(\n  () => props.webhook,\n  val => {\n    if (val) currentWebhook.value = { ...currentWebhook, ...val };\n  },\n  { deep: true, immediate: true }\n);\n\n//CHANNELS SELECT\nconst channels = [\n  { id: 1, label: 'Email' },\n  { id: 2, label: 'Discord' },\n  { id: 3, label: 'Telegram' },\n  { id: 4, label: 'Slack' },\n  { id: 5, label: 'Webhook' },\n  { id: 6, label: 'Mobile' }\n];\nconst selectedChannel = ref(1);\nwatch(\n  () => selectedChannel.value,\n  () => {\n    if (props.modal)\n      currentWebhook.value.channel = channels.find(x => x.id === selectedChannel.value).label.toLowerCase();\n  }\n);\n\n// CHANNELS RADIO\nconst radioChannels = computed(() => {\n  return channels.map(x => x.label);\n});\nconst selectedRadioChannel = ref('Email');\nwatch(\n  () => selectedRadioChannel.value,\n  () => {\n    let channel = channels.find(x => x.label === selectedRadioChannel.value);\n    currentWebhook.value.channel = channel.label.toLowerCase();\n    selectedChannel.value = channel.id;\n  }\n);\n\n//MOBILE SETUP\nconst forceMobileSetup = inject('force-mobile-setup');\nwatch(forceMobileSetup, () => {\n  if (forceMobileSetup.value) selectedChannel.value = 6;\n});\n</script>\n"],"names":["currentWebhook","ref","watch","selectedChannel","titleize","props","val","channels","x","radioChannels","computed","selectedRadioChannel","channel","forceMobileSetup","inject"],"mappings":"89BA0CMA,EAAiBC,EAAI,CACzB,KAAM,GACN,KAAM,GACN,OAAQ,GACR,QAAS,QACT,GAAI,EACJ,KAAM,MACR,CAAC,EACDC,EACE,IAAMF,EAAe,MACrB,IAAM,CACAA,EAAe,QACjBA,EAAe,MAAM,OAAS,WAC9BG,EAAgB,MAAQC,EAASJ,EAAe,MAAM,OAAO,EAEhE,CACH,EAEAE,EACE,IAAMG,EAAM,QACZC,GAAO,CACDA,IAAKN,EAAe,MAAQ,CAAE,GAAGA,EAAgB,GAAGM,GACzD,EACD,CAAE,KAAM,GAAM,UAAW,EAAM,CACjC,EAGA,MAAMC,EAAW,CACf,CAAE,GAAI,EAAG,MAAO,OAAS,EACzB,CAAE,GAAI,EAAG,MAAO,SAAW,EAC3B,CAAE,GAAI,EAAG,MAAO,UAAY,EAC5B,CAAE,GAAI,EAAG,MAAO,OAAS,EACzB,CAAE,GAAI,EAAG,MAAO,SAAW,EAC3B,CAAE,GAAI,EAAG,MAAO,QAAU,CAC5B,EACMJ,EAAkBF,EAAI,CAAC,EAC7BC,EACE,IAAMC,EAAgB,MACtB,IAAM,CACAE,EAAM,QACRL,EAAe,MAAM,QAAUO,EAAS,KAAKC,GAAKA,EAAE,KAAOL,EAAgB,KAAK,EAAE,MAAM,YAAW,EACtG,CACH,EAGA,MAAMM,EAAgBC,EAAS,IACtBH,EAAS,IAAIC,GAAKA,EAAE,KAAK,CACjC,EACKG,EAAuBV,EAAI,OAAO,EACxCC,EACE,IAAMS,EAAqB,MAC3B,IAAM,CACJ,IAAIC,EAAUL,EAAS,KAAKC,GAAKA,EAAE,QAAUG,EAAqB,KAAK,EACvEX,EAAe,MAAM,QAAUY,EAAQ,MAAM,YAAW,EACxDT,EAAgB,MAAQS,EAAQ,EACjC,CACH,EAGA,MAAMC,EAAmBC,EAAO,oBAAoB,EACpD,OAAAZ,EAAMW,EAAkB,IAAM,CACxBA,EAAiB,QAAOV,EAAgB,MAAQ,EACtD,CAAC"}