@braze/web-sdk 5.5.0 → 5.6.1

package/src/Banner/banner.js

@@ -0,0 +1,30 @@
+export default class Banner {
+  constructor(t, i, s, h = !1, r = !1, e = -1) {
+    (this.id = t),
+      (this.placementId = i),
+      (this.html = s),
+      (this.tt = h),
+      (this.isControl = r),
+      (this.it = e),
+      (this.id = t),
+      (this.placementId = i),
+      (this.html = s),
+      (this.tt = h),
+      (this.isControl = r),
+      (this.it = e),
+      (this.st = !1);
+  }
+  ht() {
+    return this.isControl;
+  }
+  Bs() {
+    return {
+      id: this.id,
+      o: this.placementId,
+      html: this.html,
+      t: this.tt,
+      i: this.isControl,
+      u: this.it,
+    };
+  }
+}

package/src/Banner/display/banner-to-html.js

@@ -0,0 +1,57 @@
+import {
+  attachHtmlToIframeWithNonce as m,
+  buildBrazeBridge as b,
+} from "../../util/html-display-utils.js";
+import r from "../../managers/braze-instance.js";
+import N from "../../../shared-lib/logger.js";
+import { BRAZE_MUST_BE_INITIALIZED_ERROR as p } from "../../common/constants.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(t) {
+  const n = document.createElement("div");
+  return (
+    (n.id = t.id),
+    (n.className = "ab-html-control-banner"),
+    n.setAttribute(BANNER_PLACEMENT_ID, t.placementId),
+    n
+  );
+}
+export function bannerToHtml(t, n) {
+  if (t.ht()) return controlBannerToHtml(t);
+  const o = document.createElement("iframe");
+  return (
+    (o.id = t.id),
+    n && o.setAttribute("nonce", n),
+    (o.className = "ab-html-banner"),
+    o.setAttribute(BANNER_PLACEMENT_ID, t.placementId),
+    o.setAttribute("title", "Banner"),
+    m(o, t.html, n),
+    (o.onload = () => {
+      const n = o.contentWindow,
+        e = n.document.getElementsByTagName("title");
+      e && e.length > 0 && o.setAttribute("title", e[0].textContent || "");
+      const a = Object.assign(
+        Object.assign(
+          {},
+          b(o, () => {
+            import("../../Feed/ui/show-feed.js").then((t) => {
+              r.nt() ? t.showFeed() : N.error(p);
+            });
+          }),
+        ),
+        {
+          logClick: function () {
+            logBannerClick(t, ...arguments);
+          },
+          closeMessage: function () {},
+        },
+      );
+      (n.brazeBridge = a),
+        (n.appboyBridge = a),
+        n.dispatchEvent(new CustomEvent("ab.BridgeReady"));
+    }),
+    o
+  );
+}

package/src/Banner/display/destroy-banner-html.js

@@ -0,0 +1,7 @@
+import { removeSubscription } from "../../Core/remove-subscription.js";
+import { SUBSCRIPTION_ID_DATA_ATTRIBUTE as f } from "../../common/constants.js";
+export function destroyBannerHtml(o) {
+  const n = o.getAttribute(f);
+  null != n && removeSubscription(n),
+    o && o.parentNode && o.parentNode.removeChild(o);
+}

package/src/Banner/display/detect-banner-impressions.js

@@ -0,0 +1,28 @@
+import {
+  impressOnBottom as j,
+  impressOnTop as $,
+  detectImpression as g,
+} from "../../common/detect-impression.js";
+import { topIsInView as x, bottomIsInView as B } from "../../util/dom-utils.js";
+import { logBannerImpressions } from "../log-banner-impressions.js";
+import {
+  BANNER_HTML_CLASS as I,
+  BANNER_PLACEMENT_ID as k,
+  CONTROL_BANNER_HTML_CLASS as q,
+} from "./banner-to-html.js";
+export function detectBannerImpressions() {
+  const o = document.querySelectorAll(`.${I}, .${q}`),
+    t = [];
+  for (let n = 0; n < o.length; n++) {
+    const s = o[n],
+      i = s.getAttribute(k);
+    if (!i) continue;
+    const m = g.oo(s),
+      r = g.no(s);
+    if (m && r) continue;
+    const e = x(s),
+      c = B(s);
+    e && !m && $(s), c && !r && j(s), g.oo(s) && g.no(s) && t.push(i);
+  }
+  t.length > 0 && logBannerImpressions(t);
+}

package/src/Banner/get-all-banners.js

