Hi

In Odoo 19, the POS frontend is fully rewritten in OWL (Odoo Web Library). That means:

    You cannot reliably use only QWeb/xpath to inject UI in POS anymore.

    Instead, you extend or patch OWL components (e.g., PaymentScreen, PaymentScreenPaymentLines, or PaymentMethodButton) using patch from @web/core/utils/patch.

Example code:-

/** @odoo-module **/

import { patch } from "@web/core/utils/patch";

import { PaymentScreen } from "@point_of_sale/app/screens/payment_screen/payment_screen";

patch(PaymentScreen.prototype, {

    setup() {

        super.setup();

        this.state.showQR = false;

    },

    async showKHQR(paymentMethod) {

        // Example: generate KHQR code with bakong-khqr lib or external API

        const qrData = "your_dynamic_qr_string";

        this.state.qrData = qrData;

        this.state.showQR = true;

    },

});

Then in your custom template:

<t t-name="pos.PaymentScreenKHQR" owl="1">

  <div t-if="state.showQR" class="bakong-qr-container">

    <img t-att-src="'/report/barcode/?type=QR&value=' + state.qrData" />

  </div>

</t>

And register the template with PaymentScreen.components.

Tips for Flow for Bakong KHQR Integration:-

    Add your custom fields (token, merchant_id, etc.) to pos.payment.method.

    Load them in POS using PosGlobalState patch (pos_data_loader.js).

    Patch PaymentScreen to detect when your KHQR payment method is selected.

    Generate QR (dynamic string) either:

        On backend via Python (using bakong-khqr pypi lib), return to POS, OR

        On frontend with a JS QR library.

    Display QR inside your custom OWL component embedded in PaymentScreen.

Hope it helps