@braze/web-sdk 5.1.0 → 5.2.0

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

@@ -4,7 +4,7 @@ import {
   clickElement as Et,
   supportsPassive as Tt,
 } from "../../util/dom-utils.js";
-import { KeyCodes as at } from "../../util/key-codes.js";
+import { KeyCodes as lt } from "../../util/key-codes.js";
 import T from "../../managers/subscription-manager.js";
 import { isIFrame as It } from "../utils/in-app-message-utils.js";
 export default class InAppMessage {
@@ -23,21 +23,22 @@ export default class InAppMessage {
     a,
     I,
     c,
-    O,
     A,
-    L,
+    O,
     _,
     m,
+    L,
     N,
-    R,
     S,
-    D,
+    R,
     M,
+    D,
     C,
     d,
     U,
     b,
     P,
+    p,
   ) {
     (this.message = t),
       (this.messageAlignment = s),
@@ -53,21 +54,22 @@ export default class InAppMessage {
       (this.imageUrl = a),
       (this.imageStyle = I),
       (this.iconColor = c),
-      (this.iconBackgroundColor = O),
-      (this.backgroundColor = A),
-      (this.textColor = L),
-      (this.closeButtonColor = _),
-      (this.animateIn = m),
+      (this.iconBackgroundColor = A),
+      (this.backgroundColor = O),
+      (this.textColor = _),
+      (this.closeButtonColor = m),
+      (this.animateIn = L),
       (this.animateOut = N),
-      (this.header = R),
-      (this.headerAlignment = S),
-      (this.headerTextColor = D),
-      (this.frameColor = M),
+      (this.header = S),
+      (this.headerAlignment = R),
+      (this.headerTextColor = M),
+      (this.frameColor = D),
       (this.buttons = C),
       (this.cropType = d),
       (this.orientation = U),
       (this.htmlId = b),
       (this.css = P),
+      (this.messageExtras = p),
       (this.message = t),
       (this.messageAlignment = s || InAppMessage.TextAlignment.CENTER),
       (this.duration = l || 5e3),
@@ -82,24 +84,25 @@ export default class InAppMessage {
       (this.imageUrl = a),
       (this.imageStyle = I || InAppMessage.ImageStyle.TOP),
       (this.iconColor = c || InAppMessage.th.ih),
-      (this.iconBackgroundColor = O || InAppMessage.th.sh),
-      (this.backgroundColor = A || InAppMessage.th.ih),
-      (this.textColor = L || InAppMessage.th.hh),
-      (this.closeButtonColor = _ || InAppMessage.th.eh),
-      (this.animateIn = m),
+      (this.iconBackgroundColor = A || InAppMessage.th.sh),
+      (this.backgroundColor = O || InAppMessage.th.ih),
+      (this.textColor = _ || InAppMessage.th.hh),
+      (this.closeButtonColor = m || InAppMessage.th.eh),
+      (this.animateIn = L),
       null == this.animateIn && (this.animateIn = !0),
       (this.animateOut = N),
       null == this.animateOut && (this.animateOut = !0),
-      (this.header = R),
-      (this.headerAlignment = S || InAppMessage.TextAlignment.CENTER),
-      (this.headerTextColor = D || InAppMessage.th.hh),
-      (this.frameColor = M || InAppMessage.th.Eh),
+      (this.header = S),
+      (this.headerAlignment = R || InAppMessage.TextAlignment.CENTER),
+      (this.headerTextColor = M || InAppMessage.th.hh),
+      (this.frameColor = D || InAppMessage.th.Eh),
       (this.buttons = C || []),
       (this.cropType = d || InAppMessage.CropType.FIT_CENTER),
       (this.orientation = U),
       (this.htmlId = b),
       (this.css = P),
       (this.isControl = !1),
+      (this.messageExtras = p),
       (this.nh = !1),
       (this.Th = !1),
       (this.vo = !1),
@@ -143,7 +146,7 @@ export default class InAppMessage {
   K() {
     return !this.Th && ((this.Th = !0), !0);
   }
-  po() {
+  mo() {
     return this.Th;
   }
   p(t) {
@@ -190,7 +193,7 @@ export default class InAppMessage {
       null != e && "Safari" === X.browser && (e.scrollTop = E),
         s ? s() : this.N();
     };
-    h ? setTimeout(n, InAppMessage.Oh) : n(), this.we && this.we.focus();
+    h ? setTimeout(n, InAppMessage.Ah) : n(), this.we && this.we.focus();
   }
   Ie() {
     return document.createTextNode(this.message || "");
@@ -209,7 +212,7 @@ export default class InAppMessage {
       s.scrollHeight > s.clientHeight) ||
       (document.querySelector(`.${InAppMessage.lh}`) && t.preventDefault());
   }
-  Ah(t) {
+  Oh(t) {
     const s = t.parentNode;
     this.xe() &&
       null != s &&
@@ -222,10 +225,10 @@ export default class InAppMessage {
       )),
       (t.className += " " + InAppMessage.ah);
   }
-  static Lh(t) {
+  static _h(t) {
     if (
-      t.keyCode === at._h &&
-      !e.nn(L.mh) &&
+      t.keyCode === lt.mh &&
+      !e.nn(L.Lh) &&
       document.querySelectorAll(".ab-modal-interactions").length > 0
     ) {
       const t = document.getElementsByClassName("ab-html-message");
@@ -249,10 +252,10 @@ export default class InAppMessage {
   }
   Nh() {
     this.nh ||
-      e.nn(L.mh) ||
-      (document.addEventListener("keydown", InAppMessage.Lh, !1),
-      e.Rh(() => {
-        document.removeEventListener("keydown", InAppMessage.Lh);
+      e.nn(L.Lh) ||
+      (document.addEventListener("keydown", InAppMessage._h, !1),
+      e.Sh(() => {
+        document.removeEventListener("keydown", InAppMessage._h);
       }),
       (this.nh = !0));
   }
@@ -261,7 +264,7 @@ export default class InAppMessage {
     return t
       ? ((s[InAppMessage.tt.ea] = this.message),
         (s[InAppMessage.tt.ra] = this.messageAlignment),
-        (s[InAppMessage.tt.Sh] = this.slideFrom),
+        (s[InAppMessage.tt.Rh] = this.slideFrom),
         (s[InAppMessage.tt.bt] = this.extras),
         (s[InAppMessage.tt.sa] = this.triggerId),
         (s[InAppMessage.tt.ta] = this.clickAction),
@@ -289,6 +292,7 @@ export default class InAppMessage {
         (s[InAppMessage.tt.Sa] = this.htmlId),
         (s[InAppMessage.tt.CSS] = this.css),
         (s[InAppMessage.tt.Z] = t),
+        (s[InAppMessage.tt.ba] = this.messageExtras),
         s)
       : s;
   }
@@ -297,8 +301,8 @@ export default class InAppMessage {
   hh: 4281545523,
   ih: 4294967295,
   sh: 4278219733,
-  Dh: 4293914607,
-  Mh: 4283782485,
+  Mh: 4293914607,
+  Dh: 4283782485,
   Eh: 3224580915,
   eh: 4288387995,
 }),
@@ -307,9 +311,9 @@ export default class InAppMessage {
     ke: "ias",
     dh: "of",
     Uh: "do",
-    Lr: "umt",
-    Or: "tf",
-    bh: "te",
+    bh: "umt",
+    Ph: "tf",
+    ph: "te",
   }),
   (InAppMessage.SlideFrom = { TOP: "TOP", BOTTOM: "BOTTOM" }),
   (InAppMessage.ClickAction = {
@@ -334,23 +338,23 @@ export default class InAppMessage {
     FIT_CENTER: "FIT_CENTER",
   }),
   (InAppMessage.Ce = {
-    rn: "SLIDEUP",
-    sn: "MODAL",
+    Xr: "SLIDEUP",
+    Wr: "MODAL",
     Je: "MODAL_STYLED",
-    Xr: "FULL",
-    Zr: "WEB_HTML",
+    Qr: "FULL",
+    Vr: "WEB_HTML",
     je: "HTML",
     Se: "HTML_FULL",
   }),
-  (InAppMessage.Oh = 500),
-  (InAppMessage.Ph = 200),
+  (InAppMessage.Ah = 500),
+  (InAppMessage.fh = 200),
   (InAppMessage.ah = "ab-show"),
   (InAppMessage.Ih = "ab-hide"),
   (InAppMessage.lh = "ab-pause-scrolling"),
   (InAppMessage.tt = {
     ea: "m",
     ra: "ma",
-    Sh: "sf",
+    Rh: "sf",
     bt: "e",
     sa: "ti",
     ta: "ca",
@@ -379,4 +383,5 @@ export default class InAppMessage {
     CSS: "css",
     Z: "type",
     uo: "messageFields",
+    ba: "me",
   });

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

@@ -29,6 +29,7 @@ export default class ModalMessage extends InAppMessage {
     b,
     k,
     q,
+    A,
   ) {
     super(
       e,
@@ -60,13 +61,14 @@ export default class ModalMessage extends InAppMessage {
       void 0,
       k,
       q,
+      A,
     ),
       (this.$e = InAppMessage.TextAlignment.CENTER);
   }
   Y() {
     return super.Y(ModalMessage.it);
   }
-  static Yr(e) {
+  static Ur(e) {
     return new ModalMessage(
       e[InAppMessage.tt.ea],
       e[InAppMessage.tt.ra],
@@ -95,7 +97,8 @@ export default class ModalMessage extends InAppMessage {
       e[InAppMessage.tt.wa],
       e[InAppMessage.tt.Sa],
       e[InAppMessage.tt.CSS],
+      e[InAppMessage.tt.ba],
     );
   }
 }
-ModalMessage.it = InAppMessage.Ce.sn;
+ModalMessage.it = InAppMessage.Ce.Wr;

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

@@ -1,9 +1,32 @@
 import InAppMessage from "./in-app-message.js";
 import { DOMUtils as de } from "../../util/dom-utils.js";
 export default class SlideUpMessage extends InAppMessage {
-  constructor(e, t, s, o, i, r, n, d, a, u, p, m, c, l, v, x, f, h, g, I, M) {
-    (x = x || InAppMessage.th.Mh),
-      (v = v || InAppMessage.th.Dh),
+  constructor(
+    e,
+    t,
+    s,
+    o,
+    i,
+    r,
+    n,
+    d,
+    a,
+    u,
+    p,
+    m,
+    c,
+    l,
+    v,
+    x,
+    f,
+    h,
+    g,
+    I,
+    M,
+    b,
+  ) {
+    (x = x || InAppMessage.th.Dh),
+      (v = v || InAppMessage.th.Mh),
       super(
         e,
         (t = t || InAppMessage.TextAlignment.START),
@@ -34,6 +57,7 @@ export default class SlideUpMessage extends InAppMessage {
         void 0,
         I,
         M,
+        b,
       ),
       (this.$e = InAppMessage.TextAlignment.START);
   }
@@ -44,22 +68,22 @@ export default class SlideUpMessage extends InAppMessage {
     const e = document.createElement("span");
     return e.appendChild(document.createTextNode(this.message || "")), e;
   }
-  Ah(e) {
+  Oh(e) {
     const t = e.getElementsByClassName("ab-in-app-message")[0];
     de.co(t, !0, !0) ||
       (this.slideFrom === InAppMessage.SlideFrom.TOP
         ? (t.style.top = "0px")
         : (t.style.bottom = "0px")),
-      super.Ah(e);
+      super.Oh(e);
   }
   Y() {
     return super.Y(SlideUpMessage.it);
   }
-  static Yr(e) {
+  static Ur(e) {
     return new SlideUpMessage(
       e[InAppMessage.tt.ea],
       e[InAppMessage.tt.ra],
-      e[InAppMessage.tt.Sh],
+      e[InAppMessage.tt.Rh],
       e[InAppMessage.tt.bt],
       e[InAppMessage.tt.sa],
       e[InAppMessage.tt.ta],
@@ -78,7 +102,8 @@ export default class SlideUpMessage extends InAppMessage {
       e[InAppMessage.tt.ga],
       e[InAppMessage.tt.Sa],
       e[InAppMessage.tt.CSS],
+      e[InAppMessage.tt.ba],
     );
   }
 }
-SlideUpMessage.it = InAppMessage.Ce.rn;
+SlideUpMessage.it = InAppMessage.Ce.Xr;

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.Qr = s),
-      (this.Hr = i),
-      (this.Ur = h),
-      (this.Vr = l),
+      (this.Hr = s),
+      (this.Gr = i),
+      (this.Jr = h),
+      (this.Kr = l),
       (this.triggerId = t),
-      (this.Qr = s),
-      (this.Hr = i),
-      (this.Ur = h),
-      (this.Vr = l);
+      (this.Hr = s),
+      (this.Gr = i),
+      (this.Jr = h),
+      (this.Kr = l);
   }
   static fromJson(t, s, i, h, l) {
     return null == t || null == t.trigger_id

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

@@ -3,7 +3,6 @@ import ControlMessage from "../models/control-message.js";
 import HtmlMessage from "../models/html-message.js";
 import InAppMessage from "../models/in-app-message.js";
 import SlideUpMessage from "../models/slide-up-message.js";
-import se from "../in-app-message-manager-factory.js";
 import me from "../display/get-animation-effect.js";
 import ce from "../display/in-app-message-to-html.js";
 import { logInAppMessageImpression } from "../log-in-app-message-impression.js";
@@ -12,7 +11,7 @@ import {
   WindowUtils as eo,
 } from "../../util/window-utils.js";
 import { isURIJavascriptOrData as N } from "../../util/url-utils.js";
-import { KeyCodes as at } from "../../util/key-codes.js";
+import { KeyCodes as lt } from "../../util/key-codes.js";
 import { setupInAppMessageUI as ss } from "../../ui/js/index.js";
 import { logger as r } from "../../../shared-lib/index.js";
 import { toRgba as ie } from "../../util/color-utils.js";
@@ -31,15 +30,13 @@ export function showInAppMessage(t, s, o) {
     );
   if (!(t instanceof InAppMessage)) return !1;
   if (t.constructor === InAppMessage) return !1;
-  const i = se.m();
   t.Nh();
-  const n = t instanceof HtmlMessage;
-  if (n && !t.trusted && !e.tr())
+  const i = t instanceof HtmlMessage;
+  if (i && !t.trusted && !e.tr())
     return (
       r.error(
         'HTML in-app messages are disabled. Use the "allowUserSuppliedJavascript" option for braze.initialize to enable these messages.',
       ),
-      i.Ve(t.triggerId, InAppMessage.Me.Ch),
       !1
     );
   if ((null == s && (s = document.body), t.xe())) {
@@ -48,12 +45,11 @@ export function showInAppMessage(t, s, o) {
         r.info(
           `Cannot show in-app message ${t.message} because another message is being shown.`,
         ),
-        i.Ve(t.triggerId, InAppMessage.Me.ke),
         !1
       );
   }
-  if (eo.jo()) {
-    const e = eo.bo();
+  if (eo.fo()) {
+    const e = eo.jo();
     if (
       (e === fe.PORTRAIT &&
         t.orientation === InAppMessage.Orientation.LANDSCAPE) ||
@@ -69,7 +65,6 @@ export function showInAppMessage(t, s, o) {
         r.info(
           `Not showing ${o} in-app message ${t.message} because the screen is currently ${s}`,
         ),
-        i.Ve(t.triggerId, InAppMessage.Me.dh),
         !1
       );
     }
@@ -89,27 +84,26 @@ export function showInAppMessage(t, s, o) {
         r.error(
           'Javascript click actions are disabled. Use the "allowUserSuppliedJavascript" option for braze.initialize to enable these actions.',
         ),
-        i.Ve(t.triggerId, InAppMessage.Me.Ch),
         !1
       );
   }
-  const a = document.createElement("div");
+  const n = document.createElement("div");
   if (
-    ((a.className = "ab-iam-root v3"),
-    (a.className += me(t)),
-    a.setAttribute("role", "complementary"),
-    t.ve() && (a.id = t.htmlId),
-    e.nn(L.ho) && (a.style.zIndex = (e.nn(L.ho) + 1).toString()),
-    s.appendChild(a),
+    ((n.className = "ab-iam-root v3"),
+    (n.className += me(t)),
+    n.setAttribute("role", "complementary"),
+    t.ve() && (n.id = t.htmlId),
+    e.nn(L.bo) && (n.style.zIndex = (e.nn(L.bo) + 1).toString()),
+    s.appendChild(n),
     t.be())
   ) {
     const s = document.createElement("style");
     (s.innerHTML = t.css),
       (s.id = t.ye()),
-      null != e.nn(L.wo) && s.setAttribute("nonce", e.nn(L.wo)),
+      null != e.nn(L.ho) && s.setAttribute("nonce", e.nn(L.ho)),
       document.getElementsByTagName("head")[0].appendChild(s);
   }
-  const m = t instanceof SlideUpMessage,
+  const a = t instanceof SlideUpMessage,
     l = ce(
       t,
       () => {
@@ -123,18 +117,18 @@ export function showInAppMessage(t, s, o) {
           if (
             ((o.className = "ab-page-blocker"),
             t.be() || (o.style.backgroundColor = ie(t.frameColor)),
-            e.nn(L.ho) && (o.style.zIndex = e.nn(L.ho).toString()),
-            a.appendChild(o),
-            !e.nn(L.mh))
+            e.nn(L.bo) && (o.style.zIndex = e.nn(L.bo).toString()),
+            n.appendChild(o),
+            !e.nn(L.Lh))
           ) {
             const e = new Date().valueOf();
             o.onclick = (o) => {
-              new Date().valueOf() - e > InAppMessage.Ph &&
+              new Date().valueOf() - e > InAppMessage.fh &&
                 (t.he(s), o.stopPropagation());
             };
           }
-          a.appendChild(s), s.focus(), t.Ah(a);
-        } else if (m) {
+          n.appendChild(s), s.focus(), t.Oh(n);
+        } else if (a) {
           const e = document.querySelectorAll(".ab-slideup");
           let o = null;
           for (let t = e.length - 1; t >= 0; t--)
@@ -154,28 +148,28 @@ export function showInAppMessage(t, s, o) {
                 o.offsetTop),
               (s.style.bottom = Math.max(e, 0) + "px");
           }
-        } else if (n && !e.nn(L.mh)) {
+        } else if (i && !e.nn(L.Lh)) {
           const e = t;
           It(s) &&
             s.contentWindow &&
             s.contentWindow.addEventListener("keydown", function (t) {
-              t.keyCode === at._h && e.closeMessage();
+              t.keyCode === lt.mh && e.closeMessage();
             });
         }
         logInAppMessageImpression(t),
           t.dismissType === InAppMessage.DismissType.AUTO_DISMISS &&
             setTimeout(() => {
-              a.contains(s) && t.he(s);
+              n.contains(s) && t.he(s);
             }, t.duration),
           "function" == typeof o && o();
       },
-      (e, s) => {
-        r.info(e), i.Ve(t.triggerId, s);
+      (e) => {
+        r.info(e);
       },
-      e.nn(L.yo),
-      e.nn(L.ho),
       e.nn(L.wo),
+      e.nn(L.bo),
+      e.nn(L.ho),
       s,
     );
-  return (n || m) && (a.appendChild(l), t.Ah(a)), !0;
+  return (i || a) && (n.appendChild(l), t.Oh(n)), !0;
 }

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

@@ -1 +1,18 @@
-export const isIFrame = (e) => null !== e && "IFRAME" === e.tagName;
+export const isIFrame = (o) => null !== o && "IFRAME" === o.tagName;
+export function nodeScriptReplace(o) {
+  var n;
+  if ("SCRIPT" === o.tagName)
+    null === (n = o.parentNode) ||
+      void 0 === n ||
+      n.replaceChild(
+        (function (o) {
+          const n = document.createElement("script");
+          n.text = o.innerHTML;
+          for (const e of o.attributes) n.setAttribute(e.name, e.value);
+          return n;
+        })(o),
+        o,
+      );
+  else for (const n of o.childNodes) nodeScriptReplace(n);
+  return o;
+}

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

@@ -8,14 +8,14 @@ const na = {
     na.i ||
       (na.i = new ea(
         e.pr(),
-        e.ba(),
+        e.Ma(),
         e.te(),
         e.Vs(),
-        e.nn(L.Ma),
         e.nn(L._a),
-        e.ir(),
         e.nn(L.ka),
+        e.ir(),
         e.nn(L.qa),
+        e.nn(L.Aa),
         e.l(),
       )),
     na.i