@braze/web-sdk 5.9.1 → 6.1.0

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

@@ -1,17 +1,17 @@
 import InAppMessage from "./in-app-message.js";
 export default class HtmlMessage extends InAppMessage {
-  constructor(i, o, e, r, d, t, s, v, n, u, a, c) {
+  constructor(i, o, d, e, r, t, s, v, n, u, a, c) {
     super(
       i,
       void 0,
       void 0,
       o,
-      e,
+      d,
       void 0,
       void 0,
       void 0,
-      (r = r || InAppMessage.DismissType.MANUAL),
-      d,
+      (e = e || InAppMessage.DismissType.MANUAL),
+      r,
       void 0,
       void 0,
       void 0,
@@ -32,39 +32,41 @@ export default class HtmlMessage extends InAppMessage {
       n,
       u,
       c,
+      void 0,
+      void 0,
     ),
       (this.messageFields = a),
       (this.messageFields = a);
   }
-  Po() {
+  Bo() {
     return !1;
   }
   $t(i) {
-    if (this.uo === InAppMessage.bo.Ur) {
-      if (this.So) return !1;
-      this.So = !0;
+    if (this.He === InAppMessage.Ke.Hr) {
+      if (this.Co) return !1;
+      this.Co = !0;
     }
-    return this.ti.X(i), !0;
+    return this.ti.L(i), !0;
   }
-  bt() {
-    const i = super.bt(HtmlMessage.cs);
-    return (i[InAppMessage.es.Eo] = this.messageFields), i;
+  dt() {
+    const i = super.dt(HtmlMessage.es);
+    return (i[InAppMessage.ss.Po] = this.messageFields), i;
   }
-  static Qr(i) {
+  static Xr(i) {
     return new HtmlMessage(
-      i[InAppMessage.es.ra],
-      i[InAppMessage.es.qs],
-      i[InAppMessage.es.ta],
-      i[InAppMessage.es.pa],
-      i[InAppMessage.es.ma],
-      i[InAppMessage.es.ja],
-      i[InAppMessage.es.xa],
-      i[InAppMessage.es.wa],
-      i[InAppMessage.es.ka],
-      i[InAppMessage.es.CSS],
-      i[InAppMessage.es.Eo],
-      i[InAppMessage.es.qa],
+      i[InAppMessage.ss.Vr],
+      i[InAppMessage.ss.xs],
+      i[InAppMessage.ss.Yr],
+      i[InAppMessage.ss.sa],
+      i[InAppMessage.ss.ta],
+      i[InAppMessage.ss.fa],
+      i[InAppMessage.ss.da],
+      i[InAppMessage.ss.xa],
+      i[InAppMessage.ss.wa],
+      i[InAppMessage.ss.CSS],
+      i[InAppMessage.ss.Po],
+      i[InAppMessage.ss.ya],
     );
   }
 }
-HtmlMessage.cs = InAppMessage.bo.Ur;
+HtmlMessage.es = InAppMessage.Ke.Hr;

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

@@ -15,13 +15,13 @@ export default class InAppMessageButton {
       (this.borderColor = r || this.backgroundColor),
       (this.clickAction = h || InAppMessage.ClickAction.NONE),
       (this.uri = e),
-      null == n && (n = InAppMessageButton.Yi),
+      null == n && (n = InAppMessageButton.Hi),
       (this.id = n),
-      (this.So = !1),
+      (this.Co = !1),
       (this.ti = new u());
   }
   subscribeToClickedEvent(s) {
-    return this.ti.Dt(s);
+    return this.ti.wt(s);
   }
   removeSubscription(s) {
     this.ti.removeSubscription(s);
@@ -30,7 +30,7 @@ export default class InAppMessageButton {
     this.ti.removeAllSubscriptions();
   }
   $t() {
-    return !this.So && ((this.So = !0), this.ti.X(), !0);
+    return !this.Co && ((this.Co = !0), this.ti.L(), !0);
   }
   static fromJson(s) {
     return new InAppMessageButton(
@@ -44,4 +44,4 @@ export default class InAppMessageButton {
     );
   }
 }
-InAppMessageButton.Yi = -1;
+InAppMessageButton.Hi = -1;

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

@@ -1,12 +1,12 @@
-import r, { OPTIONS as w } from "../../managers/braze-instance.js";
+import r, { OPTIONS as z } from "../../managers/braze-instance.js";
 import ro from "../../util/browser-detector.js";
 import {
   clickElement as Et,
   supportsPassive as Tt,
 } from "../../util/dom-utils.js";
-import { KeyCodes as bt } from "../../util/key-codes.js";
+import { KeyCodes as ie } from "../../util/key-codes.js";
 import u from "../../managers/subscription-manager.js";
-import { isIFrame as It } from "../utils/in-app-message-utils.js";
+import { isIFrame as At } from "../utils/in-app-message-utils.js";
 export default class InAppMessage {
   constructor(
     t,
@@ -21,16 +21,16 @@ export default class InAppMessage {
     r,
     l,
     a,
+    A,
     I,
     c,
-    A,
     O,
+    L,
     _,
     m,
-    L,
     N,
-    S,
     R,
+    S,
     M,
     D,
     C,
@@ -39,6 +39,8 @@ export default class InAppMessage {
     b,
     P,
     p,
+    f,
+    G,
   ) {
     (this.message = t),
       (this.messageAlignment = s),
@@ -52,16 +54,16 @@ export default class InAppMessage {
       (this.duration = r),
       (this.icon = l),
       (this.imageUrl = a),
-      (this.imageStyle = I),
-      (this.iconColor = c),
-      (this.iconBackgroundColor = A),
+      (this.imageStyle = A),
+      (this.iconColor = I),
+      (this.iconBackgroundColor = c),
       (this.backgroundColor = O),
-      (this.textColor = _),
-      (this.closeButtonColor = m),
-      (this.animateIn = L),
+      (this.textColor = L),
+      (this.closeButtonColor = _),
+      (this.animateIn = m),
       (this.animateOut = N),
-      (this.header = S),
-      (this.headerAlignment = R),
+      (this.header = R),
+      (this.headerAlignment = S),
       (this.headerTextColor = M),
       (this.frameColor = D),
       (this.buttons = C),
@@ -70,6 +72,8 @@ export default class InAppMessage {
       (this.htmlId = b),
       (this.css = P),
       (this.messageExtras = p),
+      (this.language = f),
+      (this.altImageText = G),
       (this.message = t),
       (this.messageAlignment = s || InAppMessage.TextAlignment.CENTER),
       (this.duration = r || 5e3),
@@ -82,18 +86,18 @@ export default class InAppMessage {
       (this.dismissType = o || InAppMessage.DismissType.AUTO_DISMISS),
       (this.icon = l),
       (this.imageUrl = a),
-      (this.imageStyle = I || InAppMessage.ImageStyle.TOP),
-      (this.iconColor = c || InAppMessage.th.ih),
-      (this.iconBackgroundColor = A || InAppMessage.th.sh),
+      (this.imageStyle = A || InAppMessage.ImageStyle.TOP),
+      (this.iconColor = I || InAppMessage.th.ih),
+      (this.iconBackgroundColor = c || InAppMessage.th.sh),
       (this.backgroundColor = O || InAppMessage.th.ih),
-      (this.textColor = _ || InAppMessage.th.hh),
-      (this.closeButtonColor = m || InAppMessage.th.eh),
-      (this.animateIn = L),
+      (this.textColor = L || InAppMessage.th.hh),
+      (this.closeButtonColor = _ || InAppMessage.th.eh),
+      (this.animateIn = m),
       null == this.animateIn && (this.animateIn = !0),
       (this.animateOut = N),
       null == this.animateOut && (this.animateOut = !0),
-      (this.header = S),
-      (this.headerAlignment = R || InAppMessage.TextAlignment.CENTER),
+      (this.header = R),
+      (this.headerAlignment = S || InAppMessage.TextAlignment.CENTER),
       (this.headerTextColor = M || InAppMessage.th.hh),
       (this.frameColor = D || InAppMessage.th.Eh),
       (this.buttons = C || []),
@@ -103,21 +107,23 @@ export default class InAppMessage {
       (this.css = P),
       (this.isControl = !1),
       (this.messageExtras = p),
+      (this.language = f),
+      (this.altImageText = G),
       (this.nh = !1),
-      (this.Ht = !1),
-      (this.So = !1),
+      (this.kt = !1),
+      (this.Co = !1),
       (this.Th = !1),
-      (this.jo = null),
-      (this.wo = null),
+      (this.Pe = null),
+      (this.Qe = null),
       (this.ti = new u()),
       (this.oh = new u()),
-      (this.$o = InAppMessage.TextAlignment.CENTER);
+      (this.do = InAppMessage.TextAlignment.CENTER);
   }
   subscribeToClickedEvent(t) {
-    return this.ti.Dt(t);
+    return this.ti.wt(t);
   }
   subscribeToDismissedEvent(t) {
-    return this.oh.Dt(t);
+    return this.oh.wt(t);
   }
   removeSubscription(t) {
     this.ti.removeSubscription(t), this.oh.removeSubscription(t);
@@ -126,39 +132,39 @@ export default class InAppMessage {
     this.ti.removeAllSubscriptions(), this.oh.removeAllSubscriptions();
   }
   closeMessage() {
-    this.ll(this.jo);
+    this.ll(this.Pe);
   }
-  vo() {
+  Ve() {
     return !0;
   }
-  Po() {
-    return this.vo();
+  Bo() {
+    return this.Ve();
   }
-  ho() {
+  Le() {
     return null != this.htmlId && this.htmlId.length > 4;
   }
-  lo() {
-    return this.ho() && null != this.css && this.css.length > 0;
+  Oe() {
+    return this.Le() && null != this.css && this.css.length > 0;
   }
-  do() {
-    if (this.ho() && this.lo()) return this.htmlId + "-css";
+  Ge() {
+    if (this.Le() && this.Oe()) return this.htmlId + "-css";
   }
-  _t() {
-    return !this.Ht && ((this.Ht = !0), !0);
+  Qt() {
+    return !this.kt && ((this.kt = !0), !0);
   }
-  Bo() {
-    return this.Ht;
+  Ur() {
+    return this.kt;
   }
   $t(t) {
-    return !this.So && ((this.So = !0), this.ti.X(), !0);
+    return !this.Co && ((this.Co = !0), this.ti.L(), !0);
   }
-  Qt() {
-    return !this.Th && ((this.Th = !0), this.oh.X(), !0);
+  Kt() {
+    return !this.Th && ((this.Th = !0), this.oh.L(), !0);
   }
   hide(t) {
     if (t && t.parentNode) {
       let s = t.closest(".ab-iam-root");
-      if ((null == s && (s = t), this.vo() && null != s.parentNode)) {
+      if ((null == s && (s = t), this.Ve() && null != s.parentNode)) {
         const t = s.parentNode.classList;
         t && t.contains(InAppMessage.rh) && t.remove(InAppMessage.rh),
           document.body.removeEventListener("touchmove", InAppMessage.lh);
@@ -170,7 +176,7 @@ export default class InAppMessage {
   ll(t, s) {
     if (null == t) return;
     let i;
-    (this.jo = null),
+    (this.Pe = null),
       (i =
         -1 === t.className.indexOf("ab-in-app-message")
           ? t.getElementsByClassName("ab-in-app-message")[0]
@@ -185,23 +191,21 @@ export default class InAppMessage {
         let s = t.closest(".ab-iam-root");
         null == s && (s = t), s.parentNode && s.parentNode.removeChild(s);
       }
-      const i = this.do();
+      const i = this.Ge();
       if (null != i) {
         const t = document.getElementById(i);
         t && t.parentNode && t.parentNode.removeChild(t);
       }
       null != e && "Safari" === ro.browser && (e.scrollTop = E),
-        s ? s() : this.Qt();
+        s ? s() : this.Kt();
     };
-    h ? setTimeout(n, InAppMessage.Ih) : n(), this.wo && this.wo.focus();
+    h ? setTimeout(n, InAppMessage.cr) : n(), this.Qe && this.Qe.focus();
   }
-  zo() {
+  ho() {
     return document.createTextNode(this.message || "");
   }
-  ko(t) {
-    let s = "";
-    this.message || this.header || !this.vo() || (s = "Modal Image"),
-      t.setAttribute("alt", s);
+  bo(t) {
+    t.setAttribute("alt", this.altImageText || "");
   }
   static lh(t) {
     if (t.targetTouches && t.targetTouches.length > 1) return;
@@ -216,7 +220,7 @@ export default class InAppMessage {
   }
   Ah(t) {
     const s = t.parentNode;
-    this.vo() &&
+    this.Ve() &&
       null != s &&
       this.orientation !== InAppMessage.Orientation.LANDSCAPE &&
       (null != s.classList && s.classList.add(InAppMessage.rh),
@@ -227,17 +231,17 @@ export default class InAppMessage {
       )),
       (t.className += " " + InAppMessage.uh);
   }
-  static Oh(t) {
+  static Ih(t) {
     if (
-      t.keyCode === bt._h &&
-      !r.ee(w.mh) &&
+      t.keyCode === ie.Oh &&
+      !r.ee(z.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;
-        It(i) &&
+        At(i) &&
           i.contentWindow &&
           (t = i.contentWindow.document.getElementsByClassName(
             "ab-programmatic-close-button",
@@ -252,49 +256,51 @@ export default class InAppMessage {
       }
     }
   }
-  Lh() {
+  _h() {
     this.nh ||
-      r.ee(w.mh) ||
-      (document.addEventListener("keydown", InAppMessage.Oh, !1),
-      r.Nh(() => {
-        document.removeEventListener("keydown", InAppMessage.Oh);
+      r.ee(z.Lh) ||
+      (document.addEventListener("keydown", InAppMessage.Ih, !1),
+      r.mh(() => {
+        document.removeEventListener("keydown", InAppMessage.Ih);
       }),
       (this.nh = !0));
   }
-  bt(t) {
+  dt(t) {
     const s = {};
     return t
-      ? ((s[InAppMessage.es.ra] = this.message),
-        (s[InAppMessage.es.sa] = this.messageAlignment),
-        (s[InAppMessage.es.Sh] = this.slideFrom),
-        (s[InAppMessage.es.qs] = this.extras),
-        (s[InAppMessage.es.ta] = this.triggerId),
-        (s[InAppMessage.es.ia] = this.clickAction),
-        (s[InAppMessage.es.URI] = this.uri),
-        (s[InAppMessage.es.oa] = this.openTarget),
-        (s[InAppMessage.es.pa] = this.dismissType),
-        (s[InAppMessage.es.ma] = this.duration),
-        (s[InAppMessage.es.na] = this.icon),
-        (s[InAppMessage.es.ls] = this.imageUrl),
-        (s[InAppMessage.es.ua] = this.imageStyle),
-        (s[InAppMessage.es.ca] = this.iconColor),
-        (s[InAppMessage.es.fa] = this.iconBackgroundColor),
-        (s[InAppMessage.es.da] = this.backgroundColor),
-        (s[InAppMessage.es.la] = this.textColor),
-        (s[InAppMessage.es.ga] = this.closeButtonColor),
-        (s[InAppMessage.es.ja] = this.animateIn),
-        (s[InAppMessage.es.xa] = this.animateOut),
-        (s[InAppMessage.es.za] = this.header),
-        (s[InAppMessage.es.ha] = this.headerAlignment),
-        (s[InAppMessage.es.va] = this.headerTextColor),
-        (s[InAppMessage.es.wa] = this.frameColor),
-        (s[InAppMessage.es.ya] = this.buttons),
-        (s[InAppMessage.es.Sa] = this.cropType),
-        (s[InAppMessage.es.ba] = this.orientation),
-        (s[InAppMessage.es.ka] = this.htmlId),
-        (s[InAppMessage.es.CSS] = this.css),
-        (s[InAppMessage.es.hs] = t),
-        (s[InAppMessage.es.qa] = this.messageExtras),
+      ? ((s[InAppMessage.ss.Vr] = this.message),
+        (s[InAppMessage.ss.Wr] = this.messageAlignment),
+        (s[InAppMessage.ss.Nh] = this.slideFrom),
+        (s[InAppMessage.ss.xs] = this.extras),
+        (s[InAppMessage.ss.Yr] = this.triggerId),
+        (s[InAppMessage.ss.Zr] = this.clickAction),
+        (s[InAppMessage.ss.URI] = this.uri),
+        (s[InAppMessage.ss.ra] = this.openTarget),
+        (s[InAppMessage.ss.sa] = this.dismissType),
+        (s[InAppMessage.ss.ta] = this.duration),
+        (s[InAppMessage.ss.ia] = this.icon),
+        (s[InAppMessage.ss.ns] = this.imageUrl),
+        (s[InAppMessage.ss.oa] = this.imageStyle),
+        (s[InAppMessage.ss.pa] = this.iconColor),
+        (s[InAppMessage.ss.ma] = this.iconBackgroundColor),
+        (s[InAppMessage.ss.na] = this.backgroundColor),
+        (s[InAppMessage.ss.ua] = this.textColor),
+        (s[InAppMessage.ss.ca] = this.closeButtonColor),
+        (s[InAppMessage.ss.fa] = this.animateIn),
+        (s[InAppMessage.ss.da] = this.animateOut),
+        (s[InAppMessage.ss.la] = this.header),
+        (s[InAppMessage.ss.ga] = this.headerAlignment),
+        (s[InAppMessage.ss.ja] = this.headerTextColor),
+        (s[InAppMessage.ss.xa] = this.frameColor),
+        (s[InAppMessage.ss.za] = this.buttons),
+        (s[InAppMessage.ss.ha] = this.cropType),
+        (s[InAppMessage.ss.va] = this.orientation),
+        (s[InAppMessage.ss.wa] = this.htmlId),
+        (s[InAppMessage.ss.CSS] = this.css),
+        (s[InAppMessage.ss.ts] = t),
+        (s[InAppMessage.ss.ya] = this.messageExtras),
+        (s[InAppMessage.ss.LANGUAGE] = this.language),
+        (s[InAppMessage.ss.ks] = this.altImageText),
         s)
       : s;
   }
@@ -304,25 +310,21 @@ export default class InAppMessage {
   ih: 4294967295,
   sh: 4278219733,
   Rh: 4293914607,
-  Mh: 4283782485,
+  Sh: 4283782485,
   Eh: 3224580915,
   eh: 4288387995,
 }),
-  (InAppMessage.Co = {
-    Dh: "hd",
-    xo: "ias",
-    Ch: "of",
-    dh: "do",
-    Uh: "umt",
-    bh: "tf",
-    Ph: "te",
+  (InAppMessage.Ye = {
+    Mh: "hd",
+    We: "ias",
+    Dh: "of",
+    Ch: "do",
+    dh: "umt",
+    Uh: "tf",
+    bh: "te",
   }),
   (InAppMessage.SlideFrom = { TOP: "TOP", BOTTOM: "BOTTOM" }),
-  (InAppMessage.ClickAction = {
-    NEWS_FEED: "NEWS_FEED",
-    URI: "URI",
-    NONE: "NONE",
-  }),
+  (InAppMessage.ClickAction = { URI: "URI", NONE: "NONE" }),
   (InAppMessage.DismissType = {
     AUTO_DISMISS: "AUTO_DISMISS",
     MANUAL: "SWIPE",
@@ -339,51 +341,53 @@ export default class InAppMessage {
     CENTER_CROP: "CENTER_CROP",
     FIT_CENTER: "FIT_CENTER",
   }),
-  (InAppMessage.bo = {
-    Wr: "SLIDEUP",
-    Vr: "MODAL",
-    Fo: "MODAL_STYLED",
-    Lr: "FULL",
-    Ur: "WEB_HTML",
-    po: "HTML",
-    Jo: "HTML_FULL",
+  (InAppMessage.Ke = {
+    Kr: "SLIDEUP",
+    Jr: "MODAL",
+    Io: "MODAL_STYLED",
+    Or: "FULL",
+    Hr: "WEB_HTML",
+    Je: "HTML",
+    Ao: "HTML_FULL",
   }),
-  (InAppMessage.Ih = 500),
-  (InAppMessage.ph = 200),
+  (InAppMessage.cr = 500),
+  (InAppMessage.Ph = 200),
   (InAppMessage.uh = "ab-show"),
   (InAppMessage.ah = "ab-hide"),
   (InAppMessage.rh = "ab-pause-scrolling"),
-  (InAppMessage.es = {
-    ra: "m",
-    sa: "ma",
-    Sh: "sf",
-    qs: "e",
-    ta: "ti",
-    ia: "ca",
+  (InAppMessage.ss = {
+    Vr: "m",
+    Wr: "ma",
+    Nh: "sf",
+    xs: "e",
+    Yr: "ti",
+    Zr: "ca",
     URI: "u",
-    oa: "oa",
-    pa: "dt",
-    ma: "d",
-    na: "i",
-    ls: "iu",
-    ua: "is",
-    ca: "ic",
-    fa: "ibc",
-    da: "bc",
-    la: "tc",
-    ga: "cbc",
-    ja: "ai",
-    xa: "ao",
-    za: "h",
-    ha: "ha",
-    va: "htc",
-    wa: "fc",
-    ya: "b",
-    Sa: "ct",
-    ba: "o",
-    ka: "hi",
+    ra: "oa",
+    sa: "dt",
+    ta: "d",
+    ia: "i",
+    ns: "iu",
+    oa: "is",
+    pa: "ic",
+    ma: "ibc",
+    na: "bc",
+    ua: "tc",
+    ca: "cbc",
+    fa: "ai",
+    da: "ao",
+    la: "h",
+    ga: "ha",
+    ja: "htc",
+    xa: "fc",
+    za: "b",
+    ha: "ct",
+    va: "o",
+    wa: "hi",
     CSS: "css",
-    hs: "type",
-    Eo: "messageFields",
-    qa: "me",
+    ts: "type",
+    Po: "messageFields",
+    ya: "me",
+    LANGUAGE: "l",
+    ks: "ia",
   });