@braze/web-sdk 6.6.0 → 6.7.0

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

@@ -1,13 +1,30 @@
-import r, { OPTIONS as D } from "../../managers/braze-instance.js";
+import r, { OPTIONS as U } from "../../managers/braze-instance.js";
 import ro from "../../util/browser-detector.js";
 import {
-  clickElement as Et,
-  supportsPassive as Tt,
+  clickElement as kt,
+  supportsPassive as wt,
 } from "../../util/dom-utils.js";
 import { KeyCodes as Ce } from "../../util/key-codes.js";
-import m from "../../managers/subscription-manager.js";
-import { isIFrame as At } from "../utils/in-app-message-utils.js";
-import { IamStrings as sr } from "../constants.js";
+import f from "../../managers/subscription-manager.js";
+import { isIFrame as St } from "../utils/in-app-message-utils.js";
+import {
+  IamStrings as mr,
+  IamColors as ss,
+  IamClickAction as $e,
+  IAM_SHOW_CLASS as Tt,
+  IAM_HIDE_CLASS as xt,
+  IamDisplayFailures as Me,
+  IamSlideFrom as De,
+  IamDismissType as pr,
+  IamOpenTarget as ut,
+  IamImageStyle as qe,
+  IamOrientation as Ae,
+  IamTextAlignment as Ee,
+  IamCropType as Le,
+  IamServerTypes as dt,
+  IamTiming as Et,
+  IamSerializationKeys as cr,
+} from "../constants.js";
 export default class InAppMessage {
   constructor(
     t,
@@ -15,125 +32,125 @@ export default class InAppMessage {
     i,
     h,
     e,
-    E,
     n,
-    T,
-    o,
     r,
+    o,
     l,
     u,
     a,
-    A,
-    I,
+    m,
     c,
-    O,
-    L,
-    _,
-    N,
-    R,
+    d,
+    p,
+    b,
+    g,
+    v,
+    I,
+    j,
+    k,
+    w,
+    y,
     S,
+    T,
+    x,
+    E,
+    H,
     M,
-    D,
     C,
-    d,
-    U,
-    b,
-    P,
-    p,
-    f,
-    G,
+    D,
+    z,
   ) {
     (this.message = t),
       (this.messageAlignment = s),
       (this.slideFrom = i),
       (this.extras = h),
       (this.triggerId = e),
-      (this.clickAction = E),
-      (this.uri = n),
-      (this.openTarget = T),
-      (this.dismissType = o),
-      (this.duration = r),
-      (this.icon = l),
-      (this.imageUrl = u),
-      (this.imageStyle = a),
-      (this.iconColor = A),
-      (this.iconBackgroundColor = I),
-      (this.backgroundColor = c),
-      (this.textColor = O),
-      (this.closeButtonColor = L),
-      (this.animateIn = _),
-      (this.animateOut = N),
-      (this.header = R),
-      (this.headerAlignment = S),
-      (this.headerTextColor = M),
-      (this.frameColor = D),
-      (this.buttons = C),
-      (this.cropType = d),
-      (this.orientation = U),
-      (this.htmlId = b),
-      (this.css = P),
-      (this.messageExtras = p),
-      (this.language = f),
-      (this.altImageText = G),
+      (this.clickAction = n),
+      (this.uri = r),
+      (this.openTarget = o),
+      (this.dismissType = l),
+      (this.duration = u),
+      (this.icon = a),
+      (this.imageUrl = m),
+      (this.imageStyle = c),
+      (this.iconColor = d),
+      (this.iconBackgroundColor = p),
+      (this.backgroundColor = b),
+      (this.textColor = g),
+      (this.closeButtonColor = v),
+      (this.animateIn = I),
+      (this.animateOut = j),
+      (this.header = k),
+      (this.headerAlignment = w),
+      (this.headerTextColor = y),
+      (this.frameColor = S),
+      (this.buttons = T),
+      (this.cropType = x),
+      (this.orientation = E),
+      (this.htmlId = H),
+      (this.css = M),
+      (this.messageExtras = C),
+      (this.language = D),
+      (this.altImageText = z),
       (this.message = t),
-      (this.messageAlignment = s || InAppMessage.TextAlignment.CENTER),
-      (this.duration = r || 5e3),
-      (this.slideFrom = i || InAppMessage.SlideFrom.BOTTOM),
+      (this.messageAlignment = s || Ee.CENTER),
+      (this.duration = u || 5e3),
+      (this.slideFrom = i || De.BOTTOM),
       (this.extras = h || {}),
       (this.triggerId = e),
-      (this.clickAction = E || InAppMessage.ClickAction.NONE),
-      (this.uri = n),
-      (this.openTarget = T || InAppMessage.OpenTarget.NONE),
-      (this.dismissType = o || InAppMessage.DismissType.AUTO_DISMISS),
-      (this.icon = l),
-      (this.imageUrl = u),
-      (this.imageStyle = a || InAppMessage.ImageStyle.TOP),
-      (this.iconColor = A || InAppMessage.th.ih),
-      (this.iconBackgroundColor = I || InAppMessage.th.sh),
-      (this.backgroundColor = c || InAppMessage.th.ih),
-      (this.textColor = O || InAppMessage.th.hh),
-      (this.closeButtonColor = L || InAppMessage.th.eh),
-      (this.animateIn = _),
+      (this.clickAction = n || $e.NONE),
+      (this.uri = r),
+      (this.openTarget = o || ut.NONE),
+      (this.dismissType = l || pr.AUTO_DISMISS),
+      (this.icon = a),
+      (this.imageUrl = m),
+      (this.imageStyle = c || qe.TOP),
+      (this.iconColor = d || ss.AE),
+      (this.iconBackgroundColor = p || ss._E),
+      (this.backgroundColor = b || ss.AE),
+      (this.textColor = g || ss.IE),
+      (this.closeButtonColor = v || ss.NE),
+      (this.animateIn = I),
       null == this.animateIn && (this.animateIn = !0),
-      (this.animateOut = N),
+      (this.animateOut = j),
       null == this.animateOut && (this.animateOut = !0),
-      (this.header = R),
-      (this.headerAlignment = S || InAppMessage.TextAlignment.CENTER),
-      (this.headerTextColor = M || InAppMessage.th.hh),
-      (this.frameColor = D || InAppMessage.th.Eh),
-      (this.buttons = C || []),
-      (this.cropType = d || InAppMessage.CropType.FIT_CENTER),
-      (this.orientation = U),
-      (this.htmlId = b),
-      (this.css = P),
+      (this.header = k),
+      (this.headerAlignment = w || Ee.CENTER),
+      (this.headerTextColor = y || ss.IE),
+      (this.frameColor = S || ss.SE),
+      (this.buttons = T || []),
+      (this.cropType = x || Le.FIT_CENTER),
+      (this.orientation = E),
+      (this.htmlId = H),
+      (this.css = M),
       (this.isControl = !1),
-      (this.messageExtras = p),
-      (this.language = f),
-      (this.altImageText = G),
-      (this.nh = !1),
-      (this.Gt = !1),
-      (this.dd = !1),
-      (this.Th = !1),
-      (this.qo = null),
+      (this.messageExtras = C),
+      (this.language = D),
+      (this.altImageText = z),
+      (this.th = !1),
+      (this.Zt = !1),
+      (this.rd = !1),
+      (this.sh = !1),
+      (this.Eo = null),
       (this.$o = null),
-      (this.ti = new m()),
-      (this.oh = new m()),
-      (this.Io = InAppMessage.TextAlignment.CENTER);
+      (this.ti = new f()),
+      (this.ih = new f()),
+      (this.Go = Ee.CENTER);
   }
   subscribeToClickedEvent(t) {
-    return this.ti.Rt(t);
+    return this.ti.Kt(t);
   }
   subscribeToDismissedEvent(t) {
-    return this.oh.Rt(t);
+    return this.ih.Kt(t);
   }
   removeSubscription(t) {
-    this.ti.removeSubscription(t), this.oh.removeSubscription(t);
+    this.ti.removeSubscription(t), this.ih.removeSubscription(t);
   }
   removeAllSubscriptions() {
-    this.ti.removeAllSubscriptions(), this.oh.removeAllSubscriptions();
+    this.ti.removeAllSubscriptions(), this.ih.removeAllSubscriptions();
   }
   closeMessage() {
-    this.ll(this.qo);
+    this.tl(this.Eo);
   }
   zo() {
     return !0;
@@ -141,43 +158,43 @@ export default class InAppMessage {
   od() {
     return this.zo();
   }
-  _o() {
+  Bo() {
     return null != this.htmlId && this.htmlId.length > 4;
   }
   Mo() {
-    return this._o() && null != this.css && this.css.length > 0;
+    return this.Bo() && null != this.css && this.css.length > 0;
   }
   Oo() {
-    if (this._o() && this.Mo()) return this.htmlId + "-css";
+    if (this.Bo() && this.Mo()) return this.htmlId + "-css";
   }
-  Wt() {
-    return !this.Gt && ((this.Gt = !0), !0);
+  gs() {
+    return !this.Zt && ((this.Zt = !0), !0);
   }
   sm() {
-    return this.Gt;
+    return this.Zt;
   }
-  $t(t) {
-    return !this.dd && ((this.dd = !0), this.ti.L(), !0);
+  ss(t) {
+    return !this.rd && ((this.rd = !0), this.ti.A(), !0);
   }
-  Ot() {
-    return !this.Th && ((this.Th = !0), this.oh.L(), !0);
+  ls() {
+    return !this.sh && ((this.sh = !0), this.ih.A(), !0);
   }
   hide(t) {
     if (t && t.parentNode) {
       let s = t.closest(".ab-iam-root");
       if ((null == s && (s = t), this.zo() && null != s.parentNode)) {
         const t = s.parentNode.classList;
-        t && t.contains(sr.eS) && t.remove(sr.eS),
-          document.body.removeEventListener("touchmove", InAppMessage.rh);
+        t && t.contains(mr.TE) && t.remove(mr.TE),
+          document.body.removeEventListener("touchmove", InAppMessage.hh);
       }
-      s.className = s.className.replace(InAppMessage.lh, InAppMessage.uh);
+      s.className = s.className.replace(Tt, xt);
     }
     return this.animateOut || !1;
   }
-  ll(t, s) {
+  tl(t, s) {
     if (null == t) return;
     let i;
-    (this.qo = null),
+    (this.Eo = null),
       (i =
         -1 === t.className.indexOf("ab-in-app-message")
           ? t.getElementsByClassName("ab-in-app-message")[0]
@@ -185,9 +202,9 @@ export default class InAppMessage {
     let h = !1;
     i && (h = this.hide(i));
     const e = document.body;
-    let E;
-    null != e && (E = e.scrollTop);
-    const n = () => {
+    let n;
+    null != e && (n = e.scrollTop);
+    const r = () => {
       if (t && t.parentNode) {
         let s = t.closest(".ab-iam-root");
         null == s && (s = t), s.parentNode && s.parentNode.removeChild(s);
@@ -197,197 +214,126 @@ export default class InAppMessage {
         const t = document.getElementById(i);
         t && t.parentNode && t.parentNode.removeChild(t);
       }
-      null != e && "Safari" === ro.browser && (e.scrollTop = E),
-        s ? s() : this.Ot();
+      null != e && "Safari" === ro.browser && (e.scrollTop = n),
+        s ? s() : this.ls();
     };
-    h ? setTimeout(n, InAppMessage.hr) : n(), this.$o && this.$o.focus();
+    h ? setTimeout(r, Et.gr) : r(), this.$o && this.$o.focus();
   }
-  No() {
+  Ko() {
     return document.createTextNode(this.message || "");
   }
-  Jo(t) {
+  Ho(t) {
     t.setAttribute("alt", this.altImageText || "");
   }
-  static rh(t) {
+  static hh(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(`.${sr.eS}`) &&
+      (document.querySelector(`.${mr.TE}`) &&
         t.cancelable &&
         t.preventDefault());
   }
-  ah(t) {
+  eh(t) {
     const s = t.parentNode;
     this.zo() &&
       null != s &&
-      this.orientation !== InAppMessage.Orientation.LANDSCAPE &&
-      (null != s.classList && s.classList.add(sr.eS),
+      this.orientation !== Ae.LANDSCAPE &&
+      (null != s.classList && s.classList.add(mr.TE),
       document.body.addEventListener(
         "touchmove",
-        InAppMessage.rh,
-        !!Tt() && { passive: !1 },
+        InAppMessage.hh,
+        !!wt() && { passive: !1 },
       )),
-      (t.className += " " + InAppMessage.lh);
+      (t.className += " " + Tt);
   }
-  static Ah(t) {
+  static nh(t) {
     if (
-      t.keyCode === Ce.Ih &&
-      !r.re(D.Oh) &&
+      t.keyCode === Ce.rh &&
+      !r.er(U.oh) &&
       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;
-        At(i) &&
+        St(i) &&
           i.contentWindow &&
           (t = i.contentWindow.document.getElementsByClassName(
             "ab-programmatic-close-button",
           )[0]),
-          null != t && (Et(t), (s = !0));
+          null != t && (kt(t), (s = !0));
       }
       if (!s) {
         const t = document.querySelectorAll(
           ".ab-modal-interactions > .ab-close-button",
         )[0];
-        null != t && Et(t);
+        null != t && kt(t);
       }
     }
   }
-  Lh() {
-    this.nh ||
-      r.re(D.Oh) ||
-      (document.addEventListener("keydown", InAppMessage.Ah, !1),
-      r.mh(() => {
-        document.removeEventListener("keydown", InAppMessage.Ah);
+  lh() {
+    this.th ||
+      r.er(U.oh) ||
+      (document.addEventListener("keydown", InAppMessage.nh, !1),
+      r.uh(() => {
+        document.removeEventListener("keydown", InAppMessage.nh);
       }),
-      (this.nh = !0));
+      (this.th = !0));
   }
-  gt(t) {
+  qt(t) {
     const s = {};
     return t
-      ? ((s[InAppMessage.ss.pa] = this.message),
-        (s[InAppMessage.ss.ma] = this.messageAlignment),
-        (s[InAppMessage.ss._h] = this.slideFrom),
-        (s[InAppMessage.ss.xs] = this.extras),
-        (s[InAppMessage.ss.ua] = this.triggerId),
-        (s[InAppMessage.ss.ca] = this.clickAction),
-        (s[InAppMessage.ss.URI] = this.uri),
-        (s[InAppMessage.ss.fa] = this.openTarget),
-        (s[InAppMessage.ss.da] = this.dismissType),
-        (s[InAppMessage.ss.ga] = this.duration),
-        (s[InAppMessage.ss.ja] = this.icon),
-        (s[InAppMessage.ss.ns] = this.imageUrl),
-        (s[InAppMessage.ss.xa] = this.imageStyle),
-        (s[InAppMessage.ss.za] = this.iconColor),
-        (s[InAppMessage.ss.ha] = this.iconBackgroundColor),
-        (s[InAppMessage.ss.va] = this.backgroundColor),
-        (s[InAppMessage.ss.wa] = this.textColor),
-        (s[InAppMessage.ss.ya] = this.closeButtonColor),
-        (s[InAppMessage.ss.Sa] = this.animateIn),
-        (s[InAppMessage.ss.ba] = this.animateOut),
-        (s[InAppMessage.ss.ka] = this.header),
-        (s[InAppMessage.ss.qa] = this.headerAlignment),
-        (s[InAppMessage.ss.Aa] = this.headerTextColor),
-        (s[InAppMessage.ss.Ba] = this.frameColor),
-        (s[InAppMessage.ss.Ca] = this.buttons),
-        (s[InAppMessage.ss.Da] = this.cropType),
-        (s[InAppMessage.ss.Ea] = this.orientation),
-        (s[InAppMessage.ss.Fa] = this.htmlId),
-        (s[InAppMessage.ss.CSS] = this.css),
-        (s[InAppMessage.ss.ts] = t),
-        (s[InAppMessage.ss.Ga] = this.messageExtras),
-        (s[InAppMessage.ss.LANGUAGE] = this.language),
-        (s[InAppMessage.ss.ks] = this.altImageText),
+      ? ((s[cr.rE] = this.message),
+        (s[cr.mE] = this.messageAlignment),
+        (s[cr.GE] = this.slideFrom),
+        (s[cr.Fs] = this.extras),
+        (s[cr.FE] = this.triggerId),
+        (s[cr.HE] = 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.ys] = 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.CSS] = this.css),
+        (s[cr.xs] = t),
+        (s[cr.JE] = this.messageExtras),
+        (s[cr.LANGUAGE] = this.language),
+        (s[cr.Ks] = this.altImageText),
         s)
       : s;
   }
 }
-(InAppMessage.th = {
-  hh: 4281545523,
-  ih: 4294967295,
-  sh: 4278219733,
-  Nh: 4293914607,
-  Rh: 4283782485,
-  Eh: 3224580915,
-  eh: 4288387995,
-}),
-  (InAppMessage.Ao = {
-    Sh: "hd",
-    Lo: "ias",
-    Mh: "of",
-    Dh: "do",
-    Ch: "umt",
-    dh: "tf",
-    Uh: "te",
-  }),
-  (InAppMessage.SlideFrom = { TOP: "TOP", BOTTOM: "BOTTOM" }),
-  (InAppMessage.ClickAction = { URI: "URI", NONE: "NONE" }),
-  (InAppMessage.DismissType = {
-    AUTO_DISMISS: "AUTO_DISMISS",
-    MANUAL: "SWIPE",
-  }),
-  (InAppMessage.OpenTarget = { NONE: "NONE", BLANK: "BLANK" }),
-  (InAppMessage.ImageStyle = { TOP: "TOP", GRAPHIC: "GRAPHIC" }),
-  (InAppMessage.Orientation = { PORTRAIT: "PORTRAIT", LANDSCAPE: "LANDSCAPE" }),
-  (InAppMessage.TextAlignment = {
-    START: "START",
-    CENTER: "CENTER",
-    END: "END",
-  }),
-  (InAppMessage.CropType = {
-    CENTER_CROP: "CENTER_CROP",
-    FIT_CENTER: "FIT_CENTER",
-  }),
-  (InAppMessage.Eo = {
-    oa: "SLIDEUP",
-    ia: "MODAL",
-    Xo: "MODAL_STYLED",
-    Zn: "FULL",
-    ta: "WEB_HTML",
-    Bo: "HTML",
-    Yo: "HTML_FULL",
-  }),
-  (InAppMessage.hr = 500),
-  (InAppMessage.bh = 200),
-  (InAppMessage.lh = "ab-show"),
-  (InAppMessage.uh = "ab-hide"),
-  (InAppMessage.ss = {
-    pa: "m",
-    ma: "ma",
-    _h: "sf",
-    xs: "e",
-    ua: "ti",
-    ca: "ca",
-    URI: "u",
-    fa: "oa",
-    da: "dt",
-    ga: "d",
-    ja: "i",
-    ns: "iu",
-    xa: "is",
-    za: "ic",
-    ha: "ibc",
-    va: "bc",
-    wa: "tc",
-    ya: "cbc",
-    Sa: "ai",
-    ba: "ao",
-    ka: "h",
-    qa: "ha",
-    Aa: "htc",
-    Ba: "fc",
-    Ca: "b",
-    Da: "ct",
-    Ea: "o",
-    Fa: "hi",
-    CSS: "css",
-    ts: "type",
-    ed: "messageFields",
-    Ga: "me",
-    LANGUAGE: "l",
-    ks: "ia",
-  });
+(InAppMessage.ah = ss),
+  (InAppMessage.mh = Me),
+  (InAppMessage.SlideFrom = De),
+  (InAppMessage.ClickAction = $e),
+  (InAppMessage.DismissType = pr),
+  (InAppMessage.OpenTarget = ut),
+  (InAppMessage.ImageStyle = qe),
+  (InAppMessage.Orientation = Ae),
+  (InAppMessage.TextAlignment = Ee),
+  (InAppMessage.CropType = Le),
+  (InAppMessage.dh = dt),
+  (InAppMessage.gr = Et.gr),
+  (InAppMessage.pE = Et.pE),
+  (InAppMessage.bs = cr);