@malga-checkout/core
Version:
Core components for Malga Checkout
32 lines (31 loc) • 1.98 kB
JavaScript
import { Component, Host, h } from '@stencil/core';
import settings from '../../stores/settings';
import dialog from '../../stores/dialog';
export class MalgaPaymentsBoleto {
constructor() {
this.handleShowDialog = (dialogData) => {
dialog.configs = Object.assign(Object.assign({}, dialog.configs), dialogData);
};
this.handleErrorModalButtonClicked = () => {
this.handleShowDialog({ open: false });
};
this.handleSuccessModalButtonClicked = () => {
if (settings.dialogConfig.successRedirectUrl) {
location.assign(settings.dialogConfig.successRedirectUrl);
}
this.handleShowDialog({ open: false });
};
}
render() {
return (h(Host, null,
h("checkout-manual-payment", { fullWidth: true, locale: settings.locale, paymentMethod: "boleto" }),
settings.dialogConfig.show && dialog.configs.open && (h("checkout-modal", { locale: settings.locale, isSession: !!settings.sessionId, hasSuccessRedirectUrl: !!settings.dialogConfig.successRedirectUrl, currency: settings.transactionConfig.currency, mode: dialog.configs.mode, open: dialog.configs.open, amount: dialog.configs.amount, paymentCode: dialog.configs.paymentCode, paymentImageUrl: dialog.configs.paymentImageUrl, expirationDate: dialog.configs.expirationDate, errorDescription: dialog.configs.errorMessage, actionButtonLabel: settings.dialogConfig.actionButtonLabel, boletoWaitingPaymentMessage: settings.dialogConfig.boletoWaitingPaymentMessage, successActionButtonLabel: settings.dialogConfig.successActionButtonLabel, errorActionButtonLabel: settings.dialogConfig.errorActionButtonLabel, onSuccessButtonClicked: this.handleSuccessModalButtonClicked, onErrorButtonClicked: this.handleErrorModalButtonClicked }))));
}
static get is() { return "malga-payments-boleto"; }
static get originalStyleUrls() { return {
"$": ["malga-payments-boleto.scss"]
}; }
static get styleUrls() { return {
"$": ["malga-payments-boleto.css"]
}; }
}