DCCheckoutPayment

DCCheckoutPayment is the component todo payment for the order.

DCCheckoutPayment methods
1. loadPaymentCallback - Method to listen iframe window.postMessage callback messages.
2. loadTranslationLabels - Method to load translation labels.

Constructor

new DCCheckoutPayment()

Example

Sample Usage -

Include the component in your template by adding <c-dc-checkout-payment> custom tag

<c-dc-checkout-payment checkout-payment-url="URL" total="99"></c-dc-checkout-payment>

KEY INFO -

 events fired : none

 events registered : none

 Dependency - c-dc-checkout-payment is an independent component and has no dependency on any parent component.

Sample with slots -

<c-dc-checkout-payment>
   <span slot="{slot_name}">
     Custom HTML elements goes here
   </span>
</c-dc-checkout-payment>

List of available slots -

| Slot names            | Dynamic   | Description                   | Impact                    |
|-----------------------|-----------|-------------------------------|---------------------------|
| dc-checkout-payment   | -         | Wrapper for payment container | Replaces billing address  |

Extends

DCBaseComponent

Methods

(static) loadPaymentCallback()

Method to capture callback when payment is received.

(static) loadTranslationLabels()

Method to load translation labels.