Take a Gift Card Payment

• 1
• 2
• 3
• 4
• 5
• 6

async function initializeGiftCard(payments) {
  const giftCard = await payments.giftCard();
  await giftCard.attach('#gift-card-container');

  return giftCard;
}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13

 document.addEventListener('DOMContentLoaded', async function () {
  // initialize Square.payments and Card payment method.
  let giftCard;
  try {
    giftCard = await initializeGiftCard(payments);
  } catch (e) {
    console.error('Initializing Gift Card failed', e);
    return;
  }
  // code for handling tokenization and payments

  // Checkpoint 2
});

• 1
• 2
• 3
• 4

 const giftCardButton = document.getElementById('gift-card-button');
 giftCardButton.addEventListener('click', async function (event) {
   await handlePaymentMethodSubmission(event, giftCard);
 });

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15

 async function handlePaymentMethodSubmission(event, paymentMethod) {
   event.preventDefault();

   try {
     // disable the submit button as we await tokenization and make a payment
     // request.
     cardButton.disabled = true;
     giftCardButton.disabled = true; // Add this line.
 // tokenization and payment code.
   } catch (e) {
     cardButton.disabled = false;
     giftCardButton.disabled = false; // Add this line.
     // failed tokenization and payment handling
   }
 }