@braze/web-sdk/src/Banner/display/banner-to-html.js

Braze SDK for web sites and other JS platforms.

import {
  attachHtmlToIframeWithNonce as b,
  buildBrazeBridge as N,
} from "../../util/html-display-utils.js";
import E from "../../../shared-lib/logger.js";
import { logBannerClick } from "../log-banner-click.js";
export const BANNER_PLACEMENT_ID = "data-ab-banner-placement-id";
export const BANNER_HTML_CLASS = "ab-html-banner";
export const CONTROL_BANNER_HTML_CLASS = "ab-html-control-banner";
export function controlBannerToHtml(n) {
  const t = document.createElement("div");
  return (
    (t.id = n.id),
    (t.className = "ab-html-control-banner"),
    t.setAttribute(BANNER_PLACEMENT_ID, n.placementId),
    t
  );
}
export function bannerToHtml(n, t) {
  if (n.At()) return controlBannerToHtml(n);
  const e = document.createElement("iframe");
  return (
    (e.id = n.id),
    t && e.setAttribute("nonce", t),
    (e.className = "ab-html-banner"),
    e.setAttribute(BANNER_PLACEMENT_ID, n.placementId),
    e.setAttribute("title", "Banner"),
    b(e, n.html, t),
    (e.onload = () => {
      const t = e.contentWindow,
        o = t.document.getElementsByTagName("title");
      o && o.length > 0 && e.setAttribute("title", o[0].textContent || "");
      const r = Object.assign(Object.assign({}, N(e)), {
        logClick: function () {
          logBannerClick(n, ...arguments);
        },
        closeMessage: function () {},
        setBannerHeight: (n) => {
          isNaN(n) || !isFinite(n) || n < 0
            ? E.warn(`Invalid banner height: ${n}`)
            : (e.style.height = `${n}px`);
        },
      });
      (t.brazeBridge = r),
        (t.appboyBridge = r),
        t.dispatchEvent(new CustomEvent("ab.BridgeReady"));
    }),
    e
  );
}