@braze/web-sdk 5.3.2 → 5.4.0

package/src/common/feed-display.js

@@ -12,7 +12,7 @@ import { Card, ControlCard } from "../Card/index.js";
 import { cardToHtml as _e } from "../Card/display/card-display.js";
 import { isArray as j } from "../util/code-utils.js";
 import { KeyCodes as mt } from "../util/key-codes.js";
-import je from "../l10n/l10n-manager-factory.js";
+import ue from "../l10n/l10n-manager-factory.js";
 import { removeSubscription } from "../Core/remove-subscription.js";
 import { logger as r, Guid as p } from "../../shared-lib/index.js";
 import { BRAZE_ACTION_URI_REGEX as Z } from "../util/validation-utils.js";
@@ -41,11 +41,12 @@ export function destroyFeedHtml(e) {
     delete scrollListeners[o]);
 }
 export function generateFeedBody(e, t) {
-  const o = document.createElement("div");
+  const o = ue.m(),
+    s = document.createElement("div");
   if (
-    ((o.className = "ab-feed-body"),
-    o.setAttribute("aria-label", "Feed"),
-    o.setAttribute("role", "feed"),
+    ((s.className = "ab-feed-body"),
+    s.setAttribute("aria-label", "Feed"),
+    s.setAttribute("role", "feed"),
     null == e.lastUpdated)
   ) {
     const e = document.createElement("div");
@@ -53,27 +54,27 @@ export function generateFeedBody(e, t) {
     const t = document.createElement("i");
     (t.className = "fa fa-spinner fa-spin fa-4x ab-initial-spinner"),
       e.appendChild(t),
-      o.appendChild(e);
+      s.appendChild(e);
   } else {
-    let s = !1;
+    let n = !1;
     const logCardClick = (t) => e.logCardClick(t);
-    for (const n of e.cards) {
-      const i = n instanceof ControlCard;
-      !i || e.dr()
-        ? (o.appendChild(_e(n, logCardClick, t)), (s = s || !i))
+    for (const i of e.cards) {
+      const a = i instanceof ControlCard;
+      !a || e.dr()
+        ? (s.appendChild(_e(i, logCardClick, t, o.wo())), (n = n || !a))
         : r.error(
             "Received a control card for a legacy news feed. Control cards are only supported with content cards.",
           );
     }
-    if (!s) {
+    if (!n) {
       const e = document.createElement("div");
       (e.className = "ab-no-cards-message"),
-        (e.innerHTML = je.m().get("NO_CARDS_MESSAGE") || ""),
+        (e.innerHTML = o.get("NO_CARDS_MESSAGE") || ""),
         e.setAttribute("role", "article"),
-        o.appendChild(e);
+        s.appendChild(e);
     }
   }
-  return o;
+  return s;
 }
 export function detectFeedImpressions(e, t) {
   if (null != e && null != t) {
@@ -123,7 +124,7 @@ export function refreshFeed(e, t) {
         const o = t.querySelectorAll(".ab-initial-spinner")[0];
         if (null != o) {
           const e = document.createElement("span");
-          (e.innerHTML = je.m().get("FEED_TIMEOUT_MESSAGE") || ""),
+          (e.innerHTML = ue.m().get("FEED_TIMEOUT_MESSAGE") || ""),
             null != o.parentNode &&
               (o.parentNode.appendChild(e), o.parentNode.removeChild(o));
         }

package/src/l10n/l10n-manager-factory.js

@@ -1,22 +1,22 @@
 import e, { OPTIONS as L } from "../managers/braze-instance.js";
 import X from "../util/browser-detector.js";
 import nr from "./l10n-manager.js";
-const je = {
+const ue = {
   t: !1,
   i: null,
   m: () => {
-    if ((je.o(), !je.i)) {
+    if ((ue.o(), !ue.i)) {
       let r = X.language,
         t = !1;
-      e.nn(L.zn) && ((r = e.nn(L.zn)), (t = !0)), (je.i = new nr(r, t));
+      e.nn(L.zn) && ((r = e.nn(L.zn)), (t = !0)), (ue.i = new nr(r, t));
     }
-    return je.i;
+    return ue.i;
   },
   o: () => {
-    je.t || (e.g(je), (je.t = !0));
+    ue.t || (e.g(ue), (ue.t = !0));
   },
   destroy: () => {
-    (je.i = null), (je.t = !1);
+    (ue.i = null), (ue.t = !1);
   },
 };
-export default je;
+export default ue;

package/src/l10n/l10n-manager.js

@@ -1,25 +1,35 @@
 import { logger as r } from "../../shared-lib/index.js";
 import xt from "../common/translations.js";
 export default class nr {
-  constructor(t, l = !1) {
+  constructor(t, e = !1) {
     if (
       ((this.language = t),
       null != t && (t = t.toLowerCase()),
       null != t && null == xt[t])
     ) {
-      const l = t.indexOf("-");
-      l > 0 && (t = t.substring(0, l));
+      const e = t.indexOf("-");
+      e > 0 && (t = t.substring(0, e));
     }
     if (null == xt[t]) {
-      const n =
+      const a =
         "Braze does not yet have a localization for language " +
         t +
         ", defaulting to English. Please contact us if you are willing and able to help us translate our SDK into this language.";
-      l ? r.error(n) : r.info(n), (t = "en");
+      e ? r.error(a) : r.info(a), (t = "en");
     }
     this.language = t;
   }
   get(t) {
     return xt[this.language][t];
   }
+  wo() {
+    switch (this.language) {
+      case "ar":
+      case "he":
+      case "fa":
+        return "rtl";
+      default:
+        return "ltr";
+    }
+  }
 }

package/src/managers/braze-instance.js

@@ -7,9 +7,9 @@ import {
   isArray as j,
   keys as to,
   validateValueIsFromEnum as J,
-  values as Pt,
+  values as Rt,
 } from "../util/code-utils.js";
-import Rt from "./network-manager.js";
+import Pt from "./network-manager.js";
 import Lt from "../request-controller.js";
 import Dt from "./server-config-manager.js";
 import Mt from "./session-manager.js";
@@ -22,23 +22,23 @@ import { User } from "../User/index.js";
 import { parseQueryStringKeyValues as ut } from "../util/url-utils.js";
 import { WindowUtils as eo } from "../util/window-utils.js";
 import { BRAZE_MUST_BE_INITIALIZED_ERROR as _ } from "../common/constants.js";
-import { SupportedOptions as Vt, logger as r } from "../../shared-lib/index.js";
+import { SupportedOptions as zt, logger as r } from "../../shared-lib/index.js";
 import _t from "../models/identifier.js";
 const L = {
   Eo: "allowCrawlerActivity",
   _o: "baseUrl",
   Io: "noCookies",
-  Ao: "devicePropertyAllowlist",
-  _a: "disablePushTokenMaintenance",
-  So: "enableLogging",
+  So: "devicePropertyAllowlist",
+  ka: "disablePushTokenMaintenance",
+  Ao: "enableLogging",
   No: "enableSdkAuthentication",
-  Ma: "manageServiceWorkerExternally",
+  _a: "manageServiceWorkerExternally",
   Oo: "minimumIntervalBetweenTriggerActionsInSeconds",
-  Po: "sessionTimeoutInSeconds",
-  Ro: "appVersion",
+  Ro: "sessionTimeoutInSeconds",
+  Po: "appVersion",
   Lo: "appVersionNumber",
   wa: "serviceWorkerLocation",
-  ya: "safariWebsitePushId",
+  Ma: "safariWebsitePushId",
   zn: "localization",
   bo: "contentSecurityNonce",
   Do: "allowUserSuppliedJavascript",
@@ -49,14 +49,15 @@ const L = {
   Lh: "requireExplicitInAppMessageDismissal",
   Mo: "doNotLoadFontAwesome",
   Uo: "deviceId",
-  Bo: "sdkFlavor",
+  ya: "serviceWorkerScope",
+  Wo: "sdkFlavor",
 };
-class zt {
+class Vt {
   constructor() {
     (this.rn = ""),
-      (this.Wo = ""),
+      (this.Bo = ""),
       (this.Vo = void 0),
-      (this.zo = null),
+      (this.Ko = null),
       (this.on = null),
       (this.qt = null),
       (this.zi = null),
@@ -65,7 +66,7 @@ class zt {
       (this.u = null),
       (this.wt = null),
       (this.Go = ""),
-      (this.Ko = !1),
+      (this.isInitialized = !1),
       (this.$o = !1),
       (this.qo = new T()),
       (this.Jo = new T()),
@@ -73,7 +74,7 @@ class zt {
       (this.Yo = []),
       (this.Ho = []),
       (this._e = []),
-      (this.Wo = "5.3.2");
+      (this.Bo = "5.4.0");
   }
   Xo(t) {
     this.qo.It(t);
@@ -85,8 +86,8 @@ class zt {
     if (this.so())
       return r.info("Braze has already been initialized with an API key."), !0;
     this.options = i || {};
-    let s = this.nn(L.So);
-    const e = ut(eo.Un());
+    let s = this.nn(L.Ao);
+    const e = ut(eo.Zo());
     if (
       (e && "true" === e.brazeLogging && (s = !0),
       r.init(s),
@@ -107,7 +108,7 @@ class zt {
       (n.href = h),
       "/" === n.pathname && (n = `${n}api/v3`),
       (this.Go = n.toString()),
-      X.Zo && !this.nn(L.Eo))
+      X.Qo && !this.nn(L.Eo))
     )
       return (
         r.info("Ignoring activity from crawler bot " + navigator.userAgent),
@@ -116,7 +117,7 @@ class zt {
       );
     const a = this.nn(L.Io) || !1;
     if (
-      ((this.u = Wt.Qo(t, a)), a && this.u.Wh(t), new Q.ee(null, !0).br(o.se))
+      ((this.u = Wt.Wh(t, a)), a && this.u.Vh(t), new Q.ee(null, !0).br(o.se))
     )
       return (
         r.info("Ignoring all activity due to previous opt out"),
@@ -124,16 +125,16 @@ class zt {
         !1
       );
     for (const t of to(this.options))
-      -1 === Pt(Vt).indexOf(t) &&
+      -1 === Rt(zt).indexOf(t) &&
         r.warn(`Ignoring unknown initialization option '${t}'.`);
     const l = ["mparticle", "wordpress", "tealium"];
-    if (null != this.nn(L.Bo)) {
-      const t = this.nn(L.Bo);
+    if (null != this.nn(L.Wo)) {
+      const t = this.nn(L.Wo);
       -1 !== l.indexOf(t)
         ? (this.Vo = t)
         : r.error("Invalid sdk flavor passed: " + t);
     }
-    let u = this.nn(Vt.Ao);
+    let u = this.nn(zt.So);
     if (null != u)
       if (j(u)) {
         const t = [];
@@ -150,31 +151,31 @@ class zt {
           "devicePropertyAllowlist must be an array. Defaulting to all properties.",
         ),
           (u = null);
-    const f = this.nn(L.Uo);
-    if (f) {
-      const t = new _t(f);
+    const c = this.nn(L.Uo);
+    if (c) {
+      const t = new _t(c);
       this.u.uu(o.iu.Uo, t);
     }
     (this.on = new Ot(this.u, u)),
       (this.yt = new Dt(this.u)),
       (this.wt = new kt(this.yt, this.u)),
-      (this.ri = new Mt(this.u, this.wt, this.yt, this.nn(L.Po)));
-    const c = new T();
+      (this.ri = new Mt(this.u, this.wt, this.yt, this.nn(L.Ro)));
+    const f = new T();
     return (
-      (this.zo = new qt(this.u, this.nn(L.No), c)),
-      this.$t(c),
-      (this.qt = new Rt(
+      (this.Ko = new qt(this.u, this.nn(L.No), f)),
+      this.$t(f),
+      (this.qt = new Pt(
         this.on,
         this.u,
-        this.zo,
+        this.Ko,
         this.wt,
         this.ri,
         this.yt,
         this.rn,
         this.Go,
-        this.Wo,
+        this.Bo,
         this.Vo || "",
-        this.nn(L.Ro),
+        this.nn(L.Po),
         this.nn(L.Lo),
       )),
       (this.zi = new Lt(
@@ -188,11 +189,11 @@ class zt {
         (t) => {
           if (this.so()) for (const i of this.gr()) i.Ns(t);
         },
-        this.zo,
+        this.Ko,
         this.qt,
       )),
       this.zi.initialize(),
-      a || this.u.Vh(),
+      a || this.u.Kh(),
       r.info(
         `Initialized for the Braze backend at "${this.nn(
           L._o,
@@ -201,24 +202,25 @@ class zt {
       et.o(),
       this.yt.ji(() => {
         var t;
-        this.Ko &&
+        this.isInitialized &&
           (null === (t = this.yt) || void 0 === t ? void 0 : t.ci()) &&
           import("../FeatureFlags/refresh-feature-flags.js").then((t) => {
-            if (!this.Ko) return;
+            if (!this.isInitialized) return;
             (0, t.default)();
           });
       }),
       this.zi.mr(() => {
         var t;
-        this.Ko &&
+        this.isInitialized &&
           (null === (t = this.yt) || void 0 === t ? void 0 : t.ci()) &&
           import("../FeatureFlags/refresh-feature-flags.js").then((t) => {
-            if (!this.Ko) return;
+            if (!this.isInitialized) return;
             (0, t.default)(void 0, void 0, !0);
           });
       }),
       this.qo.Dt(this.options),
-      (this.Ko = !0),
+      (this.isInitialized = !0),
+      window.dispatchEvent(new CustomEvent("braze.initialized")),
       !0
     );
   }
@@ -233,7 +235,7 @@ class zt {
         (this._e = []),
         null != this.zi && this.zi.destroy(),
         (this.zi = null),
-        (this.zo = null),
+        (this.Ko = null),
         (this.on = null),
         (this.qt = null),
         (this.yt = null),
@@ -241,19 +243,19 @@ class zt {
         (this.wt = null),
         (this.options = {}),
         (this.Vo = void 0),
-        (this.Ko = !1),
+        (this.isInitialized = !1),
         (this.$o = !1),
         t && (this.u = null);
     }
   }
   X() {
-    return !this.Kh() && (!!this.so() || (console.warn(_), !1));
+    return !this.$h() && (!!this.so() || (console.warn(_), !1));
   }
   ba() {
     return this.rn;
   }
   Sr() {
-    return this.zo;
+    return this.Ko;
   }
   Hs() {
     return this.Go;
@@ -314,14 +316,14 @@ class zt {
     this.$o = t;
   }
   so() {
-    return this.Ko;
+    return this.isInitialized;
   }
-  Kh() {
+  $h() {
     return this.$o;
   }
   Ds() {
-    return this.Wo;
+    return this.Bo;
   }
 }
-const e = new zt();
-export { e as default, zt as BrazeSdkInstance, L as OPTIONS };
+const e = new Vt();
+export { e as default, Vt as BrazeSdkInstance, L as OPTIONS };

package/src/managers/device-manager.js

@@ -4,39 +4,39 @@ import DeviceProperties from "../Core/device-properties.js";
 import _t from "../models/identifier.js";
 import { logger as r, Guid as p } from "../../shared-lib/index.js";
 import { STORAGE_KEYS as o } from "../managers/storage-manager.js";
-import { values as Pt } from "../util/code-utils.js";
+import { values as Rt } from "../util/code-utils.js";
 import { getErrorMessage as si } from "../util/error-utils.js";
 export default class Ot {
   constructor(t, e) {
     (this.u = t),
-      (this.ka = e),
+      (this.Ia = e),
       (this.u = t),
-      null == e && (e = Pt(DeviceProperties)),
-      (this.ka = e);
+      null == e && (e = Rt(DeviceProperties)),
+      (this.Ia = e);
   }
   ce(t = !0) {
     let e = this.u.tu(o.iu.Uo);
     null == e && ((e = new _t(p.W())), t && this.u.uu(o.iu.Uo, e));
     const r = new Gt(e.eu);
-    for (let t = 0; t < this.ka.length; t++) {
-      switch (this.ka[t]) {
+    for (let t = 0; t < this.Ia.length; t++) {
+      switch (this.Ia[t]) {
         case DeviceProperties.BROWSER:
           r.browser = X.browser;
           break;
         case DeviceProperties.BROWSER_VERSION:
-          r.Ia = X.version;
+          r.Ta = X.version;
           break;
         case DeviceProperties.OS:
-          r.os = this.Ta();
+          r.os = this.Da();
           break;
         case DeviceProperties.RESOLUTION:
-          r.Da = screen.width + "x" + screen.height;
+          r.Sa = screen.width + "x" + screen.height;
           break;
         case DeviceProperties.LANGUAGE:
           r.language = X.language;
           break;
         case DeviceProperties.TIME_ZONE:
-          r.timeZone = this.Sa(new Date());
+          r.timeZone = this.Oa(new Date());
           break;
         case DeviceProperties.USER_AGENT:
           r.userAgent = X.userAgent;
@@ -44,12 +44,12 @@ export default class Ot {
     }
     return r;
   }
-  Ta() {
-    if (X.Oa()) return X.Oa();
-    const t = this.u.j(o.C.Ca);
-    return t && t.os_version ? t.os_version : X.Ta();
+  Da() {
+    if (X.Ca()) return X.Ca();
+    const t = this.u.j(o.C.Fa);
+    return t && t.os_version ? t.os_version : X.Da();
   }
-  Sa(t) {
+  Oa(t) {
     let e = !1;
     if ("undefined" != typeof Intl && "function" == typeof Intl.DateTimeFormat)
       try {
@@ -66,9 +66,9 @@ export default class Ot {
       }
     if (e) return "";
     const s = t.getTimezoneOffset();
-    return this.Fa(s);
+    return this.Ga(s);
   }
-  Fa(t) {
+  Ga(t) {
     const e = Math.trunc(t / 60),
       r = Math.trunc(t % 60);
     let s = "GMT";