Adapt PaymentRequest API to new events structure

[queengooborg]

This PR adapts the PaymentRequest API to conform to the new events structure.

BCD PR: mdn/browser-compat-data#15180

[github-actions]

Preview URLs

• https://pr13891.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/PaymentRequest/merchantvalidation_event
• https://pr13891.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/PaymentRequest/paymentmethodchange_event
• https://pr13891.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/PaymentRequest/shippingAddress
• https://pr13891.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/PaymentRequest/shippingOption
• https://pr13891.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/PaymentRequest/shippingaddresschange_event
• https://pr13891.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/PaymentRequest/shippingoptionchange_event
• https://pr13891.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/PaymentRequest
• https://pr13891.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/PaymentRequestUpdateEvent
• https://pr13891.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/PaymentResponse/shippingAddress
• https://pr13891.content.dev.mdn.mozit.cloud/en-US/docs/Web/API/PaymentResponse/shippingOption

Flaws

Note! 6 documents with no flaws that don't need to be listed. 🎉

URL: /en-US/docs/Web/API/PaymentResponse/shippingOption
Title: PaymentResponse.shippingOption
on GitHub
Flaw count: 1

• macros:
  • /en-US/docs/Web/API/PaymentOptions does not exist

---

URL: /en-US/docs/Web/API/PaymentRequest
Title: PaymentRequest
on GitHub
Flaw count: 4

• bad_bcd_links:
  • no explanation!
  • no explanation!
  • no explanation!
  • no explanation!

---

URL: /en-US/docs/Web/API/PaymentRequest/merchantvalidation_event
Title: PaymentRequest: merchantvalidation event
on GitHub
Flaw count: 1

• macros:
  • /en-US/docs/Web/API/PaymentRequest/payerdetailchange_event does not exist

---

URL: /en-US/docs/Web/API/PaymentRequest/paymentmethodchange_event
Title: PaymentRequest: paymentmethodchange event
on GitHub
Flaw count: 3

• macros:
  • /en-US/docs/Web/API/PaymentShippingOption does not exist
  • /en-US/docs/Web/API/PaymentMethodChangeEvent/updateWith does not exist
  • /en-US/docs/Web/API/PaymentRequest/payerdetailchange_event does not exist

External URLs

URL: /en-US/docs/Web/API/PaymentResponse/shippingOption
Title: PaymentResponse.shippingOption
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/PaymentResponse/shippingAddress
Title: PaymentResponse.shippingAddress
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/PaymentRequestUpdateEvent
Title: PaymentRequestUpdateEvent
on GitHub

No external URLs

---

URL: /en-US/docs/Web/API/PaymentRequest
Title: PaymentRequest
on GitHub

No external URLs

---

URL: /en-US/docs/Web/API/PaymentRequest/shippingoptionchange_event
Title: PaymentRequest: shippingoptionchange event
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/PaymentRequest/shippingaddresschange_event
Title: PaymentRequest: shippingaddresschange event
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/PaymentRequest/shippingOption
Title: PaymentRequest.shippingOption
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/PaymentRequest/shippingAddress
Title: PaymentRequest.shippingAddress
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/PaymentRequest/merchantvalidation_event
Title: PaymentRequest: merchantvalidation event
on GitHub

No new external URLs

---

URL: /en-US/docs/Web/API/PaymentRequest/paymentmethodchange_event
Title: PaymentRequest: paymentmethodchange event
on GitHub

No new external URLs

(this comment was updated 2022-03-17 07:48:31.885284)

[teoli2003]

[REVIEW IN PROGRESS] Checklist I used for reviewing this event Content PR:

When onXYZ exists, for each onXYZ

• Redirect from /Web/API/xxxx/onXYZ to /Web/API/xxxx/XYZ_event` set
• /Web/API/xxxx/onXYZ deleted.
• In /Web/API/xxxx/XYZ_event:
  • Front-runner YAML: Correct browser-compat front-runner key
  • Front-runner YAML: Correct title front-runner key to: Interface: XYZ event (with ticks!)
  • Front-runner YAML: No Property and Event Handler int the tag list but Event in it (more cleaning possible)
  • Check if the event bubbles. If not, no mention in article
  • Intro explain the event itself and no more just onXYZ.

    Example: "The levelchange event of the Battery Status API is fired when the battery {{domxref("BatteryManager.level","level")}} property is updated."

  • No HTML table with Bubbles, Cancelable, and Interface lines.
  • Syntax section with the structure of the template, and fix the names of event and of the onXYZ property
  • If inheritance is not only Event, there is an Event type section (two texts possible!, with
    • {{InheritanceDiagram}} with the right argument
    • There is an Event properties section and list the parameters, taken from the interface of the event type
  • Check that no mention of this onXYZ is a link.
  • Check that links to other onXYZ are links to the corresponding XYZ_event

On the API interface page:

• There is no Event handlers section
• There is an Events section (with the correct events)
• Check that there are no links to onXYZ.

On each page of the interface and the API overview page:

• Check that there are no links to onXYZ.
• Check that examples uses the modern syntax for defining function in event handler (onXYZ = event => { …} )
• Check that no {{event} macro is left.
• Fix flaws (as much as possible); at least, make sure not to introduce new flaws.
• Check that if an event is linked to a property value, that property documents when this event is fired.

  Example: "When its value changes, the chargingchange event is fired."

Optional:

• Remove gremlins (non-breaking spaces, curly tick, curly double-ticks)
• If the interface is no more experimental, remove the experimental tags/banners.

Administration:

• Link to the BCD PR.

[teoli2003]

I will need a second pass once this is fixed, I may have missed one nit or another.

[teoli2003]

Two nits and we are good to go.