{"version":3,"file":"AlertsDeliveryDiscordInstructions-fd144cd4.js","sources":["../../../app/javascript/components/alerts/delivery/AlertsDeliveryDiscordInstructions.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-1 flex-col gap-2 border-b border-grid px-5 py-2\">\n    <div class=\"flex flex-1 flex-col\">\n      <div class=\"mt-2 text-xs font-semibold text-gray-100\">Instructions</div>\n      <div\n        class=\"mt-3 flex flex-1 flex-col gap-2 pr-2\"\n        v-for=\"(instruction, index) in instructions\"\n        :key=\"instruction\"\n        v-show=\"index + 1 == page\"\n      >\n        <div class=\"h-8 text-xs font-medium text-gray-100\">{{ page }}. <span v-html=\"instruction\" /></div>\n        <div class=\"mt-2 flex h-64 w-full items-center justify-center\">\n          <a\n            target=\"_blank\"\n            :href=\"`https://the-tie-sigdev.s3.us-east-2.amazonaws.com/alert_instructions/discord_${page}.png`\"\n          >\n            <img\n              class=\"max-w-3/4 m-auto h-auto max-h-64 w-auto rounded\"\n              :src=\"`https://the-tie-sigdev.s3.us-east-2.amazonaws.com/alert_instructions/discord_${page}.png`\"\n            />\n          </a>\n        </div>\n      </div>\n    </div>\n    <BasePaginate v-model=\"page\" :pages=\"3\" class=\"mx-auto mb-4 mt-10 w-96\" />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nconst page = ref(1);\n\nconst instructions = ref([\n  `Choose a server and channel you would like to send alerts in. Click the gear icon next to this channel.`,\n  `In the left hand panel, select <span class=\"rounded bg-gray-700 px-1\"> Integrations</span>. In this page,\n          you will see an option for <span class=\"rounded bg-gray-700 px-1\">Webhooks</span>. Here you can select\n          <span class=\"rounded bg-gray-700 px-1\">View Webhooks</span>.`,\n  `On the next page, select the blue <span class=\"rounded bg-gray-700 px-1\">New Webhook</span> button on the\n          next page to create your webhook. Select <span class=\"rounded bg-gray-700 px-1\">Copy Webhook URL</span> and\n          paste into the <span class=\"rounded bg-gray-700 px-1\">Link</span> field above.`\n]);\n</script>\n"],"names":["page","ref","instructions"],"mappings":"4gBA+BA,MAAMA,EAAOC,EAAI,CAAC,EAEZC,EAAeD,EAAI,CACvB,0GACA;AAAA;AAAA,wEAGA;AAAA;AAAA,yFAGF,CAAC"}