@braze/web-sdk 5.6.1 → 5.7.0

package/README.md

@@ -8,5 +8,5 @@ Note: The Braze Web SDK is meant to be used client-side in a web application and
 
 See the [Public Github Repo](https://github.com/braze-inc/braze-web-sdk#readme) for getting started instructions or [our documentation pages](https://www.braze.com/docs/developer_guide/platform_integration_guides/web/initial_sdk_setup/) for use-case based documentation.
 
-(c) Braze, Inc. 2024 - http://braze.com  
+(c) Braze, Inc. 2025 - http://braze.com  
 License available at https://github.com/braze-inc/braze-web-sdk/blob/master/LICENSE

package/index.d.ts

@@ -1,7 +1,7 @@
 /*
-* Type definitions for @braze/web-sdk v5.6.1
+* Type definitions for @braze/web-sdk v5.7.0
 * Project: https://github.com/braze-inc/braze-web-sdk
-* (c) Braze, Inc. 2024 - http://braze.com
+* (c) Braze, Inc. 2025 - http://braze.com
 * License available at https://github.com/braze-inc/braze-web-sdk/blob/master/LICENSE
 */
 
@@ -1442,6 +1442,16 @@ export class User {
   setPushNotificationSubscriptionType(
     notificationSubscriptionType: NotificationSubscriptionTypes,
   ): boolean;
+
+  /**
+   * Sets the LINE user ID for the user.
+   *
+   * @param lineId - Must be a non-empty string no greater than 33 characters in length. 
+   *   Accepts an explicit null value to null out attribute.
+   *
+   * @returns Whether the update was successfully enqueued.
+   */
+  setLineId(lineId: string | null): boolean;
 }
 
 export class InAppMessageButton {
@@ -2152,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.6/service-worker.js');
+ * self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.7/service-worker.js');
  * ```
  *
  * For more details, see [Our Product Documentation](https://www.braze.com/docs/developer_guide/platform_integration_guides/web/push_notifications/integration).
@@ -2620,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.6/service-worker.js');` or by including the content
+   *   `self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.7/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.6.1",
+  "version": "5.7.0",
   "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 = {
-  Jn: function (t) {
+  On: 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",
-    mc: "pc",
-    Cc: "ca",
+    gc: "pc",
+    Ac: "ca",
     Mu: "i",
-    Li: "ie",
+    Tu: "ie",
     xt: "cci",
     $t: "ccic",
     lt: "ccc",
     dt: "ccd",
-    Jl: "ss",
+    Kl: "ss",
     Gl: "se",
-    Nr: "si",
-    Cr: "sc",
-    Or: "sbc",
-    yc: "sfe",
+    Ir: "si",
+    Mr: "sc",
+    Tr: "sbc",
+    Mc: "sfe",
     zo: "iec",
-    dc: "lr",
-    cc: "uae",
+    fc: "lr",
+    mc: "uae",
     yt: "ci",
     ut: "cc",
-    vc: "lcaa",
-    gc: "lcar",
-    fu: "inc",
-    pu: "add",
-    bu: "rem",
-    au: "set",
-    du: "ncam",
-    bc: "sgu",
+    wc: "lcaa",
+    bc: "lcar",
+    Xn: "inc",
+    Jn: "add",
+    Qn: "rem",
+    Hn: "set",
+    Kn: "ncam",
+    kc: "sgu",
     yr: "ffi",
     ro: "bi",
-    fs: "bc",
+    ds: "bc",
   },
-  dr = { Fr: "feed_displayed", Mc: "content_cards_displayed" };
+  dr = { Fr: "feed_displayed", Sc: "content_cards_displayed" };
 export { d as EventTypes, dr as InternalEventTypes };

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

@@ -1,4 +1,4 @@
-export default class it {
+export default class tt {
   constructor(t, e) {
     (this.database = t),
       (this.vd = e),
@@ -64,11 +64,11 @@ export default class it {
             "...",
         );
         const n = null === (e = t.target) || void 0 === e ? void 0 : e.result;
-        for (const t in i.database.Os) {
+        for (const t in i.database.Ks) {
           const e = t;
-          i.database.Os.hasOwnProperty(t) &&
-            !n.objectStoreNames.contains(i.database.Os[e]) &&
-            n.createObjectStore(i.database.Os[e]);
+          i.database.Ks.hasOwnProperty(t) &&
+            !n.objectStoreNames.contains(i.database.Ks[e]) &&
+            n.createObjectStore(i.database.Ks[e]);
         }
       }),
       (o.onsuccess = (n) => {
@@ -249,7 +249,7 @@ export default class it {
       };
     });
   }
-  Hs(t, e) {
+  Gs(t, e) {
     if (!this.isSupported()) return !1;
     const n = this;
     return this.Bd((o) => {
@@ -304,11 +304,11 @@ export default class it {
   clearData() {
     if (!this.isSupported()) return !1;
     const t = [];
-    for (const e in this.database.Os) {
+    for (const e in this.database.Ks) {
       const n = e;
-      this.database.Os.hasOwnProperty(e) &&
-        this.database.Os[n] !== this.database.Os.ie &&
-        t.push(this.database.Os[n]);
+      this.database.Ks.hasOwnProperty(e) &&
+        this.database.Ks[n] !== this.database.Ks.ie &&
+        t.push(this.database.Ks[n]);
     }
     const e = this;
     return this.Bd(function (n) {
@@ -333,16 +333,16 @@ export default class it {
     });
   }
 }
-it.Gs = {
-  _s: {
+tt._s = {
+  Xs: {
     Sd: "AppboyServiceWorkerAsyncStorage",
     VERSION: 6,
-    Os: {
-      Xu: "data",
+    Ks: {
+      zu: "data",
       hr: "pushClicks",
       cu: "pushSubscribed",
       Cd: "fallbackDevice",
-      Ks: "cardUpdates",
+      Hs: "cardUpdates",
       ie: "optOut",
       $r: "pendingData",
       yh: "sdkAuthenticationSignature",

package/shared-lib/logger.js

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

package/shared-lib/supported-options.js

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

package/src/Banner/banner-provider.js

@@ -68,33 +68,40 @@ export default class e extends s {
     let m = !1;
     o.V(
       u,
-      (n = -1) => {
-        if (!this.S) return void r();
+      (e = -1) => {
+        const n = this.S;
+        if (!n) return void r();
         const o = new Date().valueOf();
         h.W(this.C, h.O.K, o),
-          -1 !== n && d.push(["X-Braze-Req-Tokens-Remaining", n.toString()]),
+          -1 !== e && d.push(["X-Braze-Req-Tokens-Remaining", e.toString()]),
           l.Y({
-            url: `${this.S.Z()}/banners/sync`,
+            url: `${n.Z()}/banners/sync`,
             headers: d,
             data: u,
             ss: (s) => {
-              if (!this.S.ts(u, s, d)) return (m = !0), void r();
-              this.S.es(),
-                this.U(s),
-                (m = !1),
-                h.ns(this.C, h.O.K, 1),
-                "function" == typeof t && t();
+              if (!n.ts(u, s, d)) return (m = !0), void r();
+              n.es(), this.U(s), (m = !1), "function" == typeof t && t();
             },
             error: (s) => {
-              this.S.rs(s, "retrieving banners"), (m = !0), r();
+              n.ns(s, "retrieving banners"), (m = !0), r();
             },
-            os: () => {
-              if (((this.D = s), e && m && !this.q)) {
-                h.hs(this.C, h.O.K);
-                let e = this.I;
-                (null == e || e < 1e3 * this.R) && (e = 1e3 * this.R),
-                  this.ls(s, t, i, Math.min(3e5, a(1e3 * this.R, 3 * e)));
+            rs: (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)));
               }
+              n.os(
+                r,
+                () => {
+                  this.$(s, t, i, !1);
+                },
+                h.O.K,
+                (s) => this.hs(s),
+                () => this.G(),
+                o,
+              );
             },
           });
       },
@@ -102,27 +109,23 @@ export default class e extends s {
       i,
     );
   }
-  us() {
+  ls() {
     return this.D;
   }
-  cs(s, t) {
+  us(s, t) {
     const i = { id: s.id };
     t && (i.bid = t);
-    return c.ds(d.fs, i).ss;
+    return c.cs(d.ds, i).ss;
   }
   G() {
     null != this.q && (clearTimeout(this.q), (this.q = null));
   }
-  ls(s, t, i, e = 1e3 * this.R) {
-    this.G(),
-      (this.q = window.setTimeout(() => {
-        this.$(s, t, i);
-      }, e)),
-      (this.I = e);
+  hs(s) {
+    this.G(), (this.q = s);
   }
-  vs() {
+  fs() {
     let s = {};
-    this.C && (s = this.C.ps(t.bs.gs));
+    this.C && (s = this.C.vs(t.gs.ps));
     const i = {};
     for (const t in s) {
       let e = null;
@@ -136,63 +139,63 @@ export default class e extends s {
     const i = {};
     for (const t in this.banners) {
       const e =
-        (null === (s = this.banners[t]) || void 0 === s ? void 0 : s.Bs()) ||
+        (null === (s = this.banners[t]) || void 0 === s ? void 0 : s.bs()) ||
         null;
       i[t] = e;
     }
-    this.C.js(t.bs.gs, i), this.ws();
+    this.C.Bs(t.gs.ps, i), this.js();
   }
-  ws() {
+  js() {
     var s, i;
     null === (s = this.C) ||
       void 0 === s ||
-      s.js(t.bs.ys, null === (i = this.T) || void 0 === i ? void 0 : i.Ss());
+      s.Bs(t.gs.ys, null === (i = this.T) || void 0 === i ? void 0 : i.Ss());
   }
-  Cs() {
+  ws() {
     var s;
     return (
-      (null === (s = this.C) || void 0 === s ? void 0 : s.ps(t.bs.ys)) || null
+      (null === (s = this.C) || void 0 === s ? void 0 : s.vs(t.gs.ys)) || null
     );
   }
-  Ts() {
+  Cs() {
     return this.k;
   }
-  Rs(s) {
+  Ts(s) {
     this.k = s;
   }
-  Is() {
+  Rs() {
     var s;
     const t = null === (s = this.T) || void 0 === s ? void 0 : s.Ss(),
-      i = this.Cs();
+      i = this.ws();
     return null != i && t === i;
   }
-  qs() {
+  Is() {
     var s;
     const t = null === (s = this.T) || void 0 === s ? void 0 : s.Ss(),
-      i = this.Cs();
+      i = this.ws();
     return null == i || t === i;
   }
-  Fs(s) {
-    return this.F.Ns(s);
+  qs(s) {
+    return this.F.Fs(s);
   }
-  ks() {
+  Ns() {
     var s;
     return (
-      (null === (s = this.C) || void 0 === s ? void 0 : s.ps(t.bs.xs)) || {}
+      (null === (s = this.C) || void 0 === s ? void 0 : s.vs(t.gs.ks)) || {}
     );
   }
-  zs(s) {
-    this.C && this.C.js(t.bs.xs, s);
+  xs(s) {
+    this.C && this.C.Bs(t.gs.ks, s);
   }
   changeUser() {
-    this.Ds();
+    this.zs();
   }
   L() {
-    return !!this.B && (!!this.B.Us() || (0 !== this.B.Es() && this.Ds(), !1));
+    return !!this.B && (!!this.B.Ds() || (0 !== this.B.Us() && this.zs(), !1));
   }
-  Ds() {
+  zs() {
     (this.banners = {}),
-      this.C && (this.C.Ls(t.bs.gs), this.C.Ls(t.bs.xs)),
+      this.C && (this.C.Es(t.gs.ps), this.C.Es(t.gs.ks)),
       this.F.X({});
   }
 }

package/src/Banner/banner.js

@@ -17,7 +17,7 @@ export default class Banner {
   ht() {
     return this.isControl;
   }
-  Bs() {
+  bs() {
     return {
       id: this.id,
       o: this.placementId,

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

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

package/src/Banner/get-banner.js

@@ -14,6 +14,6 @@ export function getBannerIfNotExpired(n, e) {
 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);
+  if (e && !e.Ds()) return N.info("Banners are not enabled."), null;
+  return getBannerIfNotExpired(i.m().fs(), n);
 }

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

@@ -10,7 +10,7 @@ export function logBannerClick(n, o) {
       N.error("Banner argument to logBannerClick must be an Banner object."), !1
     );
   const e = i.m(),
-    t = e.vs();
+    t = e.fs();
   return 0 === y(t).length
     ? (N.info("Not logging banner click. No banners exist."), !1)
     : t[n.placementId]

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

@@ -7,10 +7,10 @@ export function logBannerImpressions(o) {
   if (!r.rr()) return;
   if (!o || o.length <= 0) return !1;
   const n = i.m(),
-    s = n.vs();
+    s = n.fs();
   if (0 === y(s).length)
     return N.info("Not logging banners impression. No banners exist."), !1;
-  const e = n.ks(),
+  const e = n.Ns(),
     t = [];
   for (const r of o) {
     const o = s[r];
@@ -25,7 +25,7 @@ export function logBannerImpressions(o) {
         );
   }
   if (0 === t.length) return !1;
-  n.zs(e);
+  n.xs(e);
   const a = { ids: t };
-  return c.ds(d.ro, a).ss;
+  return c.cs(d.ro, a).ss;
 }

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

@@ -8,10 +8,10 @@ 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 (!t.Ds()) 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())
+  if (i.m().Rs())
     return void N.warn(
       "Banners can be refreshed only once per session per user.",
     );

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

@@ -4,19 +4,19 @@ import { getAllBanners } from "./get-all-banners.js";
 export function subscribeToBannersUpdates(n) {
   if (!r.rr()) return;
   const o = i.m();
-  if (o.qs()) {
+  if (o.Is()) {
     const r = getAllBanners();
     r && "function" == typeof n && n(r);
   }
-  const t = o.Fs(n);
-  if (!o.Ts()) {
+  const t = o.qs(n);
+  if (!o.Cs()) {
     const n = r.nn();
     if (n) {
       const r = n.rn(() => {
-        const n = o.us();
+        const n = o.ls();
         n && n.length > 0 && o.$(n);
       });
-      r && o.Rs(r);
+      r && o.Ts(r);
     }
   }
   return t;

package/src/Card/card-manager.js

@@ -15,13 +15,13 @@ export default class M {
         r
       );
     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 n = this.C.vs(t.gs.ot) || {};
+      (n[s.id] = !0), this.C.Bs(t.gs.ot, n);
     }
     const i = this.et([s]);
     if (null == i) return r;
     const o = n ? d.lt : d.ut;
-    return c.ds(o, i);
+    return c.cs(o, i);
   }
   ct(s) {
     const n = new E();
@@ -33,18 +33,18 @@ export default class M {
         n
       );
     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 n = this.C.vs(t.gs.gt) || {};
+      (n[s.id] = !0), this.C.Bs(t.gs.gt, n);
     }
     const r = this.et([s]);
-    return null == r ? n : c.ds(d.dt, r);
+    return null == r ? n : c.cs(d.dt, r);
   }
   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) || {});
+    this.C && (e = n ? this.C.vs(t.gs.vt) || {} : this.C.vs(t.gs.Ct) || {});
     for (const t of s) {
       t.wt()
         ? (t instanceof ControlCard ? o.push(t) : i.push(t),
@@ -57,14 +57,14 @@ export default class M {
       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)
+      (this.C && (n ? this.C.Bs(t.gs.vt, e) : this.C.Bs(t.gs.Ct, e)), null != l)
     ) {
       const t = n ? d.xt : d.yt,
-        s = c.ds(t, l);
+        s = c.cs(t, l);
       r.It(s);
     }
     if (null != a && n) {
-      const t = c.ds(d.$t, a);
+      const t = c.cs(d.$t, a);
       r.It(t);
     }
     return r;

package/src/Card/models/captioned-image.js

@@ -6,7 +6,7 @@ export default class CaptionedImage extends Card {
       (this.Tt = !0),
       (this.test = !1);
   }
-  Bs() {
+  bs() {
     const t = {};
     return (
       (t[Card.qt.zt] = Card.Dt.Bt),

package/src/Card/models/card.js

@@ -50,10 +50,10 @@ export default class Card {
       (this.Zt = null);
   }
   subscribeToClickedEvent(t) {
-    return this.ti().Ns(t);
+    return this.ti().Fs(t);
   }
   subscribeToDismissedEvent(t) {
-    return this.ii().Ns(t);
+    return this.ii().Fs(t);
   }
   removeSubscription(t) {
     this.ti().removeSubscription(t), this.ii().removeSubscription(t);
@@ -142,7 +142,7 @@ export default class Card {
       !0
     );
   }
-  Bs() {
+  bs() {
     N.error("Must be implemented in a subclass");
   }
 }

package/src/Card/models/classic-card.js

@@ -5,7 +5,7 @@ export default class ClassicCard extends Card {
       (this.At = "ab-classic-card"),
       (this.Tt = !0);
   }
-  Bs() {
+  bs() {
     const s = {};
     return (
       (s[Card.qt.zt] = Card.Dt.Ei),

package/src/Card/models/control-card.js

@@ -6,7 +6,7 @@ export default class ControlCard extends Card {
       (this.At = "ab-control-card"),
       (this.Tt = !1);
   }
-  Bs() {
+  bs() {
     const l = {};
     return (
       (l[Card.qt.zt] = Card.Dt.Ti),

package/src/Card/models/image-only.js

@@ -6,7 +6,7 @@ export default class ImageOnly extends Card {
       (this.Tt = !1),
       (this.test = !1);
   }
-  Bs() {
+  bs() {
     const s = {};
     return (
       (s[Card.qt.zt] = Card.Dt.oi),