const mainHandler = async (
  _event: APIGatewayProxyEvent,
  context: InteractionContext
): Promise<APIGatewayProxyResult> => {
  const rest = new REST({ version: '10' }).setToken(context.clientSecret);

  const interaction = context.interaction;

  const webhooksAPI = new WebhooksAPI(rest);
  const interactionsAPI = new InteractionsAPI(rest, webhooksAPI);

  await interactionsAPI.defer(interaction.id, interaction.token);

  await new Promise((resolve) => setTimeout(resolve, 5000));

  const response = await interactionsAPI.editReply(interaction.id, interaction.token, { content: 'Pong!' });

  return {
    statusCode: 200,
    body: JSON.stringify(response)
  };
};

const mainHandler = async (
  _event: APIGatewayProxyEvent,
  context: InteractionContext
): Promise<APIGatewayProxyResult> => {
  const rest = new REST({ version: '10' }).setToken(context.clientSecret);

  const interaction = context.interaction;

  const webhooksAPI = new WebhooksAPI(rest);
  const interactionsAPI = new InteractionsAPI(rest, webhooksAPI);

  await interactionsAPI.defer(interaction.id, interaction.token);

  await new Promise((resolve) => setTimeout(resolve, 5000));

  const response = await interactionsAPI.editReply(interaction.id, interaction.token, { content: 'Pong!' });

  return {
    statusCode: 200,
    body: JSON.stringify(response)
  };
};

export const postChangeLogInteractionHandler = async (
  interaction: Discord.ChatInputCommandInteraction
) => {
  const reply = await interaction.deferReply({
    ephemeral: true,
    fetchReply: true
  });

  // ... do async stuff

  const backButton = new Discord.ButtonBuilder()
    .setCustomId('back')
    .setLabel('Back')
    .setStyle(Discord.ButtonStyle.Primary);

  const nextButton = new Discord.ButtonBuilder()
    .setCustomId('next')
    .setLabel('Next')
    .setStyle(Discord.ButtonStyle.Primary);

  const buttonActionRow =
    new Discord.ActionRowBuilder<Discord.ButtonBuilder>().addComponents(
      backButton.setDisabled(currentIndex == 0),
      nextButton.setDisabled(currentIndex === postEdits.length - 1)
    );

  await interaction.editReply({
    content: `Post \`${post.postId}\` Edits`,
    embeds: [editEmbed],
    components: [buttonActionRow]
  });

  const collector = reply.createMessageComponentCollector({
    filter: (submit) =>
      submit.customId === 'createPost' &&
      submit.user.id === interaction.user.id,
    time: 300_000
  });

  collector.on('collect', async (interaction) => {
    console.debug(interaction);
  });
};

export const postChangeLogInteractionHandler = async (
  interaction: Discord.ChatInputCommandInteraction
) => {
  const reply = await interaction.deferReply({
    ephemeral: true,
    fetchReply: true
  });

  // ... do async stuff

  const backButton = new Discord.ButtonBuilder()
    .setCustomId('back')
    .setLabel('Back')
    .setStyle(Discord.ButtonStyle.Primary);

  const nextButton = new Discord.ButtonBuilder()
    .setCustomId('next')
    .setLabel('Next')
    .setStyle(Discord.ButtonStyle.Primary);

  const buttonActionRow =
    new Discord.ActionRowBuilder<Discord.ButtonBuilder>().addComponents(
      backButton.setDisabled(currentIndex == 0),
      nextButton.setDisabled(currentIndex === postEdits.length - 1)
    );

  await interaction.editReply({
    content: `Post \`${post.postId}\` Edits`,
    embeds: [editEmbed],
    components: [buttonActionRow]
  });

  const collector = reply.createMessageComponentCollector({
    filter: (submit) =>
      submit.customId === 'createPost' &&
      submit.user.id === interaction.user.id,
    time: 300_000
  });

  collector.on('collect', async (interaction) => {
    console.debug(interaction);
  });
};