@braze/web-sdk 4.7.2 → 4.8.0

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

@@ -1,29 +1,36 @@
 import InAppMessage from "./in-app-message.js";
-import u from "../../managers/subscription-manager.js";
+import E from "../../managers/subscription-manager.js";
 export default class InAppMessageButton {
-  constructor(s, t, i, r, e, h, n) {
-    (this.text = s || ""),
-      (this.backgroundColor = t || InAppMessage.Xi.Wi),
-      (this.textColor = i || InAppMessage.Xi.Yi),
+  constructor(s, t, i, r, h, e, n) {
+    (this.text = s),
+      (this.backgroundColor = t),
+      (this.textColor = i),
+      (this.borderColor = r),
+      (this.clickAction = h),
+      (this.uri = e),
+      (this.id = n),
+      (this.text = s || ""),
+      (this.backgroundColor = t || InAppMessage.Ur.Qr),
+      (this.textColor = i || InAppMessage.Ur.Vr),
       (this.borderColor = r || this.backgroundColor),
-      (this.clickAction = e || InAppMessage.ClickAction.NONE),
-      (this.uri = h),
-      null == n && (n = InAppMessageButton.$i),
+      (this.clickAction = h || InAppMessage.ClickAction.NONE),
+      (this.uri = e),
+      null == n && (n = InAppMessageButton.Pi),
       (this.id = n),
-      (this.nl = !1),
-      (this.lt = new u());
+      (this.vo = !1),
+      (this.ht = new E());
   }
   subscribeToClickedEvent(s) {
-    return this.lt.ut(s);
+    return this.ht.lt(s);
   }
   removeSubscription(s) {
-    this.lt.removeSubscription(s);
+    this.ht.removeSubscription(s);
   }
   removeAllSubscriptions() {
-    this.lt.removeAllSubscriptions();
+    this.ht.removeAllSubscriptions();
   }
-  k() {
-    return !this.nl && ((this.nl = !0), this.lt.St(), !0);
+  p() {
+    return !this.vo && ((this.vo = !0), this.ht.Et(), !0);
   }
   static fromJson(s) {
     return new InAppMessageButton(
@@ -37,4 +44,4 @@ export default class InAppMessageButton {
     );
   }
 }
-InAppMessageButton.$i = -1;
+InAppMessageButton.Pi = -1;

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

@@ -1,92 +1,126 @@
-import e, { OPTIONS as T } from "../../managers/braze-instance.js";
-import ot from "../../util/browser-detector.js";
+import e, { OPTIONS as L } from "../../managers/braze-instance.js";
+import V from "../../util/browser-detector.js";
 import {
   clickElement as Et,
   supportsPassive as Tt
 } from "../../util/dom-utils.js";
-import { KeyCodes as at } from "../../util/key-codes.js";
-import u from "../../managers/subscription-manager.js";
+import { KeyCodes as lt } from "../../util/key-codes.js";
+import E from "../../managers/subscription-manager.js";
+import { isIFrame as It } from "../utils/in-app-message-utils.js";
 export default class InAppMessage {
   constructor(
     t,
     s,
     i,
-    e,
     h,
+    e,
     n,
-    r,
     o,
+    r,
     l,
-    E,
+    u,
     T,
     a,
     m,
     c,
     I,
+    L,
     A,
     N,
-    _,
-    L,
     d,
+    _,
     O,
     S,
     D,
     M,
     R,
     b,
-    P,
     p,
-    C
+    U,
+    P
   ) {
     (this.message = t),
+      (this.messageAlignment = s),
+      (this.slideFrom = i),
+      (this.extras = h),
+      (this.triggerId = e),
+      (this.clickAction = n),
+      (this.uri = o),
+      (this.openTarget = r),
+      (this.dismissType = l),
+      (this.duration = u),
+      (this.icon = T),
+      (this.imageUrl = a),
+      (this.imageStyle = m),
+      (this.iconColor = c),
+      (this.iconBackgroundColor = I),
+      (this.backgroundColor = L),
+      (this.textColor = A),
+      (this.closeButtonColor = N),
+      (this.animateIn = d),
+      (this.animateOut = _),
+      (this.header = O),
+      (this.headerAlignment = S),
+      (this.headerTextColor = D),
+      (this.frameColor = M),
+      (this.buttons = R),
+      (this.cropType = b),
+      (this.orientation = p),
+      (this.htmlId = U),
+      (this.css = P),
+      (this.message = t),
       (this.messageAlignment = s || InAppMessage.TextAlignment.CENTER),
-      (this.duration = E || 5e3),
+      (this.duration = u || 5e3),
       (this.slideFrom = i || InAppMessage.SlideFrom.BOTTOM),
-      (this.extras = e || {}),
-      (this.triggerId = h),
+      (this.extras = h || {}),
+      (this.triggerId = e),
       (this.clickAction = n || InAppMessage.ClickAction.NONE),
-      (this.uri = r),
-      (this.openTarget = o || InAppMessage.OpenTarget.NONE),
+      (this.uri = o),
+      (this.openTarget = r || InAppMessage.OpenTarget.NONE),
       (this.dismissType = l || InAppMessage.DismissType.AUTO_DISMISS),
       (this.icon = T),
       (this.imageUrl = a),
       (this.imageStyle = m || InAppMessage.ImageStyle.TOP),
-      (this.iconColor = c || InAppMessage.Xi.Yi),
-      (this.iconBackgroundColor = I || InAppMessage.Xi.Wi),
-      (this.backgroundColor = A || InAppMessage.Xi.Yi),
-      (this.textColor = N || InAppMessage.Xi.Zi),
-      (this.closeButtonColor = _ || InAppMessage.Xi.th),
-      (this.animateIn = L),
+      (this.iconColor = c || InAppMessage.Ur.Vr),
+      (this.iconBackgroundColor = I || InAppMessage.Ur.Qr),
+      (this.backgroundColor = L || InAppMessage.Ur.Vr),
+      (this.textColor = A || InAppMessage.Ur.th),
+      (this.closeButtonColor = N || InAppMessage.Ur.sh),
+      (this.animateIn = d),
       null == this.animateIn && (this.animateIn = !0),
-      (this.animateOut = d),
+      (this.animateOut = _),
       null == this.animateOut && (this.animateOut = !0),
       (this.header = O),
       (this.headerAlignment = S || InAppMessage.TextAlignment.CENTER),
-      (this.headerTextColor = D || InAppMessage.Xi.Zi),
-      (this.frameColor = M || InAppMessage.Xi.sh),
+      (this.headerTextColor = D || InAppMessage.Ur.th),
+      (this.frameColor = M || InAppMessage.Ur.ih),
       (this.buttons = R || []),
       (this.cropType = b || InAppMessage.CropType.FIT_CENTER),
-      (this.orientation = P),
-      (this.htmlId = p),
-      (this.css = C),
+      (this.orientation = p),
+      (this.htmlId = U),
+      (this.css = P),
       (this.isControl = !1),
-      (this.ih = !1),
-      (this.nl = !1),
+      (this.hh = !1),
       (this.eh = !1),
-      (this.lt = new u()),
-      (this.hh = new u());
+      (this.vo = !1),
+      (this.nh = !1),
+      (this.qe = null),
+      (this.ke = null),
+      (this.ht = new E()),
+      (this.oh = new E()),
+      (this.Le = InAppMessage.TextAlignment.CENTER);
   }
   subscribeToClickedEvent(t) {
-    return this.lt.ut(t);
+    return this.ht.lt(t);
   }
   subscribeToDismissedEvent(t) {
-    return this.hh.ut(t);
+    return this.oh.lt(t);
   }
   removeSubscription(t) {
-    this.lt.removeSubscription(t), this.hh.removeSubscription(t);
+    this.ht.removeSubscription(t), this.oh.removeSubscription(t);
   }
   removeAllSubscriptions() {
-    this.lt.removeAllSubscriptions(), this.hh.removeAllSubscriptions();
+    this.ht.removeAllSubscriptions(), this.oh.removeAllSubscriptions();
   }
   closeMessage() {
     this.he(this.qe);
@@ -94,41 +128,41 @@ export default class InAppMessage {
   xe() {
     return !0;
   }
-  ll() {
+  io() {
     return this.xe();
   }
-  Ee() {
+  $e() {
     return null != this.htmlId && this.htmlId.length > 4;
   }
   ye() {
-    return this.Ee() && null != this.css && this.css.length > 0;
+    return this.$e() && null != this.css && this.css.length > 0;
   }
   Ae() {
-    if (this.Ee() && this.ye()) return this.htmlId + "-css";
+    if (this.$e() && this.ye()) return this.htmlId + "-css";
   }
-  R() {
-    return !this.ih && ((this.ih = !0), !0);
+  M() {
+    return !this.eh && ((this.eh = !0), !0);
   }
-  Cr() {
-    return this.ih;
+  Lr() {
+    return this.eh;
   }
-  k() {
-    return !this.nl && ((this.nl = !0), this.lt.St(), !0);
+  p(t) {
+    return !this.vo && ((this.vo = !0), this.ht.Et(), !0);
   }
-  J() {
-    return !this.eh && ((this.eh = !0), this.hh.St(), !0);
+  F() {
+    return !this.nh && ((this.nh = !0), this.oh.Et(), !0);
   }
-  nh(t) {
+  hide(t) {
     if (t && t.parentNode) {
       let s = t.closest(".ab-iam-root");
       if ((null == s && (s = t), this.xe() && null != s.parentNode)) {
         const t = s.parentNode.classList;
         t && t.contains(InAppMessage.rh) && t.remove(InAppMessage.rh),
-          document.body.removeEventListener("touchmove", InAppMessage.oh);
+          document.body.removeEventListener("touchmove", InAppMessage.lh);
       }
-      s.className = s.className.replace(InAppMessage.lh, InAppMessage.Eh);
+      s.className = s.className.replace(InAppMessage.uh, InAppMessage.Eh);
     }
-    return this.animateOut;
+    return this.animateOut || !1;
   }
   he(t, s) {
     if (null == t) return;
@@ -138,65 +172,72 @@ export default class InAppMessage {
         -1 === t.className.indexOf("ab-in-app-message")
           ? t.getElementsByClassName("ab-in-app-message")[0]
           : t);
-    let e = !1;
-    i && (e = this.nh(i));
-    const h = document.body;
-    if (null != h) var n = h.scrollTop;
-    const r = () => {
+    let h = !1;
+    i && (h = this.hide(i));
+    const e = document.body;
+    let n;
+    null != e && (n = e.scrollTop);
+    const o = () => {
       if (t && t.parentNode) {
         let s = t.closest(".ab-iam-root");
         null == s && (s = t), s.parentNode && s.parentNode.removeChild(s);
       }
-      if (null != this.Ae()) {
-        const t = document.getElementById(this.Ae());
+      const i = this.Ae();
+      if (null != i) {
+        const t = document.getElementById(i);
         t && t.parentNode && t.parentNode.removeChild(t);
       }
-      null != h && "Safari" === ot.browser && (h.scrollTop = n),
-        s ? s() : this.J();
+      null != e && "Safari" === V.browser && (e.scrollTop = n),
+        s ? s() : this.F();
     };
-    e ? setTimeout(r, InAppMessage.uh) : r(), this.ke && this.ke.focus();
+    h ? setTimeout(o, InAppMessage.Th) : o(), this.ke && this.ke.focus();
   }
   Be() {
-    return document.createTextNode(this.message);
+    return document.createTextNode(this.message || "");
   }
   Ie(t) {
     let s = "";
     this.message || this.header || !this.xe() || (s = "Modal Image"),
       t.setAttribute("alt", s);
   }
-  static oh(t) {
-    (t.targetTouches && t.targetTouches.length > 1) ||
-      (t.target.classList &&
-        t.target.classList.contains("ab-message-text") &&
-        t.target.scrollHeight > t.target.clientHeight) ||
+  static lh(t) {
+    if (t.targetTouches && t.targetTouches.length > 1) return;
+    const s = t.target;
+    (s &&
+      s.classList &&
+      s.classList.contains("ab-message-text") &&
+      s.scrollHeight > s.clientHeight) ||
       (document.querySelector(`.${InAppMessage.rh}`) && t.preventDefault());
   }
-  Th(t) {
+  ah(t) {
+    const s = t.parentNode;
     this.xe() &&
-      null != t.parentNode &&
+      null != s &&
       this.orientation !== InAppMessage.Orientation.LANDSCAPE &&
-      (null != t.parentNode.classList &&
-        t.parentNode.classList.add(InAppMessage.rh),
+      (null != s.classList && s.classList.add(InAppMessage.rh),
       document.body.addEventListener(
         "touchmove",
-        InAppMessage.oh,
+        InAppMessage.lh,
         !!Tt() && { passive: !1 }
       )),
-      (t.className += " " + InAppMessage.lh);
+      (t.className += " " + InAppMessage.uh);
   }
-  static ah(t) {
+  static mh(t) {
     if (
-      t.keyCode === at.mh &&
-      !e.nn(T.Ih) &&
+      t.keyCode === lt.Ih &&
+      !e.nn(L.Lh) &&
       document.querySelectorAll(".ab-modal-interactions").length > 0
     ) {
       const t = document.getElementsByClassName("ab-html-message");
       let s = !1;
-      for (let i = 0; i < t.length; i++) {
-        const e = t[i].contentWindow.document.getElementsByClassName(
-          "ab-programmatic-close-button"
-        )[0];
-        null != e && (Et(e), (s = !0));
+      for (const i of t) {
+        let t = null;
+        It(i) &&
+          i.contentWindow &&
+          (t = i.contentWindow.document.getElementsByClassName(
+            "ab-programmatic-close-button"
+          )[0]),
+          null != t && (Et(t), (s = !0));
       }
       if (!s) {
         const t = document.querySelectorAll(
@@ -207,31 +248,31 @@ export default class InAppMessage {
     }
   }
   Ah() {
-    this.Nh ||
-      e.nn(T.Ih) ||
-      (document.addEventListener("keydown", InAppMessage.ah, !1),
-      e._h(() => {
-        document.removeEventListener("keydown", InAppMessage.ah);
+    this.hh ||
+      e.nn(L.Lh) ||
+      (document.addEventListener("keydown", InAppMessage.mh, !1),
+      e.Nh(() => {
+        document.removeEventListener("keydown", InAppMessage.mh);
       }),
-      (this.Nh = !0));
+      (this.hh = !0));
   }
 }
-(InAppMessage.Xi = {
-  Zi: 4281545523,
-  Yi: 4294967295,
-  Wi: 4278219733,
-  Lh: 4293914607,
-  dh: 4283782485,
-  sh: 3224580915,
-  th: 4288387995
+(InAppMessage.Ur = {
+  th: 4281545523,
+  Vr: 4294967295,
+  Qr: 4278219733,
+  dh: 4293914607,
+  _h: 4283782485,
+  ih: 3224580915,
+  sh: 4288387995
 }),
   (InAppMessage.Me = {
     Oh: "hd",
     ze: "ias",
     Sh: "of",
     Dh: "do",
-    Li: "umt",
-    Ri: "tf",
+    Gr: "umt",
+    Yi: "tf",
     Mh: "te"
   }),
   (InAppMessage.SlideFrom = { TOP: "TOP", BOTTOM: "BOTTOM" }),
@@ -256,16 +297,17 @@ export default class InAppMessage {
     CENTER_CROP: "CENTER_CROP",
     FIT_CENTER: "FIT_CENTER"
   }),
-  (InAppMessage.es = {
+  (InAppMessage.Ee = {
     Rh: "SLIDEUP",
     bh: "MODAL",
     Ne: "MODAL_STYLED",
-    Tr: "FULL",
-    ul: "WEB_HTML",
-    Pe: "HTML"
+    so: "FULL",
+    do: "WEB_HTML",
+    Pe: "HTML",
+    ph: "HTML_FULL"
   }),
-  (InAppMessage.uh = 500),
-  (InAppMessage.Ph = 200),
-  (InAppMessage.lh = "ab-show"),
+  (InAppMessage.Th = 500),
+  (InAppMessage.Uh = 200),
+  (InAppMessage.uh = "ab-show"),
   (InAppMessage.Eh = "ab-hide"),
   (InAppMessage.rh = "ab-pause-scrolling");

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

@@ -1,68 +1,66 @@
 import InAppMessage from "./in-app-message.js";
 export default class ModalMessage extends InAppMessage {
   constructor(
+    s,
     e,
+    o,
     t,
     r,
-    s,
-    n,
-    l,
-    o,
-    u,
-    a,
+    i,
     p,
+    a,
     d,
-    i,
-    m,
     c,
+    m,
+    n,
+    u,
     f,
-    g,
+    l,
+    v,
     x,
+    g,
+    h,
     j,
-    v,
-    A,
-    T,
     b,
-    h,
     k,
     q,
     w,
-    y
+    y,
+    z,
+    A
   ) {
     super(
+      s,
       e,
+      void 0,
+      o,
       t,
-      null,
       r,
-      s,
-      n,
-      l,
-      o,
-      (u = u || InAppMessage.DismissType.MANUAL),
-      a,
+      i,
       p,
+      (a = a || InAppMessage.DismissType.MANUAL),
       d,
-      i,
-      m,
       c,
+      m,
+      n,
+      u,
       f,
-      g,
+      l,
+      v,
       x,
+      g,
+      h,
       j,
-      v,
-      A,
-      T,
       b,
-      h,
       k,
-      (q = q || InAppMessage.CropType.FIT_CENTER),
-      void 0,
+      q,
       w,
-      y
-    );
-  }
-  get Le() {
-    return InAppMessage.TextAlignment.CENTER;
+      (y = y || InAppMessage.CropType.FIT_CENTER),
+      void 0,
+      z,
+      A
+    ),
+      (this.Le = InAppMessage.TextAlignment.CENTER);
   }
 }
-ModalMessage.es = InAppMessage.es.bh;
+ModalMessage.es = InAppMessage.Ee.bh;

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

@@ -1,30 +1,30 @@
 import InAppMessage from "./in-app-message.js";
-import { DOMUtils as vt } from "../../util/dom-utils.js";
+import { DOMUtils as so } from "../../util/dom-utils.js";
 export default class SlideUpMessage extends InAppMessage {
-  constructor(t, e, o, s, n, i, r, d, u, a, p, l, m, c, v, x, g, f, h, I, M) {
-    (x = x || InAppMessage.Xi.dh),
-      (v = v || InAppMessage.Xi.Lh),
+  constructor(o, s, t, e, i, d, n, r, a, p, u, m, c, v, l, x, h, f, g, I, M) {
+    (x = x || InAppMessage.Ur._h),
+      (l = l || InAppMessage.Ur.dh),
       super(
-        t,
-        (e = e || InAppMessage.TextAlignment.START),
         o,
-        s,
-        n,
+        (s = s || InAppMessage.TextAlignment.START),
+        t,
+        e,
         i,
-        r,
         d,
-        u,
+        n,
+        r,
         a,
         p,
-        l,
-        null,
+        u,
         m,
+        void 0,
         c,
         v,
+        l,
         x,
-        g,
-        f,
         h,
+        f,
+        g,
         void 0,
         void 0,
         void 0,
@@ -34,25 +34,23 @@ export default class SlideUpMessage extends InAppMessage {
         void 0,
         I,
         M
-      );
+      ),
+      (this.Le = InAppMessage.TextAlignment.START);
   }
   xe() {
     return !1;
   }
-  get Le() {
-    return InAppMessage.TextAlignment.START;
-  }
   Be() {
-    const t = document.createElement("span");
-    return t.appendChild(document.createTextNode(this.message)), t;
+    const o = document.createElement("span");
+    return o.appendChild(document.createTextNode(this.message || "")), o;
   }
-  Th(t) {
-    const e = t.getElementsByClassName("ab-in-app-message")[0];
-    vt.eo(e, !0, !0) ||
+  ah(o) {
+    const s = o.getElementsByClassName("ab-in-app-message")[0];
+    so.eo(s, !0, !0) ||
       (this.slideFrom === InAppMessage.SlideFrom.TOP
-        ? (e.style.top = "0px")
-        : (e.style.bottom = "0px")),
-      super.Th(t);
+        ? (s.style.top = "0px")
+        : (s.style.bottom = "0px")),
+      super.ah(o);
   }
 }
-SlideUpMessage.es = InAppMessage.es.Rh;
+SlideUpMessage.es = InAppMessage.Ee.Rh;

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

@@ -1,14 +1,19 @@
 export default class wt {
-  constructor(t, s, l, n, i) {
+  constructor(t, s, i, h, l) {
     (this.triggerId = t),
-      (this.Qi = s),
-      (this.Hi = l),
-      (this.Ui = n),
-      (this.Vi = i);
+      (this.Or = s),
+      (this.Zi = i),
+      (this.Hr = h),
+      (this.Jr = l),
+      (this.triggerId = t),
+      (this.Or = s),
+      (this.Zi = i),
+      (this.Hr = h),
+      (this.Jr = l);
   }
-  static fromJson(t, s, l, n, i) {
+  static fromJson(t, s, i, h, l) {
     return null == t || null == t.trigger_id
       ? null
-      : new wt(t.trigger_id, s, l, n, i);
+      : new wt(t.trigger_id, s, i, h, l);
   }
 }

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

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

package/src/InAppMessage/types.js

@@ -0,0 +1 @@
+export {};