@braze/web-sdk 6.5.0 → 6.7.0

package/src/Banner/banner-provider.js

@@ -8,205 +8,329 @@ import h from "../util/request-header-utils.js";
 import l from "../util/net.js";
 import { randomInclusive as a } from "../util/math.js";
 import {
-  REQUEST_BACKOFF_MAX_SLEEP_MS_DEFAULT as u,
-  REQUEST_BACKOFF_MIN_SLEEP_MS_DEFAULT as c,
-  REQUEST_BACKOFF_SCALE_FACTOR_DEFAULT as d,
+  DISMISSALS_CACHE_SIZE_DEFAULT as u,
+  REQUEST_BACKOFF_MAX_SLEEP_MS_DEFAULT as c,
+  REQUEST_BACKOFF_MIN_SLEEP_MS_DEFAULT as d,
+  REQUEST_BACKOFF_SCALE_FACTOR_DEFAULT as m,
 } from "../common/constants.js";
-import m from "../managers/subscription-manager.js";
+import f from "../managers/subscription-manager.js";
 import r from "../managers/braze-instance.js";
 import v from "../common/event-logger.js";
-import { EventTypes as f } from "../../shared-lib/event-types.js";
+import { EventTypes as p } from "../../shared-lib/event-types.js";
+import { isArray as g } from "../util/code-utils.js";
 export default class e extends t {
-  constructor(t, s, i, n) {
+  constructor(t, s, i, e) {
     super(),
       (this.h = t),
-      (this.j = s),
-      (this.B = i),
-      (this.C = n),
+      (this.B = s),
+      (this.C = i),
+      (this.j = e),
       (this.banners = {}),
       (this.h = t),
-      (this.j = s),
-      (this.B = i),
-      (this.C = n),
-      (this.S = 10),
+      (this.B = s),
+      (this.C = i),
+      (this.j = e),
+      (this.D = 10),
+      (this.N = null),
+      (this.F = null),
+      (this.R = new f()),
+      r.S(this.R),
       (this.T = null),
-      (this.I = null),
-      (this.R = new m()),
-      r.q(this.R),
-      (this.D = null),
-      (this.F = null);
-  }
-  N(t) {
-    if (this.k() && null != t && t.banners) {
+      (this.q = null);
+  }
+  I(t) {
+    if (this.P() && (this._(t), null != t && t.banners)) {
+      const s = t.request_time,
+        i = "number" != typeof s || isNaN(s) ? null : s,
+        e = this.k(),
+        r = this.L(),
+        o = this.$();
       this.banners = {};
-      const s = t.banners;
-      for (const t in s) {
-        const i = s[t];
-        let e = null;
-        null != i && null != i.banner && (e = n(i.banner)),
-          e && (this.banners[t] = e);
+      const h = t.banners;
+      for (const t in h) {
+        const s = this.K(t, i, o),
+          l = h[t];
+        let a = null;
+        if (
+          (null != l && null != l.banner && (a = l.banner),
+          this.U(t, a, i, s, e, r))
+        ) {
+          if (s) {
+            const s = e[t];
+            s && (this.banners[t] = s);
+          }
+          continue;
+        }
+        let u = null;
+        null != a && (u = n(a)), u && (this.banners[t] = u);
       }
-      this.U(), this.R.L(this.banners);
+      this.W(), this.R.A(this.banners);
     }
   }
-  M(t, s, i, n = !0) {
-    var e;
+  U(t, s, i, e, n, r) {
+    return !this.M(t, s, n) && null != i && (!!e || this.X(s, r, i));
+  }
+  K(t, s, i) {
+    if (null == s) return !1;
+    const e = i[t];
+    return "number" == typeof e && !isNaN(e) && s < e;
+  }
+  M(t, s, i) {
+    if (!s) return !1;
+    const e = s.stable_key;
+    if ("string" != typeof e || 0 === e.length) return !1;
+    const n = i[t],
+      r = null == n ? void 0 : n.G;
+    return "string" == typeof r && 0 !== r.length && r !== e;
+  }
+  X(t, s, i) {
+    if (!t) return !1;
+    const e = t.stable_key;
+    if ("string" != typeof e || 0 === e.length) return !1;
+    for (const t of s) {
+      if (t.stable_key !== e) continue;
+      const s = t.dismissal_time;
+      if ("number" == typeof s && !isNaN(s) && s >= i) return !0;
+    }
+    return !1;
+  }
+  _(t) {
+    var s;
+    const i =
+      null === (s = null == t ? void 0 : t.dismissals) || void 0 === s
+        ? void 0
+        : s.acknowledged;
+    if (!i || !g(i) || 0 === i.length) return;
+    const e = this.L();
+    if (0 === e.length) return;
+    const n = {};
+    for (const t of i)
+      t.banner_id &&
+        t.dismissal_time &&
+        (n[this.H(t.banner_id, t.dismissal_time)] = !0);
+    const r = e.filter((t) => !n[this.H(t.banner_id, t.dismissal_time)]);
+    r.length !== e.length && this.J(r);
+  }
+  H(t, s) {
+    return `${t}:${s}`;
+  }
+  O(t, s, i, e = !0) {
+    var n;
     const r = () => {
       "function" == typeof i && i();
     };
-    if (!this.k())
+    if (!this.P())
       return void (
-        null === (e = this.h) ||
-        void 0 === e ||
-        e.P(() => {
-          this.M(t, s, i);
+        null === (n = this.h) ||
+        void 0 === n ||
+        n.V(() => {
+          this.O(t, s, i);
         })
       );
-    const o = this.j;
+    const o = this.B;
     if (!o) return void r();
-    n && this.X();
-    const m = o.$({}, !0),
-      v = [];
-    for (const s of t) v.push({ id: s });
-    m.placements = v;
-    const f = o.A(m, h.H.G);
-    let p = !1;
-    o.J(
-      m,
-      (n = -1) => {
-        const e = this.j;
-        if (!e) return void r();
+    e && this.Y();
+    const u = o.Z({}, !0);
+    u.time_ms = new Date().valueOf();
+    const f = [];
+    for (const s of t) f.push({ id: s });
+    u.placements = f;
+    const v = this.L().map((t) => ({
+      banner_id: t.banner_id,
+      dismissal_time: t.dismissal_time,
+    }));
+    u.pending_dismissals = v;
+    const p = o.tt(u, h.it.st);
+    let g = !1;
+    o.et(
+      u,
+      (e = -1) => {
+        const n = this.B;
+        if (!n) return void r();
         const o = new Date().valueOf();
-        h.K(this.B, h.H.G, o),
-          -1 !== n && f.push(["X-Braze-Req-Tokens-Remaining", n.toString()]),
-          l.O({
-            url: `${e.V()}/banners/sync`,
-            headers: f,
-            data: m,
-            W: (t) => {
-              if (!e.Y(m, t, f)) return (p = !0), void r();
-              e.Z(), this.N(t), (p = !1), "function" == typeof s && s();
+        h.nt(this.C, h.it.st, o),
+          -1 !== e && p.push(["X-Braze-Req-Tokens-Remaining", e.toString()]);
+        const f = u.time_ms;
+        null == f || "number" != typeof f || isNaN(f) || this.rt(t, f),
+          l.ot({
+            url: `${n.ht()}/banners/sync`,
+            headers: p,
+            data: u,
+            lt: (t) => {
+              if (!n.ut(u, t, p)) return (g = !0), void r();
+              n.ct(), this.I(t), (g = !1), "function" == typeof s && s();
             },
             error: (t) => {
-              e._(t, "retrieving banners"), (p = !0), r();
+              n.dt(t, "retrieving banners"), (g = !0), r();
             },
-            tt: (n, r) => {
-              var o, l, m;
-              let v;
-              if (((this.F = t), p)) {
+            ft: (e, r) => {
+              var o, l, u;
+              let f;
+              if (((this.q = t), g)) {
                 const t =
-                    (null === (o = this.h) || void 0 === o ? void 0 : o.st()) ||
-                    c,
-                  s =
-                    (null === (l = this.h) || void 0 === l ? void 0 : l.it()) ||
+                    (null === (o = this.h) || void 0 === o ? void 0 : o.vt()) ||
                     d,
+                  s =
+                    (null === (l = this.h) || void 0 === l ? void 0 : l.gt()) ||
+                    m,
                   i =
-                    (null === (m = this.h) || void 0 === m ? void 0 : m.nt()) ||
-                    u;
-                let n = this.T;
-                (null == n || n < t) && (n = t), (v = Math.min(i, a(t, n * s)));
+                    (null === (u = this.h) || void 0 === u ? void 0 : u.bt()) ||
+                    c;
+                let e = this.N;
+                (null == e || e < t) && (e = t), (f = Math.min(i, a(t, e * s)));
               }
-              e.et(
+              n.yt(
                 r,
                 () => {
-                  this.M(t, s, i, !1);
+                  this.O(t, s, i, !1);
                 },
-                h.H.G,
-                (t) => this.rt(t),
-                () => this.X(),
-                v,
+                h.it.st,
+                (t) => this.Bt(t),
+                () => this.Y(),
+                f,
               );
             },
           });
       },
-      h.H.G,
+      h.it.st,
       i,
     );
   }
-  ot() {
-    return this.F;
+  Ct() {
+    return this.q;
   }
-  ht(t, s) {
+  jt(t, s) {
     const i = { id: t.id };
     s && (i.bid = s);
-    return v.lt(f.ut, i).W;
+    return v.wt(p.Dt, i).lt;
+  }
+  Nt(t) {
+    if (!t.G) return !1;
+    const s = this.L();
+    if (s.some((s) => s.banner_id === t.id && s.stable_key === t.G)) return !1;
+    const i = { id: t.id },
+      e = this.k(),
+      n = e[t.placementId];
+    n &&
+      n.G === t.G &&
+      (delete e[t.placementId],
+      (this.banners = e),
+      this.W(),
+      this.R.A(this.banners)),
+      s.push({
+        banner_id: t.id,
+        dismissal_time: new Date().valueOf(),
+        stable_key: t.G,
+      }),
+      this.J(s);
+    return v.wt(p.Ft, i).lt;
   }
-  X() {
-    null != this.I && (clearTimeout(this.I), (this.I = null));
+  Y() {
+    null != this.F && (clearTimeout(this.F), (this.F = null));
   }
-  rt(t) {
-    this.X(), (this.I = t);
+  Bt(t) {
+    this.Y(), (this.F = t);
   }
-  ct() {
+  k() {
     let t = {};
-    this.B && (t = this.B.dt(s.ft.vt));
+    this.C && (t = this.C.Rt(s.Tt.St));
     const i = {};
     for (const s in t) {
-      let n = null;
-      null != t[s] && (n = o(t[s])), n && (i[n.placementId] = n);
+      let e = null;
+      null != t[s] && (e = o(t[s])), e && (i[e.placementId] = e);
     }
     return i;
   }
-  U() {
+  W() {
     var t;
-    if (!this.B) return;
+    if (!this.C) return;
     const i = {};
     for (const s in this.banners) {
-      const n =
-        (null === (t = this.banners[s]) || void 0 === t ? void 0 : t.gt()) ||
+      const e =
+        (null === (t = this.banners[s]) || void 0 === t ? void 0 : t.qt()) ||
         null;
-      i[s] = n;
+      i[s] = e;
     }
-    this.B.bt(s.ft.vt, i), this.jt();
+    this.C.It(s.Tt.St, i), this.Pt();
   }
-  jt() {
+  Pt() {
     var t, i;
-    null === (t = this.B) ||
+    null === (t = this.C) ||
       void 0 === t ||
-      t.bt(s.ft.Bt, null === (i = this.C) || void 0 === i ? void 0 : i.yt());
+      t.It(s.Tt._t, null === (i = this.j) || void 0 === i ? void 0 : i.kt());
   }
-  Ct() {
+  Et() {
     var t;
     return (
-      (null === (t = this.B) || void 0 === t ? void 0 : t.dt(s.ft.Bt)) || null
+      (null === (t = this.C) || void 0 === t ? void 0 : t.Rt(s.Tt._t)) || null
     );
   }
-  St() {
-    return this.D;
+  Lt() {
+    return this.T;
   }
-  wt(t) {
-    this.D = t;
+  $t(t) {
+    this.T = t;
   }
-  Tt() {
+  xt() {
     var t;
-    const s = null === (t = this.C) || void 0 === t ? void 0 : t.yt(),
-      i = this.Ct();
+    const s = null === (t = this.j) || void 0 === t ? void 0 : t.kt(),
+      i = this.Et();
     return null == i || s === i;
   }
-  It(t) {
-    return this.R.Rt(t);
+  zt(t) {
+    return this.R.Kt(t);
+  }
+  Ut() {
+    var t;
+    return (
+      (null === (t = this.C) || void 0 === t ? void 0 : t.Rt(s.Tt.Wt)) || {}
+    );
+  }
+  At(t) {
+    this.C && this.C.It(s.Tt.Wt, t);
   }
-  qt() {
+  L() {
     var t;
     return (
-      (null === (t = this.B) || void 0 === t ? void 0 : t.dt(s.ft.Dt)) || {}
+      (null === (t = this.C) || void 0 === t ? void 0 : t.Rt(s.Tt.Mt)) || []
     );
   }
-  Ft(t) {
-    this.B && this.B.bt(s.ft.Dt, t);
+  J(t) {
+    var i;
+    if (!this.C) return;
+    const e = null === (i = this.h) || void 0 === i ? void 0 : i.Xt(),
+      n = null != e ? e : u,
+      r = t.length <= n ? t : t.slice(-n);
+    this.C.It(s.Tt.Mt, r);
+  }
+  $() {
+    var t;
+    return (
+      (null === (t = this.C) || void 0 === t ? void 0 : t.Rt(s.Tt.Gt)) || {}
+    );
+  }
+  rt(t, i) {
+    if (!this.C) return;
+    const e = this.$();
+    for (const s of t) e[s] = i;
+    this.C.It(s.Tt.Gt, e);
   }
   changeUser() {
-    this.Nt(), this.X();
+    this.Ht(), this.Y();
   }
   clearData() {
-    this.X();
+    this.Y();
   }
-  k() {
-    return !!this.h && (!!this.h.kt() || (0 !== this.h.xt() && this.Nt(), !1));
+  P() {
+    return !!this.h && (!!this.h.Jt() || (0 !== this.h.Ot() && this.Ht(), !1));
   }
-  Nt() {
+  Ht() {
     (this.banners = {}),
-      this.B && (this.B.zt(s.ft.vt), this.B.zt(s.ft.Dt)),
-      this.R.L({});
+      this.C &&
+        (this.C.Qt(s.Tt.St),
+        this.C.Qt(s.Tt.Wt),
+        this.C.Qt(s.Tt.Mt),
+        this.C.Qt(s.Tt.Gt)),
+      this.R.A({});
   }
 }

package/src/Banner/banner.js

@@ -1,33 +1,35 @@
-import { PropertiesBase as p } from "../common/properties-base.js";
-export default class Banner extends p {
-  constructor(t, s, i, h = !1, r = !1, e = -1, o = {}) {
+import { PropertiesBase as x } from "../common/properties-base.js";
+export default class Banner extends x {
+  constructor(t, s, i, h = !1, r = !1, e = -1, o = {}, n = null) {
     super(o),
       (this.id = t),
       (this.placementId = s),
       (this.html = i),
-      (this.At = h),
+      (this.Vt = h),
       (this.isControl = r),
-      (this.Et = e),
+      (this.Yt = e),
+      (this.G = n),
       (this.id = t),
       (this.placementId = s),
       (this.html = i),
-      (this.At = h),
+      (this.Vt = h),
       (this.isControl = r),
-      (this.Et = e),
-      (this.Gt = !1);
+      (this.Yt = e),
+      (this.Zt = !1);
   }
-  Ht() {
+  ts() {
     return this.isControl;
   }
-  gt() {
+  qt() {
     return {
       id: this.id,
       pid: this.placementId,
       html: this.html,
-      its: this.At,
+      its: this.Vt,
       ic: this.isControl,
-      eat: this.Et,
+      eat: this.Yt,
       pr: this.properties,
+      sk: this.G,
     };
   }
 }

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

@@ -4,6 +4,8 @@ import {
 } from "../../util/html-display-utils.js";
 import E from "../../../shared-lib/logger.js";
 import { logBannerClick } from "../log-banner-click.js";
+import { logBannerDismissal as _ } from "../log-banner-dismissal.js";
+import { destroyBannerHtml as A } from "./destroy-banner-html.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";
@@ -17,34 +19,39 @@ export function controlBannerToHtml(n) {
   );
 }
 export function bannerToHtml(n, t) {
-  if (n.Ht()) return controlBannerToHtml(n);
-  const e = document.createElement("iframe");
+  if (n.ts()) return controlBannerToHtml(n);
+  const o = 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)), {
+    (o.id = n.id),
+    t && o.setAttribute("nonce", t),
+    (o.className = "ab-html-banner"),
+    o.setAttribute(BANNER_PLACEMENT_ID, n.placementId),
+    o.setAttribute("title", "Banner"),
+    b(o, n.html, t),
+    (o.onload = () => {
+      const t = o.contentWindow,
+        e = t.document.getElementsByTagName("title");
+      e && e.length > 0 && o.setAttribute("title", e[0].textContent || "");
+      const r = Object.assign(Object.assign({}, N(o)), {
         logClick: function () {
           logBannerClick(n, ...arguments);
         },
-        closeMessage: function () {},
+        closeMessage: function () {
+          !(function (n) {
+            const t = document.getElementById(n.id);
+            t && A(t), _(n);
+          })(n);
+        },
         setBannerHeight: (n) => {
           isNaN(n) || !isFinite(n) || n < 0
             ? E.warn(`Invalid banner height: ${n}`)
-            : (e.style.height = `${n}px`);
+            : (o.style.height = `${n}px`);
         },
       });
       (t.brazeBridge = r),
         (t.appboyBridge = r),
         t.dispatchEvent(new CustomEvent("ab.BridgeReady"));
     }),
-    e
+    o
   );
 }

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

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

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

@@ -2,17 +2,17 @@ import { logger as E } from "../../shared-lib/index.js";
 import { BannerStrings as j } from "./constants.js";
 import r from "../managers/braze-instance.js";
 import i from "./banner-provider-factory.js";
-import { getBannerIfNotExpired as y } from "./get-banner.js";
+import { getBannerIfNotExpired as C } from "./get-banner.js";
 export function getAllBanners() {
   if (!r.rr()) return;
   const n = {},
     o = r.l();
   if (
-    (!1 === (null == o ? void 0 : o.kt()) && E.error(j.aa),
-    !(null == o ? void 0 : o.kt()))
+    (!1 === (null == o ? void 0 : o.Jt()) && E.error(j.aa),
+    !(null == o ? void 0 : o.Jt()))
   )
     return n;
-  const t = i.o().ct();
-  for (const r in t) n[r] = y(t, r);
+  const t = i.o().k();
+  for (const r in t) n[r] = C(t, r);
   return n;
 }

package/src/Banner/get-banner.js

@@ -5,7 +5,7 @@ import i from "./banner-provider-factory.js";
 export function getBannerIfNotExpired(n, r) {
   const e = n[r];
   if (!e) return null;
-  const t = e.Et,
+  const t = e.Yt,
     o = new Date().valueOf();
   return -1 !== t && 1e3 * t < o
     ? (E.info(`Banner with ID: ${e.id} and placement ID: ${r} has expired.`),
@@ -15,9 +15,9 @@ export function getBannerIfNotExpired(n, r) {
 export function getBanner(n) {
   var e;
   if (!r.rr()) return;
-  !1 === (null === (e = r.l()) || void 0 === e ? void 0 : e.kt()) &&
+  !1 === (null === (e = r.l()) || void 0 === e ? void 0 : e.Jt()) &&
     E.error(j.aa);
   const t = i.o();
-  if (!t.k()) return null;
-  return getBannerIfNotExpired(t.ct(), n);
+  if (!t.P()) return null;
+  return getBannerIfNotExpired(t.k(), n);
 }

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

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