@braze/web-sdk 5.7.0 → 5.8.1

package/index.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definitions for @braze/web-sdk v5.7.0
+* Type definitions for @braze/web-sdk v5.8.1
 * Project: https://github.com/braze-inc/braze-web-sdk
 * (c) Braze, Inc. 2025 - http://braze.com
 * License available at https://github.com/braze-inc/braze-web-sdk/blob/master/LICENSE
@@ -2162,7 +2162,7 @@ export function openSession(): void;
  * - Create a `service-worker.js` file with the content below and place it in the root directory of your website:
  *
  * ```
- * self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.7/service-worker.js');
+ * self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.8/service-worker.js');
  * ```
  *
  * For more details, see [Our Product Documentation](https://www.braze.com/docs/developer_guide/platform_integration_guides/web/push_notifications/integration).
@@ -2475,7 +2475,7 @@ export function getBanner(placementId: string): Banner | null | undefined;
  * @param banner - The `Banner` to insert onto the page.
  * @param parentNode - The HTML element to render the banner into.
  */
-export function insertBanner(banner: Banner, parentNode: HTMLElement): void;
+export function insertBanner(banner: Banner | null | undefined, parentNode: HTMLElement): void;
 
 /**
  * Logs that the user clicked the given banner. This should generally be called through the Braze JavaScript bridge
@@ -2630,7 +2630,7 @@ export type InitializationOptions = {
    *   lifecycle of, set this option to true and the Braze SDK will not register or unregister a service worker. If you set this
    *   option to true, in order for push to function correctly you must register the service worker yourself BEFORE calling
    *   `requestPushPermission`, and ensure that it contains Braze's service worker code, either with
-   *   `self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.7/service-worker.js');` or by including the content
+   *   `self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.8/service-worker.js');` or by including the content
    *   of that file directly. When this option is true, the `serviceWorkerLocation` option is irrelevant and is ignored.
    */
   manageServiceWorkerExternally?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@braze/web-sdk",
-  "version": "5.7.0",
+  "version": "5.8.1",
   "description": "Braze SDK for web sites and other JS platforms.",
   "main": "src/index.js",
   "scripts": {

package/shared-lib/encoding-utils.js

@@ -1,5 +1,5 @@
 const ei = {
-  On: function (t) {
+  Vn: function (t) {
     const r = (t + "=".repeat((4 - (t.length % 4)) % 4))
         .replace(/\-/g, "+")
         .replace(/_/g, "/"),

package/shared-lib/event-types.js

@@ -1,36 +1,36 @@
 const d = {
     CustomEvent: "ce",
     Pr: "p",
-    gc: "pc",
+    fc: "pc",
     Ac: "ca",
-    Mu: "i",
-    Tu: "ie",
-    xt: "cci",
-    $t: "ccic",
-    lt: "ccc",
-    dt: "ccd",
-    Kl: "ss",
-    Gl: "se",
-    Ir: "si",
-    Mr: "sc",
-    Tr: "sbc",
+    Cu: "i",
+    bu: "ie",
+    ss: "cci",
+    os: "ccic",
+    Mt: "ccc",
+    Wt: "ccd",
+    Bl: "ss",
+    Dl: "se",
+    Li: "si",
+    Qi: "sc",
+    Vi: "sbc",
     Mc: "sfe",
-    zo: "iec",
-    fc: "lr",
-    mc: "uae",
-    yt: "ci",
-    ut: "cc",
+    Eo: "iec",
+    mc: "lr",
+    dc: "uae",
+    ns: "ci",
+    Ot: "cc",
     wc: "lcaa",
     bc: "lcar",
-    Xn: "inc",
-    Jn: "add",
-    Qn: "rem",
-    Hn: "set",
-    Kn: "ncam",
+    Gn: "inc",
+    Rn: "add",
+    On: "rem",
+    $n: "set",
+    Bn: "ncam",
     kc: "sgu",
     yr: "ffi",
     ro: "bi",
-    ds: "bc",
+    ct: "bc",
   },
   dr = { Fr: "feed_displayed", Sc: "content_cards_displayed" };
 export { d as EventTypes, dr as InternalEventTypes };

package/shared-lib/guid.js

@@ -1,5 +1,5 @@
 const G = {
-  Rt: function () {
+  ce: function () {
     const t = (t = !1) => {
       const n = (Math.random().toString(16) + "000000000").substr(2, 8);
       return t ? "-" + n.substr(0, 4) + "-" + n.substr(4, 4) : n;

package/shared-lib/indexed-db-adapter.js

@@ -64,11 +64,11 @@ export default class tt {
             "...",
         );
         const n = null === (e = t.target) || void 0 === e ? void 0 : e.result;
-        for (const t in i.database.Ks) {
+        for (const t in i.database.Ms) {
           const e = t;
-          i.database.Ks.hasOwnProperty(t) &&
-            !n.objectStoreNames.contains(i.database.Ks[e]) &&
-            n.createObjectStore(i.database.Ks[e]);
+          i.database.Ms.hasOwnProperty(t) &&
+            !n.objectStoreNames.contains(i.database.Ms[e]) &&
+            n.createObjectStore(i.database.Ms[e]);
         }
       }),
       (o.onsuccess = (n) => {
@@ -180,7 +180,7 @@ export default class tt {
         });
     });
   }
-  jr(t, e, n) {
+  cr(t, e, n) {
     if (!this.isSupported()) return "function" == typeof n && n(), !1;
     const o = this;
     return this.Bd((i) => {
@@ -216,7 +216,7 @@ export default class tt {
         });
     }, n);
   }
-  me(t, e) {
+  ge(t, e) {
     if (!this.isSupported()) return !1;
     const n = this;
     return this.Bd((o) => {
@@ -249,7 +249,7 @@ export default class tt {
       };
     });
   }
-  Gs(t, e) {
+  Ns(t, e) {
     if (!this.isSupported()) return !1;
     const n = this;
     return this.Bd((o) => {
@@ -304,11 +304,11 @@ export default class tt {
   clearData() {
     if (!this.isSupported()) return !1;
     const t = [];
-    for (const e in this.database.Ks) {
+    for (const e in this.database.Ms) {
       const n = e;
-      this.database.Ks.hasOwnProperty(e) &&
-        this.database.Ks[n] !== this.database.Ks.ie &&
-        t.push(this.database.Ks[n]);
+      this.database.Ms.hasOwnProperty(e) &&
+        this.database.Ms[n] !== this.database.Ms.pe &&
+        t.push(this.database.Ms[n]);
     }
     const e = this;
     return this.Bd(function (n) {
@@ -333,20 +333,20 @@ export default class tt {
     });
   }
 }
-tt._s = {
-  Xs: {
+tt.Ls = {
+  Fs: {
     Sd: "AppboyServiceWorkerAsyncStorage",
     VERSION: 6,
-    Ks: {
-      zu: "data",
-      hr: "pushClicks",
+    Ms: {
+      Nu: "data",
+      jr: "pushClicks",
       cu: "pushSubscribed",
       Cd: "fallbackDevice",
-      Hs: "cardUpdates",
-      ie: "optOut",
-      $r: "pendingData",
-      yh: "sdkAuthenticationSignature",
+      Js: "cardUpdates",
+      pe: "optOut",
+      kr: "pendingData",
+      qh: "sdkAuthenticationSignature",
     },
-    oe: 1,
+    be: 1,
   },
 };

package/shared-lib/logger.js

@@ -24,13 +24,13 @@ const N = {
   },
   warn: function (n) {
     if (N.zg) {
-      const o = "Braze SDK Warning: " + n + " (v5.7.0)";
+      const o = "Braze SDK Warning: " + n + " (v5.8.1)";
       null != N.vd ? N.vd(o) : console.warn(o);
     }
   },
   error: function (n) {
     if (N.zg) {
-      const o = "Braze SDK Error: " + n + " (v5.7.0)";
+      const o = "Braze SDK Error: " + n + " (v5.8.1)";
       null != N.vd ? N.vd(o) : console.error(o);
     }
   },

package/shared-lib/supported-options.js

@@ -1,28 +1,28 @@
 export default {
-  Oo: "allowCrawlerActivity",
-  Wo: "baseUrl",
-  Vo: "noCookies",
-  Ko: "devicePropertyAllowlist",
+  Yo: "allowCrawlerActivity",
+  Zo: "baseUrl",
+  Wh: "noCookies",
+  Vh: "devicePropertyAllowlist",
   Da: "disablePushTokenMaintenance",
-  Yo: "enableLogging",
-  Ho: "enableSdkAuthentication",
+  Kh: "enableLogging",
+  $h: "enableSdkAuthentication",
   Ca: "manageServiceWorkerExternally",
-  Xo: "minimumIntervalBetweenTriggerActionsInSeconds",
-  Zo: "sessionTimeoutInSeconds",
-  Qo: "appVersion",
-  Wh: "appVersionNumber",
+  Yh: "minimumIntervalBetweenTriggerActionsInSeconds",
+  Xh: "sessionTimeoutInSeconds",
+  Zh: "appVersion",
+  Qh: "appVersionNumber",
   _a: "serviceWorkerLocation",
   Ba: "safariWebsitePushId",
-  Ea: "localization",
-  ir: "contentSecurityNonce",
-  er: "allowUserSuppliedJavascript",
-  Do: "inAppMessageZIndex",
-  To: "openInAppMessagesInNewTab",
+  Xn: "localization",
+  er: "contentSecurityNonce",
+  re: "allowUserSuppliedJavascript",
+  No: "inAppMessageZIndex",
+  Ko: "openInAppMessagesInNewTab",
   en: "openNewsFeedCardsInNewTab",
   mh: "requireExplicitInAppMessageDismissal",
-  Vh: "doNotLoadFontAwesome",
-  $h: "deviceId",
+  Ea: "doNotLoadFontAwesome",
+  Ia: "deviceId",
   Aa: "serviceWorkerScope",
-  Yh: "sdkFlavor",
+  Na: "sdkFlavor",
   tn: "openCardsInNewTab",
 };

package/src/Banner/banner-provider.js

@@ -1,5 +1,5 @@
-import s from "../common/base-provider.js";
-import { STORAGE_KEYS as t } from "../managers/storage-manager.js";
+import t from "../common/base-provider.js";
+import { STORAGE_KEYS as s } from "../managers/storage-manager.js";
 import {
   newBannerFromJson as n,
   newBannerFromSerializedValue as o,
@@ -11,16 +11,16 @@ import u from "../managers/subscription-manager.js";
 import r from "../managers/braze-instance.js";
 import c from "../common/event-logger.js";
 import { EventTypes as d } from "../../shared-lib/event-types.js";
-export default class e extends s {
-  constructor(s, t, i, e) {
+export default class e extends t {
+  constructor(t, s, i, e) {
     super(),
-      (this.B = s),
-      (this.S = t),
+      (this.B = t),
+      (this.S = s),
       (this.C = i),
       (this.T = e),
       (this.banners = {}),
-      (this.B = s),
-      (this.S = t),
+      (this.B = t),
+      (this.S = s),
       (this.C = i),
       (this.T = e),
       (this.R = 10),
@@ -31,20 +31,20 @@ export default class e extends s {
       (this.k = null),
       (this.D = null);
   }
-  U(s) {
-    if (this.L() && null != s && s.banners) {
+  U(t) {
+    if (this.L() && null != t && t.banners) {
       this.banners = {};
-      const t = s.banners;
-      for (const s in t) {
-        const i = t[s];
+      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[s] = e);
+          e && (this.banners[t] = e);
       }
       this.M(), this.F.X(this.banners);
     }
   }
-  $(s, t, i, e = !0) {
+  $(t, s, i, e = !0) {
     var n;
     const r = () => {
       "function" == typeof i && i();
@@ -54,7 +54,7 @@ export default class e extends s {
         null === (n = this.B) ||
         void 0 === n ||
         n.A(() => {
-          this.$(s, t, i);
+          this.$(t, s, i);
         })
       );
     const o = this.S;
@@ -62,7 +62,7 @@ export default class e extends s {
     e && this.G();
     const u = o.H({}, !0),
       c = [];
-    for (const t of s) c.push({ id: t });
+    for (const s of t) c.push({ id: s });
     u.placements = c;
     const d = o.J(u, h.O.K);
     let m = !1;
@@ -78,27 +78,27 @@ export default class e extends s {
             url: `${n.Z()}/banners/sync`,
             headers: d,
             data: u,
-            ss: (s) => {
-              if (!n.ts(u, s, d)) return (m = !0), void r();
-              n.es(), this.U(s), (m = !1), "function" == typeof t && t();
+            tt: (t) => {
+              if (!n.st(u, t, d)) return (m = !0), void r();
+              n.it(), this.U(t), (m = !1), "function" == typeof s && s();
             },
-            error: (s) => {
-              n.ns(s, "retrieving banners"), (m = !0), r();
+            error: (t) => {
+              n.et(t, "retrieving banners"), (m = !0), r();
             },
-            rs: (e, r) => {
+            nt: (e, r) => {
               let o;
-              if (((this.D = s), m)) {
-                let s = this.I;
-                (null == s || s < 1e3 * this.R) && (s = 1e3 * this.R),
-                  (o = Math.min(3e5, a(1e3 * this.R, 3 * s)));
+              if (((this.D = t), m)) {
+                let t = this.I;
+                (null == t || t < 1e3 * this.R) && (t = 1e3 * this.R),
+                  (o = Math.min(3e5, a(1e3 * this.R, 3 * t)));
               }
-              n.os(
+              n.rt(
                 r,
                 () => {
-                  this.$(s, t, i, !1);
+                  this.$(t, s, i, !1);
                 },
                 h.O.K,
-                (s) => this.hs(s),
+                (t) => this.ot(t),
                 () => this.G(),
                 o,
               );
@@ -109,93 +109,93 @@ export default class e extends s {
       i,
     );
   }
-  ls() {
+  ht() {
     return this.D;
   }
-  us(s, t) {
-    const i = { id: s.id };
-    t && (i.bid = t);
-    return c.cs(d.ds, i).ss;
+  lt(t, s) {
+    const i = { id: t.id };
+    s && (i.bid = s);
+    return c.ut(d.ct, i).tt;
   }
   G() {
     null != this.q && (clearTimeout(this.q), (this.q = null));
   }
-  hs(s) {
-    this.G(), (this.q = s);
+  ot(t) {
+    this.G(), (this.q = t);
   }
-  fs() {
-    let s = {};
-    this.C && (s = this.C.vs(t.gs.ps));
+  dt() {
+    let t = {};
+    this.C && (t = this.C.ft(s.gt.vt));
     const i = {};
-    for (const t in s) {
+    for (const s in t) {
       let e = null;
-      null != s[t] && (e = o(s[t])), e && (i[e.placementId] = e);
+      null != t[s] && (e = o(t[s])), e && (i[e.placementId] = e);
     }
     return i;
   }
   M() {
-    var s;
+    var t;
     if (!this.C) return;
     const i = {};
-    for (const t in this.banners) {
+    for (const s in this.banners) {
       const e =
-        (null === (s = this.banners[t]) || void 0 === s ? void 0 : s.bs()) ||
+        (null === (t = this.banners[s]) || void 0 === t ? void 0 : t.bt()) ||
         null;
-      i[t] = e;
+      i[s] = e;
     }
-    this.C.Bs(t.gs.ps, i), this.js();
+    this.C.Bt(s.gt.vt, i), this.jt();
   }
-  js() {
-    var s, i;
-    null === (s = this.C) ||
-      void 0 === s ||
-      s.Bs(t.gs.ys, null === (i = this.T) || void 0 === i ? void 0 : i.Ss());
+  jt() {
+    var t, i;
+    null === (t = this.C) ||
+      void 0 === t ||
+      t.Bt(s.gt.yt, null === (i = this.T) || void 0 === i ? void 0 : i.St());
   }
-  ws() {
-    var s;
+  wt() {
+    var t;
     return (
-      (null === (s = this.C) || void 0 === s ? void 0 : s.vs(t.gs.ys)) || null
+      (null === (t = this.C) || void 0 === t ? void 0 : t.ft(s.gt.yt)) || null
     );
   }
-  Cs() {
+  Ct() {
     return this.k;
   }
-  Ts(s) {
-    this.k = s;
+  Tt(t) {
+    this.k = t;
   }
-  Rs() {
-    var s;
-    const t = null === (s = this.T) || void 0 === s ? void 0 : s.Ss(),
-      i = this.ws();
-    return null != i && t === i;
+  Rt() {
+    var t;
+    const s = null === (t = this.T) || void 0 === t ? void 0 : t.St(),
+      i = this.wt();
+    return null != i && s === i;
   }
-  Is() {
-    var s;
-    const t = null === (s = this.T) || void 0 === s ? void 0 : s.Ss(),
-      i = this.ws();
-    return null == i || t === i;
+  It() {
+    var t;
+    const s = null === (t = this.T) || void 0 === t ? void 0 : t.St(),
+      i = this.wt();
+    return null == i || s === i;
   }
-  qs(s) {
-    return this.F.Fs(s);
+  qt(t) {
+    return this.F.Ft(t);
   }
-  Ns() {
-    var s;
+  Nt() {
+    var t;
     return (
-      (null === (s = this.C) || void 0 === s ? void 0 : s.vs(t.gs.ks)) || {}
+      (null === (t = this.C) || void 0 === t ? void 0 : t.ft(s.gt.kt)) || {}
     );
   }
-  xs(s) {
-    this.C && this.C.Bs(t.gs.ks, s);
+  xt(t) {
+    this.C && this.C.Bt(s.gt.kt, t);
   }
   changeUser() {
-    this.zs();
+    this.zt();
   }
   L() {
-    return !!this.B && (!!this.B.Ds() || (0 !== this.B.Us() && this.zs(), !1));
+    return !!this.B && (!!this.B.Dt() || (0 !== this.B.Et() && this.zt(), !1));
   }
-  zs() {
+  zt() {
     (this.banners = {}),
-      this.C && (this.C.Es(t.gs.ps), this.C.Es(t.gs.ks)),
+      this.C && (this.C.Ut(s.gt.vt), this.C.Ut(s.gt.kt)),
       this.F.X({});
   }
 }

package/src/Banner/banner.js

@@ -3,28 +3,28 @@ export default class Banner {
     (this.id = t),
       (this.placementId = i),
       (this.html = s),
-      (this.tt = h),
+      (this.At = h),
       (this.isControl = r),
-      (this.it = e),
+      (this.Gt = e),
       (this.id = t),
       (this.placementId = i),
       (this.html = s),
-      (this.tt = h),
+      (this.At = h),
       (this.isControl = r),
-      (this.it = e),
-      (this.st = !1);
+      (this.Gt = e),
+      (this.Ht = !1);
   }
-  ht() {
+  Jt() {
     return this.isControl;
   }
-  bs() {
+  bt() {
     return {
       id: this.id,
       o: this.placementId,
       html: this.html,
-      t: this.tt,
+      t: this.At,
       i: this.isControl,
-      u: this.it,
+      u: this.Gt,
     };
   }
 }

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

@@ -19,7 +19,7 @@ export function controlBannerToHtml(t) {
   );
 }
 export function bannerToHtml(t, n) {
-  if (t.ht()) return controlBannerToHtml(t);
+  if (t.Jt()) return controlBannerToHtml(t);
   const o = document.createElement("iframe");
   return (
     (o.id = t.id),
@@ -37,7 +37,7 @@ export function bannerToHtml(t, n) {
           {},
           b(o, () => {
             import("../../Feed/ui/show-feed.js").then((t) => {
-              r.nt() ? t.showFeed() : N.error(p);
+              r._t() ? t.showFeed() : N.error(p);
             });
           }),
         ),

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

@@ -1,13 +1,12 @@
-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.Ds()) return N.info("Banners are not enabled."), n;
-  const o = i.m().fs();
+    t = r.v();
+  if (t && !t.Dt()) return n;
+  const o = i.m().dt();
   for (const r in o) n[r] = v(o, r);
   return n;
 }

package/src/Banner/get-banner.js

@@ -1,19 +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.`),
+export function getBannerIfNotExpired(n, r) {
+  const e = n[r];
+  if (!e) return null;
+  const t = e.Gt,
+    o = new Date().valueOf();
+  return -1 !== t && 1e3 * t < o
+    ? (N.info(`Banner with ID: ${e.id} and placement ID: ${r} has expired.`),
       null)
-    : r;
+    : e;
 }
 export function getBanner(n) {
   if (!r.rr()) return;
-  const e = r.v();
-  if (e && !e.Ds()) return N.info("Banners are not enabled."), null;
-  return getBannerIfNotExpired(i.m().fs(), n);
+  const e = i.m();
+  if (!e.L()) return null;
+  return getBannerIfNotExpired(e.dt(), n);
 }

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

@@ -10,11 +10,11 @@ export function logBannerClick(n, o) {
       N.error("Banner argument to logBannerClick must be an Banner object."), !1
     );
   const e = i.m(),
-    t = e.fs();
+    t = e.dt();
   return 0 === y(t).length
     ? (N.info("Not logging banner click. No banners exist."), !1)
     : t[n.placementId]
-    ? e.logClick(n, o)
+    ? e.lt(n, o)
     : (N.info(
         `Not logging banner click for ID ${n.placementId}. The placement ID did not correspond to any banner.`,
       ),