Hi,
i am try to popup a template when user  select payment method and click on send  button ..
 as i have already created template and calling it on paymentinterface but it gives the erro "'CardNotPresent' is not found. Make sure the file is loaded and the component is properly registered using 'Registries.Component.add'"

here is the peace of code that i have added :

send_payment_request: async function (cid) {
console.log('******latest one******')
var self = this;
var PaymentLine = this.pos.get_order().selected_paymentline
var PaymentTerminal = PaymentLine.payment_method.use_payment_terminal
this._super.apply(this, arguments);
this._reset_state();
if (PaymentLine.amount <= 0) {

this._show_error(_t('Cannot process transactions with negative amount.'));
if (PaymentTerminal == 'card_not_present')
{
}
}
else if (PaymentTerminal == 'card_not_present'){
console.log('**************',this)
//
debugger;
const { confirmed } = Gui.showPopup('CardNotPresent', {
title: _t('ZilloPay Payment'),
confirmText: _t("Payment"),
cancelText: _t("Cancel"),
payment_method: this.payment_method.id,
parent: this,
token: this.pos.zillopay
});
// if (confirmed) {
// const order = this.env.pos.get_order();
// }
}
},

can anybody help me on this issue...