@braze/web-sdk 6.8.0 → 6.10.0

package/shared-lib/logger.js

@@ -1,38 +1,38 @@
-const E = {
+const b = {
   init: function (n) {
-    (void 0 === n && void 0 !== E.zg) || (E.zg = !!n), E.i || (E.i = !0);
+    (void 0 === n && void 0 !== b.zg) || (b.zg = !!n), b.i || (b.i = !0);
   },
   destroy: function () {
-    (E.i = !1), (E.zg = void 0), (E.vd = void 0);
+    (b.i = !1), (b.zg = void 0), (b.Ud = void 0);
   },
   setLogger: function (n) {
     "function" == typeof n
-      ? (E.init(), (E.vd = n))
-      : E.info("Ignoring setLogger call since logger is not a function");
+      ? (b.init(), (b.Ud = n))
+      : b.info("Ignoring setLogger call since logger is not a function");
   },
   toggleLogging: function () {
-    E.init(),
-      E.zg
-        ? (console.log("Disabling Braze logging"), (E.zg = !1))
-        : (console.log("Enabled Braze logging"), (E.zg = !0));
+    b.init(),
+      b.zg
+        ? (console.log("Disabling Braze logging"), (b.zg = !1))
+        : (console.log("Enabled Braze logging"), (b.zg = !0));
   },
   info: function (n) {
-    if (E.zg) {
+    if (b.zg) {
       const o = "Braze: " + n;
-      null != E.vd ? E.vd(o) : console.log(o);
+      null != b.Ud ? b.Ud(o) : console.log(o);
     }
   },
   warn: function (n) {
-    if (E.zg) {
-      const o = "Braze SDK Warning: " + n + " (v6.8.0)";
-      null != E.vd ? E.vd(o) : console.warn(o);
+    if (b.zg) {
+      const o = "Braze SDK Warning: " + n + " (v6.10.0)";
+      null != b.Ud ? b.Ud(o) : console.warn(o);
     }
   },
   error: function (n) {
-    if (E.zg) {
-      const o = "Braze SDK Error: " + n + " (v6.8.0)";
-      null != E.vd ? E.vd(o) : console.error(o);
+    if (b.zg) {
+      const o = "Braze SDK Error: " + n + " (v6.10.0)";
+      null != b.Ud ? b.Ud(o) : console.error(o);
     }
   },
 };
-export default E;
+export default b;

package/shared-lib/supported-options.js

@@ -4,26 +4,26 @@ export default {
   se: "cookieExpiryInDays",
   Oh: "noCookies",
   Th: "devicePropertyAllowlist",
-  qa: "disablePushTokenMaintenance",
+  ka: "disablePushTokenMaintenance",
   Rh: "enableLogging",
   Ph: "enableSdkAuthentication",
-  ka: "manageServiceWorkerExternally",
+  _a: "manageServiceWorkerExternally",
   Dh: "minimumIntervalBetweenTriggerActionsInSeconds",
   Lh: "sessionTimeoutInSeconds",
   yh: "appVersion",
   Mh: "appVersionNumber",
   xa: "serviceWorkerLocation",
-  _a: "safariWebsitePushId",
-  Ba: "localization",
+  Ma: "safariWebsitePushId",
+  Aa: "localization",
   sr: "contentSecurityNonce",
   nr: "allowUserSuppliedJavascript",
-  wa: "inAppMessageZIndex",
-  va: "openInAppMessagesInNewTab",
+  ja: "inAppMessageZIndex",
+  ba: "openInAppMessagesInNewTab",
   oh: "requireExplicitInAppMessageDismissal",
   Uh: "doNotLoadFontAwesome",
   Wh: "deviceId",
-  Ma: "serviceWorkerScope",
-  Xe: "dustHost",
+  ya: "serviceWorkerScope",
+  Ye: "dustHost",
   Bh: "sdkFlavor",
   tn: "openCardsInNewTab",
 };

package/src/Banner/banner-provider.js

@@ -18,33 +18,34 @@ import r from "../managers/braze-instance.js";
 import v from "../common/event-logger.js";
 import { EventTypes as p } from "../../shared-lib/event-types.js";
 import { isArray as g } from "../util/code-utils.js";
+import { logger as b } from "../../shared-lib/index.js";
 export default class e extends t {
   constructor(t, s, i, e) {
     super(),
       (this.h = t),
       (this.B = s),
-      (this.C = i),
-      (this.j = e),
+      (this.j = i),
+      (this.C = e),
       (this.banners = {}),
       (this.h = t),
       (this.B = s),
-      (this.C = i),
-      (this.j = e),
+      (this.j = i),
+      (this.C = e),
       (this.D = 10),
       (this.N = null),
       (this.F = null),
       (this.R = new f()),
       r.S(this.R),
       (this.T = null),
-      (this.q = null);
+      (this.I = null);
   }
-  I(t) {
+  q(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.$();
+        r = this.$(),
+        o = this.L();
       this.banners = {};
       const h = t.banners;
       for (const t in h) {
@@ -101,7 +102,7 @@ export default class e extends t {
         ? void 0
         : s.acknowledged;
     if (!i || !g(i) || 0 === i.length) return;
-    const e = this.L();
+    const e = this.$();
     if (0 === e.length) return;
     const n = {};
     for (const t of i)
@@ -135,7 +136,7 @@ export default class e extends t {
     const f = [];
     for (const s of t) f.push({ id: s });
     u.placements = f;
-    const v = this.L().map((t) => ({
+    const v = this.$().map((t) => ({
       banner_id: t.banner_id,
       dismissal_time: t.dismissal_time,
     }));
@@ -148,7 +149,7 @@ export default class e extends t {
         const n = this.B;
         if (!n) return void r();
         const o = new Date().valueOf();
-        h.nt(this.C, h.it.st, o),
+        h.nt(this.j, 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),
@@ -158,7 +159,7 @@ export default class e extends t {
             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();
+              n.ct(), this.q(t), (g = !1), "function" == typeof s && s();
             },
             error: (t) => {
               n.dt(t, "retrieving banners"), (g = !0), r();
@@ -166,7 +167,7 @@ export default class e extends t {
             ft: (e, r) => {
               var o, l, u;
               let f;
-              if (((this.q = t), g)) {
+              if (((this.I = t), g)) {
                 const t =
                     (null === (o = this.h) || void 0 === o ? void 0 : o.vt()) ||
                     d,
@@ -196,18 +197,24 @@ export default class e extends t {
       i,
     );
   }
-  Ct() {
-    return this.q;
+  jt() {
+    return this.I;
   }
-  jt(t, s) {
+  Ct(t, s) {
     const i = { id: t.id };
     s && (i.bid = s);
-    return v.wt(p.Dt, i).lt;
+    return v.Dt(p.Nt, i).lt;
   }
-  Nt(t) {
+  wt(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 s = this.$();
+    if (s.some((s) => s.banner_id === t.id && s.stable_key === t.G))
+      return (
+        b.info(
+          `Not dismissing banner ID ${t.id}. The banner has already been dismissed.`,
+        ),
+        !1
+      );
     const i = { id: t.id },
       e = this.k(),
       n = e[t.placementId];
@@ -222,8 +229,9 @@ export default class e extends t {
         dismissal_time: new Date().valueOf(),
         stable_key: t.G,
       }),
-      this.J(s);
-    return v.wt(p.Ft, i).lt;
+      this.J(s),
+      t.Ft();
+    return v.Dt(p.Rt, i).lt;
   }
   Y() {
     null != this.F && (clearTimeout(this.F), (this.F = null));
@@ -233,7 +241,7 @@ export default class e extends t {
   }
   k() {
     let t = {};
-    this.C && (t = this.C.Rt(s.Tt.St));
+    this.j && (t = this.j.St(s.It.Tt));
     const i = {};
     for (const s in t) {
       let e = null;
@@ -243,7 +251,7 @@ export default class e extends t {
   }
   W() {
     var t;
-    if (!this.C) return;
+    if (!this.j) return;
     const i = {};
     for (const s in this.banners) {
       const e =
@@ -251,86 +259,86 @@ export default class e extends t {
         null;
       i[s] = e;
     }
-    this.C.It(s.Tt.St, i), this.Pt();
+    this.j.Pt(s.It.Tt, i), this._t();
   }
-  Pt() {
+  _t() {
     var t, i;
-    null === (t = this.C) ||
+    null === (t = this.j) ||
       void 0 === t ||
-      t.It(s.Tt._t, null === (i = this.j) || void 0 === i ? void 0 : i.kt());
+      t.Pt(s.It.kt, null === (i = this.C) || void 0 === i ? void 0 : i.$t());
   }
-  Et() {
+  xt() {
     var t;
     return (
-      (null === (t = this.C) || void 0 === t ? void 0 : t.Rt(s.Tt._t)) || null
+      (null === (t = this.j) || void 0 === t ? void 0 : t.St(s.It.kt)) || null
     );
   }
-  Lt() {
+  Et() {
     return this.T;
   }
-  $t(t) {
+  Lt(t) {
     this.T = t;
   }
-  xt() {
+  zt() {
     var t;
-    const s = null === (t = this.j) || void 0 === t ? void 0 : t.kt(),
-      i = this.Et();
+    const s = null === (t = this.C) || void 0 === t ? void 0 : t.$t(),
+      i = this.xt();
     return null == i || s === i;
   }
-  zt(t) {
-    return this.R.Kt(t);
+  Kt(t) {
+    return this.R.Ut(t);
   }
-  Ut() {
+  Wt() {
     var t;
     return (
-      (null === (t = this.C) || void 0 === t ? void 0 : t.Rt(s.Tt.Wt)) || {}
+      (null === (t = this.j) || void 0 === t ? void 0 : t.St(s.It.At)) || {}
     );
   }
-  At(t) {
-    this.C && this.C.It(s.Tt.Wt, t);
+  Mt(t) {
+    this.j && this.j.Pt(s.It.At, t);
   }
-  L() {
+  $() {
     var t;
     return (
-      (null === (t = this.C) || void 0 === t ? void 0 : t.Rt(s.Tt.Mt)) || []
+      (null === (t = this.j) || void 0 === t ? void 0 : t.St(s.It.Xt)) || []
     );
   }
   J(t) {
     var i;
-    if (!this.C) return;
-    const e = null === (i = this.h) || void 0 === i ? void 0 : i.Xt(),
+    if (!this.j) return;
+    const e = null === (i = this.h) || void 0 === i ? void 0 : i.Gt(),
       n = null != e ? e : u,
       r = t.length <= n ? t : t.slice(-n);
-    this.C.It(s.Tt.Mt, r);
+    this.j.Pt(s.It.Xt, r);
   }
-  $() {
+  L() {
     var t;
     return (
-      (null === (t = this.C) || void 0 === t ? void 0 : t.Rt(s.Tt.Gt)) || {}
+      (null === (t = this.j) || void 0 === t ? void 0 : t.St(s.It.Ht)) || {}
     );
   }
   rt(t, i) {
-    if (!this.C) return;
-    const e = this.$();
+    if (!this.j) return;
+    const e = this.L();
     for (const s of t) e[s] = i;
-    this.C.It(s.Tt.Gt, e);
+    this.j.Pt(s.It.Ht, e);
   }
   changeUser() {
-    this.Ht(), this.Y();
+    this.Jt(), this.Y();
   }
   clearData() {
     this.Y();
   }
   P() {
-    return !!this.h && (!!this.h.Jt() || (0 !== this.h.Ot() && this.Ht(), !1));
+    return !!this.h && (!!this.h.Ot() || (0 !== this.h.Qt() && this.Jt(), !1));
   }
-  Ht() {
+  Jt() {
     (this.banners = {}),
-      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.j &&
+        (this.j.Vt(s.It.Tt),
+        this.j.Vt(s.It.At),
+        this.j.Vt(s.It.Xt),
+        this.j.Vt(s.It.Ht)),
       this.R.A({});
   }
 }

package/src/Banner/banner.js

@@ -1,33 +1,54 @@
-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.Vt = h),
+import { PropertiesBase as D } from "../common/properties-base.js";
+import f from "../managers/subscription-manager.js";
+export default class Banner extends D {
+  constructor(s, i, t, h = !1, r = !1, e = -1, n = {}, o = null) {
+    super(n),
+      (this.id = s),
+      (this.placementId = i),
+      (this.html = t),
+      (this.ss = h),
       (this.isControl = r),
-      (this.Yt = e),
-      (this.G = n),
-      (this.id = t),
-      (this.placementId = s),
-      (this.html = i),
-      (this.Vt = h),
+      (this.ts = e),
+      (this.G = o),
+      (this.id = s),
+      (this.placementId = i),
+      (this.html = t),
+      (this.ss = h),
       (this.isControl = r),
-      (this.Yt = e),
-      (this.Zt = !1);
+      (this.ts = e),
+      (this.hs = !1),
+      (this.rs = !1),
+      (this.es = null);
   }
-  ts() {
+  subscribeToDismissedEvent(s) {
+    return this.ns().Ut(s);
+  }
+  removeSubscription(s) {
+    null != this.es && this.es.removeSubscription(s);
+  }
+  removeAllSubscriptions() {
+    null != this.es && this.es.removeAllSubscriptions();
+  }
+  os() {
     return this.isControl;
   }
+  ns() {
+    return null == this.es && (this.es = new f()), this.es;
+  }
+  Ft() {
+    return (
+      !this.rs &&
+      ((this.rs = !0), this.ns().A(), this.removeAllSubscriptions(), !0)
+    );
+  }
   qt() {
     return {
       id: this.id,
       pid: this.placementId,
       html: this.html,
-      its: this.Vt,
+      its: this.ss,
       ic: this.isControl,
-      eat: this.Yt,
+      eat: this.ts,
       pr: this.properties,
       sk: this.G,
     };

package/src/Banner/dismiss-banner.js

@@ -0,0 +1,4 @@
+import { logBannerDismissal as j } from "./log-banner-dismissal.js";
+export function dismissBanner(n) {
+  return j(n);
+}

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

@@ -1,11 +1,11 @@
 import {
-  attachHtmlToIframeWithNonce as b,
-  buildBrazeBridge as N,
+  attachHtmlToIframeWithNonce as N,
+  buildBrazeBridge as E,
 } from "../../util/html-display-utils.js";
-import E from "../../../shared-lib/logger.js";
+import b 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";
+import { logBannerDismissal as j } from "../log-banner-dismissal.js";
+import { destroyBannerHtml as _ } 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";
@@ -19,7 +19,7 @@ export function controlBannerToHtml(n) {
   );
 }
 export function bannerToHtml(n, t) {
-  if (n.ts()) return controlBannerToHtml(n);
+  if (n.os()) return controlBannerToHtml(n);
   const o = document.createElement("iframe");
   return (
     (o.id = n.id),
@@ -27,24 +27,24 @@ export function bannerToHtml(n, t) {
     (o.className = "ab-html-banner"),
     o.setAttribute(BANNER_PLACEMENT_ID, n.placementId),
     o.setAttribute("title", "Banner"),
-    b(o, n.html, t),
+    N(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)), {
+      const r = Object.assign(Object.assign({}, E(o)), {
         logClick: function () {
           logBannerClick(n, ...arguments);
         },
         closeMessage: function () {
           !(function (n) {
             const t = document.getElementById(n.id);
-            t && A(t), _(n);
+            t && _(t), j(n);
           })(n);
         },
         setBannerHeight: (n) => {
           isNaN(n) || !isFinite(n) || n < 0
-            ? E.warn(`Invalid banner height: ${n}`)
+            ? b.warn(`Invalid banner height: ${n}`)
             : (o.style.height = `${n}px`);
         },
       });

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

@@ -1,7 +1,7 @@
 import { removeSubscription } from "../../Core/remove-subscription.js";
-import { BannerStrings as j } from "../constants.js";
+import { BannerStrings as x } from "../constants.js";
 export function destroyBannerHtml(o) {
-  const r = o.getAttribute(j.ea);
+  const r = o.getAttribute(x.ea);
   null != r && removeSubscription(r),
     o && o.parentNode && o.parentNode.removeChild(o);
 }

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

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

package/src/Banner/get-banner.js

@@ -1,22 +1,22 @@
-import { logger as E } from "../../shared-lib/index.js";
-import { BannerStrings as j } from "./constants.js";
+import { logger as b } from "../../shared-lib/index.js";
+import { BannerStrings as x } from "./constants.js";
 import r from "../managers/braze-instance.js";
 import i from "./banner-provider-factory.js";
 export function getBannerIfNotExpired(n, r) {
   const e = n[r];
   if (!e) return null;
-  const t = e.Yt,
+  const t = e.ts,
     o = new Date().valueOf();
   return -1 !== t && 1e3 * t < o
-    ? (E.info(`Banner with ID: ${e.id} and placement ID: ${r} has expired.`),
+    ? (b.info(`Banner with ID: ${e.id} and placement ID: ${r} has expired.`),
       null)
     : e;
 }
 export function getBanner(n) {
   var e;
   if (!r.rr()) return;
-  !1 === (null === (e = r.l()) || void 0 === e ? void 0 : e.Jt()) &&
-    E.error(j.aa);
+  !1 === (null === (e = r.l()) || void 0 === e ? void 0 : e.Ot()) &&
+    b.error(x.aa);
   const t = i.o();
   if (!t.P()) return null;
   return getBannerIfNotExpired(t.k(), n);

package/src/Banner/index.js

@@ -6,3 +6,4 @@ export { getAllBanners } from "./get-all-banners.js";
 export { subscribeToBannersUpdates } from "./subscribe-to-banners-updates.js";
 export { logBannerImpressions } from "./log-banner-impressions.js";
 export { logBannerClick } from "./log-banner-click.js";
+export { dismissBanner } from "./dismiss-banner.js";

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

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

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

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