feat[Ticket] : create Robtic Ticket system #2

Full Robtic Ticket System for support

Author: robo38

package-lock.json

@@ -29,7 +29,7 @@
   "dependencies": {
     "chalk": "^5.4.1",
     "connect-mongo": "^6.0.0",
-    "discord.js": "latest",
+    "discord.js": "^14.25.1",
     "dotenv": "latest",
     "express": "^5.2.1",
     "express-session": "^1.19.0",

package.json

@@ -0,0 +1,74 @@
+import type { BotClient } from "@core/BotClient";
+import {
+  ChatInputCommandInteraction,
+  LabelBuilder,
+  ModalBuilder,
+  SlashCommandBuilder,
+  StringSelectMenuBuilder,
+  StringSelectMenuOptionBuilder,
+  TextDisplayBuilder,
+  TextInputBuilder,
+  TextInputStyle,
+} from "discord.js";
+import { ticketCategories } from "../config/categories";
+
+
+export const ticketModal = (() => {
+  const modalBuilder = new ModalBuilder()
+    .setCustomId("ticket_open")
+    .setTitle("Support Ticket");
+
+  const categorySelectorBuilder = new StringSelectMenuBuilder()
+    .setCustomId("ticket_category")
+    .setPlaceholder("Choose a ticket category")
+    .setOptions(
+      ticketCategories.map((c) =>
+        new StringSelectMenuOptionBuilder()
+          .setLabel(c.displayName)
+          .setValue(c.id)
+          .setDescription(c.description),
+      ),
+    )
+    .setRequired(true);
+
+  const categorySelectorLabel = new LabelBuilder()
+    .setLabel("Choose type of support:")
+    .setStringSelectMenuComponent(categorySelectorBuilder);
+
+  const descriptionBuilder = new TextInputBuilder()
+    .setCustomId("ticket_description")
+    .setStyle(TextInputStyle.Short)
+    .setPlaceholder("Short description..")
+    .setMinLength(15)
+    .setMaxLength(80)
+    .setRequired(true);
+
+  const descriptionLabel = new LabelBuilder()
+    .setLabel("Enter the subject:")
+    .setTextInputComponent(descriptionBuilder);
+
+  const footerText = new TextDisplayBuilder().setContent(
+    `Once you press 'Submit' a channel will be created -if you were applicable for a ticket- and staff members will be with you as soon as possible. `,
+  );
+
+  return modalBuilder
+    .addLabelComponents([categorySelectorLabel,descriptionLabel])
+    .addTextDisplayComponents(footerText);
+})();
+
+export default {
+  data: new SlashCommandBuilder()
+    .setName("ticket")
+    .setDescription("Description")
+    .addSubcommand((sub) => sub.setName("create").setDescription("Create a new support ticket.")),
+    // .addSubcommand((sub) => sub.setName("close").setDescription("Close your current ticket.")),
+
+  async run(interaction: ChatInputCommandInteraction, client: BotClient) {
+    if (!interaction.isChatInputCommand()) return;
+
+    const sub = interaction.options.getSubcommand();
+    if (sub === "create"){
+      await interaction.showModal(ticketModal);
+    }
+  },
+};

src/bot/ticket/commands/ticket.ts

@@ -0,0 +1,102 @@
+import type { BotClient } from "@core/BotClient";
+import { TicketRepository } from "@database/repositories";
+import {
+  ContainerBuilder,
+  MessageFlags,
+  SeparatorBuilder,
+  TextDisplayBuilder,
+  type ButtonInteraction,
+  type TextChannel,
+} from "discord.js";
+import {
+  SUPPORT_REPORT_CHANNEL_ID,
+  TICKET_CLOSED_COLOR,
+} from "../config/misc";
+import { ticketCard } from "./openTicket";
+
+export async function runCloseTicket(
+  ticketId: string,
+  interaction: ButtonInteraction,
+) {
+  const ticket = await TicketRepository.close(ticketId, interaction.user.id);
+  // First, fetch the ticket without mutating it
+  const existingTicket = await TicketRepository.findById(ticketId);
+
+  if (!existingTicket) {
+    await interaction.reply({
+      content: `This ticket no longer exists.`,
+      flags: [MessageFlags.Ephemeral],
+    });
+    return;
+  }
+
+  // Validate that the interaction was used in the correct channel
+  if (interaction.channelId !== existingTicket.channelId) {
+    await interaction.reply({
+      content: `You can only close this ticket from its own channel.`,
+      flags: [MessageFlags.Ephemeral],
+    });
+    return;
+  }
+
+  // Acknowledge the interaction before mutating any state
+  if (interaction.deferUpdate) {
+    await interaction.deferUpdate();
+  } else {
+    await interaction.reply({
+      content: `Your Ticket was closed !`,
+      flags: [MessageFlags.Ephemeral],
+    });
+  }
+
+  // Now safely perform the close operation and subsequent side effects
+  const ticket = await TicketRepository.close(ticketId, interaction.user.id);
+  
+  const closedAtStr = ticket.closedAt
+    ? `${Math.floor(ticket.closedAt?.getTime() / 1000) ?? ""}`
+    : null;
+  const ticketCardString = ticketCard(
+    ticket.userId,
+    ticket.category,
+    ticket.subject,
+  );
+  const ticketClosedString = `${
+    ticket.closedAt
+      ? `Closed at: <t:${closedAtStr}> (<t:${closedAtStr}:R>)`
+      : ``
+  }
+Closed by: <@${ticket.closedBy}>`;
+
+  const reportChannel = (await interaction.guild!.channels.fetch(
+    SUPPORT_REPORT_CHANNEL_ID,
+  )) as TextChannel;
+
+  const report = new ContainerBuilder()
+    .setAccentColor(TICKET_CLOSED_COLOR)
+    .addTextDisplayComponents(
+      new TextDisplayBuilder().setContent(`### Support request was closed`),
+    )
+    .addSeparatorComponents(new SeparatorBuilder())
+    .addTextDisplayComponents(
+      new TextDisplayBuilder().setContent(ticketCardString),
+    )
+    .addSeparatorComponents(new SeparatorBuilder())
+    .addTextDisplayComponents(
+      new TextDisplayBuilder().setContent(ticketClosedString),
+    );
+
+  await reportChannel.send({
+    components: [report],
+    flags: [MessageFlags.IsComponentsV2, MessageFlags.SuppressNotifications],
+  });
+}
+
+export default {
+  customId: /^ticket_close_/,
+
+  async run(interaction: ButtonInteraction, client: BotClient) {
+    const [_0, _1, ticketId] = interaction.customId.split("_");
+    
+    await runCloseTicket(ticketId, interaction);
+  },
+};