@malga-checkout/core/dist/collection/components/malga-payments-drip/partials/malga-payments-drip-iframe/malga-payments-drip-iframe.js

Core components for Malga Checkout

import { Component, Host, h } from '@stencil/core';
import payment from '../../../../stores/payment';
export class MalgaPaymentsDripIframe {
  constructor() {
    this.handleCloseIframe = () => {
      payment.paymentUrl = '';
    };
  }
  render() {
    return (h(Host, { class: { 'malga-payments-drip-iframe__container': true } },
      h("div", { class: { 'malga-payments-drip-iframe__modal': true } },
        h("button", { onClick: this.handleCloseIframe },
          h("checkout-icon", { icon: "close" })),
        h("iframe", { src: payment.paymentUrl, title: "Drip", frameBorder: 0 }))));
  }
  static get is() { return "malga-payments-drip-iframe"; }
  static get originalStyleUrls() { return {
    "$": ["malga-payments-drip-iframe.scss"]
  }; }
  static get styleUrls() { return {
    "$": ["malga-payments-drip-iframe.css"]
  }; }
}