@braze/web-sdk 5.0.1 → 5.1.0

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

@@ -1,10 +1,10 @@
 import {
   addPassiveEventListener as oe,
   buildSvg as ae,
-  detectSwipe as d,
-  DIRECTIONS as c,
+  detectSwipe as c,
+  DIRECTIONS as m,
 } from "../../util/dom-utils.js";
-import { createCloseButton as o } from "../../util/component-utils.js";
+import { createCloseButton as d } from "../../util/component-utils.js";
 import { isTransparent as ne, toRgba as ie } from "../../util/color-utils.js";
 import FullScreenMessage from "../models/full-screen-message.js";
 import HtmlMessage from "../models/html-message.js";
@@ -12,104 +12,104 @@ import InAppMessage from "../models/in-app-message.js";
 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 { _handleBrazeAction as u } from "../../Core/handle-braze-action.js";
 import ct 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, a, t, n, s, i, l, u = document.body) {
-  if (((e.ke = document.activeElement), e instanceof HtmlMessage))
-    return ct(e, a, t, s, i, l);
-  const b = (function (e, a, t, n, s, i, l = document.body) {
-    let c = null;
-    const d = document.createElement("div");
-    (d.className = "ab-in-app-message ab-start-hidden ab-background"),
-      i && (d.style.zIndex = (i + 1).toString()),
+import { logger as r, Guid as p } from "../../../shared-lib/index.js";
+export default function ce(e, o, a, t, n, s, i, l = document.body) {
+  if (((e.we = document.activeElement), e instanceof HtmlMessage))
+    return ct(e, o, a, n, s, i);
+  const b = (function (e, o, a, t, n, s, i = document.body) {
+    let m = null;
+    const l = document.createElement("div");
+    (l.className = "ab-in-app-message ab-start-hidden ab-background"),
+      s && (l.style.zIndex = (s + 1).toString()),
       e.xe() &&
-        ((d.className += " ab-modal-interactions"),
-        d.setAttribute("tabindex", "-1")),
-      e.Ae() ||
-        ((d.style.color = ie(e.textColor)),
-        (d.style.backgroundColor = ie(e.backgroundColor)),
-        ne(e.backgroundColor) && (d.className += " ab-no-shadow"));
-    const u = () => {
-        -1 !== d.className.indexOf("ab-start-hidden") &&
-          ((d.className = d.className.replace("ab-start-hidden", "")),
+        ((l.className += " ab-modal-interactions"),
+        l.setAttribute("tabindex", "-1")),
+      e.be() ||
+        ((l.style.color = ie(e.textColor)),
+        (l.style.backgroundColor = ie(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
-            ? n(
+            ? t(
                 `Cannot show in-app message ${e.message} because another message is being shown.`,
-                InAppMessage.Ie.Le,
+                InAppMessage.Me.ke,
               )
-            : t(d));
+            : a(l));
       },
       b = (o = !0) => {
         let a = document.querySelectorAll(".ab-iam-root");
-        (a && 0 !== a.length) || (a = l.querySelectorAll(".ab-iam-root")),
+        (a && 0 !== a.length) || (a = i.querySelectorAll(".ab-iam-root")),
           a &&
             a.length > 0 &&
             (a[0].classList.remove("ab-iam-img-loading"),
-            c && (clearTimeout(c), (c = null)),
+            m && (clearTimeout(m), (m = null)),
             o
-              ? u()
-              : r.j.error(
+              ? c()
+              : r.error(
                   `Cannot show in-app message ${e.message} because the image failed to load.`,
                 ));
       };
     e.imageStyle === InAppMessage.ImageStyle.GRAPHIC &&
-      (d.className += " graphic"),
+      (l.className += " graphic"),
       e.orientation === InAppMessage.Orientation.LANDSCAPE &&
-        (d.className += " landscape"),
+        (l.className += " landscape"),
       null != e.buttons &&
         0 === e.buttons.length &&
         (e.clickAction !== InAppMessage.ClickAction.NONE &&
-          (d.className += " ab-clickable"),
-        (d.onclick = (o) => (
-          e.ye(d, () => {
+          (l.className += " ab-clickable"),
+        (l.onclick = (a) => (
+          e.he(l, () => {
             logInAppMessageClick(e),
               e.clickAction === InAppMessage.ClickAction.URI
-                ? m(
+                ? u(
                     e.uri || "",
-                    s || e.openTarget === InAppMessage.OpenTarget.BLANK,
-                    o,
+                    n || e.openTarget === InAppMessage.OpenTarget.BLANK,
+                    a,
                   )
-                : e.clickAction === InAppMessage.ClickAction.NEWS_FEED && a();
+                : e.clickAction === InAppMessage.ClickAction.NEWS_FEED && o();
           }),
-          o.stopPropagation(),
+          a.stopPropagation(),
           !1
         )));
-    const p = o(
+    const g = d(
       "Close Message",
-      e.Ae() ? void 0 : ie(e.closeButtonColor),
+      e.be() ? void 0 : ie(e.closeButtonColor),
       () => {
-        e.ye(d);
+        e.he(l);
       },
     );
-    d.appendChild(p), i && (p.style.zIndex = (i + 2).toString());
-    const g = document.createElement("div");
-    g.className = "ab-message-text";
-    const f = (e.messageAlignment || e.Te).toLowerCase();
-    g.className += " " + f + "-aligned";
-    let h = !1;
-    const j = document.createElement("div");
-    if (((j.className = "ab-image-area"), e.imageUrl)) {
+    l.appendChild(g), s && (g.style.zIndex = (s + 2).toString());
+    const f = document.createElement("div");
+    f.className = "ab-message-text";
+    const h = (e.messageAlignment || e.$e).toLowerCase();
+    f.className += " " + h + "-aligned";
+    let j = !1;
+    const w = document.createElement("div");
+    if (((w.className = "ab-image-area"), e.imageUrl)) {
       if (e.cropType === InAppMessage.CropType.CENTER_CROP) {
         const o = document.createElement("span");
         (o.className = "ab-center-cropped-img"),
           (o.style.backgroundImage = "url(" + e.imageUrl + ")"),
           o.setAttribute("role", "img"),
           o.setAttribute("aria-label", "Modal Image"),
-          e.Be(o),
-          j.appendChild(o);
+          e.ze(o),
+          w.appendChild(o);
       } else {
         const o = document.createElement("img");
         if (
           (o.setAttribute("src", e.imageUrl),
-          e.Be(o),
+          e.ze(o),
           0 === document.querySelectorAll(".ab-iam-img-loading").length)
         ) {
-          h = !0;
+          j = !0;
           const e = document.querySelectorAll(".ab-iam-root");
           e && e.length > 0 && e[0].classList.add("ab-iam-img-loading"),
-            (c = window.setTimeout(() => {
+            (m = window.setTimeout(() => {
               b(!1);
             }, 6e4)),
             (o.onload = () => {
@@ -119,14 +119,14 @@ export default function ce(e, a, t, n, s, i, l, u = document.body) {
               b(!1);
             });
         }
-        j.appendChild(o);
+        w.appendChild(o);
       }
-      d.appendChild(j), (g.className += " ab-with-image");
+      l.appendChild(w), (f.className += " ab-with-image");
     } else if (e.icon) {
-      j.className += " ab-icon-area";
+      w.className += " ab-icon-area";
       const o = document.createElement("span");
       (o.className = "ab-icon"),
-        e.Ae() ||
+        e.be() ||
           ((o.style.backgroundColor = ie(e.iconBackgroundColor)),
           (o.style.color = ie(e.iconColor)));
       const a = document.createElement("i");
@@ -134,29 +134,29 @@ export default function ce(e, a, t, n, s, i, l, u = document.body) {
         a.appendChild(document.createTextNode(e.icon)),
         a.setAttribute("aria-hidden", "true"),
         o.appendChild(a),
-        j.appendChild(o),
-        d.appendChild(j),
-        (g.className += " ab-with-icon");
+        w.appendChild(o),
+        l.appendChild(w),
+        (f.className += " ab-with-icon");
     }
-    if ((oe(g, "touchstart"), e.header && e.header.length > 0)) {
+    if ((oe(f, "touchstart"), e.header && e.header.length > 0)) {
       const o = document.createElement("h1");
-      (o.className = "ab-message-header"), (e.De = r.Z.Y()), (o.id = e.De);
+      (o.className = "ab-message-header"), (e.Le = p.W()), (o.id = e.Le);
       const a = (
         e.headerAlignment || InAppMessage.TextAlignment.CENTER
       ).toLowerCase();
       (o.className += " " + a + "-aligned"),
-        e.Ae() || (o.style.color = ie(e.headerTextColor)),
+        e.be() || (o.style.color = ie(e.headerTextColor)),
         o.appendChild(document.createTextNode(e.header)),
-        g.appendChild(o);
+        f.appendChild(o);
     }
-    return g.appendChild(e.Ge()), d.appendChild(g), h || u(), (e.Me = d), d;
-  })(e, a, t, n, s, i, u);
+    return f.appendChild(e.Ie()), l.appendChild(f), j || c(), (e.Pe = l), l;
+  })(e, o, a, t, n, s, l);
   if (e instanceof FullScreenMessage || e instanceof ModalMessage) {
-    const o = e instanceof FullScreenMessage ? "ab-fullscreen" : "ab-modal";
-    (b.className += ` ${o} ab-centered`),
-      le.He(e, a, b, s),
-      le.Je(b),
-      le.Ke(e.De, b);
+    const a = e instanceof FullScreenMessage ? "ab-fullscreen" : "ab-modal";
+    (b.className += ` ${a} ab-centered`),
+      le.Te(e, o, b, n),
+      le.qe(b),
+      le.Be(e.Le, b);
   } else if (e instanceof SlideUpMessage) {
     b.className += " ab-slideup";
     const o = b.getElementsByClassName("ab-close-button")[0];
@@ -164,23 +164,23 @@ export default function ce(e, a, t, n, s, i, l, u = document.body) {
       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.Ae() ? void 0 : ie(e.closeButtonColor),
+        e.be() ? void 0 : ie(e.closeButtonColor),
       );
       a.setAttribute("class", "ab-chevron"), o.appendChild(a);
     }
     let a, t;
-    d(b, c.W, (e) => {
+    c(b, m.U, (e) => {
       (b.className += " ab-swiped-left"),
         null != o && null != o.onclick && o.onclick(e);
     }),
-      d(b, c.X, (e) => {
+      c(b, m.V, (e) => {
         (b.className += " ab-swiped-right"),
           null != o && null != o.onclick && o.onclick(e);
       }),
       e.slideFrom === InAppMessage.SlideFrom.TOP
-        ? ((a = c.Oe), (t = " ab-swiped-up"))
-        : ((a = c.Qe), (t = " ab-swiped-down")),
-      d(b, a, (e) => {
+        ? ((a = m.De), (t = " ab-swiped-up"))
+        : ((a = m.Ee), (t = " ab-swiped-down")),
+      c(b, a, (e) => {
         (b.className += t), null != o && null != o.onclick && o.onclick(e);
       });
   }

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

@@ -1,11 +1,11 @@
 import InAppMessage from "../models/in-app-message.js";
-import { _handleBrazeAction as m } from "../../Core/handle-braze-action.js";
+import { _handleBrazeAction as u } from "../../Core/handle-braze-action.js";
 import { logInAppMessageButtonClick } from "../log-in-app-message-button-click.js";
 import { toRgba as ie } from "../../util/color-utils.js";
 import { addPassiveEventListener as oe } from "../../util/dom-utils.js";
 import { KeyCodes as at } from "../../util/key-codes.js";
 const le = {
-  Je: (t) => {
+  qe: (t) => {
     const o = t.querySelectorAll(
       ".ab-close-button, .ab-message-text, .ab-message-button",
     );
@@ -16,7 +16,7 @@ const le = {
         s = o[o.length - 1];
       t.addEventListener("keydown", (o) => {
         const a = document.activeElement;
-        o.keyCode === at.oo &&
+        o.keyCode === at.lo &&
           (o.shiftKey || (a !== s && a !== t)
             ? !o.shiftKey ||
               (a !== e && a !== t) ||
@@ -25,23 +25,23 @@ const le = {
       });
     }
   },
-  Ke: (t, o) => {
+  Be: (t, o) => {
     o.setAttribute("role", "dialog"),
       o.setAttribute("aria-modal", "true"),
       o.setAttribute("aria-label", "Modal Message"),
       t && o.setAttribute("aria-labelledby", t);
   },
-  He: (t, o, e, s) => {
+  Te: (t, o, e, s) => {
     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];
       null != l && (l.className += " ab-with-buttons");
       const n = (a) => (l) => (
-        t.ye(e, () => {
+        t.he(e, () => {
           logInAppMessageButtonClick(a, t),
             a.clickAction === InAppMessage.ClickAction.URI
-              ? m(
+              ? u(
                   a.uri || "",
                   s || t.openTarget === InAppMessage.OpenTarget.BLANK,
                   l,
@@ -60,7 +60,7 @@ const le = {
         let l = e.text;
         "" === e.text && (l = " "),
           s.appendChild(document.createTextNode(l)),
-          t.Ae() ||
+          t.be() ||
             ((s.style.backgroundColor = ie(e.backgroundColor)),
             (s.style.color = ie(e.textColor)),
             (s.style.borderColor = ie(e.borderColor))),

package/src/InAppMessage/get-deferred-in-app-message.js

@@ -1,5 +1,5 @@
 import e from "../managers/braze-instance.js";
 import se from "./in-app-message-manager-factory.js";
 export function getDeferredInAppMessage() {
-  if (e.rr()) return se.m().Re();
+  if (e.X()) return se.m().Ge();
 }

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

@@ -5,13 +5,13 @@ import HtmlMessage from "./models/html-message.js";
 import InAppMessageButton from "./models/in-app-message-button.js";
 import ModalMessage from "./models/modal-message.js";
 import SlideUpMessage from "./models/slide-up-message.js";
-import r from "../../shared-lib/braze-shared-lib.js";
+import { logger as r } from "../../shared-lib/index.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());
-  const o = e.message,
+  let o = e.type;
+  null != o && (o = o.toUpperCase());
+  const s = e.message,
     n = e.text_align_message,
     m = e.slide_from,
     t = e.extras,
@@ -19,8 +19,8 @@ export function newInAppMessageFromJson(e) {
     i = e.click_action,
     f = e.uri,
     p = e.open_target,
-    a = e.message_close,
-    u = e.duration,
+    u = e.message_close,
+    a = e.duration,
     d = e.icon,
     g = e.image_url,
     c = e.image_style,
@@ -29,16 +29,16 @@ export function newInAppMessageFromJson(e) {
     b = e.bg_color,
     h = e.text_color,
     v = e.close_btn_color,
-    I = e.header,
-    x = e.text_align_header,
-    z = e.header_text_color,
-    A = e.frame_color,
-    F = [];
-  let M = e.btns;
-  null == M && (M = []);
-  for (let e = 0; e < M.length; e++) F.push(InAppMessageButton.fromJson(M[e]));
-  const k = e.crop_type,
-    y = e.orientation,
+    x = e.header,
+    I = e.text_align_header,
+    A = e.header_text_color,
+    F = e.frame_color,
+    M = [];
+  let k = e.btns;
+  null == k && (k = []);
+  for (let e = 0; e < k.length; e++) M.push(InAppMessageButton.fromJson(k[e]));
+  const y = e.crop_type,
+    z = e.orientation,
     J = e.animate_in,
     S = e.animate_out;
   let q,
@@ -47,18 +47,18 @@ export function newInAppMessageFromJson(e) {
   if (
     ((null != B && "" !== B && null != C && "" !== C) ||
       ((B = void 0), (C = void 0)),
-    s === ModalMessage.et || s === InAppMessage.qe.Se)
+    o === ModalMessage.it || o === InAppMessage.Ce.Je)
   )
     q = new ModalMessage(
-      o,
+      s,
       n,
       t,
       l,
       i,
       f,
       p,
-      a,
       u,
+      a,
       d,
       g,
       c,
@@ -69,26 +69,26 @@ export function newInAppMessageFromJson(e) {
       v,
       J,
       S,
-      I,
       x,
-      z,
+      I,
       A,
       F,
-      k,
+      M,
+      y,
       B,
       C,
     );
-  else if (s === FullScreenMessage.et)
+  else if (o === FullScreenMessage.it)
     q = new FullScreenMessage(
-      o,
+      s,
       n,
       t,
       l,
       i,
       f,
       p,
-      a,
       u,
+      a,
       d,
       g,
       c,
@@ -99,19 +99,19 @@ export function newInAppMessageFromJson(e) {
       v,
       J,
       S,
-      I,
       x,
-      z,
+      I,
       A,
       F,
-      k,
+      M,
       y,
+      z,
       B,
       C,
     );
-  else if (s === SlideUpMessage.et)
+  else if (o === SlideUpMessage.it)
     q = new SlideUpMessage(
-      o,
+      s,
       n,
       m,
       t,
@@ -119,8 +119,8 @@ export function newInAppMessageFromJson(e) {
       i,
       f,
       p,
-      a,
       u,
+      a,
       d,
       g,
       j,
@@ -135,32 +135,32 @@ export function newInAppMessageFromJson(e) {
     );
   else {
     if (
-      s !== HtmlMessage.et &&
-      s !== InAppMessage.qe.Ee &&
-      s !== InAppMessage.qe.Ue
+      o !== HtmlMessage.it &&
+      o !== InAppMessage.Ce.je &&
+      o !== InAppMessage.Ce.Se
     )
-      return void r.j.error("Ignoring message with unknown type " + s);
+      return void r.error("Ignoring message with unknown type " + o);
     {
-      const s = e.message_fields;
-      (q = new HtmlMessage(o, t, l, a, u, J, S, A, B, C, s)),
+      const o = e.message_fields;
+      (q = new HtmlMessage(s, t, l, u, a, J, S, F, B, C, o)),
         (q.trusted = e.trusted || !1);
     }
   }
-  return (q.Pe = s), q;
+  return (q.Ae = o), q;
 }
 export function buttonsFromSerializedInAppMessage(e) {
-  const s = [];
-  for (const o of e)
-    s.push(
+  const o = [];
+  for (const s of e)
+    o.push(
       new InAppMessageButton(
-        o.text,
-        o.backgroundColor,
-        o.textColor,
-        o.borderColor,
-        o.clickAction,
-        o.uri,
-        o.id,
+        s.text,
+        s.backgroundColor,
+        s.textColor,
+        s.borderColor,
+        s.clickAction,
+        s.uri,
+        s.id,
       ),
     );
-  return s;
+  return o;
 }

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

@@ -4,7 +4,7 @@ const se = {
   i: null,
   t: !1,
   m: () => (
-    se.o(), se.i || (se.i = new aa(e.ar(), e.aa(), e.l(), e.ir())), se.i
+    se.o(), se.i || (se.i = new aa(e.nr(), e.zr(), e.l(), e.er())), se.i
   ),
   o: () => {
     se.t || (e.g(se), (se.t = !0));