@braze/web-sdk 4.8.3 → 4.9.0

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

@@ -2,7 +2,7 @@ import e, { OPTIONS as L } from "../../managers/braze-instance.js";
 import V from "../../util/browser-detector.js";
 import {
   clickElement as Et,
-  supportsPassive as Tt
+  supportsPassive as Tt,
 } from "../../util/dom-utils.js";
 import { KeyCodes as lt } from "../../util/key-codes.js";
 import E from "../../managers/subscription-manager.js";
@@ -15,29 +15,29 @@ export default class InAppMessage {
     h,
     e,
     n,
+    T,
     o,
     r,
     l,
     u,
-    T,
     a,
-    m,
-    c,
     I,
-    L,
+    c,
+    O,
     A,
-    N,
-    d,
+    L,
     _,
-    O,
+    m,
+    N,
+    R,
     S,
     D,
     M,
-    R,
-    b,
-    p,
+    C,
+    d,
     U,
-    P
+    b,
+    P,
   ) {
     (this.message = t),
       (this.messageAlignment = s),
@@ -45,85 +45,85 @@ export default class InAppMessage {
       (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.uri = T),
+      (this.openTarget = o),
+      (this.dismissType = r),
+      (this.duration = l),
+      (this.icon = u),
       (this.imageUrl = a),
-      (this.imageStyle = m),
+      (this.imageStyle = I),
       (this.iconColor = c),
-      (this.iconBackgroundColor = I),
-      (this.backgroundColor = L),
-      (this.textColor = A),
-      (this.closeButtonColor = N),
-      (this.animateIn = d),
-      (this.animateOut = _),
-      (this.header = O),
+      (this.iconBackgroundColor = O),
+      (this.backgroundColor = A),
+      (this.textColor = L),
+      (this.closeButtonColor = _),
+      (this.animateIn = m),
+      (this.animateOut = N),
+      (this.header = R),
       (this.headerAlignment = S),
       (this.headerTextColor = D),
       (this.frameColor = M),
-      (this.buttons = R),
-      (this.cropType = b),
-      (this.orientation = p),
-      (this.htmlId = U),
+      (this.buttons = C),
+      (this.cropType = d),
+      (this.orientation = U),
+      (this.htmlId = b),
       (this.css = P),
       (this.message = t),
       (this.messageAlignment = s || InAppMessage.TextAlignment.CENTER),
-      (this.duration = u || 5e3),
+      (this.duration = l || 5e3),
       (this.slideFrom = i || InAppMessage.SlideFrom.BOTTOM),
       (this.extras = h || {}),
       (this.triggerId = e),
       (this.clickAction = n || InAppMessage.ClickAction.NONE),
-      (this.uri = o),
-      (this.openTarget = r || InAppMessage.OpenTarget.NONE),
-      (this.dismissType = l || InAppMessage.DismissType.AUTO_DISMISS),
-      (this.icon = T),
+      (this.uri = T),
+      (this.openTarget = o || InAppMessage.OpenTarget.NONE),
+      (this.dismissType = r || InAppMessage.DismissType.AUTO_DISMISS),
+      (this.icon = u),
       (this.imageUrl = a),
-      (this.imageStyle = m || InAppMessage.ImageStyle.TOP),
-      (this.iconColor = c || InAppMessage.Vr.Wr),
-      (this.iconBackgroundColor = I || InAppMessage.Vr.Ur),
-      (this.backgroundColor = L || InAppMessage.Vr.Wr),
-      (this.textColor = A || InAppMessage.Vr.th),
-      (this.closeButtonColor = N || InAppMessage.Vr.sh),
-      (this.animateIn = d),
+      (this.imageStyle = I || InAppMessage.ImageStyle.TOP),
+      (this.iconColor = c || InAppMessage.th.ih),
+      (this.iconBackgroundColor = O || InAppMessage.th.sh),
+      (this.backgroundColor = A || InAppMessage.th.ih),
+      (this.textColor = L || InAppMessage.th.hh),
+      (this.closeButtonColor = _ || InAppMessage.th.eh),
+      (this.animateIn = m),
       null == this.animateIn && (this.animateIn = !0),
-      (this.animateOut = _),
+      (this.animateOut = N),
       null == this.animateOut && (this.animateOut = !0),
-      (this.header = O),
+      (this.header = R),
       (this.headerAlignment = S || InAppMessage.TextAlignment.CENTER),
-      (this.headerTextColor = D || InAppMessage.Vr.th),
-      (this.frameColor = M || InAppMessage.Vr.ih),
-      (this.buttons = R || []),
-      (this.cropType = b || InAppMessage.CropType.FIT_CENTER),
-      (this.orientation = p),
-      (this.htmlId = U),
+      (this.headerTextColor = D || InAppMessage.th.hh),
+      (this.frameColor = M || InAppMessage.th.Eh),
+      (this.buttons = C || []),
+      (this.cropType = d || InAppMessage.CropType.FIT_CENTER),
+      (this.orientation = U),
+      (this.htmlId = b),
       (this.css = P),
       (this.isControl = !1),
-      (this.hh = !1),
-      (this.eh = !1),
-      (this.vo = !1),
       (this.nh = !1),
-      (this.qe = null),
+      (this.Th = !1),
+      (this.do = !1),
+      (this.oh = !1),
+      (this.Me = null),
       (this.ke = null),
       (this.ht = new E()),
-      (this.oh = new E()),
-      (this.Le = InAppMessage.TextAlignment.CENTER);
+      (this.rh = new E()),
+      (this.Te = InAppMessage.TextAlignment.CENTER);
   }
   subscribeToClickedEvent(t) {
     return this.ht.lt(t);
   }
   subscribeToDismissedEvent(t) {
-    return this.oh.lt(t);
+    return this.rh.lt(t);
   }
   removeSubscription(t) {
-    this.ht.removeSubscription(t), this.oh.removeSubscription(t);
+    this.ht.removeSubscription(t), this.rh.removeSubscription(t);
   }
   removeAllSubscriptions() {
-    this.ht.removeAllSubscriptions(), this.oh.removeAllSubscriptions();
+    this.ht.removeAllSubscriptions(), this.rh.removeAllSubscriptions();
   }
   closeMessage() {
-    this.he(this.qe);
+    this.ye(this.Me);
   }
   xe() {
     return !0;
@@ -131,43 +131,43 @@ export default class InAppMessage {
   io() {
     return this.xe();
   }
-  $e() {
+  Ne() {
     return null != this.htmlId && this.htmlId.length > 4;
   }
-  ye() {
-    return this.$e() && null != this.css && this.css.length > 0;
-  }
   Ae() {
-    if (this.$e() && this.ye()) return this.htmlId + "-css";
+    return this.Ne() && null != this.css && this.css.length > 0;
+  }
+  Ce() {
+    if (this.Ne() && this.Ae()) return this.htmlId + "-css";
   }
   M() {
-    return !this.eh && ((this.eh = !0), !0);
+    return !this.Th && ((this.Th = !0), !0);
   }
-  Qr() {
-    return this.eh;
+  so() {
+    return this.Th;
   }
   p(t) {
-    return !this.vo && ((this.vo = !0), this.ht.Et(), !0);
+    return !this.do && ((this.do = !0), this.ht.Et(), !0);
   }
   F() {
-    return !this.nh && ((this.nh = !0), this.oh.Et(), !0);
+    return !this.oh && ((this.oh = !0), this.rh.Et(), !0);
   }
   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.lh);
+        t && t.contains(InAppMessage.lh) && t.remove(InAppMessage.lh),
+          document.body.removeEventListener("touchmove", InAppMessage.uh);
       }
-      s.className = s.className.replace(InAppMessage.uh, InAppMessage.Eh);
+      s.className = s.className.replace(InAppMessage.ah, InAppMessage.Ih);
     }
     return this.animateOut || !1;
   }
-  he(t, s) {
+  ye(t, s) {
     if (null == t) return;
     let i;
-    (this.qe = null),
+    (this.Me = null),
       (i =
         -1 === t.className.indexOf("ab-in-app-message")
           ? t.getElementsByClassName("ab-in-app-message")[0]
@@ -175,57 +175,57 @@ export default class InAppMessage {
     let h = !1;
     i && (h = this.hide(i));
     const e = document.body;
-    let n;
-    null != e && (n = e.scrollTop);
-    const o = () => {
+    let E;
+    null != e && (E = e.scrollTop);
+    const n = () => {
       if (t && t.parentNode) {
         let s = t.closest(".ab-iam-root");
         null == s && (s = t), s.parentNode && s.parentNode.removeChild(s);
       }
-      const i = this.Ae();
+      const i = this.Ce();
       if (null != i) {
         const t = document.getElementById(i);
         t && t.parentNode && t.parentNode.removeChild(t);
       }
-      null != e && "Safari" === V.browser && (e.scrollTop = n),
+      null != e && "Safari" === V.browser && (e.scrollTop = E),
         s ? s() : this.F();
     };
-    h ? setTimeout(o, InAppMessage.Th) : o(), this.ke && this.ke.focus();
+    h ? setTimeout(n, InAppMessage.Oh) : n(), this.ke && this.ke.focus();
   }
-  Be() {
+  Ge() {
     return document.createTextNode(this.message || "");
   }
-  Ie(t) {
+  Be(t) {
     let s = "";
     this.message || this.header || !this.xe() || (s = "Modal Image"),
       t.setAttribute("alt", s);
   }
-  static lh(t) {
+  static uh(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());
+      (document.querySelector(`.${InAppMessage.lh}`) && t.preventDefault());
   }
-  ah(t) {
+  Ah(t) {
     const s = t.parentNode;
     this.xe() &&
       null != s &&
       this.orientation !== InAppMessage.Orientation.LANDSCAPE &&
-      (null != s.classList && s.classList.add(InAppMessage.rh),
+      (null != s.classList && s.classList.add(InAppMessage.lh),
       document.body.addEventListener(
         "touchmove",
-        InAppMessage.lh,
-        !!Tt() && { passive: !1 }
+        InAppMessage.uh,
+        !!Tt() && { passive: !1 },
       )),
-      (t.className += " " + InAppMessage.uh);
+      (t.className += " " + InAppMessage.ah);
   }
-  static mh(t) {
+  static Lh(t) {
     if (
-      t.keyCode === lt.Ih &&
-      !e.nn(L.Lh) &&
+      t.keyCode === lt._h &&
+      !e.nn(L.mh) &&
       document.querySelectorAll(".ab-modal-interactions").length > 0
     ) {
       const t = document.getElementsByClassName("ab-html-message");
@@ -235,55 +235,91 @@ export default class InAppMessage {
         It(i) &&
           i.contentWindow &&
           (t = i.contentWindow.document.getElementsByClassName(
-            "ab-programmatic-close-button"
+            "ab-programmatic-close-button",
           )[0]),
           null != t && (Et(t), (s = !0));
       }
       if (!s) {
         const t = document.querySelectorAll(
-          ".ab-modal-interactions > .ab-close-button"
+          ".ab-modal-interactions > .ab-close-button",
         )[0];
         null != t && Et(t);
       }
     }
   }
-  Ah() {
-    this.hh ||
-      e.nn(L.Lh) ||
-      (document.addEventListener("keydown", InAppMessage.mh, !1),
-      e.Nh(() => {
-        document.removeEventListener("keydown", InAppMessage.mh);
+  Nh() {
+    this.nh ||
+      e.nn(L.mh) ||
+      (document.addEventListener("keydown", InAppMessage.Lh, !1),
+      e.Rh(() => {
+        document.removeEventListener("keydown", InAppMessage.Lh);
       }),
-      (this.hh = !0));
+      (this.nh = !0));
+  }
+  ss(t) {
+    const s = {};
+    return t
+      ? ((s[InAppMessage.hs.ea] = this.message),
+        (s[InAppMessage.hs.ra] = this.messageAlignment),
+        (s[InAppMessage.hs.Sh] = this.slideFrom),
+        (s[InAppMessage.hs.xs] = this.extras),
+        (s[InAppMessage.hs.sa] = this.triggerId),
+        (s[InAppMessage.hs.ta] = this.clickAction),
+        (s[InAppMessage.hs.URI] = this.uri),
+        (s[InAppMessage.hs.ia] = this.openTarget),
+        (s[InAppMessage.hs.oa] = this.dismissType),
+        (s[InAppMessage.hs.pa] = this.duration),
+        (s[InAppMessage.hs.ma] = this.icon),
+        (s[InAppMessage.hs.os] = this.imageUrl),
+        (s[InAppMessage.hs.na] = this.imageStyle),
+        (s[InAppMessage.hs.ua] = this.iconColor),
+        (s[InAppMessage.hs.ca] = this.iconBackgroundColor),
+        (s[InAppMessage.hs.fa] = this.backgroundColor),
+        (s[InAppMessage.hs.da] = this.textColor),
+        (s[InAppMessage.hs.la] = this.closeButtonColor),
+        (s[InAppMessage.hs.ga] = this.animateIn),
+        (s[InAppMessage.hs.ja] = this.animateOut),
+        (s[InAppMessage.hs.xa] = this.header),
+        (s[InAppMessage.hs.za] = this.headerAlignment),
+        (s[InAppMessage.hs.ha] = this.headerTextColor),
+        (s[InAppMessage.hs.va] = this.frameColor),
+        (s[InAppMessage.hs.wa] = this.buttons),
+        (s[InAppMessage.hs.ya] = this.cropType),
+        (s[InAppMessage.hs.Sa] = this.orientation),
+        (s[InAppMessage.hs.ba] = this.htmlId),
+        (s[InAppMessage.hs.CSS] = this.css),
+        (s[InAppMessage.hs.ts] = t),
+        s)
+      : s;
   }
 }
-(InAppMessage.Vr = {
-  th: 4281545523,
-  Wr: 4294967295,
-  Ur: 4278219733,
-  dh: 4293914607,
-  _h: 4283782485,
-  ih: 3224580915,
-  sh: 4288387995
+(InAppMessage.th = {
+  hh: 4281545523,
+  ih: 4294967295,
+  sh: 4278219733,
+  Dh: 4293914607,
+  Mh: 4283782485,
+  Eh: 3224580915,
+  eh: 4288387995,
 }),
-  (InAppMessage.Me = {
-    Oh: "hd",
-    ze: "ias",
-    Sh: "of",
-    Dh: "do",
-    Or: "umt",
-    Zi: "tf",
-    Mh: "te"
+  (InAppMessage.Ie = {
+    Ch: "hd",
+    Le: "ias",
+    dh: "of",
+    Uh: "do",
+    Xr: "umt",
+    Qr: "tf",
+    bh: "te",
   }),
   (InAppMessage.SlideFrom = { TOP: "TOP", BOTTOM: "BOTTOM" }),
   (InAppMessage.ClickAction = {
     NEWS_FEED: "NEWS_FEED",
     URI: "URI",
-    NONE: "NONE"
+    NONE: "NONE",
   }),
   (InAppMessage.DismissType = {
     AUTO_DISMISS: "AUTO_DISMISS",
-    MANUAL: "SWIPE"
+    MANUAL: "SWIPE",
   }),
   (InAppMessage.OpenTarget = { NONE: "NONE", BLANK: "BLANK" }),
   (InAppMessage.ImageStyle = { TOP: "TOP", GRAPHIC: "GRAPHIC" }),
@@ -291,23 +327,56 @@ export default class InAppMessage {
   (InAppMessage.TextAlignment = {
     START: "START",
     CENTER: "CENTER",
-    END: "END"
+    END: "END",
   }),
   (InAppMessage.CropType = {
     CENTER_CROP: "CENTER_CROP",
-    FIT_CENTER: "FIT_CENTER"
+    FIT_CENTER: "FIT_CENTER",
   }),
-  (InAppMessage.Ee = {
-    Rh: "SLIDEUP",
-    bh: "MODAL",
-    Ne: "MODAL_STYLED",
-    so: "FULL",
-    do: "WEB_HTML",
-    Pe: "HTML",
-    ph: "HTML_FULL"
+  (InAppMessage.qe = {
+    pn: "SLIDEUP",
+    un: "MODAL",
+    Se: "MODAL_STYLED",
+    on: "FULL",
+    ln: "WEB_HTML",
+    Ee: "HTML",
+    Ue: "HTML_FULL",
   }),
-  (InAppMessage.Th = 500),
-  (InAppMessage.Uh = 200),
-  (InAppMessage.uh = "ab-show"),
-  (InAppMessage.Eh = "ab-hide"),
-  (InAppMessage.rh = "ab-pause-scrolling");
+  (InAppMessage.Oh = 500),
+  (InAppMessage.Ph = 200),
+  (InAppMessage.ah = "ab-show"),
+  (InAppMessage.Ih = "ab-hide"),
+  (InAppMessage.lh = "ab-pause-scrolling"),
+  (InAppMessage.hs = {
+    ea: "m",
+    ra: "ma",
+    Sh: "sf",
+    xs: "e",
+    sa: "ti",
+    ta: "ca",
+    URI: "u",
+    ia: "oa",
+    oa: "dt",
+    pa: "d",
+    ma: "i",
+    os: "iu",
+    na: "is",
+    ua: "ic",
+    ca: "ibc",
+    fa: "bc",
+    da: "tc",
+    la: "cbc",
+    ga: "ai",
+    ja: "ao",
+    xa: "h",
+    za: "ha",
+    ha: "htc",
+    va: "fc",
+    wa: "b",
+    ya: "ct",
+    Sa: "o",
+    ba: "hi",
+    CSS: "css",
+    ts: "type",
+    vo: "messageFields",
+  });

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

@@ -1,66 +1,101 @@
+import { buttonsFromSerializedInAppMessage as pe } from "../in-app-message-factory.js";
 import InAppMessage from "./in-app-message.js";
 export default class ModalMessage extends InAppMessage {
   constructor(
-    s,
     e,
-    o,
-    t,
     r,
+    s,
+    t,
     i,
-    p,
+    o,
     a,
-    d,
-    c,
+    p,
     m,
     n,
     u,
+    c,
+    d,
     f,
     l,
+    g,
+    j,
     v,
     x,
-    g,
+    z,
     h,
-    j,
+    w,
+    y,
+    S,
     b,
     k,
     q,
-    w,
-    y,
-    z,
-    A
   ) {
     super(
-      s,
       e,
+      r,
       void 0,
-      o,
+      s,
       t,
-      r,
       i,
-      p,
-      (a = a || InAppMessage.DismissType.MANUAL),
-      d,
-      c,
+      o,
+      a,
+      (p = p || InAppMessage.DismissType.MANUAL),
       m,
       n,
       u,
+      c,
+      d,
       f,
       l,
+      g,
+      j,
       v,
       x,
-      g,
+      z,
       h,
-      j,
-      b,
-      k,
-      q,
       w,
-      (y = y || InAppMessage.CropType.FIT_CENTER),
+      y,
+      S,
+      (b = b || InAppMessage.CropType.FIT_CENTER),
       void 0,
-      z,
-      A
+      k,
+      q,
     ),
-      (this.Le = InAppMessage.TextAlignment.CENTER);
+      (this.Te = InAppMessage.TextAlignment.CENTER);
+  }
+  ss() {
+    return super.ss(ModalMessage.es);
+  }
+  static an(e) {
+    return new ModalMessage(
+      e[InAppMessage.hs.ea],
+      e[InAppMessage.hs.ra],
+      e[InAppMessage.hs.xs],
+      e[InAppMessage.hs.sa],
+      e[InAppMessage.hs.ta],
+      e[InAppMessage.hs.URI],
+      e[InAppMessage.hs.ia],
+      e[InAppMessage.hs.oa],
+      e[InAppMessage.hs.pa],
+      e[InAppMessage.hs.ma],
+      e[InAppMessage.hs.os],
+      e[InAppMessage.hs.na],
+      e[InAppMessage.hs.ua],
+      e[InAppMessage.hs.ca],
+      e[InAppMessage.hs.fa],
+      e[InAppMessage.hs.da],
+      e[InAppMessage.hs.la],
+      e[InAppMessage.hs.ga],
+      e[InAppMessage.hs.ja],
+      e[InAppMessage.hs.xa],
+      e[InAppMessage.hs.za],
+      e[InAppMessage.hs.ha],
+      e[InAppMessage.hs.va],
+      pe(e[InAppMessage.hs.wa]),
+      e[InAppMessage.hs.ya],
+      e[InAppMessage.hs.ba],
+      e[InAppMessage.hs.CSS],
+    );
   }
 }
-ModalMessage.es = InAppMessage.Ee.bh;
+ModalMessage.es = InAppMessage.qe.un;