@braze/web-sdk 5.2.0 → 5.3.0

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

@@ -107,11 +107,11 @@ export default class InAppMessage {
       (this.Th = !1),
       (this.vo = !1),
       (this.oh = !1),
-      (this.Pe = null),
-      (this.we = null),
+      (this.Me = null),
+      (this.ke = null),
       (this.Et = new T()),
       (this.rh = new T()),
-      (this.$e = InAppMessage.TextAlignment.CENTER);
+      (this.De = InAppMessage.TextAlignment.CENTER);
   }
   subscribeToClickedEvent(t) {
     return this.Et.It(t);
@@ -126,27 +126,27 @@ export default class InAppMessage {
     this.Et.removeAllSubscriptions(), this.rh.removeAllSubscriptions();
   }
   closeMessage() {
-    this.he(this.Pe);
+    this.Ae(this.Me);
   }
-  xe() {
+  ze() {
     return !0;
   }
   do() {
-    return this.xe();
+    return this.ze();
   }
-  ve() {
+  xe() {
     return null != this.htmlId && this.htmlId.length > 4;
   }
-  be() {
-    return this.ve() && null != this.css && this.css.length > 0;
+  Ce() {
+    return this.xe() && null != this.css && this.css.length > 0;
   }
-  ye() {
-    if (this.ve() && this.be()) return this.htmlId + "-css";
+  ve() {
+    if (this.xe() && this.Ce()) return this.htmlId + "-css";
   }
   K() {
     return !this.Th && ((this.Th = !0), !0);
   }
-  mo() {
+  Ur() {
     return this.Th;
   }
   p(t) {
@@ -158,7 +158,7 @@ export default class InAppMessage {
   hide(t) {
     if (t && t.parentNode) {
       let s = t.closest(".ab-iam-root");
-      if ((null == s && (s = t), this.xe() && null != s.parentNode)) {
+      if ((null == s && (s = t), this.ze() && null != s.parentNode)) {
         const t = s.parentNode.classList;
         t && t.contains(InAppMessage.lh) && t.remove(InAppMessage.lh),
           document.body.removeEventListener("touchmove", InAppMessage.uh);
@@ -167,10 +167,10 @@ export default class InAppMessage {
     }
     return this.animateOut || !1;
   }
-  he(t, s) {
+  Ae(t, s) {
     if (null == t) return;
     let i;
-    (this.Pe = null),
+    (this.Me = null),
       (i =
         -1 === t.className.indexOf("ab-in-app-message")
           ? t.getElementsByClassName("ab-in-app-message")[0]
@@ -185,7 +185,7 @@ export default class InAppMessage {
         let s = t.closest(".ab-iam-root");
         null == s && (s = t), s.parentNode && s.parentNode.removeChild(s);
       }
-      const i = this.ye();
+      const i = this.ve();
       if (null != i) {
         const t = document.getElementById(i);
         t && t.parentNode && t.parentNode.removeChild(t);
@@ -193,14 +193,14 @@ export default class InAppMessage {
       null != e && "Safari" === X.browser && (e.scrollTop = E),
         s ? s() : this.N();
     };
-    h ? setTimeout(n, InAppMessage.Ah) : n(), this.we && this.we.focus();
+    h ? setTimeout(n, InAppMessage.Ah) : n(), this.ke && this.ke.focus();
   }
-  Ie() {
+  Je() {
     return document.createTextNode(this.message || "");
   }
-  ze(t) {
+  Ge(t) {
     let s = "";
-    this.message || this.header || !this.xe() || (s = "Modal Image"),
+    this.message || this.header || !this.ze() || (s = "Modal Image"),
       t.setAttribute("alt", s);
   }
   static uh(t) {
@@ -210,11 +210,13 @@ export default class InAppMessage {
       s.classList &&
       s.classList.contains("ab-message-text") &&
       s.scrollHeight > s.clientHeight) ||
-      (document.querySelector(`.${InAppMessage.lh}`) && t.preventDefault());
+      (document.querySelector(`.${InAppMessage.lh}`) &&
+        t.cancelable &&
+        t.preventDefault());
   }
   Oh(t) {
     const s = t.parentNode;
-    this.xe() &&
+    this.ze() &&
       null != s &&
       this.orientation !== InAppMessage.Orientation.LANDSCAPE &&
       (null != s.classList && s.classList.add(InAppMessage.lh),
@@ -262,37 +264,37 @@ export default class InAppMessage {
   Y(t) {
     const s = {};
     return t
-      ? ((s[InAppMessage.tt.ea] = this.message),
-        (s[InAppMessage.tt.ra] = this.messageAlignment),
+      ? ((s[InAppMessage.tt.Vr] = this.message),
+        (s[InAppMessage.tt.Wr] = this.messageAlignment),
         (s[InAppMessage.tt.Rh] = this.slideFrom),
         (s[InAppMessage.tt.bt] = this.extras),
-        (s[InAppMessage.tt.sa] = this.triggerId),
-        (s[InAppMessage.tt.ta] = this.clickAction),
+        (s[InAppMessage.tt.Yr] = this.triggerId),
+        (s[InAppMessage.tt.Zr] = this.clickAction),
         (s[InAppMessage.tt.URI] = this.uri),
-        (s[InAppMessage.tt.ia] = this.openTarget),
-        (s[InAppMessage.tt.aa] = this.dismissType),
-        (s[InAppMessage.tt.oa] = this.duration),
-        (s[InAppMessage.tt.pa] = this.icon),
+        (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.ot] = this.imageUrl),
-        (s[InAppMessage.tt.ma] = this.imageStyle),
-        (s[InAppMessage.tt.na] = this.iconColor),
-        (s[InAppMessage.tt.ua] = this.iconBackgroundColor),
-        (s[InAppMessage.tt.ca] = this.backgroundColor),
-        (s[InAppMessage.tt.fa] = this.textColor),
-        (s[InAppMessage.tt.da] = this.closeButtonColor),
-        (s[InAppMessage.tt.la] = this.animateIn),
-        (s[InAppMessage.tt.ga] = this.animateOut),
-        (s[InAppMessage.tt.ja] = this.header),
-        (s[InAppMessage.tt.xa] = this.headerAlignment),
-        (s[InAppMessage.tt.za] = this.headerTextColor),
-        (s[InAppMessage.tt.ha] = this.frameColor),
-        (s[InAppMessage.tt.va] = this.buttons),
-        (s[InAppMessage.tt.wa] = this.cropType),
-        (s[InAppMessage.tt.ya] = this.orientation),
-        (s[InAppMessage.tt.Sa] = this.htmlId),
+        (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.CSS] = this.css),
         (s[InAppMessage.tt.Z] = t),
-        (s[InAppMessage.tt.ba] = this.messageExtras),
+        (s[InAppMessage.tt.va] = this.messageExtras),
         s)
       : s;
   }
@@ -306,9 +308,9 @@ export default class InAppMessage {
   Eh: 3224580915,
   eh: 4288387995,
 }),
-  (InAppMessage.Me = {
+  (InAppMessage.Be = {
     Ch: "hd",
-    ke: "ias",
+    Le: "ias",
     dh: "of",
     Uh: "do",
     bh: "umt",
@@ -337,14 +339,14 @@ export default class InAppMessage {
     CENTER_CROP: "CENTER_CROP",
     FIT_CENTER: "FIT_CENTER",
   }),
-  (InAppMessage.Ce = {
-    Xr: "SLIDEUP",
-    Wr: "MODAL",
-    Je: "MODAL_STYLED",
-    Qr: "FULL",
-    Vr: "WEB_HTML",
-    je: "HTML",
-    Se: "HTML_FULL",
+  (InAppMessage.qe = {
+    Kr: "SLIDEUP",
+    Jr: "MODAL",
+    Ve: "MODAL_STYLED",
+    Or: "FULL",
+    Hr: "WEB_HTML",
+    $e: "HTML",
+    We: "HTML_FULL",
   }),
   (InAppMessage.Ah = 500),
   (InAppMessage.fh = 200),
@@ -352,36 +354,36 @@ export default class InAppMessage {
   (InAppMessage.Ih = "ab-hide"),
   (InAppMessage.lh = "ab-pause-scrolling"),
   (InAppMessage.tt = {
-    ea: "m",
-    ra: "ma",
+    Vr: "m",
+    Wr: "ma",
     Rh: "sf",
     bt: "e",
-    sa: "ti",
-    ta: "ca",
+    Yr: "ti",
+    Zr: "ca",
     URI: "u",
-    ia: "oa",
-    aa: "dt",
-    oa: "d",
-    pa: "i",
+    ea: "oa",
+    ra: "dt",
+    sa: "d",
+    ta: "i",
     ot: "iu",
-    ma: "is",
-    na: "ic",
-    ua: "ibc",
-    ca: "bc",
-    fa: "tc",
-    da: "cbc",
-    la: "ai",
-    ga: "ao",
-    ja: "h",
-    xa: "ha",
-    za: "htc",
-    ha: "fc",
-    va: "b",
-    wa: "ct",
-    ya: "o",
-    Sa: "hi",
+    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",
     CSS: "css",
     Z: "type",
     uo: "messageFields",
-    ba: "me",
+    va: "me",
   });

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

@@ -63,24 +63,28 @@ export default class ModalMessage extends InAppMessage {
       q,
       A,
     ),
-      (this.$e = InAppMessage.TextAlignment.CENTER);
+      (this.De = InAppMessage.TextAlignment.CENTER);
   }
   Y() {
     return super.Y(ModalMessage.it);
   }
-  static Ur(e) {
+  static Xr(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.ea],
       e[InAppMessage.tt.ra],
-      e[InAppMessage.tt.bt],
       e[InAppMessage.tt.sa],
       e[InAppMessage.tt.ta],
-      e[InAppMessage.tt.URI],
+      e[InAppMessage.tt.ot],
       e[InAppMessage.tt.ia],
       e[InAppMessage.tt.aa],
       e[InAppMessage.tt.oa],
       e[InAppMessage.tt.pa],
-      e[InAppMessage.tt.ot],
       e[InAppMessage.tt.ma],
       e[InAppMessage.tt.na],
       e[InAppMessage.tt.ua],
@@ -89,16 +93,12 @@ export default class ModalMessage extends InAppMessage {
       e[InAppMessage.tt.da],
       e[InAppMessage.tt.la],
       e[InAppMessage.tt.ga],
-      e[InAppMessage.tt.ja],
+      pe(e[InAppMessage.tt.ja]),
       e[InAppMessage.tt.xa],
-      e[InAppMessage.tt.za],
       e[InAppMessage.tt.ha],
-      pe(e[InAppMessage.tt.va]),
-      e[InAppMessage.tt.wa],
-      e[InAppMessage.tt.Sa],
       e[InAppMessage.tt.CSS],
-      e[InAppMessage.tt.ba],
+      e[InAppMessage.tt.va],
     );
   }
 }
-ModalMessage.it = InAppMessage.Ce.Wr;
+ModalMessage.it = InAppMessage.qe.Jr;

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

@@ -59,18 +59,18 @@ export default class SlideUpMessage extends InAppMessage {
         M,
         b,
       ),
-      (this.$e = InAppMessage.TextAlignment.START);
+      (this.De = InAppMessage.TextAlignment.START);
   }
-  xe() {
+  ze() {
     return !1;
   }
-  Ie() {
+  Je() {
     const e = document.createElement("span");
     return e.appendChild(document.createTextNode(this.message || "")), e;
   }
   Oh(e) {
     const t = e.getElementsByClassName("ab-in-app-message")[0];
-    de.co(t, !0, !0) ||
+    de.po(t, !0, !0) ||
       (this.slideFrom === InAppMessage.SlideFrom.TOP
         ? (t.style.top = "0px")
         : (t.style.bottom = "0px")),
@@ -79,31 +79,31 @@ export default class SlideUpMessage extends InAppMessage {
   Y() {
     return super.Y(SlideUpMessage.it);
   }
-  static Ur(e) {
+  static Xr(e) {
     return new SlideUpMessage(
-      e[InAppMessage.tt.ea],
-      e[InAppMessage.tt.ra],
+      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.ea],
+      e[InAppMessage.tt.ra],
       e[InAppMessage.tt.sa],
       e[InAppMessage.tt.ta],
-      e[InAppMessage.tt.URI],
-      e[InAppMessage.tt.ia],
+      e[InAppMessage.tt.ot],
       e[InAppMessage.tt.aa],
       e[InAppMessage.tt.oa],
       e[InAppMessage.tt.pa],
-      e[InAppMessage.tt.ot],
+      e[InAppMessage.tt.ma],
       e[InAppMessage.tt.na],
       e[InAppMessage.tt.ua],
       e[InAppMessage.tt.ca],
-      e[InAppMessage.tt.fa],
-      e[InAppMessage.tt.da],
-      e[InAppMessage.tt.la],
-      e[InAppMessage.tt.ga],
-      e[InAppMessage.tt.Sa],
+      e[InAppMessage.tt.ha],
       e[InAppMessage.tt.CSS],
-      e[InAppMessage.tt.ba],
+      e[InAppMessage.tt.va],
     );
   }
 }
-SlideUpMessage.it = InAppMessage.Ce.Xr;
+SlideUpMessage.it = InAppMessage.qe.Kr;

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

package/src/InAppMessage/subscribe-to-in-app-message.js

@@ -4,7 +4,7 @@ export function subscribeToInAppMessage(n) {
   if (e.X())
     return "function" != typeof n
       ? null
-      : se.m().Ke(function (r) {
+      : se.m()._i(function (r) {
           return n(r[0]), r.slice(1);
         });
 }

package/src/InAppMessage/ui/automatically-show-in-app-messages.js

@@ -7,9 +7,9 @@ export function automaticallyShowInAppMessages() {
   if (!e.X()) return;
   ss();
   const s = se.m();
-  if (null == s.Qe()) {
+  if (null == s.Pi()) {
     const r = subscribeToInAppMessage((s) => showInAppMessage(s));
-    s.Ue(r);
+    s.$i(r);
   }
-  return s.Qe();
+  return s.Pi();
 }

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

@@ -10,7 +10,7 @@ import {
   ORIENTATION as fe,
   WindowUtils as eo,
 } from "../../util/window-utils.js";
-import { isURIJavascriptOrData as N } from "../../util/url-utils.js";
+import { isURIJavascriptOrData as R } from "../../util/url-utils.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";
@@ -39,7 +39,7 @@ export function showInAppMessage(t, s, o) {
       ),
       !1
     );
-  if ((null == s && (s = document.body), t.xe())) {
+  if ((null == s && (s = document.body), t.ze())) {
     if (s.querySelectorAll(".ab-modal-interactions").length > 0)
       return (
         r.info(
@@ -49,7 +49,7 @@ export function showInAppMessage(t, s, o) {
       );
   }
   if (eo.fo()) {
-    const e = eo.jo();
+    const e = eo.co();
     if (
       (e === fe.PORTRAIT &&
         t.orientation === InAppMessage.Orientation.LANDSCAPE) ||
@@ -76,9 +76,9 @@ export function showInAppMessage(t, s, o) {
       for (let t = 0; t < s.length; t++)
         if (s[t].clickAction === InAppMessage.ClickAction.URI) {
           const o = s[t].uri;
-          e = N(o);
+          e = R(o);
         }
-    } else t.clickAction === InAppMessage.ClickAction.URI && (e = N(t.uri));
+    } else t.clickAction === InAppMessage.ClickAction.URI && (e = R(t.uri));
     if (e)
       return (
         r.error(
@@ -92,15 +92,15 @@ export function showInAppMessage(t, s, o) {
     ((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()),
+    t.xe() && (n.id = t.htmlId),
+    e.nn(L.jo) && (n.style.zIndex = (e.nn(L.jo) + 1).toString()),
     s.appendChild(n),
-    t.be())
+    t.Ce())
   ) {
     const s = document.createElement("style");
     (s.innerHTML = t.css),
-      (s.id = t.ye()),
-      null != e.nn(L.ho) && s.setAttribute("nonce", e.nn(L.ho)),
+      (s.id = t.ve()),
+      null != e.nn(L.bo) && s.setAttribute("nonce", e.nn(L.bo)),
       document.getElementsByTagName("head")[0].appendChild(s);
   }
   const a = t instanceof SlideUpMessage,
@@ -112,19 +112,19 @@ export function showInAppMessage(t, s, o) {
         });
       },
       (s) => {
-        if (t.xe() && t.do()) {
+        if (t.ze() && t.do()) {
           const o = document.createElement("div");
           if (
             ((o.className = "ab-page-blocker"),
-            t.be() || (o.style.backgroundColor = ie(t.frameColor)),
-            e.nn(L.bo) && (o.style.zIndex = e.nn(L.bo).toString()),
+            t.Ce() || (o.style.backgroundColor = ie(t.frameColor)),
+            e.nn(L.jo) && (o.style.zIndex = e.nn(L.jo).toString()),
             n.appendChild(o),
             !e.nn(L.Lh))
           ) {
             const e = new Date().valueOf();
             o.onclick = (o) => {
               new Date().valueOf() - e > InAppMessage.fh &&
-                (t.he(s), o.stopPropagation());
+                (t.Ae(s), o.stopPropagation());
             };
           }
           n.appendChild(s), s.focus(), t.Oh(n);
@@ -159,16 +159,16 @@ export function showInAppMessage(t, s, o) {
         logInAppMessageImpression(t),
           t.dismissType === InAppMessage.DismissType.AUTO_DISMISS &&
             setTimeout(() => {
-              n.contains(s) && t.he(s);
+              n.contains(s) && t.Ae(s);
             }, t.duration),
           "function" == typeof o && o();
       },
       (e) => {
         r.info(e);
       },
-      e.nn(L.wo),
-      e.nn(L.bo),
       e.nn(L.ho),
+      e.nn(L.jo),
+      e.nn(L.bo),
       s,
     );
   return (i || a) && (n.appendChild(l), t.Oh(n)), !0;

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

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

package/src/Push/push-manager.js

@@ -224,7 +224,7 @@ export default class ea {
           "Notifications from this site are blocked. This may be a temporary embargo or a permanent denial.",
           t,
         );
-      if (this.yt && !this.yt.Wn() && 0 === this.yt.ni())
+      if (this.yt && !this.yt.Wn() && 0 === this.yt.ii())
         return (
           r.info(
             "Waiting for VAPID key from server config before subscribing to push.",

package/src/Push/utils/push-utils.js

@@ -28,7 +28,7 @@ const vt = {
     null != window.Notification &&
     null != window.Notification.permission &&
     "granted" === window.Notification.permission,
-  Wi: () =>
+  Vi: () =>
     !vt.isPushBlocked() &&
     vt.isPushSupported() &&
     !vt.isPushPermissionGranted(),