@braze/web-sdk 6.10.2 → 6.12.0

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

@@ -1,28 +1,27 @@
 import r, { OPTIONS as U } from "../../managers/braze-instance.js";
 import ro from "../../util/browser-detector.js";
 import {
-  clickElement as kt,
-  supportsPassive as wt,
+  clickElement as wt,
+  supportsPassive as St,
 } from "../../util/dom-utils.js";
-import { KeyCodes as Ce } from "../../util/key-codes.js";
+import { KeyCodes as le } from "../../util/key-codes.js";
 import f from "../../managers/subscription-manager.js";
-import { isIFrame as St } from "../utils/in-app-message-utils.js";
+import { isIFrame as xt } from "../utils/in-app-message-utils.js";
 import {
   IamStrings as mr,
   IamColors as ss,
-  IamClickAction as Le,
-  IAM_SHOW_CLASS as Tt,
-  IAM_HIDE_CLASS as xt,
-  IamDisplayFailures as qe,
-  IamSlideFrom as Ee,
+  IamClickAction as ce,
+  IAM_SHOW_CLASS as Et,
+  IAM_HIDE_CLASS as Ht,
+  IamSlideFrom as fe,
   IamDismissType as pr,
-  IamOpenTarget as ut,
-  IamImageStyle as Ae,
-  IamOrientation as De,
-  IamTextAlignment as Fe,
-  IamCropType as Me,
-  IamServerTypes as dt,
-  IamTiming as Et,
+  IamOpenTarget as dt,
+  IamImageStyle as ue,
+  IamOrientation as be,
+  IamTextAlignment as pe,
+  IamCropType as de,
+  IamServerTypes as gt,
+  IamTiming as kt,
   IamSerializationKeys as cr,
 } from "../constants.js";
 export default class InAppMessage {
@@ -93,18 +92,18 @@ export default class InAppMessage {
       (this.language = D),
       (this.altImageText = z),
       (this.message = t),
-      (this.messageAlignment = s || Fe.CENTER),
+      (this.messageAlignment = s || pe.CENTER),
       (this.duration = u || 5e3),
-      (this.slideFrom = i || Ee.BOTTOM),
+      (this.slideFrom = i || fe.BOTTOM),
       (this.extras = h || {}),
       (this.triggerId = e),
-      (this.clickAction = n || Le.NONE),
+      (this.clickAction = n || ce.NONE),
       (this.uri = r),
-      (this.openTarget = o || ut.NONE),
+      (this.openTarget = o || dt.NONE),
       (this.dismissType = l || pr.AUTO_DISMISS),
       (this.icon = a),
       (this.imageUrl = m),
-      (this.imageStyle = c || Ae.TOP),
+      (this.imageStyle = c || ue.TOP),
       (this.iconColor = d || ss.AE),
       (this.iconBackgroundColor = p || ss._E),
       (this.backgroundColor = b || ss.AE),
@@ -115,11 +114,11 @@ export default class InAppMessage {
       (this.animateOut = j),
       null == this.animateOut && (this.animateOut = !0),
       (this.header = k),
-      (this.headerAlignment = w || Fe.CENTER),
+      (this.headerAlignment = w || pe.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.cropType = x || de.FIT_CENTER),
       (this.orientation = E),
       (this.htmlId = H),
       (this.css = M),
@@ -131,26 +130,27 @@ export default class InAppMessage {
       (this.hs = !1),
       (this.rd = !1),
       (this.sh = !1),
-      (this.Eo = null),
+      (this.ih = !1),
+      (this.Bo = null),
       (this.$o = null),
       (this.ti = new f()),
-      (this.ih = new f()),
-      (this.Go = Fe.CENTER);
+      (this.hh = new f()),
+      (this.qo = pe.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);
+    this.tl(this.Bo);
   }
   zo() {
     return !0;
@@ -158,14 +158,14 @@ export default class InAppMessage {
   od() {
     return this.zo();
   }
-  Bo() {
+  ko() {
     return null != this.htmlId && this.htmlId.length > 4;
   }
   Mo() {
-    return this.Bo() && null != this.css && this.css.length > 0;
+    return this.ko() && null != this.css && this.css.length > 0;
   }
-  Oo() {
-    if (this.Bo() && this.Mo()) return this.htmlId + "-css";
+  Co() {
+    if (this.ko() && this.Mo()) return this.htmlId + "-css";
   }
   js() {
     return !this.hs && ((this.hs = !0), !0);
@@ -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,16 +185,18 @@ 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);
+      s.className = s.className.replace(Et, Ht);
     }
     return this.animateOut || !1;
   }
   tl(t, s) {
     if (null == t) return;
+    if (this.ih) return;
     let i;
-    (this.Eo = null),
+    (this.ih = !0),
+      (this.Bo = null),
       (i =
         -1 === t.className.indexOf("ab-in-app-message")
           ? t.getElementsByClassName("ab-in-app-message")[0]
@@ -209,7 +211,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.Oo();
+      const i = this.Co();
       if (null != i) {
         const t = document.getElementById(i);
         t && t.parentNode && t.parentNode.removeChild(t);
@@ -217,15 +219,15 @@ 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, kt.gr) : r(), this.$o && this.$o.focus();
   }
-  Ko() {
+  Eo() {
     return document.createTextNode(this.message || "");
   }
-  Ho(t) {
+  Ao(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,104 +238,104 @@ 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 !== be.LANDSCAPE &&
       (null != s.classList && s.classList.add(mr.TE),
       document.body.addEventListener(
         "touchmove",
-        InAppMessage.hh,
-        !!wt() && { passive: !1 },
+        InAppMessage.eh,
+        !!St() && { passive: !1 },
       )),
-      (t.className += " " + Tt);
+      (t.className += " " + Et);
   }
-  static nh(t) {
+  static rh(t) {
     if (
-      t.keyCode === Ce.rh &&
-      !r.er(U.oh) &&
+      t.keyCode === le.oh &&
+      !r.er(U.lh) &&
       document.querySelectorAll(".ab-modal-interactions").length > 0
     ) {
       const t = document.getElementsByClassName("ab-html-message");
       let s = !1;
       for (const i of t) {
         let t = null;
-        St(i) &&
+        xt(i) &&
           i.contentWindow &&
           (t = i.contentWindow.document.getElementsByClassName(
             "ab-programmatic-close-button",
           )[0]),
-          null != t && (kt(t), (s = !0));
+          null != t && (wt(t), (s = !0));
       }
       if (!s) {
         const t = document.querySelectorAll(
           ".ab-modal-interactions > .ab-close-button",
         )[0];
-        null != t && kt(t);
+        null != t && wt(t);
       }
     }
   }
-  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.ClickAction = Le),
+(InAppMessage.mh = ss),
+  (InAppMessage.SlideFrom = fe),
+  (InAppMessage.ClickAction = ce),
   (InAppMessage.DismissType = pr),
-  (InAppMessage.OpenTarget = ut),
-  (InAppMessage.ImageStyle = Ae),
-  (InAppMessage.Orientation = De),
-  (InAppMessage.TextAlignment = Fe),
-  (InAppMessage.CropType = Me),
-  (InAppMessage.dh = dt),
-  (InAppMessage.gr = Et.gr),
-  (InAppMessage.pE = Et.pE),
+  (InAppMessage.OpenTarget = dt),
+  (InAppMessage.ImageStyle = ue),
+  (InAppMessage.Orientation = be),
+  (InAppMessage.TextAlignment = pe),
+  (InAppMessage.CropType = de),
+  (InAppMessage.dh = gt),
+  (InAppMessage.gr = kt.gr),
+  (InAppMessage.sE = kt.sE),
   (InAppMessage.bs = cr);

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

@@ -1,9 +1,9 @@
 import {
-  IamCropType as Me,
+  IamCropType as de,
   IamDismissType as pr,
   IamSerializationKeys as cr,
-  IamServerTypes as dt,
-  IamTextAlignment as Fe,
+  IamServerTypes as gt,
+  IamTextAlignment as pe,
 } from "../constants.js";
 import { buttonsFromSerializedInAppMessage as ur } from "../in-app-message-factory.js";
 import InAppMessage from "./in-app-message.js";
@@ -66,7 +66,7 @@ export default class ModalMessage extends InAppMessage {
       w,
       y,
       S,
-      (b = b || Me.FIT_CENTER),
+      (b = b || de.FIT_CENTER),
       void 0,
       k,
       q,
@@ -74,41 +74,41 @@ export default class ModalMessage extends InAppMessage {
       B,
       C,
     ),
-      (this.Go = Fe.CENTER);
+      (this.qo = pe.CENTER);
   }
   qt() {
-    return super.qt(dt.aE);
+    return super.qt(gt.tE);
   }
-  static ha(r) {
+  static ua(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

@@ -1,11 +1,11 @@
 import InAppMessage from "./in-app-message.js";
-import { DOMUtils as Mt } from "../../util/dom-utils.js";
+import { DOMUtils as zt } from "../../util/dom-utils.js";
 import {
   IamColors as ss,
   IamSerializationKeys as cr,
-  IamServerTypes as dt,
-  IamSlideFrom as Ee,
-  IamTextAlignment as Fe,
+  IamServerTypes as gt,
+  IamSlideFrom as fe,
+  IamTextAlignment as pe,
 } 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 || pe.START),
         e,
         o,
         i,
@@ -70,50 +70,50 @@ export default class SlideUpMessage extends InAppMessage {
         b,
         z,
       ),
-      (this.Go = Fe.START);
+      (this.qo = pe.START);
   }
   zo() {
     return !1;
   }
-  Ko() {
+  Eo() {
     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
+    zt.td(s, !0, !0) ||
+      (this.slideFrom === fe.TOP
         ? (s.style.top = "0px")
         : (s.style.bottom = "0px")),
-      super.eh(t);
+      super.nh(t);
   }
   qt() {
-    return super.qt(dt.sE);
+    return super.qt(gt.RE);
   }
-  static ha(t) {
+  static ua(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,15 +1,15 @@
 export default class Jt {
   constructor(t, s, i, h, l) {
     (this.triggerId = t),
-      (this.ua = s),
-      (this.ia = i),
-      (this.ma = h),
-      (this.ca = l),
+      (this.Zo = s),
+      (this.Vo = i),
+      (this.ta = h),
+      (this.ia = l),
       (this.triggerId = t),
-      (this.ua = s),
-      (this.ia = i),
-      (this.ma = h),
-      (this.ca = l);
+      (this.Zo = s),
+      (this.Vo = i),
+      (this.ta = h),
+      (this.ia = l);
   }
   static fromJson(t, s, i, h, l) {
     return null == t || null == t.trigger_id

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

@@ -1,10 +1,10 @@
 import r from "../managers/braze-instance.js";
-import je from "./in-app-message-manager-factory.js";
+import se from "./in-app-message-manager-factory.js";
 export function subscribeToInAppMessage(n) {
   if (r.rr())
     return "function" != typeof n
       ? null
-      : je.ra().En(function (r) {
+      : se.ra().En(function (r) {
           return n(r[0]), r.slice(1);
         });
 }

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

@@ -1,4 +1,4 @@
-import je from "../in-app-message-manager-factory.js";
+import se from "../in-app-message-manager-factory.js";
 import r from "../../managers/braze-instance.js";
 import { setupInAppMessageUI as rs } from "../../ui/js/index.js";
 import { showInAppMessage } from "./show-in-app-message.js";
@@ -6,7 +6,7 @@ import { subscribeToInAppMessage } from "../subscribe-to-in-app-message.js";
 export function automaticallyShowInAppMessages() {
   if (!r.rr()) return;
   rs();
-  const s = je.ra();
+  const s = se.ra();
   if (null == s.Gn()) {
     const r = subscribeToInAppMessage((s) => showInAppMessage(s));
     s.Nn(r);