Lightning Web Component

import { LightningElement, api } from 'lwc';
import { loadScript } from 'lightning/platformResourceLoader';
import PayPageJS from '@salesforce/resourceUrl/PayPageJS';
export default class UnaricPaymentsPayPage extends LightningElement {
@api error ='';

connectedCallback(){
    loadScript(this, PayPageJS)
    .then(() => {
        let form = new PaymentFormDisplay(
            {
                customerRef: 10531, //Replace with your customer reference
                environment: "test" //"test", "live"
            }
        );
        form.showForm(
            {
                paymentRef: "a040C000004SsajQAC",
                dit: "f654815b4b7a189bd9239d0ef3defdcada3560aec64b66ff8ef61f21e6e33999", //Obtain the value of "dit" from "data integrity token" field available on payment record. This field is available 2.17+ and is used to enforce the data integrity
                container: this.template.querySelector('[data-id="paypage-container"]') // Obtain the value of “data-id” from the component where you've passed in. No need to change if it's the same
            }
        );
    })
    .catch((error) => {
        console.log('Error---> '+error);
    });
  }
}