So I've tried to use the collector interaction like:

const msg = await interaction.followUp({ components: [row5], content: `Weird button just showed up!`, ephemeral: false })
const collector = msg.createMessageComponentCollector({ time: 90000 })

collector.on('collect', async (i) => {
    if(i.customId === 'trywordbtn') {
        showModal(modal, {
            client: client,
            interaction: i
        }) 
     }
})

The first time the command works fine, but the second time I use the command I get Discord API error with "interaction has been already acknowledged. Here's the modalSubmit event:

 client.on('modalSubmit', async (modal) => {
            if(modal.customId === 'wordleinput') {
                await modal.deferReply({ ephemeral: true }) // Error from here belongs...
                const firstResponse = modal.getTextInputValue('wordinput')

                if(firstResponse === randomWordg) {
                    await modal.followUp({ content: `Congrats 🥳 You guessed the word right, and it was \`${randomWordg}\``, ephemeral: true })
                    
                    await interaction.editReply({ content: `Good job! \`⍟Soon\` tokens has been added to your wallet.`, components: [deadraw] })

                } else if(trys === 4) {
                    await modal.followUp({ content: `You've 4 attempts to guess the word.`, ephemeral: true })

                    await interaction.editReply({ content: `Hmm... You should think more about it!`, components: [row5] })
                    trys = trys - 1

                } else if(trys === 3) {
                    await modal.followUp({ content: `\`3 of 4\` Attempts left.`, ephemeral: true })

                    await interaction.editReply({ content: `2 more attempts left, it's really easy!`, components: [row5] })

                } else if(trys === 2) {
                    await modal.followUp({ content: `\`2 of 4\` Attempts left.`, ephemeral: true })

                    await interaction.editReply({ content: `Really it's that much hard?!`, components: [row5] })
                } else if(trys === 1) {
                    await modal.followUp({ content: `\`1 of 4\` Attempts left.`, ephemeral: true })

                    await interaction.editReply({ content: `Common, think think!`, components: [row5] })
                } 
                
                if(trys === 0) {
                    await modal.followUp({ content: `Game end! You lost...`, ephemeral: true })

                    await interaction.editReply({ content: `You've ran out of attempts.. the word was \`${randomWordg}\``, components: [deadraw] })
                }
            }  
});

I am suffering this issue ages ago, idk what to do to solve it.. any solution??

Hello, i have a problem with the Modal Event...

When i submit some modal like that :

but in my event manager, i have this code :

const { Client, Intents } = require("discord.js")
const { readdirSync } = require("fs");
const discordModals = require('discord-modals')

global["client"] = new Client({
  intents: 32767,
  partials: ["CHANNEL"],
  fetchAllMembers: true,
  allowedMentions: { repliedUser: false },
  retryLimit: 5,
  invalidRequestWarningInterval: 10
});
discordModals(client);
client.prefix = ".";

client.on('modalSubmit', (modal) => {
  if(modal.customId === 'modal-customid'){
    const firstResponse = modal.getTextInputValue('textinput-customid')
    modal.reply('Congrats! Powered by discord-modals.' + `\`\`\`${firstResponse}\`\`\``)
  }  
})

Can someone know why the event didn't response ?

Hello There :)

First of all, I love this work, great job!

I have the modal working and I am able to use the information submitted from the form and process it perfectly.

However, this does only work error log free on the first run, on any other runs, I see this, the interesting thing is, the functionality still works, the form still pops up the information is still sent to my api as coded but this error is reported in my bots log:

[discord-modals] SHOW_MODAL_ERROR: An error occurred when showing a modal. DiscordAPIError: Interaction has already been acknowledged.
    at RequestHandler.execute (/home/CodeBoard/node_modules/discord.js/src/rest/RequestHandler.js:350:13)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async RequestHandler.push (/home/CodeBoard/node_modules/discord.js/src/rest/RequestHandler.js:51:14)
    at async showModal (/home/CodeBoard/node_modules/discord-modals/src/structures/ShowModal.js:18:9) {
  method: 'post',
  path: '/interactions/THESTINRG/callback',
  code: 40060,
  httpStatus: 400,
  requestData: { json: { type: 9, data: [Object] }, files: [] }
}

            const discordModals = require('discord-modals') // Define the discord-modals package!
            const { Modal, TextInputComponent, showModal } = require('discord-modals') // Now we extract the showModal method
            discordModals(client); // Provide the client to the discord-modals package


            let titleCompontent = new TextInputComponent() // We create an Text Input Component
              .setCustomId('title') // We set the customId to title
              .setLabel('Title Name Here')
              .setStyle('SHORT') //IMPORTANT: Text Input Component Style can be 'SHORT' or 'LONG'
              .setMinLength(4)
              .setMaxLength(15)
              .setPlaceholder('Write a text here')
              .setRequired(true) // If it's required or not
              .setValue('value')

            let descCompontent = new TextInputComponent() // We create an Text Input Component
              .setCustomId('desc') // We set the customId to title
              .setLabel('Description')
              .setStyle('LONG') //IMPORTANT: Text Input Component Style can be 'SHORT' or 'LONG'
              .setMinLength(4)
              .setMaxLength(250)
              .setPlaceholder('Write a text here')
              .setRequired(true) // If it's required or not
              .setValue('value')

            let components = [titleCompontent, descCompontent]
            console.log(components)

            const modal = new Modal() // We create a Modal
              .setCustomId('title')
              .setTitle('Task Information')
              .addComponents(components);

            showModal(modal, {
              client: client, // The showModal() method needs the client to send the modal through the API.
              interaction: interaction // The showModal() method needs the interaction to send the modal with the Interaction ID & Token.
            })


            client.on('modalSubmit', (modal) => {
              if (modal.customId === 'title') {
                (async () => {

                  const title = modal.getTextInputValue('title')
                  const desc = modal.getTextInputValue('desc')
                  var Request = http.post('https://' + process.env.ROOT_DOMAIN + '/jsonrpc.php').headers({ Accept: 'application/json', 'Content-Type': 'application/json' }).send({
                    "jsonrpc": "2.0",
                    "method": "createTask",
                    "id": 1176509098,
                    "params": {
                      "owner_id": userID,
                      "creator_id": userID,
                      "date_due": "",
                      "description": desc,
                      "category_id": 0,
                      "score": 0,
                      "title": title,
                      "project_id": projectID,
                      "color_id": "yellow",
                      "column_id": 0,
                      "recurrence_status": 0,
                      "recurrence_trigger": 0,
                      "recurrence_factor": 0,
                      "recurrence_timeframe": 0,
                      "recurrence_basedate": 0
                    }
                  });

                  // Begin the request and send authenication using the jsonrpc2.0 protocol.
                  Request.auth({
                    user: 'jsonrpc',
                    pass: process.env.API_KEY,
                    sendImmediately: false
                  }).then(function (response) {
                    console.log(response.body)
                  })

                  await modal.reply({ content: 'Task Created!', components: [] });

                })()
                ```
                
                I am not sure if I am doing something wrong in the this or the rest of my code or if the library may be having an issue.

Hello!

I've been testing some commands using modals and every time I use the same command twice (and therefore the same modal opens) I get an error.

For example, if I run /modal and fill the modal, everything goes great but if after that I run /modal again and I fill the modal with the same text, the bot will crash with the error 'Interaction has already been acknowledged.'

Code: https://pastebin.com/APQftuwn Error: https://pastebin.com/sc8FKJU1

Error bash SHOW_MODAL_ERROR: An error occurred when showing a modal. DiscordAPIError: Interaction has already been acknowledged. at RequestHandler.execute (C:\Users\david\desktop\Cating\node_modules\discord.js\src\rest\RequestHandler.js:350:13) at runMicrotasks (<anonymous>) at processTicksAndRejections (node:internal/process/task_queues:96:5) at async RequestHandler.push (C:\Users\david\desktop\Cating\node_modules\discord.js\src\rest\RequestHandler.js:51:14) at async showModal (C:\Users\david\desktop\Cating\node_modules\discord-modals\src\structures\ShowModal.js:31:9) { method: 'post', path: '/interactions/955051216927346748/aW50ZXJhY3Rpb246OTU1MDUxMjE2OTI3MzQ2NzQ4OmJuQU9mdlRscHMzRFpsN0VaS1NSM0lheUJObU5XN3pzeXVXZGtaRTkxUUZVVWdPcHF4TDlKMXVkSm8zakIyNGJjZ1ptSVZ3V3M5azVNMTRTZGlGVEI5N1FTZHl0SlN2MWd2VDFEN1hpQWtZajRYNWxDbk5WTlRPUFFVV1JBSFhT/callback', code: 40060, httpStatus: 400, requestData: { json: { type: 9, data: [Object] }, files: [] } } and Code https://cdn.discordapp.com/attachments/900008888441667596/955058633417322577/unknown.png

Hi! I want to post my modal in a special channel. Currently I'm doing this: modal.guild.channels.cache.get(config.modal).send({ embeds: [embed] }) but, my modal won't close and write "an error occurred . Try again." except that the modal sends well in my channel. Would you help me?

when using modal throwing this error also discord modal is initilised with discord client

Documents/work/bot-backend/node_modules/discord-modals/src/structures/Modal.js:74 this.customId = Util.verifyString(customId, RangeError, 'MODAL_CUSTOM_ID'); ^ TypeError: Cannot read properties of undefined (reading 'verifyString') at Modal.setCustomId (/Users//Documents/work/bot-backend/node_modules/discord-modals/src/structures/Modal.js:74:26) at Client. (/Users/Documents/work/bot-backend/src/services/discord/initial.ts:145:9) at Client.emit (node:events:527:28)

Hey i know you created this like embeds with the way you build the modal.

But could support for json be added? so we can post a json array with all the options, think that would make it easyer to create dynamic forms.

So ex

const exampleModal = {
			type: 9,
			data: {
				title: 'LosKros Register',
				custom_id: 'register',
				components: [
					{
						type: 1,
						components: [
							{
								type: 4,
								custom_id: 'register',
								label: 'Some random label',
								style: 1,
								min_length: 2,
								max_length: 400,
								required : true,
							},
						],
					},
				],
			},
		},

showModalJSON(exampleModal , { client: client, interaction: interaction })

Just an example the last part might be a better way to do it.

But would make life a lot easyer, creating modals, just using the json format as well.

So I did everything as the docs said but I don't know why I'm getting this error:

  if (!(client instanceof Client)) throw new Error('INVALID_CLIENT');
                                   ^

Error [INVALID_CLIENT]: The provided Client is invalid in this context.
    at module.exports (/home/runner/Waiter/node_modules/discord-modals/index.js:14:42)
    at Object.<anonymous> (/home/runner/Waiter/index.js:12:1)
    at Module._compile (node:internal/modules/cjs/loader:1101:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:17:47 {
  [Symbol(code)]: 'INVALID_CLIENT'
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `node .`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/runner/.npm/_logs/2022-03-01T13_16_40_246Z-debug.log
exit status 1

Why is this happening? This is my main (index.js) file:

const express = require('express')
const app = express()
app.listen(8080)
app.get('/', (req, res) => {
  res.send('Waiter is online!')
})


const { Client, Collection } = require("discord.js")
const client = new Client({ intents: 32767 })
const discordModals = require('discord-modals')
discordModals(client);

client.commands = new Collection();
client.filters = new Collection();
client.filtersLog = new Collection();
client.voiceGenerator = new Collection();
client.cooldowns = new Collection();

require("./Systems/GiveawaySys")(client);
require("./Handlers/Events")(client);
require("./Handlers/Commands")(client);

client.login(process.env.token);

I run it in replit so I have the express function above.

Good afternoon mate, I'm facing an error using modal... The error insists on not sending whatever description I left inside the modal. I left above the way I'm using it. I would love it if you could answer me.

Thank you! Sorry if there are any spelling mistakes, I'm from Brazil

imagem 1 Imagem 2 Imagem 3

Hey o/

If I execute a command in a DM and make it open a modal, the modal will show up correctly but if I have a modalSubmit method, it will give an error when submiting the modal: DiscordAPIError: Cannot execute action on a DM channel

Is this a Discord limitation or can it be fixed? Thanks

Code

          const modal = new Modal()
          .setCustomId('modal-customid')
          .setTitle('Modal')
          .addComponents(
            new SelectMenuComponent()
              .setCustomId('theme')
              .setPlaceholder('What theme of Discord do you like?')
              .addOptions(
                {
                  label: 'Dark',
                  description: 'The default theme of Discord.',
                  value: 'dark',
                },
                {
                  label: 'Light',
                  description: 'Some people hate it, some people like it.',
                  value: 'light',
                },
              ),
          );

          return showModal(modal, { client, interaction });

  const func = modal.getSelectMenuValues('invite-function');

    if(func.value === "invite-set"){
db.set(`tracker_${modal.guild.id}`, kanal)
modal.reply("**System Settings Successfully Saved!**", {ephemeral: true})
}

Code is not working :(

I get this error when running my Bot, it says Cannot find module './errors', I've uninstalled and reinstalled discord-modals and it is still giving me this error.