ContextQMD
Back to Content

PaymentManager

files/en-us/web/api/paymentmanager/index.md

latest1.8 KB
Original Source

{{APIRef("Web-Based Payment Handler API")}}{{SeeCompatTable}}{{SecureContext_Header}}

The PaymentManager interface of the {{domxref("Web-based Payment Handler API", "", "", "nocode")}} is used to manage various aspects of payment app functionality.

It is accessed via the {{domxref("ServiceWorkerRegistration.paymentManager")}} property.

{{InheritanceDiagram}}

Instance properties

  • {{domxref("PaymentManager.userHint", "userHint")}} {{Experimental_Inline}}
    • : Provides a hint for the browser to display along with the payment app's name and icon in the Web-based Payment Handler UI.

Instance methods

  • {{domxref("PaymentManager.enableDelegations", "enableDelegations()")}} {{Experimental_Inline}}
    • : Delegates responsibility for providing various parts of the required payment information to the payment app rather than collecting it from the browser (for example, via autofill).

Examples

js
navigator.serviceWorker.register("serviceworker.js").then((registration) => {
  registration.paymentManager.userHint = "Card number should be 16 digits";

  registration.paymentManager
    .enableDelegations(["shippingAddress", "payerName"])
    .then(() => {
      // …
    });

  // …
});

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also