Gift Cards

[supernova-at]

Description

This PR adds Gift Card support to the new Cart page.

Known issues out of scope:

• The PriceAdjustments accordion resets back to the original set of sections that are open (isOpen={true}) after mutations occur.
• Applying an invalid card spits an error to the console

Related Issue

Closes JIRA-78.

Acceptance

Verification Stakeholders

@schensley

Specification

Verification Steps

Since Gift Cards is an enterprise edition feature, first set your MAGENTO_BACKEND_EDITION to EE.

1. yarn watch:all
2. Go to the /cart page
3. Check the balance of a valid card: 02Y0LCHUNDRZ .
4. Attempt to check the balance of an invalid card: no_work.
5. Apply a valid card: 02Y0LCHUNDRZ .
6. Attempt to apply an invalid card: no_work.
7. Remove a card.
8. Simulate a remove card failure by applying a card, turning off your network, and clicking "remove". You should see an error message Toast appear.

Set your MAGENTO_BACKEND_EDITION back to CE (CE is also the default), and observe that the Cart page doesn't even show a Gift Card section in the Accordion.

Screenshots / Screen Captures (if appropriate)

Checklist

• I have updated the documentation accordingly, if necessary.
• I have added tests to cover my changes, if necessary.

[jimbo]

@supernova-at Great work. Looks much better to me. 👍

[dpatil-magento]

@supernova-at https://pr-2124.pwa-venia.com/cart running on EE but dont see Gift Cards accordion. Also when run on local with CE, dont see any of the accordion.

[supernova-at]

@supernova-at https://pr-2124.pwa-venia.com/cart running on EE but dont see Gift Cards accordion. Also when run on local with CE, dont see any of the accordion.

Resolved in-person. New MAGENTO_BACKEND_EDITION environment variable is needed.

[dpatil-magento]

@supernova-at EE looks good but CE does not show any of the accordion (Shipping, Coupon, Gift options). Does this work for you?

[supernova-at]

@supernova-at EE looks good but CE does not show any of the accordion (Shipping, Coupon, Gift options). Does this work for you?

It does:

Do you have items in your cart? That's the only thing I can think of that hides the entire accordion.

[sirugh]

Thanks for changing the query to lazy. Aside from the CE vs EE issue that @dpatil-magento is seeing this looks good to me.

[supernova-at]

Fixed the issue!

Check out commit 24b7fb5.

Verify:

1. View the graphql network call to getCartDetails
2. In CE, verify the GiftCardFragment and GiftCardSummaryFragment in the query:

fragment GiftCardFragment on Cart {
  id
  __typename
}

fragment GiftCardSummaryFragment on Cart {
  id
  __typename
}

3. In EE, verify the GiftCardFragment and GiftCardSummaryFragment in the query:

fragment GiftCardFragment on Cart {
  applied_gift_cards {
    code
    __typename
  }
  id
  __typename
}

fragment GiftCardSummaryFragment on Cart {
  id
  applied_gift_cards {
    applied_balance {
      value
      currency
      __typename
    }
    __typename
  }
  __typename
}

Thanks @dpatil-magento @sirugh @tjwiebell !

[sirugh]

Noice.