@braze/web-sdk 4.7.1 → 4.8.0

package/src/InAppMessage/display/in-app-message-to-html.js

@@ -4,8 +4,8 @@ import {
   detectSwipe as d,
   DIRECTIONS as c
 } from "../../util/dom-utils.js";
-import { createCloseButton as i } from "../../util/component-utils.js";
-import { isTransparent as ie, toRgba as ne } from "../../util/color-utils.js";
+import { createCloseButton as o } from "../../util/component-utils.js";
+import { isTransparent as ne, toRgba as me } from "../../util/color-utils.js";
 import FullScreenMessage from "../models/full-screen-message.js";
 import HtmlMessage from "../models/html-message.js";
 import InAppMessage from "../models/in-app-message.js";
@@ -13,70 +13,71 @@ import ModalMessage from "../models/modal-message.js";
 import SlideUpMessage from "../models/slide-up-message.js";
 import { logInAppMessageClick } from "../log-in-app-message-click.js";
 import { _handleBrazeAction as m } from "../../Core/handle-braze-action.js";
-import ct from "./html-message-to-html.js";
-import me from "./modal-utils.js";
+import at from "./html-message-to-html.js";
+import le from "./modal-utils.js";
 import r from "../../../shared-lib/braze-shared-lib.js";
-export default function ce(e, o, a, s, t, n, l) {
+export default function ce(e, a, s, t, n, i, l) {
   if (((e.ke = document.activeElement), e instanceof HtmlMessage))
-    return ct(e, o, a, t, n, l);
-  const b = (function(e, o, a, s, t, n) {
-    const c = document.createElement("div");
-    (c.className = "ab-in-app-message ab-start-hidden ab-background"),
-      n && (c.style.zIndex = n + 1),
+    return at(e, a, s, n, i, l);
+  const u = (function(e, a, s, t, n, i) {
+    const l = document.createElement("div");
+    (l.className = "ab-in-app-message ab-start-hidden ab-background"),
+      i && (l.style.zIndex = (i + 1).toString()),
       e.xe() &&
-        ((c.className += " ab-modal-interactions"),
-        c.setAttribute("tabindex", "-1")),
+        ((l.className += " ab-modal-interactions"),
+        l.setAttribute("tabindex", "-1")),
       e.ye() ||
-        ((c.style.color = ne(e.textColor)),
-        (c.style.backgroundColor = ne(e.backgroundColor)),
-        ie(e.backgroundColor) && (c.className += " ab-no-shadow"));
-    const d = () => {
-        -1 !== c.className.indexOf("ab-start-hidden") &&
-          ((c.className = c.className.replace("ab-start-hidden", "")),
+        ((l.style.color = me(e.textColor)),
+        (l.style.backgroundColor = me(e.backgroundColor)),
+        ne(e.backgroundColor) && (l.className += " ab-no-shadow"));
+    const c = () => {
+        -1 !== l.className.indexOf("ab-start-hidden") &&
+          ((l.className = l.className.replace("ab-start-hidden", "")),
           document.querySelectorAll(".ab-iam-img-loading").length > 0
-            ? s(
+            ? t(
                 `Cannot show in-app message ${e.message} because another message is being shown.`,
                 InAppMessage.Me.ze
               )
-            : a(c));
+            : s(l));
       },
-      l = () => {
+      d = () => {
         const e = document.querySelectorAll(".ab-iam-root");
-        e && e.length > 0 && (e[0].classList.remove("ab-iam-img-loading"), d());
+        e && e.length > 0 && (e[0].classList.remove("ab-iam-img-loading"), c());
       };
     e.imageStyle === InAppMessage.ImageStyle.GRAPHIC &&
-      (c.className += " graphic"),
+      (l.className += " graphic"),
       e.orientation === InAppMessage.Orientation.LANDSCAPE &&
-        (c.className += " landscape"),
-      0 === e.buttons.length &&
+        (l.className += " landscape"),
+      null != e.buttons &&
+        0 === e.buttons.length &&
         (e.clickAction !== InAppMessage.ClickAction.NONE &&
-          (c.className += " ab-clickable"),
-        (c.onclick = a => (
-          e.he(c, () => {
+          (l.className += " ab-clickable"),
+        (l.onclick = o => (
+          e.he(l, () => {
             logInAppMessageClick(e),
               e.clickAction === InAppMessage.ClickAction.URI
                 ? m(
-                    e.uri,
-                    a,
-                    t || e.openTarget === InAppMessage.OpenTarget.BLANK
+                    e.uri || "",
+                    n || e.openTarget === InAppMessage.OpenTarget.BLANK,
+                    o
                   )
-                : e.clickAction === InAppMessage.ClickAction.NEWS_FEED && o();
+                : e.clickAction === InAppMessage.ClickAction.NEWS_FEED && a();
           }),
-          a.stopPropagation(),
+          o.stopPropagation(),
           !1
         )));
-    const b = i(
+    const u = o(
       "Close Message",
-      e.ye() ? void 0 : ne(e.closeButtonColor),
+      e.ye() ? void 0 : me(e.closeButtonColor),
       () => {
-        e.he(c);
+        e.he(l);
       }
     );
-    c.appendChild(b), n && (b.style.zIndex = n + 2);
-    const u = document.createElement("div");
-    u.className = "ab-message-text";
+    l.appendChild(u), i && (u.style.zIndex = (i + 2).toString());
+    const b = document.createElement("div");
+    b.className = "ab-message-text";
     const p = (e.messageAlignment || e.Le).toLowerCase();
-    u.className += " " + p + "-aligned";
+    b.className += " " + p + "-aligned";
     let f = !1;
     const g = document.createElement("div");
     if (((g.className = "ab-image-area"), e.imageUrl)) {
@@ -98,70 +99,72 @@ export default function ce(e, o, a, s, t, n, l) {
           f = !0;
           const e = document.querySelectorAll(".ab-iam-root");
           e && e.length > 0 && e[0].classList.add("ab-iam-img-loading"),
-            (o.onload = l);
+            (o.onload = d);
         }
-        setTimeout(d, 1e3), g.appendChild(o);
+        setTimeout(c, 1e3), g.appendChild(o);
       }
-      c.appendChild(g), (u.className += " ab-with-image");
+      l.appendChild(g), (b.className += " ab-with-image");
     } else if (e.icon) {
       g.className += " ab-icon-area";
       const o = document.createElement("span");
       (o.className = "ab-icon"),
         e.ye() ||
-          ((o.style.backgroundColor = ne(e.iconBackgroundColor)),
-          (o.style.color = ne(e.iconColor)));
+          ((o.style.backgroundColor = me(e.iconBackgroundColor)),
+          (o.style.color = me(e.iconColor)));
       const a = document.createElement("i");
       (a.className = "fa"),
         a.appendChild(document.createTextNode(e.icon)),
-        a.setAttribute("aria-hidden", !0),
+        a.setAttribute("aria-hidden", "true"),
         o.appendChild(a),
         g.appendChild(o),
-        c.appendChild(g),
-        (u.className += " ab-with-icon");
+        l.appendChild(g),
+        (b.className += " ab-with-icon");
     }
-    if ((oe(u, "touchstart"), e.header && e.header.length > 0)) {
+    if ((oe(b, "touchstart"), e.header && e.header.length > 0)) {
       const o = document.createElement("h1");
-      (o.className = "ab-message-header"), (e.Te = r.it.nt()), (o.id = e.Te);
+      (o.className = "ab-message-header"), (e.Te = r.Z.Y()), (o.id = e.Te);
       const a = (
         e.headerAlignment || InAppMessage.TextAlignment.CENTER
       ).toLowerCase();
       (o.className += " " + a + "-aligned"),
-        e.ye() || (o.style.color = ne(e.headerTextColor)),
+        e.ye() || (o.style.color = me(e.headerTextColor)),
         o.appendChild(document.createTextNode(e.header)),
-        u.appendChild(o);
+        b.appendChild(o);
     }
-    return u.appendChild(e.Be()), c.appendChild(u), f || d(), (e.qe = c), c;
-  })(e, o, a, s, t, n);
+    return b.appendChild(e.Be()), l.appendChild(b), f || c(), (e.qe = l), l;
+  })(e, a, s, t, n, i);
   if (e instanceof FullScreenMessage || e instanceof ModalMessage) {
-    const a = e instanceof FullScreenMessage ? "ab-fullscreen" : "ab-modal";
-    (b.className += ` ${a} ab-centered`),
-      me.De(e, o, b, t),
-      me.Ge(b),
-      me.He(e.Te, b);
+    const o = e instanceof FullScreenMessage ? "ab-fullscreen" : "ab-modal";
+    (u.className += ` ${o} ab-centered`),
+      le.De(e, a, u, n),
+      le.Ge(u),
+      le.He(e.Te, u);
   } else if (e instanceof SlideUpMessage) {
-    b.className += " ab-slideup";
-    const o = b.getElementsByClassName("ab-close-button")[0];
+    u.className += " ab-slideup";
+    const o = u.getElementsByClassName("ab-close-button")[0];
     if (null != o) {
       const a = ae(
         "0 0 11.38 19.44",
         "M11.38 9.72l-9.33 9.72L0 17.3l7.27-7.58L0 2.14 2.05 0l9.33 9.72z",
-        e.ye() ? void 0 : ne(e.closeButtonColor)
+        e.ye() ? void 0 : me(e.closeButtonColor)
       );
       a.setAttribute("class", "ab-chevron"), o.appendChild(a);
     }
     let a, s;
-    d(b, c.ot, e => {
-      (b.className += " ab-swiped-left"), o.onclick(e);
+    d(u, c.W, e => {
+      (u.className += " ab-swiped-left"),
+        null != o && null != o.onclick && o.onclick(e);
     }),
-      d(b, c.et, e => {
-        (b.className += " ab-swiped-right"), o.onclick(e);
+      d(u, c.X, e => {
+        (u.className += " ab-swiped-right"),
+          null != o && null != o.onclick && o.onclick(e);
       }),
       e.slideFrom === InAppMessage.SlideFrom.TOP
         ? ((a = c.Je), (s = " ab-swiped-up"))
         : ((a = c.Ke), (s = " ab-swiped-down")),
-      d(b, a, e => {
-        (b.className += s), o.onclick(e);
+      d(u, a, e => {
+        (u.className += s), null != o && null != o.onclick && o.onclick(e);
       });
   }
-  return b;
+  return u;
 }

package/src/InAppMessage/display/modal-utils.js

@@ -1,21 +1,22 @@
 import InAppMessage from "../models/in-app-message.js";
 import { _handleBrazeAction as m } from "../../Core/handle-braze-action.js";
 import { logInAppMessageButtonClick } from "../log-in-app-message-button-click.js";
-import { toRgba as ne } from "../../util/color-utils.js";
+import { toRgba as me } from "../../util/color-utils.js";
 import { addPassiveEventListener as oe } from "../../util/dom-utils.js";
-import { KeyCodes as at } from "../../util/key-codes.js";
-const me = {
+import { KeyCodes as lt } from "../../util/key-codes.js";
+const le = {
   Ge: t => {
     const o = t.querySelectorAll(
       ".ab-close-button, .ab-message-text, .ab-message-button"
     );
-    for (let t = 0; t < o.length; t++) o[t].tabIndex = 0;
+    let e;
+    for (let t = 0; t < o.length; t++) (e = o[t]), (e.tabIndex = 0);
     if (o.length > 0) {
       const e = o[0],
         s = o[o.length - 1];
       t.addEventListener("keydown", o => {
-        var a = document.activeElement;
-        o.keyCode === at.oo &&
+        const a = document.activeElement;
+        o.keyCode === lt.oo &&
           (o.shiftKey || (a !== s && a !== t)
             ? !o.shiftKey ||
               (a !== e && a !== t) ||
@@ -26,12 +27,12 @@ const me = {
   },
   He: (t, o) => {
     o.setAttribute("role", "dialog"),
-      o.setAttribute("aria-modal", !0),
+      o.setAttribute("aria-modal", "true"),
       o.setAttribute("aria-label", "Modal Message"),
       t && o.setAttribute("aria-labelledby", t);
   },
   De: (t, o, e, s) => {
-    if (t.buttons.length > 0) {
+    if (t.buttons && t.buttons.length > 0) {
       const a = document.createElement("div");
       (a.className = "ab-message-buttons"), e.appendChild(a);
       const l = e.getElementsByClassName("ab-message-text")[0];
@@ -40,7 +41,11 @@ const me = {
         t.he(e, () => {
           logInAppMessageButtonClick(a, t),
             a.clickAction === InAppMessage.ClickAction.URI
-              ? m(a.uri, l, s || t.openTarget === InAppMessage.OpenTarget.BLANK)
+              ? m(
+                  a.uri || "",
+                  s || t.openTarget === InAppMessage.OpenTarget.BLANK,
+                  l
+                )
               : a.clickAction === InAppMessage.ClickAction.NEWS_FEED && o();
         }),
         l.stopPropagation(),
@@ -56,13 +61,13 @@ const me = {
         "" === e.text && (l = " "),
           s.appendChild(document.createTextNode(l)),
           t.ye() ||
-            ((s.style.backgroundColor = ne(e.backgroundColor)),
-            (s.style.color = ne(e.textColor)),
-            (s.style.borderColor = ne(e.borderColor))),
+            ((s.style.backgroundColor = me(e.backgroundColor)),
+            (s.style.color = me(e.textColor)),
+            (s.style.borderColor = me(e.borderColor))),
           (s.onclick = n(e)),
           a.appendChild(s);
       }
     }
   }
 };
-export default me;
+export default le;

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

@@ -7,6 +7,7 @@ import ModalMessage from "./models/modal-message.js";
 import SlideUpMessage from "./models/slide-up-message.js";
 import r from "../../shared-lib/braze-shared-lib.js";
 export function newInAppMessageFromJson(e) {
+  if (!e) return null;
   if (e.is_control) return ControlMessage.fromJson(e);
   let s = e.type;
   null != s && (s = s.toUpperCase());
@@ -16,8 +17,8 @@ export function newInAppMessageFromJson(e) {
     n = e.extras,
     t = e.trigger_id,
     i = e.click_action,
-    p = e.uri,
-    f = e.open_target,
+    f = e.uri,
+    p = e.open_target,
     a = e.message_close,
     d = e.duration,
     u = e.icon,
@@ -46,7 +47,7 @@ export function newInAppMessageFromJson(e) {
   if (
     ((null != C && "" !== C && null != D && "" !== D) ||
       ((C = void 0), (D = void 0)),
-    s === ModalMessage.es || s === InAppMessage.es.Ne)
+    s === ModalMessage.es || s === InAppMessage.Ee.Ne)
   )
     B = new ModalMessage(
       o,
@@ -54,8 +55,8 @@ export function newInAppMessageFromJson(e) {
       n,
       t,
       i,
-      p,
       f,
+      p,
       a,
       d,
       u,
@@ -84,8 +85,8 @@ export function newInAppMessageFromJson(e) {
       n,
       t,
       i,
-      p,
       f,
+      p,
       a,
       d,
       u,
@@ -116,8 +117,8 @@ export function newInAppMessageFromJson(e) {
       n,
       t,
       i,
-      p,
       f,
+      p,
       a,
       d,
       u,
@@ -133,8 +134,8 @@ export function newInAppMessageFromJson(e) {
       D
     );
   else {
-    if (s !== HtmlMessage.es && s !== InAppMessage.es.Pe)
-      return void r.D.error("Ignoring message with unknown type " + s);
+    if (s !== HtmlMessage.es && s !== InAppMessage.Ee.Pe)
+      return void r.j.error("Ignoring message with unknown type " + s);
     {
       const s = e.message_fields;
       (B = new HtmlMessage(o, n, t, a, d, M, q, y, C, D, s)),

package/src/InAppMessage/in-app-message-manager-factory.js

@@ -1,16 +1,16 @@
-import ge from "./in-app-message-manager.js";
+import aa from "./in-app-message-manager.js";
 import e from "../managers/braze-instance.js";
-const pe = {
-  _e: null,
+const ea = {
+  i: null,
   t: !1,
   m: () => (
-    pe.o(), pe._e || (pe._e = new ge(e.nr(), e.g(), e.l(), e.p())), pe._e
+    ea.o(), ea.i || (ea.i = new aa(e.ar(), e.aa(), e.l(), e.ir())), ea.i
   ),
   o: () => {
-    pe.t || (e.u(pe), (pe.t = !0));
+    ea.t || (e.g(ea), (ea.t = !0));
   },
   destroy: () => {
-    (pe._e = null), (pe.t = !1);
+    (ea.i = null), (ea.t = !1);
   }
 };
-export default pe;
+export default ea;