{"version":3,"file":"AlertsDeliveryTelegramInstructions-847f5f51.js","sources":["../../../app/javascript/components/alerts/delivery/AlertsDeliveryTelegramInstructions.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-1 flex-col border-b border-grid px-5 py-2\">\n    <div class=\"flex flex-1 flex-col p-2\">\n      <div class=\"flex items-center justify-between\">\n        <div class=\"text-xs font-semibold text-gray-100\">Instructions</div>\n        <BaseToggle class=\"ml-auto mr-2\" v-model=\"personal\" @update:model-value=\"page = 1\">\n          <template #left>Private Channel</template>\n          <template #right>Personal Chat</template>\n        </BaseToggle>\n      </div>\n      <template v-if=\"personal\">\n        <div\n          class=\"mt-3 flex flex-1 flex-col gap-2 pr-2\"\n          v-for=\"(instruction, index) in personalInstructions\"\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/telegram_personal_${page}.png`\"\n            >\n              <img\n                class=\"m-auto h-auto max-h-64 w-auto max-w-md rounded\"\n                :src=\"`https://the-tie-sigdev.s3.us-east-2.amazonaws.com/alert_instructions/telegram_personal_${page}.png`\"\n              />\n            </a>\n          </div>\n        </div>\n      </template>\n      <template v-else>\n        <div\n          class=\"mt-3 flex flex-1 flex-col gap-2 pr-2 text-xs\"\n          v-for=\"(instruction, index) in privateInstructions\"\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=\"flex h-64 w-full items-center justify-center\">\n            <a\n              v-if=\"page != 5\"\n              target=\"_blank\"\n              :href=\"`https://the-tie-sigdev.s3.us-east-2.amazonaws.com/alert_instructions/telegram_private_channel_${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/telegram_private_channel_${page}.png`\"\n              />\n            </a>\n          </div>\n        </div>\n      </template>\n    </div>\n    <BasePaginate\n      v-model=\"page\"\n      :pages=\"personal ? personalInstructions.length : privateInstructions.length\"\n      class=\"mx-auto mb-4 mt-10 w-96\"\n    />\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nconst page = ref(1);\nconst personal = ref(true);\n\nconst personalInstructions = ref([\n  `Search for\n            <p class=\"inline-block rounded bg-gray-700 px-1\">@the_tie_bot</p>\n            in Telegram and hit start.`,\n  `Search for <span class=\"rounded bg-gray-700 px-1\">@userinfobot</span> and send a message, which will\n            return your ID number. Copy this ID number and paste it into the\n            <span class=\"rounded bg-gray-700 px-1\">Chat ID</span> field below.`\n]);\n\nconst privateInstructions = ref([\n  `Create a new channel in Telegram.`,\n  `Make the channel private.`,\n  `Add <span class=\"rounded bg-gray-700 px-1\">@the_tie_bot</span> and\n          <span class=\"rounded bg-gray-700 px-1\">@username_to_id_bot</span> to your chat by going to the channel\n          settings and adding them as Admins.`,\n  `Send a message in your channel. Forward the message you sent in the channel to <span class=\"rounded bg-gray-700 px-1\">@username_to_id_bot</span>.\n            This will return your Channel ID.`,\n  `Copy this number and paste it into the <span class=\"rounded bg-gray-700 px-1\">Chat ID</span> field below. You can now remove the\n            <span class=\"rounded bg-gray-700 px-1\">@username_to_id_bot</span> from your channel`\n]);\n</script>\n"],"names":["page","ref","personal","personalInstructions","privateInstructions"],"mappings":"6sBAiEA,MAAMA,EAAOC,EAAI,CAAC,EACZC,EAAWD,EAAI,EAAI,EAEnBE,EAAuBF,EAAI,CAC/B;AAAA;AAAA,wCAGA;AAAA;AAAA,+EAGF,CAAC,EAEKG,EAAsBH,EAAI,CAC9B,oCACA,4BACA;AAAA;AAAA,+CAGA;AAAA,+CAEA;AAAA,gGAEF,CAAC"}