djs-builder 0.5.40 → 0.5.42

package/lib/discord/builder/system/Pagination.ts

@@ -1,323 +1,374 @@
 import {
-    ButtonBuilder,
-    ActionRowBuilder,
-    EmbedBuilder,
-    Message,
-    MessageComponentInteraction,
-    MessageActionRowComponentBuilder,
-    ButtonStyle,
-    StringSelectMenuBuilder,
-  } from "discord.js";
-  
-  interface PagerOptions {
-    firstLast?: boolean;
-    deleteOption?: boolean;
-    otherComponents?: ActionRowBuilder<MessageActionRowComponentBuilder>[];
-    home?: {
-      home_Option?: boolean;
-      home_page?: number;
-    };
-    timeOption?: {
-      timeOut?: number;
-      disable?: boolean;
-      deletes?: boolean;
-      custom?: (() => void);
-    };
-    user_only?: {
-      user_status?: boolean;
-      reply?: string;
-    };
-    style?: {
-      nextAndBack?: ButtonStyle;
-      firstAndLast?: ButtonStyle;
-      homeStyle?: ButtonStyle;
-      deleteStyle?: ButtonStyle;
-    };
-    label?: {
-      labelNext?: string | null;
-      labelBack?: string | null;
-      labelFirst?: string | null;
-      labelLast?: string | null;
-      labelHome?: string | null;
-      labelDelete?: string | null;
-    };
-    emoji?: {
-      emojiNext?: string;
-      emojiBack?: string;
-      emojiFirst?: string;
-      emojiLast?: string;
-      emojiHome?: string;
-      emojiDelete?: string;
-    };
-    pages?: {
-      embeds?: EmbedBuilder[];
-      attachment?: (string | Buffer)[];
-      content?: string[];
-    };
-    navigationMenu?: {
-      enabled?: boolean;
-      placeHolder?: string;
-      selects?: string[];
-    };
-  }
-    
-  const CUSTOM_IDS = {
-    NEXT: "next-discobase",
-    BACK: "back-discobase",
-    FIRST: "first-discobase",
-    LAST: "last-discobase",
-    DELETE: "delete-discobase",
-    HOME: "home-discobase",
-    SELECT: "select-discobase"
+  ButtonBuilder,
+  ActionRowBuilder,
+  EmbedBuilder,
+  Message,
+  MessageComponentInteraction,
+  MessageActionRowComponentBuilder,
+  ButtonStyle,
+  StringSelectMenuBuilder,
+} from "discord.js";
+
+interface PagerOptions {
+  firstLast?: boolean;
+  deleteOption?: boolean;
+  otherComponents?: ActionRowBuilder<MessageActionRowComponentBuilder>[];
+  home?: {
+    home_Option?: boolean;
+    home_page?: number;
   };
-  
-  const VALID_BUTTON_STYLES = [
-    ButtonStyle.Primary,
-    ButtonStyle.Secondary,
-    ButtonStyle.Success,
-    ButtonStyle.Danger
-  ];
-  
-  const isValidEmoji = (emoji: string | undefined): boolean => {
-    if (!emoji) return false;
-    const unicodeEmojiPattern = /^[\u{1F600}-\u{1F64F}\u{1F300}-\u{1F5FF}\u{1F680}-\u{1F6FF}\u{1F700}-\u{1F77F}\u{1F780}-\u{1F7FF}\u{1F800}-\u{1F8FF}\u{1F900}-\u{1F9FF}\u{1FA00}-\u{1FA6F}\u{1FA70}-\u{1FAFF}\u{2600}-\u{26FF}\u{2700}-\u{27BF}\u{2300}-\u{23FF}\u{2B50}\u{2934}\u{2935}\u{3030}]+$/u;
-    return unicodeEmojiPattern.test(emoji) || /^\d+$/.test(emoji);
+  timeOption?: {
+    timeOut?: number;
+    disable?: boolean;
+    deletes?: boolean;
+    custom?: (() => void);
   };
+  user_only?: {
+    user_status?: boolean;
+    reply?: string;
+  };
+  style?: {
+    nextAndBack?: ButtonStyle;
+    firstAndLast?: ButtonStyle;
+    homeStyle?: ButtonStyle;
+    deleteStyle?: ButtonStyle;
+  };
+  label?: {
+    labelNext?: string | null;
+    labelBack?: string | null;
+    labelFirst?: string | null;
+    labelLast?: string | null;
+    labelHome?: string | null;
+    labelDelete?: string | null;
+  };
+  emoji?: {
+    emojiNext?: string;
+    emojiBack?: string;
+    emojiFirst?: string;
+    emojiLast?: string;
+    emojiHome?: string;
+    emojiDelete?: string;
+  };
+  pages?: {
+    embeds?: EmbedBuilder[];
+    attachment?: (string | Buffer)[];
+    content?: string[];
+  };
+  navigationMenu?: {
+    enabled?: boolean;
+    placeHolder?: string;
+    selects?: string[];
+  };
+}
+
+const CUSTOM_IDS = {
+  NEXT: "next-discobase",
+  BACK: "back-discobase",
+  FIRST: "first-discobase",
+  LAST: "last-discobase",
+  DELETE: "delete-discobase",
+  HOME: "home-discobase",
+  SELECT: "select-discobase"
+};
+
+const VALID_BUTTON_STYLES = [
+  ButtonStyle.Primary,
+  ButtonStyle.Secondary,
+  ButtonStyle.Success,
+  ButtonStyle.Danger
+];
+
+const isValidEmoji = (emoji: string | undefined): boolean => {
+  if (!emoji) return true; // No emoji is valid.
   
-  export class Pagination {
-    private message: Message;
-    private options: Required<PagerOptions>;
-    private buttons: ButtonBuilder[];
-    private components: ActionRowBuilder<MessageActionRowComponentBuilder>[];
-    private naw_page: number = 0;
-  
-    constructor(message: Message, options: PagerOptions) {
-      this.message = message;
-      this.options = {
-        firstLast: false,
-        deleteOption: false,
-        otherComponents: [],
-        home: { home_Option: false, home_page: 0 },
-        timeOption: { timeOut: 86400000, disable: false, deletes: false, custom: undefined },
-        user_only: { user_status: false, reply: "You are not the command owner" },
-        style: { nextAndBack: ButtonStyle.Primary, firstAndLast: ButtonStyle.Secondary, homeStyle: ButtonStyle.Success, deleteStyle: ButtonStyle.Danger },
-        label: {},
-        emoji: { emojiNext: "➡", emojiBack: "⬅", emojiFirst: "⏪", emojiLast: "⏩", emojiHome: "🏠", emojiDelete: "🗑" },
-        pages: { embeds: [], attachment: [], content: [] },
-        navigationMenu: { enabled: false, placeHolder: "Choose a page", selects: [] },
-        ...options,
-      };
-  
-      this.validateOptions();
-      this.buttons = this.createButtons();
-      this.components = this.createComponents();
-    }  
-    private validateOptions() {
-      const { emoji } = this.options;
-      if (!Object.values(emoji).every(isValidEmoji)) {
-        throw new Error("Invalid emoji format. Must be either Unicode emojis or valid emoji IDs.");
-      }
-  
-      const { style } = this.options;
-      if (!Object.values(style).every(style => VALID_BUTTON_STYLES.includes(style))) {
-        throw new Error("Invalid button style. Must be one of the predefined ButtonStyle values.");
-      }
-  
-      if (this.options.deleteOption && this.options.home?.home_Option) {
-        throw new Error("You can't use 'home' and 'delete' together.");
-      }
-  
-      if (this.options.timeOption?.disable && this.options.timeOption?.deletes) {
-        throw new Error("You can't use 'disable' and 'deletes' together.");
-      }
+  const unicodeEmojiPattern = /[\u{1F600}-\u{1F64F}\u{1F300}-\u{1F5FF}\u{1F680}-\u{1F6FF}\u{1F700}-\u{1F77F}\u{1F780}-\u{1F7FF}\u{1F800}-\u{1F8FF}\u{1F900}-\u{1F9FF}\u{1FA00}-\u{1FA6F}\u{1FA70}-\u{1FAFF}\u{2600}-\u{26FF}\u{2700}-\u{27BF}\u{2300}-\u{23FF}\u{2B50}\u{2934}\u{2935}\u{3030}\u{20E3}\u{FE0F}]/u;
+  const discordCustomEmojiPattern = /^<:[a-zA-Z0-9_]+:[0-9]+>$/;
+  return unicodeEmojiPattern.test(emoji) || discordCustomEmojiPattern.test(emoji);
+};
+
+export class Pagination {
+  private message: Message;
+  private options: Required<PagerOptions>;
+  private buttons: ButtonBuilder[];
+  private components: ActionRowBuilder<MessageActionRowComponentBuilder>[];
+  private naw_page: number = 0;
+
+  constructor(message: Message, options: PagerOptions) {
+    this.message = message;
+    this.options = {
+      firstLast: false,
+      deleteOption: false,
+      otherComponents: [],
+      home: { home_Option: false, home_page: 0 },
+      timeOption: { timeOut: 86400000, disable: false, deletes: false, custom: undefined },
+      user_only: { user_status: false, reply: "You are not the command owner" },
+      style: { nextAndBack: ButtonStyle.Primary, firstAndLast: ButtonStyle.Secondary, homeStyle: ButtonStyle.Success, deleteStyle: ButtonStyle.Danger },
+      label: {},
+      emoji: { emojiNext: "➡️", emojiBack: "⬅️", emojiFirst: "⏪", emojiLast: "⏩", emojiHome: "🏠", emojiDelete: "🗑️" },
+      pages: { embeds: [], attachment: [], content: [] },
+      navigationMenu: { enabled: false, placeHolder: "Choose a page", selects: [] },
+      ...options,
+    };
+
+    this.validateOptions();
+    this.buttons = this.createButtons();
+    this.components = this.createComponents();
+  }  
+
+  private validateOptions() {
+    const { emoji } = this.options;
+    const emojiValues = Object.values(emoji);
+    
+    if (emojiValues.some(e => e && !isValidEmoji(e))) {
+      throw new Error("Invalid emoji format. Must be Unicode emojis, valid emoji IDs, or empty.");
     }
-  
-    private createButtons(): ButtonBuilder[] {
-      const {
+
+    const { style } = this.options;
+    if (!Object.values(style).every(style => VALID_BUTTON_STYLES.includes(style))) {
+      throw new Error("Invalid button style. Must be one of the predefined ButtonStyle values.");
+    }
+
+    if (this.options.deleteOption && this.options.home?.home_Option) {
+      throw new Error("You can't use 'home' and 'delete' together.");
+    }
+
+    if (this.options.timeOption?.disable && this.options.timeOption?.deletes) {
+      throw new Error("You can't use 'disable' and 'deletes' together.");
+    }
+  }
+
+  private createButtons(): ButtonBuilder[] {
+    const {
         nextAndBack,
         firstAndLast,
         homeStyle,
         deleteStyle,
-      } = this.options.style;
-  
-      const {
+    } = this.options.style;
+
+    const {
         emojiNext,
         emojiBack,
         emojiFirst,
         emojiLast,
         emojiHome,
         emojiDelete,
-      } = this.options.emoji;
-  
-      const next = new ButtonBuilder().setCustomId(CUSTOM_IDS.NEXT).setEmoji(emojiNext!).setStyle(nextAndBack!);
-      const back = new ButtonBuilder().setCustomId(CUSTOM_IDS.BACK).setEmoji(emojiBack!).setStyle(nextAndBack!);
-      const first = new ButtonBuilder().setCustomId(CUSTOM_IDS.FIRST).setEmoji(emojiFirst!).setStyle(firstAndLast!);
-      const last = new ButtonBuilder().setCustomId(CUSTOM_IDS.LAST).setEmoji(emojiLast!).setStyle(firstAndLast!);
-      const home = new ButtonBuilder().setCustomId(CUSTOM_IDS.HOME).setEmoji(emojiHome!).setStyle(homeStyle!);
-      const deleteBtn = new ButtonBuilder().setCustomId(CUSTOM_IDS.DELETE).setEmoji(emojiDelete!).setStyle(deleteStyle!);
-  
-      const {
+    } = this.options.emoji;
+
+    const next = new ButtonBuilder().setCustomId(CUSTOM_IDS.NEXT).setStyle(nextAndBack!);
+    if (emojiNext) next.setEmoji(emojiNext);
+
+    const back = new ButtonBuilder().setCustomId(CUSTOM_IDS.BACK).setStyle(nextAndBack!);
+    if (emojiBack) back.setEmoji(emojiBack);
+
+    const first = new ButtonBuilder().setCustomId(CUSTOM_IDS.FIRST).setStyle(firstAndLast!);
+    if (emojiFirst) first.setEmoji(emojiFirst);
+
+    const last = new ButtonBuilder().setCustomId(CUSTOM_IDS.LAST).setStyle(firstAndLast!);
+    if (emojiLast) last.setEmoji(emojiLast);
+
+    const home = new ButtonBuilder().setCustomId(CUSTOM_IDS.HOME).setStyle(homeStyle!);
+    if (emojiHome) home.setEmoji(emojiHome);
+
+    const deleteBtn = new ButtonBuilder().setCustomId(CUSTOM_IDS.DELETE).setStyle(deleteStyle!);
+    if (emojiDelete) deleteBtn.setEmoji(emojiDelete);
+
+    const {
         labelNext,
         labelBack,
         labelFirst,
         labelLast,
         labelHome,
         labelDelete,
-      } = this.options.label;
-  
-      if (labelNext) next.setLabel(labelNext);
-      if (labelBack) back.setLabel(labelBack);
-      if (labelFirst) first.setLabel(labelFirst);
-      if (labelLast) last.setLabel(labelLast);
-      if (labelHome) home.setLabel(labelHome);
-      if (labelDelete) deleteBtn.setLabel(labelDelete);
+    } = this.options.label;
+
+    if (labelNext) next.setLabel(labelNext);
+    if (labelBack) back.setLabel(labelBack);
+    if (labelFirst) first.setLabel(labelFirst);
+    if (labelLast) last.setLabel(labelLast);
+    if (labelHome) home.setLabel(labelHome);
+    if (labelDelete) deleteBtn.setLabel(labelDelete);
+
+    const buttons: ButtonBuilder[] = [];
+
+    if (this.options.firstLast) {
+        buttons.push(first); 
+    }
+
+    buttons.push(back); 
+
+    if (this.options.home?.home_Option) {
+        buttons.push(home); 
+        if (this.options.firstLast) {
+            buttons.push(next); 
+            buttons.push(last); 
+        } else {
+            buttons.push(next); 
+        }
+    } else {
+        if (this.options.deleteOption) {
+            buttons.push(deleteBtn); 
+        }
+        
+        buttons.push(next); 
+
+        if (this.options.firstLast) {
+            buttons.push(last);
+        }
+    }
+
+   
+    if (!this.options.firstLast) {
+        buttons.push(last);
+    }
+
+    return buttons;
+}
+
+
+  private createComponents(): ActionRowBuilder<MessageActionRowComponentBuilder>[] {
+    const actionRow = new ActionRowBuilder<MessageActionRowComponentBuilder>().addComponents(this.buttons);
+    const components = [actionRow, ...this.options.otherComponents];
+
+    if (this.options.navigationMenu?.enabled) {
+      const menuOptions = this.options.navigationMenu.selects!.map((select, index) => ({
+        label: `Page ${index + 1}`,
+        description: select,
+        value: `${index}`,
+      }));
+
+      const selectMenu = new StringSelectMenuBuilder()
+        .setCustomId(CUSTOM_IDS.SELECT)
+        .setPlaceholder(this.options.navigationMenu.placeHolder || "Select a page")
+        .addOptions(menuOptions);
+
+      const row = new ActionRowBuilder<StringSelectMenuBuilder>().addComponents(selectMenu);
+      components.push(row);
+    }
+
+    return components;
+  }
+
+  public async send() {
+    const { embeds = [], content = [], attachment = [] } = this.options.pages || {};
   
-      const buttons: ButtonBuilder[] = [];
+    const safeEmbeds = embeds ?? [];
+    
+    if (safeEmbeds.length === 0) {
+      throw new Error("No embeds provided.");
+    }
   
-      if (this.options.firstLast) buttons.push(first);
-      buttons.push(back);
-      if (this.options.home?.home_Option) buttons.push(home);
-      else if (this.options.deleteOption) buttons.push(deleteBtn);
-      buttons.push(next);
-      if (this.options.firstLast) buttons.push(last);
+    try {
+      const msg = await this.message.reply({
+        embeds: [safeEmbeds[0]],
+        content: content[0] || "",
+        files: attachment[0] ? [attachment[0]] : undefined,
+        components: this.components,
+      });
   
-      return buttons;
+      this.handleInteraction(msg);
+    } catch (error) {
+      console.error("Failed to send message:", error);
     }
+  }
   
-    private createComponents(): ActionRowBuilder<MessageActionRowComponentBuilder>[] {
-        const buttonRow = new ActionRowBuilder<MessageActionRowComponentBuilder>().addComponents(this.buttons);
-    
-        const otherRows = this.options.otherComponents || [];
-        const selectMenus = this.options.navigationMenu?.enabled ? this.createSelectMenus() : [];
-    
-        return [buttonRow, ...selectMenus, ...otherRows];
-      }
-    
-      private createSelectMenus(): ActionRowBuilder<StringSelectMenuBuilder>[] {
-        const { embeds = [], content = [], attachment = [] } = this.options.pages || {};
-        const longest_length = Math.max(embeds.length, content.length, attachment.length);
-        const selectMenus: ActionRowBuilder<StringSelectMenuBuilder>[] = [];
-        const select_status = this.options.navigationMenu?.enabled;
-        const select_placeholder = this.options.navigationMenu?.placeHolder;
-        const selects = this.options.navigationMenu?.selects || [];
-    
-        if (select_status) {
-            for (let i = 0; i < longest_length; i += 25) {
-                const menuOptions = Array.from({ length: Math.min(25, longest_length - i) }, (_, j) => ({
-                    label: selects[i + j] ? selects[i + j] : `Page ${i + j + 1}`,
-                    value: `${i + j}` 
-                }));
-    
-                const selectMenu = new StringSelectMenuBuilder()
-                    .setCustomId(`discobase_select_${i / 25}`) 
-                    .setPlaceholder(`${select_placeholder || "Choose a page"} (${i + 1}-${Math.min(i + 25, longest_length)})`)
-                    .addOptions(menuOptions);
-    
-                selectMenus.push(new ActionRowBuilder<StringSelectMenuBuilder>().addComponents(selectMenu));
-            }
-        }
-    
-        return selectMenus;
-    }
-              
-      public async send() {
-        const { embeds = [], content = [], attachment = [] } = this.options.pages || {};
-    
-        if (embeds.length === 0) {
-          throw new Error("No embeds provided.");
-        }
-    
-        try {
-          const msg = await this.message.reply({
-            embeds: [embeds[0]],
-            content: content[0] || "",
-            files: attachment[0] ? [attachment[0]] : [],
-            components: this.components,
-          });
-    
-          const collector = this.createCollector(msg);
-          collector.on("collect", async (i: MessageComponentInteraction) => this.handleCollect(i));
-          collector.on("end", async () => this.handleEnd(msg));
-        } catch (error) {
-          console.error("Error sending message:", error);
-        }
-      }
+  
+
+  private async handleInteraction(msg: Message) {
+    const filter = (i: MessageComponentInteraction) => i.user.id === this.message.author.id;
     
-      private createCollector(msg: Message) {
-        const filter = this.options.user_only?.user_status
-          ? async (i: MessageComponentInteraction) => {
-              if (i.user.id !== this.message.author.id) {
-                await i.reply({ content: this.options.user_only.reply!, ephemeral: true });
-                return false;
-              }
-              return true;
-            }
-          : undefined;
+    const collector = msg.createMessageComponentCollector({ filter, time: this.options.timeOption?.timeOut || 60000 });
+
+    collector.on("collect", async (interaction: MessageComponentInteraction) => {
+      try {
+        const embedsLength = this.options.pages.embeds?.length || 0;
     
-        return msg.createMessageComponentCollector({
-          filter,
-          time: this.options.timeOption?.timeOut || 86400000,
-        });
-      }
-      
-      
-      private async handleCollect(i: MessageComponentInteraction) {
-        const { embeds = [], content = [], attachment = [] } = this.options.pages || {};
-        const num = embeds.length;
-      
-        try {
-          if (i.isButton()) {
-            switch (i.customId) {
-              case CUSTOM_IDS.NEXT:
-                this.naw_page = (this.naw_page + 1) % num;
-                break;
-              case CUSTOM_IDS.BACK:
-                this.naw_page = (this.naw_page - 1 + num) % num;
-                break;
-              case CUSTOM_IDS.FIRST:
-                this.naw_page = 0;
-                break;
-              case CUSTOM_IDS.LAST:
-                this.naw_page = num - 1;
-                break;
-              case CUSTOM_IDS.DELETE:
-                await i.message.delete();
-                return;
-              case CUSTOM_IDS.HOME:
-                this.naw_page = this.options.home?.home_page || 0;
-                break;
-            }
-          } else if (i.isStringSelectMenu()) {
-            if (i.customId.startsWith("discobase_select_")) {
-              this.naw_page = parseInt(i.values[0], 10);
-            }
+        // Handle interaction based on its type
+        if (interaction.isButton()) {
+          switch (interaction.customId) {
+            case CUSTOM_IDS.NEXT:
+              this.naw_page = (this.naw_page + 1) % embedsLength;
+              break;
+            case CUSTOM_IDS.BACK:
+              this.naw_page = (this.naw_page - 1 + embedsLength) % embedsLength;
+              break;
+            case CUSTOM_IDS.FIRST:
+              this.naw_page = 0;
+              break;
+            case CUSTOM_IDS.LAST:
+              this.naw_page = embedsLength - 1;
+              break;
+            case CUSTOM_IDS.DELETE:
+              await interaction.deferUpdate();
+              await msg.delete();
+              collector.stop();
+              return;
+            case CUSTOM_IDS.HOME:
+              this.naw_page = this.options.home?.home_page || 0;
+              break;
+            default:
+              break;
+          }
+        } else if (interaction.isStringSelectMenu()) { 
+          if (interaction.customId === CUSTOM_IDS.SELECT) {
+            this.naw_page = Number(interaction.values[0]);
           }
-          await i.update({
-            embeds: [embeds[this.naw_page]],
-            content: content[this.naw_page] || "",
-            files: attachment[this.naw_page] ? [attachment[this.naw_page]] : [],
-            components: this.createComponents(),
-          });
-        } catch (error) {
-          console.error("Error handling interaction:", error);
         }
+    
+        await interaction.deferUpdate();
+        await this.updateMessage(msg);
+      } catch (error) {
+        console.error("Interaction error:", error);
       }
-            
-      private async handleEnd(msg: Message) {
-        try {
+    });    
+
+    collector.on("end", async () => {
+      try {
+          const fetchedMsg = await this.message.channel.messages.fetch(msg.id);
+  
           if (this.options.timeOption?.disable) {
-            this.components[0].components.forEach((button) => button.setDisabled(true));
-            await msg.edit({ components: this.components });
+              const disabledButtons = this.buttons.map(button => 
+                  button.setDisabled(true)
+              );
+  
+              const menuOptions: { label: string; description?: string; value: string }[] = 
+                  this.options.navigationMenu?.selects?.map((select, index) => ({
+                      label: `Page ${index + 1}`,
+                      description: select,
+                      value: `${index}`,
+                  })) || [];
+  
+              const disabledComponents = new ActionRowBuilder<MessageActionRowComponentBuilder>().addComponents(disabledButtons);
+              const newComponents = [disabledComponents, ...this.options.otherComponents];
+  
+              if (this.options.navigationMenu?.enabled) {
+                  const selectMenu = new StringSelectMenuBuilder()
+                      .setCustomId(CUSTOM_IDS.SELECT)
+                      .setPlaceholder(this.options.navigationMenu.placeHolder || "Select a page")
+                      .addOptions(menuOptions)
+                      .setDisabled(true);
+  
+                  const row = new ActionRowBuilder<StringSelectMenuBuilder>().addComponents(selectMenu);
+                  newComponents.push(row);
+              }
+  
+              await fetchedMsg.edit({ components: newComponents }); 
           }
+  
           if (this.options.timeOption?.deletes) {
-            await msg.edit({ components: [] });
-          }
-          if (typeof this.options.timeOption?.custom === "function") {
-            this.options.timeOption.custom();
+              await fetchedMsg.delete();
           }
-        } catch (error) {
-          console.error("Error handling end of collector:", error);
-        }
-      }
-    }
-    
+      } catch (error: any) {}
+  });
+}
+
+  private async updateMessage(msg: Message) {
+    const { embeds = [], content = [], attachment = [] } = this.options.pages || {};
+    
+    await msg.edit({
+      embeds: [embeds[this.naw_page]],
+      content: content[this.naw_page] || "",
+      files: attachment[this.naw_page] ? [attachment[this.naw_page]] : undefined,
+      components: this.components,
+    });
+  }
+}

package/lib/discord/builder/system/collectors.ts

@@ -96,7 +96,7 @@ function Djs_Collectors<T extends EventSource>(
                 idle: options.idle,
             });
 
-            collectors.push(interactionCollector); // Store reference
+            collectors.push(interactionCollector);
             handleCollector(interactionCollector, events, options, metadata);
 
         } else if (source instanceof MessageReaction) {
@@ -107,7 +107,7 @@ function Djs_Collectors<T extends EventSource>(
                 idle: options.idle,
             });
 
-            collectors.push(reactionCollector); // Store reference
+            collectors.push(reactionCollector);
             handleCollector(reactionCollector, events, options, metadata);
 
         } else {