@malga-checkout/core
Version:
Core components for Malga Checkout
31 lines (30 loc) • 1.39 kB
JavaScript
import { Component, Host, h } from '@stencil/core';
import settings from '../../stores/settings';
import dialog from '../../stores/dialog';
import payment from '../../stores/payment';
export class MalgaPaymentsDrip {
constructor() {
this.handleShowDialog = (dialogData) => {
dialog.configs = Object.assign(Object.assign({}, dialog.configs), dialogData);
};
this.handleErrorModalButtonClicked = () => {
this.handleShowDialog({ open: false });
};
}
render() {
return (h(Host, { class: {
'malga-payments-drip__container': true,
'malga-payments-drip__container--selected': payment.selectedPaymentMethod === 'drip',
} },
h("malga-payments-drip-content", null),
!!payment.paymentUrl && h("malga-payments-drip-iframe", null),
settings.dialogConfig.show && dialog.configs.open && (h("checkout-modal", { locale: settings.locale, isSession: !!settings.sessionId, mode: dialog.configs.mode, open: dialog.configs.open, errorDescription: dialog.configs.errorMessage, errorActionButtonLabel: settings.dialogConfig.errorActionButtonLabel, onErrorButtonClicked: this.handleErrorModalButtonClicked }))));
}
static get is() { return "malga-payments-drip"; }
static get originalStyleUrls() { return {
"$": ["malga-payments-drip.scss"]
}; }
static get styleUrls() { return {
"$": ["malga-payments-drip.css"]
}; }
}