@@ -0,0 +1,13 @@
+import { logger as N } from "../../shared-lib/index.js";
+import r from "../managers/braze-instance.js";
+import i from "./banner-provider-factory.js";
+import { getBannerIfNotExpired as v } from "./get-banner.js";
+export function getAllBanners() {
+  if (!r.rr()) return;
+  const n = {},
+    e = r.v();
+  if (e && !e.Us()) return N.info("Banners are not enabled."), n;
+  const o = i.m().vs();
+  for (const r in o) n[r] = v(o, r);
+  return n;
+}

package/src/Banner/get-banner.js

@@ -0,0 +1,19 @@
+import { logger as N } from "../../shared-lib/index.js";
+import r from "../managers/braze-instance.js";
+import i from "./banner-provider-factory.js";
+export function getBannerIfNotExpired(n, e) {
+  const r = n[e];
+  if (!r) return null;
+  const t = r.it,
+    a = new Date().valueOf();
+  return -1 !== t && 1e3 * t < a
+    ? (N.info(`Banner with ID: ${r.id} and placement ID: ${e} has expired.`),
+      null)
+    : r;
+}
+export function getBanner(n) {
+  if (!r.rr()) return;
+  const e = r.v();
+  if (e && !e.Us()) return N.info("Banners are not enabled."), null;
+  return getBannerIfNotExpired(i.m().vs(), n);
+}

package/src/Banner/index.js

@@ -0,0 +1,7 @@
+export { default as Banner } from "./banner.js";
+export { getBanner } from "./get-banner.js";
+export { insertBanner } from "./ui/insert-banner.js";
+export { requestBannersRefresh } from "./request-banners-refresh.js";
+export { getAllBanners } from "./get-all-banners.js";
+export { subscribeToBannersUpdates } from "./subscribe-to-banners-updates.js";
+export { logBannerImpressions } from "./log-banner-impressions.js";

package/src/Banner/log-banner-click.js

@@ -0,0 +1,22 @@
+import r from "../managers/braze-instance.js";
+import Banner from "./banner.js";
+import { logger as N } from "../../shared-lib/index.js";
+import i from "./banner-provider-factory.js";
+import { keys as y } from "../util/code-utils.js";
+export function logBannerClick(n, o) {
+  if (!r.rr()) return;
+  if (!(n instanceof Banner))
+    return (
+      N.error("Banner argument to logBannerClick must be an Banner object."), !1
+    );
+  const e = i.m(),
+    t = e.vs();
+  return 0 === y(t).length
+    ? (N.info("Not logging banner click. No banners exist."), !1)
+    : t[n.placementId]
+    ? e.logClick(n, o)
+    : (N.info(
+        `Not logging banner click for ID ${n.placementId}. The placement ID did not correspond to any banner.`,
+      ),
+      !1);
+}

package/src/Banner/log-banner-impressions.js

@@ -0,0 +1,31 @@
+import { logger as N, EventTypes as d } from "../../shared-lib/index.js";
+import c from "../common/event-logger.js";
+import r from "../managers/braze-instance.js";
+import { keys as y } from "../util/code-utils.js";
+import i from "./banner-provider-factory.js";
+export function logBannerImpressions(o) {
+  if (!r.rr()) return;
+  if (!o || o.length <= 0) return !1;
+  const n = i.m(),
+    s = n.vs();
+  if (0 === y(s).length)
+    return N.info("Not logging banners impression. No banners exist."), !1;
+  const e = n.ks(),
+    t = [];
+  for (const r of o) {
+    const o = s[r];
+    o
+      ? e[o.placementId]
+        ? N.info(
+            `Not logging banners impression for ID ${r}. This ID was already logged this session.`,
+          )
+        : ((e[o.placementId] = !0), t.push(o.id))
+      : N.info(
+          `Not logging banners impression for ID ${r}. The placement ID did not correspond to any banner.`,
+        );
+  }
+  if (0 === t.length) return !1;
+  n.zs(e);
+  const a = { ids: t };
+  return c.ds(d.ro, a).ss;
+}

package/src/Banner/request-banners-refresh.js

