@malga-checkout/core
Version:
Core components for Malga Checkout
25 lines (21 loc) • 3.7 kB
JavaScript
import { r as registerInstance, h, H as Host } from './index-6145acf6.js';
import { Y } from './i18n.es-5c4c60da.js';
const checkoutManualPaymentCss = "@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap\"); :root{--malga-checkout-color-page-background:#eef2f6;--malga-checkout-color-brand-accent-light:#79DBD4;--malga-checkout-color-brand-accent-normal:#39BFAD;--malga-checkout-color-brand-clean:#C3F4EF;--malga-checkout-color-brand-light:#79DBD4;--malga-checkout-color-brand-normal:#39BFAD;--malga-checkout-color-brand-middle:#2FAC9B;--malga-checkout-color-brand-dark:#147F70;--malga-checkout-color-grey-light:#666666;--malga-checkout-color-grey-normal:#4D4D4D;--malga-checkout-color-grey-middle:#333333;--malga-checkout-color-grey-dark:#1A1A1A;--malga-checkout-color-grey-darkness:#000000;--malga-checkout-color-accent-light:#ffffff;--malga-checkout-color-accent-normal:#F1F1F1;--malga-checkout-color-accent-middle:#CBCBCB;--malga-checkout-color-warning-light:#FFF8E6;--malga-checkout-color-warning-normal:#F9DF8D;--malga-checkout-color-warning-middle:#FFA400;--malga-checkout-color-modal-success:#00AE42;--malga-checkout-color-modal-error:#ED3A3D;--malga-checkout-color-modal-neutral:#4D4D4D;--malga-checkout-color-modal-action-button-error:#000000;--malga-checkout-color-modal-action-button-error-hover:#333333;--malga-checkout-color-modal-action-button-success:#000000;--malga-checkout-color-modal-action-button-success-hover:#333333;--malga-checkout-color-modal-action-button-success-font-color:#ffffff;--malga-checkout-color-modal-action-button-error-font-color:#ffffff;--malga-checkout-typography-family:\"Inter\", sans-serif;--malga-checkout-spacing-xxs:4px;--malga-checkout-spacing-xs:8px;--malga-checkout-spacing-sm:16px;--malga-checkout-spacing-default:24px;--malga-checkout-spacing-md:32px;--malga-checkout-spacing-lg:48px;--malga-checkout-spacing-xlg:64px;--malga-checkout-spacing-xxlg:96px;--malga-checkout-size-min-width:250px;--malga-checkout-border-radius-default:4px;--malga-checkout-border-radius-md:6px;--malga-checkout-border-radius-lg:20px;--malga-checkout-transition-slow:0.3s;--malga-checkout-transition-default:0.5s}.checkout-manual-payment__description{font-family:var(--malga-checkout-typography-family);font-size:16px;font-style:normal;font-weight:normal}.checkout-manual-payment__container{font-family:var(--malga-checkout-typography-family);padding:0;margin:0;box-sizing:border-box}.checkout-manual-payment__container{display:flex;flex-direction:column;width:var(--malga-checkout-size-min-width)}.checkout-manual-payment__container--full-width{width:100%}";
const CheckoutManualPayment = class {
constructor(hostRef) {
registerInstance(this, hostRef);
this.paymentMethod = 'pix';
}
render() {
const descriptions = {
pix: (h("span", { slot: "content", class: "checkout-manual-payment__description" }, Y('paymentMethods.pix.descriptions.showQrCode', this.locale), ' ', h("strong", null, Y('paymentMethods.pix.descriptions.paymentConfirmation', this.locale)), ".")),
boleto: (h("span", { slot: "content", class: "checkout-manual-payment__description" }, Y('paymentMethods.boleto.descriptions.showBarcode', this.locale), ' ', h("strong", null, Y('paymentMethods.boleto.descriptions.paymentConfirmation', this.locale)), ".")),
};
return (h(Host, { class: {
'checkout-manual-payment__container': true,
'checkout-manual-payment__container--full-width': !!this.fullWidth,
} }, h("checkout-typography", { tag: "p" }, descriptions[this.paymentMethod])));
}
};
CheckoutManualPayment.style = checkoutManualPaymentCss;
export { CheckoutManualPayment as checkout_manual_payment };