@braze/web-sdk 6.10.2 → 6.11.0

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

@@ -13,16 +13,15 @@ import {
   IamClickAction as Le,
   IAM_SHOW_CLASS as Tt,
   IAM_HIDE_CLASS as xt,
-  IamDisplayFailures as qe,
-  IamSlideFrom as Ee,
+  IamSlideFrom as De,
   IamDismissType as pr,
   IamOpenTarget as ut,
-  IamImageStyle as Ae,
-  IamOrientation as De,
-  IamTextAlignment as Fe,
+  IamImageStyle as qe,
+  IamOrientation as Ae,
+  IamTextAlignment as Ee,
   IamCropType as Me,
   IamServerTypes as dt,
-  IamTiming as Et,
+  IamTiming as At,
   IamSerializationKeys as cr,
 } from "../constants.js";
 export default class InAppMessage {
@@ -93,9 +92,9 @@ export default class InAppMessage {
       (this.language = D),
       (this.altImageText = z),
       (this.message = t),
-      (this.messageAlignment = s || Fe.CENTER),
+      (this.messageAlignment = s || Ee.CENTER),
       (this.duration = u || 5e3),
-      (this.slideFrom = i || Ee.BOTTOM),
+      (this.slideFrom = i || De.BOTTOM),
       (this.extras = h || {}),
       (this.triggerId = e),
       (this.clickAction = n || Le.NONE),
@@ -104,7 +103,7 @@ export default class InAppMessage {
       (this.dismissType = l || pr.AUTO_DISMISS),
       (this.icon = a),
       (this.imageUrl = m),
-      (this.imageStyle = c || Ae.TOP),
+      (this.imageStyle = c || qe.TOP),
       (this.iconColor = d || ss.AE),
       (this.iconBackgroundColor = p || ss._E),
       (this.backgroundColor = b || ss.AE),
@@ -115,9 +114,9 @@ export default class InAppMessage {
       (this.animateOut = j),
       null == this.animateOut && (this.animateOut = !0),
       (this.header = k),
-      (this.headerAlignment = w || Fe.CENTER),
+      (this.headerAlignment = w || Ee.CENTER),
       (this.headerTextColor = y || ss.IE),
-      (this.frameColor = S || ss.SE),
+      (this.frameColor = S || ss.LE),
       (this.buttons = T || []),
       (this.cropType = x || Me.FIT_CENTER),
       (this.orientation = E),
@@ -131,23 +130,24 @@ export default class InAppMessage {
       (this.hs = !1),
       (this.rd = !1),
       (this.sh = !1),
+      (this.ih = !1),
       (this.Eo = null),
       (this.$o = null),
       (this.ti = new f()),
-      (this.ih = new f()),
-      (this.Go = Fe.CENTER);
+      (this.hh = new f()),
+      (this.Go = Ee.CENTER);
   }
   subscribeToClickedEvent(t) {
     return this.ti.Ut(t);
   }
   subscribeToDismissedEvent(t) {
-    return this.ih.Ut(t);
+    return this.hh.Ut(t);
   }
   removeSubscription(t) {
-    this.ti.removeSubscription(t), this.ih.removeSubscription(t);
+    this.ti.removeSubscription(t), this.hh.removeSubscription(t);
   }
   removeAllSubscriptions() {
-    this.ti.removeAllSubscriptions(), this.ih.removeAllSubscriptions();
+    this.ti.removeAllSubscriptions(), this.hh.removeAllSubscriptions();
   }
   closeMessage() {
     this.tl(this.Eo);
@@ -177,7 +177,7 @@ export default class InAppMessage {
     return !this.rd && ((this.rd = !0), this.ti.A(), !0);
   }
   Ft() {
-    return !this.sh && ((this.sh = !0), this.ih.A(), !0);
+    return !this.sh && ((this.sh = !0), this.hh.A(), !0);
   }
   hide(t) {
     if (t && t.parentNode) {
@@ -185,7 +185,7 @@ export default class InAppMessage {
       if ((null == s && (s = t), this.zo() && null != s.parentNode)) {
         const t = s.parentNode.classList;
         t && t.contains(mr.TE) && t.remove(mr.TE),
-          document.body.removeEventListener("touchmove", InAppMessage.hh);
+          document.body.removeEventListener("touchmove", InAppMessage.eh);
       }
       s.className = s.className.replace(Tt, xt);
     }
@@ -193,8 +193,10 @@ export default class InAppMessage {
   }
   tl(t, s) {
     if (null == t) return;
+    if (this.ih) return;
     let i;
-    (this.Eo = null),
+    (this.ih = !0),
+      (this.Eo = null),
       (i =
         -1 === t.className.indexOf("ab-in-app-message")
           ? t.getElementsByClassName("ab-in-app-message")[0]
@@ -217,7 +219,7 @@ export default class InAppMessage {
       null != e && "Safari" === ro.browser && (e.scrollTop = n),
         s ? s() : this.Ft();
     };
-    h ? setTimeout(r, Et.gr) : r(), this.$o && this.$o.focus();
+    h ? setTimeout(r, At.gr) : r(), this.$o && this.$o.focus();
   }
   Ko() {
     return document.createTextNode(this.message || "");
@@ -225,7 +227,7 @@ export default class InAppMessage {
   Ho(t) {
     t.setAttribute("alt", this.altImageText || "");
   }
-  static hh(t) {
+  static eh(t) {
     if (t.targetTouches && t.targetTouches.length > 1) return;
     const s = t.target;
     (s &&
@@ -236,23 +238,24 @@ export default class InAppMessage {
         t.cancelable &&
         t.preventDefault());
   }
-  eh(t) {
+  nh(t) {
+    this.ih = !1;
     const s = t.parentNode;
     this.zo() &&
       null != s &&
-      this.orientation !== De.LANDSCAPE &&
+      this.orientation !== Ae.LANDSCAPE &&
       (null != s.classList && s.classList.add(mr.TE),
       document.body.addEventListener(
         "touchmove",
-        InAppMessage.hh,
+        InAppMessage.eh,
         !!wt() && { passive: !1 },
       )),
       (t.className += " " + Tt);
   }
-  static nh(t) {
+  static rh(t) {
     if (
-      t.keyCode === Ce.rh &&
-      !r.er(U.oh) &&
+      t.keyCode === Ce.oh &&
+      !r.er(U.lh) &&
       document.querySelectorAll(".ab-modal-interactions").length > 0
     ) {
       const t = document.getElementsByClassName("ab-html-message");
@@ -274,66 +277,65 @@ export default class InAppMessage {
       }
     }
   }
-  lh() {
+  uh() {
     this.th ||
-      r.er(U.oh) ||
-      (document.addEventListener("keydown", InAppMessage.nh, !1),
-      r.uh(() => {
-        document.removeEventListener("keydown", InAppMessage.nh);
+      r.er(U.lh) ||
+      (document.addEventListener("keydown", InAppMessage.rh, !1),
+      r.ah(() => {
+        document.removeEventListener("keydown", InAppMessage.rh);
       }),
       (this.th = !0));
   }
   qt(t) {
     const s = {};
     return t
-      ? ((s[cr.rE] = this.message),
-        (s[cr.mE] = this.messageAlignment),
-        (s[cr.GE] = this.slideFrom),
+      ? ((s[cr.UE] = this.message),
+        (s[cr.cE] = this.messageAlignment),
+        (s[cr.nE] = this.slideFrom),
         (s[cr.Is] = this.extras),
-        (s[cr.FE] = this.triggerId),
-        (s[cr.HE] = this.clickAction),
+        (s[cr.PE] = this.triggerId),
+        (s[cr.iE] = this.clickAction),
         (s[cr.URI] = this.uri),
-        (s[cr.xE] = this.openTarget),
-        (s[cr.BE] = this.dismissType),
-        (s[cr.lE] = this.duration),
-        (s[cr.bE] = this.icon),
+        (s[cr.pE] = this.openTarget),
+        (s[cr.rE] = this.dismissType),
+        (s[cr.mE] = this.duration),
+        (s[cr.GE] = this.icon),
         (s[cr.Bs] = this.imageUrl),
-        (s[cr.gE] = this.imageStyle),
-        (s[cr.YE] = this.iconColor),
-        (s[cr.KE] = this.iconBackgroundColor),
-        (s[cr.XE] = this.backgroundColor),
-        (s[cr.dE] = this.textColor),
-        (s[cr.hE] = this.closeButtonColor),
-        (s[cr.yE] = this.animateIn),
-        (s[cr.uE] = this.animateOut),
-        (s[cr.WE] = this.header),
-        (s[cr.fE] = this.headerAlignment),
-        (s[cr.jE] = this.headerTextColor),
-        (s[cr.kE] = this.frameColor),
-        (s[cr.vE] = this.buttons),
-        (s[cr.wE] = this.cropType),
-        (s[cr.zE] = this.orientation),
-        (s[cr.VE] = this.htmlId),
+        (s[cr.xE] = this.imageStyle),
+        (s[cr.HE] = this.iconColor),
+        (s[cr.FE] = this.iconBackgroundColor),
+        (s[cr.BE] = this.backgroundColor),
+        (s[cr.bE] = this.textColor),
+        (s[cr.gE] = this.closeButtonColor),
+        (s[cr.lE] = this.animateIn),
+        (s[cr.YE] = this.animateOut),
+        (s[cr.hE] = this.header),
+        (s[cr.KE] = this.headerAlignment),
+        (s[cr.WE] = this.headerTextColor),
+        (s[cr.XE] = this.frameColor),
+        (s[cr.yE] = this.buttons),
+        (s[cr.dE] = this.cropType),
+        (s[cr.uE] = this.orientation),
+        (s[cr.fE] = this.htmlId),
         (s[cr.CSS] = this.css),
         (s[cr.xs] = t),
-        (s[cr.JE] = this.messageExtras),
+        (s[cr.jE] = this.messageExtras),
         (s[cr.LANGUAGE] = this.language),
         (s[cr.Ns] = this.altImageText),
         s)
       : s;
   }
 }
-(InAppMessage.ah = ss),
-  (InAppMessage.mh = qe),
-  (InAppMessage.SlideFrom = Ee),
+(InAppMessage.mh = ss),
+  (InAppMessage.SlideFrom = De),
   (InAppMessage.ClickAction = Le),
   (InAppMessage.DismissType = pr),
   (InAppMessage.OpenTarget = ut),
-  (InAppMessage.ImageStyle = Ae),
-  (InAppMessage.Orientation = De),
-  (InAppMessage.TextAlignment = Fe),
+  (InAppMessage.ImageStyle = qe),
+  (InAppMessage.Orientation = Ae),
+  (InAppMessage.TextAlignment = Ee),
   (InAppMessage.CropType = Me),
   (InAppMessage.dh = dt),
-  (InAppMessage.gr = Et.gr),
-  (InAppMessage.pE = Et.pE),
+  (InAppMessage.gr = At.gr),
+  (InAppMessage.sE = At.sE),
   (InAppMessage.bs = cr);

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

@@ -3,7 +3,7 @@ import {
   IamDismissType as pr,
   IamSerializationKeys as cr,
   IamServerTypes as dt,
-  IamTextAlignment as Fe,
+  IamTextAlignment as Ee,
 } from "../constants.js";
 import { buttonsFromSerializedInAppMessage as ur } from "../in-app-message-factory.js";
 import InAppMessage from "./in-app-message.js";
@@ -74,41 +74,41 @@ export default class ModalMessage extends InAppMessage {
       B,
       C,
     ),
-      (this.Go = Fe.CENTER);
+      (this.Go = Ee.CENTER);
   }
   qt() {
-    return super.qt(dt.aE);
+    return super.qt(dt.tE);
   }
-  static ha(r) {
+  static da(r) {
     return new ModalMessage(
-      r[cr.rE],
-      r[cr.mE],
+      r[cr.UE],
+      r[cr.cE],
       r[cr.Is],
-      r[cr.FE],
-      r[cr.HE],
+      r[cr.PE],
+      r[cr.iE],
       r[cr.URI],
+      r[cr.pE],
+      r[cr.rE],
+      r[cr.mE],
+      r[cr.GE],
+      r[cr.Bs],
       r[cr.xE],
+      r[cr.HE],
+      r[cr.FE],
       r[cr.BE],
-      r[cr.lE],
       r[cr.bE],
-      r[cr.Bs],
       r[cr.gE],
+      r[cr.lE],
       r[cr.YE],
+      r[cr.hE],
       r[cr.KE],
+      r[cr.WE],
       r[cr.XE],
+      ur(r[cr.yE]),
       r[cr.dE],
-      r[cr.hE],
-      r[cr.yE],
-      r[cr.uE],
-      r[cr.WE],
       r[cr.fE],
-      r[cr.jE],
-      r[cr.kE],
-      ur(r[cr.vE]),
-      r[cr.wE],
-      r[cr.VE],
       r[cr.CSS],
-      r[cr.JE],
+      r[cr.jE],
       r[cr.LANGUAGE],
       r[cr.Ns],
     );

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

@@ -4,8 +4,8 @@ import {
   IamColors as ss,
   IamSerializationKeys as cr,
   IamServerTypes as dt,
-  IamSlideFrom as Ee,
-  IamTextAlignment as Fe,
+  IamSlideFrom as De,
+  IamTextAlignment as Ee,
 } from "../constants.js";
 export default class SlideUpMessage extends InAppMessage {
   constructor(
@@ -34,11 +34,11 @@ export default class SlideUpMessage extends InAppMessage {
     b,
     z,
   ) {
-    (f = f || ss.LE),
-      (v = v || ss.OE),
+    (f = f || ss.OE),
+      (v = v || ss.SE),
       super(
         t,
-        (s = s || Fe.START),
+        (s = s || Ee.START),
         e,
         o,
         i,
@@ -70,7 +70,7 @@ export default class SlideUpMessage extends InAppMessage {
         b,
         z,
       ),
-      (this.Go = Fe.START);
+      (this.Go = Ee.START);
   }
   zo() {
     return !1;
@@ -79,41 +79,41 @@ export default class SlideUpMessage extends InAppMessage {
     const t = document.createElement("span");
     return t.appendChild(document.createTextNode(this.message || "")), t;
   }
-  eh(t) {
+  nh(t) {
     const s = t.getElementsByClassName("ab-in-app-message")[0];
     Mt.td(s, !0, !0) ||
-      (this.slideFrom === Ee.TOP
+      (this.slideFrom === De.TOP
         ? (s.style.top = "0px")
         : (s.style.bottom = "0px")),
-      super.eh(t);
+      super.nh(t);
   }
   qt() {
-    return super.qt(dt.sE);
+    return super.qt(dt.RE);
   }
-  static ha(t) {
+  static da(t) {
     return new SlideUpMessage(
+      t[cr.UE],
+      t[cr.cE],
+      t[cr.nE],
+      t[cr.Is],
+      t[cr.PE],
+      t[cr.iE],
+      t[cr.URI],
+      t[cr.pE],
       t[cr.rE],
       t[cr.mE],
       t[cr.GE],
-      t[cr.Is],
-      t[cr.FE],
+      t[cr.Bs],
       t[cr.HE],
-      t[cr.URI],
-      t[cr.xE],
+      t[cr.FE],
       t[cr.BE],
-      t[cr.lE],
       t[cr.bE],
-      t[cr.Bs],
+      t[cr.gE],
+      t[cr.lE],
       t[cr.YE],
-      t[cr.KE],
-      t[cr.XE],
-      t[cr.dE],
-      t[cr.hE],
-      t[cr.yE],
-      t[cr.uE],
-      t[cr.VE],
+      t[cr.fE],
       t[cr.CSS],
-      t[cr.JE],
+      t[cr.jE],
       t[cr.LANGUAGE],
       t[cr.Ns],
     );

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

@@ -1,14 +1,14 @@
 export default class Jt {
   constructor(t, s, i, h, l) {
     (this.triggerId = t),
-      (this.ua = s),
-      (this.ia = i),
-      (this.ma = h),
+      (this.pa = s),
+      (this.la = i),
+      (this.ha = h),
       (this.ca = l),
       (this.triggerId = t),
-      (this.ua = s),
-      (this.ia = i),
-      (this.ma = h),
+      (this.pa = s),
+      (this.la = i),
+      (this.ha = h),
       (this.ca = l);
   }
   static fromJson(t, s, i, h, l) {

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

@@ -4,7 +4,7 @@ export function subscribeToInAppMessage(n) {
   if (r.rr())
     return "function" != typeof n
       ? null
-      : je.ra().En(function (r) {
+      : je.ra().Gn(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 (!r.rr()) return;
   rs();
   const s = je.ra();
-  if (null == s.Gn()) {
+  if (null == s.Nn()) {
     const r = subscribeToInAppMessage((s) => showInAppMessage(s));
-    s.Nn(r);
+    s.Fn(r);
   }
-  return s.Gn();
+  return s.Nn();
 }

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

@@ -4,7 +4,7 @@ import HtmlMessage from "../models/html-message.js";
 import InAppMessage from "../models/in-app-message.js";
 import SlideUpMessage from "../models/slide-up-message.js";
 import be from "../display/get-animation-effect.js";
-import Ge from "../display/in-app-message-to-html.js";
+import Fe from "../display/in-app-message-to-html.js";
 import { logInAppMessageImpression } from "../log-in-app-message-impression.js";
 import {
   ORIENTATION as Ue,
@@ -18,11 +18,12 @@ import { toRgba as ke } from "../../util/color-utils.js";
 import { isIFrame as St } from "../utils/in-app-message-utils.js";
 import Je from "../../l10n/l10n-manager-factory.js";
 import {
-  IamTiming as Et,
+  IamTiming as At,
   IamClickAction as Le,
   IamDismissType as pr,
-  IamOrientation as De,
-  IamSlideFrom as Ee,
+  IamOrientation as Ae,
+  IamSlideFrom as De,
+  IAM_SHOWING_CLASS as Se,
 } from "../constants.js";
 export function showInAppMessage(e, t, s) {
   if (!r.rr()) return;
@@ -37,7 +38,7 @@ export function showInAppMessage(e, t, s) {
     );
   if (!(e instanceof InAppMessage)) return !1;
   if (e.constructor === InAppMessage) return !1;
-  e.lh();
+  e.uh();
   const o = e instanceof HtmlMessage;
   if (o && !e.trusted && !r.dr())
     return (
@@ -47,7 +48,7 @@ export function showInAppMessage(e, t, s) {
       !1
     );
   if ((null == t && (t = document.body), e.zo())) {
-    if (t.querySelectorAll(".ab-modal-interactions").length > 0)
+    if (t.querySelectorAll(`.ab-modal-interactions, .${Se}`).length > 0)
       return (
         b.info(
           `Cannot show in-app message ${e.message} because another message is being shown.`,
@@ -55,14 +56,14 @@ export function showInAppMessage(e, t, s) {
         !1
       );
   }
-  if (no.da()) {
-    const t = no.ga();
+  if (no.ba()) {
+    const t = no.wa();
     if (
-      (t === Ue.PORTRAIT && e.orientation === De.LANDSCAPE) ||
-      (t === Ue.LANDSCAPE && e.orientation === De.PORTRAIT)
+      (t === Ue.PORTRAIT && e.orientation === Ae.LANDSCAPE) ||
+      (t === Ue.LANDSCAPE && e.orientation === Ae.PORTRAIT)
     ) {
       const s = t === Ue.PORTRAIT ? "portrait" : "landscape",
-        o = e.orientation === De.PORTRAIT ? "portrait" : "landscape";
+        o = e.orientation === Ae.PORTRAIT ? "portrait" : "landscape";
       return (
         b.info(
           `Not showing ${o} in-app message ${e.message} because the screen is currently ${s}`,
@@ -92,10 +93,11 @@ export function showInAppMessage(e, t, s) {
   const i = document.createElement("div");
   if (
     ((i.className = "ab-iam-root v3"),
+    e.zo() && (i.className += ` ${Se}`),
     (i.className += be(e)),
     e.language && !o && (i.lang = e.language),
     e.Bo() && (i.id = e.htmlId),
-    r.er(U.ja) && (i.style.zIndex = (r.er(U.ja) + 1).toString()),
+    r.er(U.va) && (i.style.zIndex = (r.er(U.va) + 1).toString()),
     t.appendChild(i),
     e.Mo())
   ) {
@@ -106,7 +108,7 @@ export function showInAppMessage(e, t, s) {
       document.getElementsByTagName("head")[0].appendChild(t);
   }
   const n = e instanceof SlideUpMessage,
-    a = Ge(
+    a = Fe(
       e,
       (t) => {
         if (e.zo() && e.od()) {
@@ -114,17 +116,17 @@ export function showInAppMessage(e, t, s) {
           if (
             ((s.className = "ab-page-blocker"),
             e.Mo() || (s.style.backgroundColor = ke(e.frameColor)),
-            r.er(U.ja) && (s.style.zIndex = r.er(U.ja).toString()),
+            r.er(U.va) && (s.style.zIndex = r.er(U.va).toString()),
             i.appendChild(s),
-            !r.er(U.oh))
+            !r.er(U.lh))
           ) {
             const o = new Date().valueOf();
             s.onclick = (s) => {
-              new Date().valueOf() - o > Et.pE &&
+              new Date().valueOf() - o > At.sE &&
                 (e.tl(t), s.stopPropagation());
             };
           }
-          i.appendChild(t), t.focus(), e.eh(i);
+          i.appendChild(t), t.focus(), e.nh(i);
         } else if (n) {
           const s = document.querySelectorAll(".ab-slideup");
           let o = null;
@@ -133,7 +135,7 @@ export function showInAppMessage(e, t, s) {
               o = s[e];
               break;
             }
-          if (e.slideFrom === Ee.TOP) {
+          if (e.slideFrom === De.TOP) {
             let e = 0;
             null != o && (e = o.offsetTop + o.offsetHeight),
               (t.style.top = Math.max(e, 0) + "px");
@@ -145,12 +147,12 @@ export function showInAppMessage(e, t, s) {
                 o.offsetTop),
               (t.style.bottom = Math.max(e, 0) + "px");
           }
-        } else if (o && !r.er(U.oh)) {
+        } else if (o && !r.er(U.lh)) {
           const s = e;
           St(t) &&
             t.contentWindow &&
             t.contentWindow.addEventListener("keydown", function (e) {
-              e.keyCode === Ce.rh && s.closeMessage();
+              e.keyCode === Ce.oh && s.closeMessage();
             });
         }
         logInAppMessageImpression(e),
@@ -161,13 +163,13 @@ export function showInAppMessage(e, t, s) {
           "function" == typeof s && s();
       },
       (e) => {
-        b.info(e);
+        b.info(e), i.parentNode && i.parentNode.removeChild(i);
       },
-      r.er(U.ba),
-      r.er(U.ja),
+      r.er(U.ya),
+      r.er(U.va),
       r.er(U.sr),
       t,
-      Je.ra().wa(),
+      Je.ra().za(),
     );
-  return (o || n) && (i.appendChild(a), e.eh(i)), !0;
+  return (o || n) && (i.appendChild(a), e.nh(i)), !0;
 }

package/src/Push/index.js

@@ -1,5 +1,6 @@
 export { isPushBlocked } from "./is-push-blocked.js";
 export { isPushPermissionGranted } from "./is-push-permission-granted.js";
 export { isPushSupported } from "./is-push-supported.js";
+export { registerPush } from "./register-push.js";
 export { requestPushPermission } from "./request-push-permission.js";
 export { unregisterPush } from "./unregister-push.js";

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

@@ -8,15 +8,15 @@ const ra = {
     ra.na ||
       (ra.na = new na(
         r.zr(),
-        r.za(),
+        r.xa(),
         r.ue(),
         r.ht(),
-        r.er(U.xa),
-        r.er(U.ya),
         r.er(U.Ma),
-        r.l(),
         r.er(U._a),
         r.er(U.ka),
+        r.l(),
+        r.er(U.qa),
+        r.er(U.Aa),
         r.p(),
       )),
     ra.na