@@ -0,0 +1,35 @@
+import { logger as N } from "../../shared-lib/index.js";
+import { BRAZE_MUST_BE_INITIALIZED_ERROR as p } from "../common/constants.js";
+import r from "../managers/braze-instance.js";
+import { isArray as w } from "../util/code-utils.js";
+import { isValidBannerPlacementId as D } from "../util/validation-utils.js";
+import i from "./banner-provider-factory.js";
+export function requestBannersRefresh(e, n, o) {
+  if (!r.rr()) return void N.warn(p);
+  const t = r.v();
+  if (!t) return void N.warn(p);
+  if (!t.Us()) return void N.info("Banners are not enabled.");
+  if (!w(e) || 0 === e.length)
+    return void N.warn("placementIds should be a non-empty array.");
+  if (i.m().Is())
+    return void N.warn(
+      "Banners can be refreshed only once per session per user.",
+    );
+  const s = t.ee();
+  e.length > s &&
+    (N.warn(
+      `Number of placement IDs requested exceeds the max allowed. Trimming placementIds array from length ${e.length} to ${s} (max allowed).`,
+    ),
+    (e = e.slice(0, s))),
+    0 !==
+      (e = e.filter(
+        (e) =>
+          !!D(e) ||
+          (N.warn(
+            `Placement ID should be a valid utf8 string with no whitespaces, filtering out: ${e}`,
+          ),
+          !1),
+      )).length &&
+      (N.info(`Requesting banners for placement IDs: ${JSON.stringify(e)}`),
+      i.m().$(e, n, o));
+}

package/src/Banner/subscribe-to-banners-updates.js

@@ -0,0 +1,23 @@
+import r from "../managers/braze-instance.js";
+import i from "./banner-provider-factory.js";
+import { getAllBanners } from "./get-all-banners.js";
+export function subscribeToBannersUpdates(n) {
+  if (!r.rr()) return;
+  const o = i.m();
+  if (o.qs()) {
+    const r = getAllBanners();
+    r && "function" == typeof n && n(r);
+  }
+  const t = o.Fs(n);
+  if (!o.Ts()) {
+    const n = r.nn();
+    if (n) {
+      const r = n.rn(() => {
+        const n = o.us();
+        n && n.length > 0 && o.$(n);
+      });
+      r && o.Rs(r);
+    }
+  }
+  return t;
+}

package/src/Banner/types.js

@@ -0,0 +1 @@
+export {};

package/src/Banner/ui/insert-banner.js

@@ -0,0 +1,24 @@
+import N from "../../../shared-lib/logger.js";
+import { SUBSCRIPTION_ID_DATA_ATTRIBUTE as f } from "../../common/constants.js";
+import r, { OPTIONS as z } from "../../managers/braze-instance.js";
+import { setupBannerUI as U } from "../../ui/js/banner-css.js";
+import { addPassiveEventListener as J } from "../../util/dom-utils.js";
+import { bannerToHtml as S } from "../display/banner-to-html.js";
+import { destroyBannerHtml as A } from "../display/destroy-banner-html.js";
+import { detectBannerImpressions as C } from "../display/detect-banner-impressions.js";
+import { subscribeToBannersUpdates } from "../subscribe-to-banners-updates.js";
+export function insertBanner(o, s) {
+  if (!r.rr()) return;
+  if (!o || !s) return void N.error("Banner or parentNode is not provided.");
+  if (!r.sr(z.er))
+    return void N.error(
+      "Banners are disabled. Use the 'allowUserSuppliedJavascript' option for braze.initialize to enable these messages.",
+    );
+  U();
+  const e = S(o, r.sr(z.ir)),
+    i = subscribeToBannersUpdates((i) => {
+      const t = i[o.placementId];
+      t ? s.replaceChildren(S(t, r.sr(z.ir))) : A(e);
+    });
+  i && e.setAttribute(f, i), s.replaceChildren(e), J(window, "scroll", C), C();
+}

package/src/Card/card-manager-factory.js

