@braze/web-sdk 5.3.2 → 5.5.0

package/src/InAppMessage/models/in-app-message.js

@@ -114,10 +114,10 @@ export default class InAppMessage {
       (this.qe = InAppMessage.TextAlignment.CENTER);
   }
   subscribeToClickedEvent(t) {
-    return this.Et.It(t);
+    return this.Et.Nt(t);
   }
   subscribeToDismissedEvent(t) {
-    return this.rh.It(t);
+    return this.rh.Nt(t);
   }
   removeSubscription(t) {
     this.Et.removeSubscription(t), this.rh.removeSubscription(t);
@@ -146,14 +146,14 @@ export default class InAppMessage {
   K() {
     return !this.Th && ((this.Th = !0), !0);
   }
-  Ur() {
+  Wr() {
     return this.Th;
   }
   p(t) {
-    return !this.vo && ((this.vo = !0), this.Et.Dt(), !0);
+    return !this.vo && ((this.vo = !0), this.Et.Rt(), !0);
   }
   N() {
-    return !this.oh && ((this.oh = !0), this.rh.Dt(), !0);
+    return !this.oh && ((this.oh = !0), this.rh.Rt(), !0);
   }
   hide(t) {
     if (t && t.parentNode) {
@@ -264,37 +264,37 @@ export default class InAppMessage {
   Y(t) {
     const s = {};
     return t
-      ? ((s[InAppMessage.tt.Vr] = this.message),
-        (s[InAppMessage.tt.Wr] = this.messageAlignment),
+      ? ((s[InAppMessage.tt.Yr] = this.message),
+        (s[InAppMessage.tt.Zr] = this.messageAlignment),
         (s[InAppMessage.tt.Rh] = this.slideFrom),
         (s[InAppMessage.tt.bt] = this.extras),
-        (s[InAppMessage.tt.Yr] = this.triggerId),
-        (s[InAppMessage.tt.Zr] = this.clickAction),
+        (s[InAppMessage.tt.ea] = this.triggerId),
+        (s[InAppMessage.tt.ra] = this.clickAction),
         (s[InAppMessage.tt.URI] = this.uri),
-        (s[InAppMessage.tt.ea] = this.openTarget),
-        (s[InAppMessage.tt.ra] = this.dismissType),
-        (s[InAppMessage.tt.sa] = this.duration),
-        (s[InAppMessage.tt.ta] = this.icon),
+        (s[InAppMessage.tt.sa] = this.openTarget),
+        (s[InAppMessage.tt.ta] = this.dismissType),
+        (s[InAppMessage.tt.ia] = this.duration),
+        (s[InAppMessage.tt.aa] = this.icon),
         (s[InAppMessage.tt.ot] = this.imageUrl),
-        (s[InAppMessage.tt.ia] = this.imageStyle),
-        (s[InAppMessage.tt.aa] = this.iconColor),
-        (s[InAppMessage.tt.oa] = this.iconBackgroundColor),
-        (s[InAppMessage.tt.pa] = this.backgroundColor),
-        (s[InAppMessage.tt.ma] = this.textColor),
-        (s[InAppMessage.tt.na] = this.closeButtonColor),
-        (s[InAppMessage.tt.ua] = this.animateIn),
-        (s[InAppMessage.tt.ca] = this.animateOut),
-        (s[InAppMessage.tt.fa] = this.header),
-        (s[InAppMessage.tt.da] = this.headerAlignment),
-        (s[InAppMessage.tt.la] = this.headerTextColor),
-        (s[InAppMessage.tt.ga] = this.frameColor),
-        (s[InAppMessage.tt.ja] = this.buttons),
-        (s[InAppMessage.tt.xa] = this.cropType),
-        (s[InAppMessage.tt.za] = this.orientation),
-        (s[InAppMessage.tt.ha] = this.htmlId),
+        (s[InAppMessage.tt.oa] = this.imageStyle),
+        (s[InAppMessage.tt.pa] = this.iconColor),
+        (s[InAppMessage.tt.ma] = this.iconBackgroundColor),
+        (s[InAppMessage.tt.na] = this.backgroundColor),
+        (s[InAppMessage.tt.ua] = this.textColor),
+        (s[InAppMessage.tt.ca] = this.closeButtonColor),
+        (s[InAppMessage.tt.fa] = this.animateIn),
+        (s[InAppMessage.tt.da] = this.animateOut),
+        (s[InAppMessage.tt.la] = this.header),
+        (s[InAppMessage.tt.ga] = this.headerAlignment),
+        (s[InAppMessage.tt.ja] = this.headerTextColor),
+        (s[InAppMessage.tt.xa] = this.frameColor),
+        (s[InAppMessage.tt.za] = this.buttons),
+        (s[InAppMessage.tt.ha] = this.cropType),
+        (s[InAppMessage.tt.va] = this.orientation),
+        (s[InAppMessage.tt.wa] = this.htmlId),
         (s[InAppMessage.tt.CSS] = this.css),
         (s[InAppMessage.tt.Z] = t),
-        (s[InAppMessage.tt.va] = this.messageExtras),
+        (s[InAppMessage.tt.ya] = this.messageExtras),
         s)
       : s;
   }
@@ -340,11 +340,11 @@ export default class InAppMessage {
     FIT_CENTER: "FIT_CENTER",
   }),
   (InAppMessage.Be = {
-    Kr: "SLIDEUP",
-    Jr: "MODAL",
+    Qr: "SLIDEUP",
+    Lr: "MODAL",
     Ue: "MODAL_STYLED",
-    Or: "FULL",
-    Hr: "WEB_HTML",
+    Hr: "FULL",
+    Kr: "WEB_HTML",
     Me: "HTML",
     Ve: "HTML_FULL",
   }),
@@ -354,36 +354,36 @@ export default class InAppMessage {
   (InAppMessage.Ih = "ab-hide"),
   (InAppMessage.lh = "ab-pause-scrolling"),
   (InAppMessage.tt = {
-    Vr: "m",
-    Wr: "ma",
+    Yr: "m",
+    Zr: "ma",
     Rh: "sf",
     bt: "e",
-    Yr: "ti",
-    Zr: "ca",
+    ea: "ti",
+    ra: "ca",
     URI: "u",
-    ea: "oa",
-    ra: "dt",
-    sa: "d",
-    ta: "i",
+    sa: "oa",
+    ta: "dt",
+    ia: "d",
+    aa: "i",
     ot: "iu",
-    ia: "is",
-    aa: "ic",
-    oa: "ibc",
-    pa: "bc",
-    ma: "tc",
-    na: "cbc",
-    ua: "ai",
-    ca: "ao",
-    fa: "h",
-    da: "ha",
-    la: "htc",
-    ga: "fc",
-    ja: "b",
-    xa: "ct",
-    za: "o",
-    ha: "hi",
+    oa: "is",
+    pa: "ic",
+    ma: "ibc",
+    na: "bc",
+    ua: "tc",
+    ca: "cbc",
+    fa: "ai",
+    da: "ao",
+    la: "h",
+    ga: "ha",
+    ja: "htc",
+    xa: "fc",
+    za: "b",
+    ha: "ct",
+    va: "o",
+    wa: "hi",
     CSS: "css",
     Z: "type",
     uo: "messageFields",
-    va: "me",
+    ya: "me",
   });

package/src/InAppMessage/models/modal-message.js

@@ -68,21 +68,19 @@ export default class ModalMessage extends InAppMessage {
   Y() {
     return super.Y(ModalMessage.it);
   }
-  static Xr(e) {
+  static Jr(e) {
     return new ModalMessage(
-      e[InAppMessage.tt.Vr],
-      e[InAppMessage.tt.Wr],
-      e[InAppMessage.tt.bt],
       e[InAppMessage.tt.Yr],
       e[InAppMessage.tt.Zr],
-      e[InAppMessage.tt.URI],
+      e[InAppMessage.tt.bt],
       e[InAppMessage.tt.ea],
       e[InAppMessage.tt.ra],
+      e[InAppMessage.tt.URI],
       e[InAppMessage.tt.sa],
       e[InAppMessage.tt.ta],
-      e[InAppMessage.tt.ot],
       e[InAppMessage.tt.ia],
       e[InAppMessage.tt.aa],
+      e[InAppMessage.tt.ot],
       e[InAppMessage.tt.oa],
       e[InAppMessage.tt.pa],
       e[InAppMessage.tt.ma],
@@ -93,12 +91,14 @@ export default class ModalMessage extends InAppMessage {
       e[InAppMessage.tt.da],
       e[InAppMessage.tt.la],
       e[InAppMessage.tt.ga],
-      pe(e[InAppMessage.tt.ja]),
+      e[InAppMessage.tt.ja],
       e[InAppMessage.tt.xa],
+      pe(e[InAppMessage.tt.za]),
       e[InAppMessage.tt.ha],
+      e[InAppMessage.tt.wa],
       e[InAppMessage.tt.CSS],
-      e[InAppMessage.tt.va],
+      e[InAppMessage.tt.ya],
     );
   }
 }
-ModalMessage.it = InAppMessage.Be.Jr;
+ModalMessage.it = InAppMessage.Be.Lr;

package/src/InAppMessage/models/slide-up-message.js

@@ -79,31 +79,31 @@ export default class SlideUpMessage extends InAppMessage {
   Y() {
     return super.Y(SlideUpMessage.it);
   }
-  static Xr(e) {
+  static Jr(e) {
     return new SlideUpMessage(
-      e[InAppMessage.tt.Vr],
-      e[InAppMessage.tt.Wr],
-      e[InAppMessage.tt.Rh],
-      e[InAppMessage.tt.bt],
       e[InAppMessage.tt.Yr],
       e[InAppMessage.tt.Zr],
-      e[InAppMessage.tt.URI],
+      e[InAppMessage.tt.Rh],
+      e[InAppMessage.tt.bt],
       e[InAppMessage.tt.ea],
       e[InAppMessage.tt.ra],
+      e[InAppMessage.tt.URI],
       e[InAppMessage.tt.sa],
       e[InAppMessage.tt.ta],
-      e[InAppMessage.tt.ot],
+      e[InAppMessage.tt.ia],
       e[InAppMessage.tt.aa],
-      e[InAppMessage.tt.oa],
+      e[InAppMessage.tt.ot],
       e[InAppMessage.tt.pa],
       e[InAppMessage.tt.ma],
       e[InAppMessage.tt.na],
       e[InAppMessage.tt.ua],
       e[InAppMessage.tt.ca],
-      e[InAppMessage.tt.ha],
+      e[InAppMessage.tt.fa],
+      e[InAppMessage.tt.da],
+      e[InAppMessage.tt.wa],
       e[InAppMessage.tt.CSS],
-      e[InAppMessage.tt.va],
+      e[InAppMessage.tt.ya],
     );
   }
 }
-SlideUpMessage.it = InAppMessage.Be.Kr;
+SlideUpMessage.it = InAppMessage.Be.Qr;

package/src/InAppMessage/models/templated-in-app-message.js

@@ -1,15 +1,15 @@
 export default class wt {
   constructor(t, s, i, h, l) {
     (this.triggerId = t),
-      (this._r = s),
-      (this.Mr = i),
-      (this.Er = h),
-      (this.Gr = l),
+      (this.Gr = s),
+      (this.Br = i),
+      (this.Nr = h),
+      (this.Or = l),
       (this.triggerId = t),
-      (this._r = s),
-      (this.Mr = i),
-      (this.Er = h),
-      (this.Gr = l);
+      (this.Gr = s),
+      (this.Br = i),
+      (this.Nr = h),
+      (this.Or = l);
   }
   static fromJson(t, s, i, h, l) {
     return null == t || null == t.trigger_id

package/src/InAppMessage/ui/show-in-app-message.js

@@ -17,7 +17,8 @@ import { logger as r } from "../../../shared-lib/index.js";
 import { toRgba as ie } from "../../util/color-utils.js";
 import { BRAZE_MUST_BE_INITIALIZED_ERROR as _ } from "../../common/constants.js";
 import { isIFrame as It } from "../utils/in-app-message-utils.js";
-export function showInAppMessage(t, s, o) {
+import ue from "../../l10n/l10n-manager-factory.js";
+export function showInAppMessage(t, o, s) {
   if (!e.X()) return;
   if ((ss(), null == t)) return !1;
   if (t instanceof ControlMessage)
@@ -39,8 +40,8 @@ export function showInAppMessage(t, s, o) {
       ),
       !1
     );
-  if ((null == s && (s = document.body), t.$e())) {
-    if (s.querySelectorAll(".ab-modal-interactions").length > 0)
+  if ((null == o && (o = document.body), t.$e())) {
+    if (o.querySelectorAll(".ab-modal-interactions").length > 0)
       return (
         r.info(
           `Cannot show in-app message ${t.message} because another message is being shown.`,
@@ -56,14 +57,14 @@ export function showInAppMessage(t, s, o) {
       (e === fe.LANDSCAPE &&
         t.orientation === InAppMessage.Orientation.PORTRAIT)
     ) {
-      const s = e === fe.PORTRAIT ? "portrait" : "landscape",
-        o =
+      const o = e === fe.PORTRAIT ? "portrait" : "landscape",
+        s =
           t.orientation === InAppMessage.Orientation.PORTRAIT
             ? "portrait"
             : "landscape";
       return (
         r.info(
-          `Not showing ${o} in-app message ${t.message} because the screen is currently ${s}`,
+          `Not showing ${s} in-app message ${t.message} because the screen is currently ${o}`,
         ),
         !1
       );
@@ -72,11 +73,11 @@ export function showInAppMessage(t, s, o) {
   if (!e.tr()) {
     let e = !1;
     if (t.buttons && t.buttons.length > 0) {
-      const s = t.buttons;
-      for (let t = 0; t < s.length; t++)
-        if (s[t].clickAction === InAppMessage.ClickAction.URI) {
-          const o = s[t].uri;
-          e = R(o);
+      const o = t.buttons;
+      for (let t = 0; t < o.length; t++)
+        if (o[t].clickAction === InAppMessage.ClickAction.URI) {
+          const s = o[t].uri;
+          e = R(s);
         }
     } else t.clickAction === InAppMessage.ClickAction.URI && (e = R(t.uri));
     if (e)
@@ -94,14 +95,14 @@ export function showInAppMessage(t, s, o) {
     n.setAttribute("role", "complementary"),
     t.Ce() && (n.id = t.htmlId),
     e.nn(L.jo) && (n.style.zIndex = (e.nn(L.jo) + 1).toString()),
-    s.appendChild(n),
+    o.appendChild(n),
     t.ve())
   ) {
-    const s = document.createElement("style");
-    (s.innerHTML = t.css),
-      (s.id = t.we()),
-      null != e.nn(L.bo) && s.setAttribute("nonce", e.nn(L.bo)),
-      document.getElementsByTagName("head")[0].appendChild(s);
+    const o = document.createElement("style");
+    (o.innerHTML = t.css),
+      (o.id = t.we()),
+      null != e.nn(L.bo) && o.setAttribute("nonce", e.nn(L.bo)),
+      document.getElementsByTagName("head")[0].appendChild(o);
   }
   const a = t instanceof SlideUpMessage,
     l = ce(
@@ -111,57 +112,57 @@ export function showInAppMessage(t, s, o) {
           e.so() ? t.showFeed() : r.error(_);
         });
       },
-      (s) => {
+      (o) => {
         if (t.$e() && t.do()) {
-          const o = document.createElement("div");
+          const s = document.createElement("div");
           if (
-            ((o.className = "ab-page-blocker"),
-            t.ve() || (o.style.backgroundColor = ie(t.frameColor)),
-            e.nn(L.jo) && (o.style.zIndex = e.nn(L.jo).toString()),
-            n.appendChild(o),
+            ((s.className = "ab-page-blocker"),
+            t.ve() || (s.style.backgroundColor = ie(t.frameColor)),
+            e.nn(L.jo) && (s.style.zIndex = e.nn(L.jo).toString()),
+            n.appendChild(s),
             !e.nn(L.Lh))
           ) {
             const e = new Date().valueOf();
-            o.onclick = (o) => {
+            s.onclick = (s) => {
               new Date().valueOf() - e > InAppMessage.fh &&
-                (t.Cr(s), o.stopPropagation());
+                (t.Cr(o), s.stopPropagation());
             };
           }
-          n.appendChild(s), s.focus(), t.Oh(n);
+          n.appendChild(o), o.focus(), t.Oh(n);
         } else if (a) {
           const e = document.querySelectorAll(".ab-slideup");
-          let o = null;
+          let s = null;
           for (let t = e.length - 1; t >= 0; t--)
-            if (e[t] !== s) {
-              o = e[t];
+            if (e[t] !== o) {
+              s = e[t];
               break;
             }
           if (t.slideFrom === InAppMessage.SlideFrom.TOP) {
             let e = 0;
-            null != o && (e = o.offsetTop + o.offsetHeight),
-              (s.style.top = Math.max(e, 0) + "px");
+            null != s && (e = s.offsetTop + s.offsetHeight),
+              (o.style.top = Math.max(e, 0) + "px");
           } else {
             let e = 0;
-            null != o &&
+            null != s &&
               (e =
                 (window.innerHeight || document.documentElement.clientHeight) -
-                o.offsetTop),
-              (s.style.bottom = Math.max(e, 0) + "px");
+                s.offsetTop),
+              (o.style.bottom = Math.max(e, 0) + "px");
           }
         } else if (i && !e.nn(L.Lh)) {
           const e = t;
-          It(s) &&
-            s.contentWindow &&
-            s.contentWindow.addEventListener("keydown", function (t) {
+          It(o) &&
+            o.contentWindow &&
+            o.contentWindow.addEventListener("keydown", function (t) {
               t.keyCode === mt.mh && e.closeMessage();
             });
         }
         logInAppMessageImpression(t),
           t.dismissType === InAppMessage.DismissType.AUTO_DISMISS &&
             setTimeout(() => {
-              n.contains(s) && t.Cr(s);
+              n.contains(o) && t.Cr(o);
             }, t.duration),
-          "function" == typeof o && o();
+          "function" == typeof s && s();
       },
       (e) => {
         r.info(e);
@@ -169,7 +170,8 @@ export function showInAppMessage(t, s, o) {
       e.nn(L.ho),
       e.nn(L.jo),
       e.nn(L.bo),
-      s,
+      o,
+      ue.m().wo(),
     );
   return (i || a) && (n.appendChild(l), t.Oh(n)), !0;
 }

package/src/Push/push-manager-factory.js

@@ -10,12 +10,13 @@ const na = {
         e.pr(),
         e.ba(),
         e.te(),
-        e.Hs(),
-        e.nn(L.wa),
-        e.nn(L.ya),
-        e.ir(),
+        e.Os(),
         e.nn(L.Ma),
         e.nn(L._a),
+        e.nn(L.ka),
+        e.ir(),
+        e.nn(L.qa),
+        e.nn(L.Aa),
         e.l(),
       )),
     na.i