@@ -1,14 +1,14 @@
-import a from "./card-manager.js";
-import e from "../managers/braze-instance.js";
-const n = {
-  t: !1,
-  i: null,
-  m: () => (n.o(), n.i || (n.i = new a(e.l())), n.i),
-  o: () => {
-    n.t || (e.g(n), (n.t = !0));
+import M from "./card-manager.js";
+import r from "../managers/braze-instance.js";
+const _ = {
+  l: !1,
+  aa: null,
+  ea: () => (_.p(), _.aa || (_.aa = new M(r.j())), _.aa),
+  p: () => {
+    _.l || (r.h(_), (_.l = !0));
   },
   destroy: () => {
-    (n.i = null), (n.t = !1);
+    (_.aa = null), (_.l = !1);
   },
 };
-export default n;
+export default _;

package/src/Card/card-manager.js

@@ -1,73 +1,75 @@
 import { ControlCard } from "./models/index.js";
-import t from "../common/event-logger.js";
-import s from "../models/request-result.js";
-import { logger as r, EventTypes as i } from "../../shared-lib/index.js";
-import { STORAGE_KEYS as o } from "../managers/storage-manager.js";
-export default class a {
+import c from "../common/event-logger.js";
+import E from "../models/request-result.js";
+import { logger as N, EventTypes as d } from "../../shared-lib/index.js";
+import { STORAGE_KEYS as t } from "../managers/storage-manager.js";
+export default class M {
   constructor(t) {
-    (this.u = t), (this.u = t);
+    (this.C = t), (this.C = t);
   }
-  h(n, e) {
-    const l = new s();
-    if ((n.p(), null == n.url || "" === n.url))
+  logClick(s, n) {
+    const r = new E();
+    if ((s.rt(), null == s.url || "" === s.url))
       return (
-        r.info(`Card ${n.id} has no url. Not logging click to Braze servers.`),
-        l
+        N.info(`Card ${s.id} has no url. Not logging click to Braze servers.`),
+        r
       );
-    if (e && n.id && this.u) {
-      const t = this.u.j(o.C.v) || {};
-      (t[n.id] = !0), this.u.I(o.C.v, t);
+    if (n && s.id && this.C) {
+      const n = this.C.ps(t.bs.ot) || {};
+      (n[s.id] = !0), this.C.js(t.bs.ot, n);
     }
-    const a = this.$([n]);
-    if (null == a) return l;
-    const u = e ? i.k : i.D;
-    return t.q(u, a);
+    const i = this.et([s]);
+    if (null == i) return r;
+    const o = n ? d.lt : d.ut;
+    return c.ds(o, i);
   }
-  B(n) {
-    const e = new s();
-    if (!n.N())
+  ct(s) {
+    const n = new E();
+    if (!s.ft())
       return (
-        r.info(
-          `Card ${n.id} refused this dismissal. Ignoring analytics event.`,
+        N.info(
+          `Card ${s.id} refused this dismissal. Ignoring analytics event.`,
         ),
-        e
+        n
       );
-    if (n.id && this.u) {
-      const t = this.u.j(o.C.A) || {};
-      (t[n.id] = !0), this.u.I(o.C.A, t);
+    if (s.id && this.C) {
+      const n = this.C.ps(t.bs.gt) || {};
+      (n[s.id] = !0), this.C.js(t.bs.gt, n);
     }
-    const l = this.$([n]);
-    return null == l ? e : t.q(i.F, l);
+    const r = this.et([s]);
+    return null == r ? n : c.ds(d.dt, r);
   }
-  G(n, e) {
-    const l = new s(!0),
-      a = [],
-      u = [];
-    let c = {};
-    this.u && (c = e ? this.u.j(o.C.H) || {} : this.u.j(o.C.J) || {});
-    for (const t of n) {
-      t.K()
-        ? (t instanceof ControlCard ? u.push(t) : a.push(t),
-          t.id && (c[t.id] = !0))
-        : r.info(
+  jt(s, n) {
+    const r = new E(!0),
+      i = [],
+      o = [];
+    let e = {};
+    this.C && (e = n ? this.C.ps(t.bs.vt) || {} : this.C.ps(t.bs.Ct) || {});
+    for (const t of s) {
+      t.wt()
+        ? (t instanceof ControlCard ? o.push(t) : i.push(t),
+          t.id && (e[t.id] = !0))
+        : N.info(
             `Card ${t.id} logged an impression too recently. Ignoring analytics event.`,
           );
     }
-    const h = this.$(a),
-      m = this.$(u);
-    if (null == h && null == m) return (l.L = !1), l;
-    if ((this.u && (e ? this.u.I(o.C.H, c) : this.u.I(o.C.J, c)), null != h)) {
-      const s = e ? i.M : i.O,
-        n = t.q(s, h);
-      l.P(n);
+    const l = this.et(i),
+      a = this.et(o);
+    if (null == l && null == a) return (r.ss = !1), r;
+    if (
+      (this.C && (n ? this.C.js(t.bs.vt, e) : this.C.js(t.bs.Ct, e)), null != l)
+    ) {
+      const t = n ? d.xt : d.yt,
+        s = c.ds(t, l);
+      r.It(s);
     }
-    if (null != m && e) {
-      const s = t.q(i.R, m);
-      l.P(s);
+    if (null != a && n) {
+      const t = c.ds(d.$t, a);
+      r.It(t);
     }
-    return l;
+    return r;
   }
-  $(t) {
+  et(t) {
     let s,
       n = null;
     for (let r = 0; r < t.length; r++)