@braze/web-sdk 5.5.0 → 5.6.0

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

@@ -1,48 +1,48 @@
 import {
-  addPassiveEventListener as oe,
-  buildSvg as ae,
-  detectSwipe as c,
-  DIRECTIONS as m,
+  addPassiveEventListener as J,
+  buildSvg as oe,
+  detectSwipe as H,
+  DIRECTIONS as R,
 } from "../../util/dom-utils.js";
-import { createCloseButton as d } from "../../util/component-utils.js";
-import { isTransparent as ne, toRgba as ie } from "../../util/color-utils.js";
+import { createCloseButton as T } from "../../util/component-utils.js";
+import { isTransparent as ae, toRgba as le } 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";
 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 u } from "../../Core/handle-braze-action.js";
+import { _handleBrazeAction as F } from "../../Core/handle-braze-action.js";
 import dt from "./html-message-to-html.js";
-import le from "./modal-utils.js";
-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, b = "ltr") {
-  if (((e.ke = document.activeElement), e instanceof HtmlMessage))
+import ce from "./modal-utils.js";
+import { logger as N, Guid as G } from "../../../shared-lib/index.js";
+export default function de(e, o, a, t, n, s, i, m = document.body, l = "ltr") {
+  if (((e.Xe = document.activeElement), e instanceof HtmlMessage))
     return dt(e, o, a, n, s, i);
-  const g = (function (e, o, a, t, n, s, i = document.body, m = "ltr") {
+  const c = (function (e, o, a, t, n, s, i = document.body, m = "ltr") {
     let l = null;
     const c = document.createElement("div");
     (c.dir = m),
       (c.className = "ab-in-app-message ab-start-hidden ab-background"),
       s && (c.style.zIndex = (s + 1).toString()),
-      e.$e() &&
+      e.Ye() &&
         ((c.className += " ab-modal-interactions"),
         c.setAttribute("tabindex", "-1")),
-      e.ve() ||
-        ((c.style.color = ie(e.textColor)),
-        (c.style.backgroundColor = ie(e.backgroundColor)),
-        ne(e.backgroundColor) && (c.className += " ab-no-shadow"));
-    const b = () => {
+      e.Oe() ||
+        ((c.style.color = le(e.textColor)),
+        (c.style.backgroundColor = le(e.backgroundColor)),
+        ae(e.backgroundColor) && (c.className += " ab-no-shadow"));
+    const d = () => {
         -1 !== c.className.indexOf("ab-start-hidden") &&
           ((c.className = c.className.replace("ab-start-hidden", "")),
           document.querySelectorAll(".ab-iam-img-loading").length > 0
             ? t(
                 `Cannot show in-app message ${e.message} because another message is being shown.`,
-                InAppMessage.Le.ze,
+                InAppMessage.lo.Ze,
               )
             : a(c));
       },
-      g = (o = !0) => {
+      r = (o = !0) => {
         let a = document.querySelectorAll(".ab-iam-root");
         (a && 0 !== a.length) || (a = i.querySelectorAll(".ab-iam-root")),
           a &&
@@ -50,8 +50,8 @@ export default function ce(e, o, a, t, n, s, i, l = document.body, b = "ltr") {
             (a[0].classList.remove("ab-iam-img-loading"),
             l && (clearTimeout(l), (l = null)),
             o
-              ? b()
-              : r.error(
+              ? d()
+              : N.error(
                   `Cannot show in-app message ${e.message} because the image failed to load.`,
                 ));
       };
@@ -64,10 +64,10 @@ export default function ce(e, o, a, t, n, s, i, l = document.body, b = "ltr") {
         (e.clickAction !== InAppMessage.ClickAction.NONE &&
           (c.className += " ab-clickable"),
         (c.onclick = (a) => (
-          e.Cr(c, () => {
+          e.ll(c, () => {
             logInAppMessageClick(e),
               e.clickAction === InAppMessage.ClickAction.URI
-                ? u(
+                ? F(
                     e.uri || "",
                     n || e.openTarget === InAppMessage.OpenTarget.BLANK,
                     a,
@@ -77,114 +77,114 @@ export default function ce(e, o, a, t, n, s, i, l = document.body, b = "ltr") {
           a.stopPropagation(),
           !1
         )));
-    const f = d(
+    const u = T(
       "Close Message",
-      e.ve() ? void 0 : ie(e.closeButtonColor),
+      e.Oe() ? void 0 : le(e.closeButtonColor),
       () => {
-        e.Cr(c);
+        e.ll(c);
       },
       m,
     );
-    c.appendChild(f), s && (f.style.zIndex = (s + 2).toString());
-    const h = document.createElement("div");
-    (h.className = "ab-message-text"), (h.dir = m);
-    const j = (e.messageAlignment || e.qe).toLowerCase();
-    h.className += " " + j + "-aligned";
-    let w = !1;
-    const v = document.createElement("div");
-    if (((v.className = "ab-image-area"), e.imageUrl)) {
+    c.appendChild(u), s && (u.style.zIndex = (s + 2).toString());
+    const b = document.createElement("div");
+    (b.className = "ab-message-text"), (b.dir = m);
+    const p = (e.messageAlignment || e.do).toLowerCase();
+    b.className += " " + p + "-aligned";
+    let g = !1;
+    const f = document.createElement("div");
+    if (((f.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.Ae(o),
-          v.appendChild(o);
+          e.uo(o),
+          f.appendChild(o);
       } else {
         const o = document.createElement("img");
         if (
           (o.setAttribute("src", e.imageUrl),
-          e.Ae(o),
+          e.uo(o),
           0 === document.querySelectorAll(".ab-iam-img-loading").length)
         ) {
-          w = !0;
+          g = !0;
           const e = document.querySelectorAll(".ab-iam-root");
           e && e.length > 0 && e[0].classList.add("ab-iam-img-loading"),
             (l = window.setTimeout(() => {
-              g(!1);
+              r(!1);
             }, 6e4)),
             (o.onload = () => {
-              g();
+              r();
             }),
             (o.onerror = () => {
-              g(!1);
+              r(!1);
             });
         }
-        v.appendChild(o);
+        f.appendChild(o);
       }
-      c.appendChild(v), (h.className += " ab-with-image");
+      c.appendChild(f), (b.className += " ab-with-image");
     } else if (e.icon) {
-      v.className += " ab-icon-area";
+      f.className += " ab-icon-area";
       const o = document.createElement("span");
       (o.className = "ab-icon"),
-        e.ve() ||
-          ((o.style.backgroundColor = ie(e.iconBackgroundColor)),
-          (o.style.color = ie(e.iconColor)));
+        e.Oe() ||
+          ((o.style.backgroundColor = le(e.iconBackgroundColor)),
+          (o.style.color = le(e.iconColor)));
       const a = document.createElement("i");
       (a.className = "fa"),
         a.appendChild(document.createTextNode(e.icon)),
         a.setAttribute("aria-hidden", "true"),
         o.appendChild(a),
-        v.appendChild(o),
-        c.appendChild(v),
-        (h.className += " ab-with-icon");
+        f.appendChild(o),
+        c.appendChild(f),
+        (b.className += " ab-with-icon");
     }
-    if ((oe(h, "touchstart"), e.header && e.header.length > 0)) {
+    if ((J(b, "touchstart"), e.header && e.header.length > 0)) {
       const o = document.createElement("h1");
-      (o.className = "ab-message-header"), (e.De = p.W()), (o.id = e.De);
+      (o.className = "ab-message-header"), (e.bo = G.Rt()), (o.id = e.bo);
       const a = (
         e.headerAlignment || InAppMessage.TextAlignment.CENTER
       ).toLowerCase();
       (o.className += " " + a + "-aligned"),
-        e.ve() || (o.style.color = ie(e.headerTextColor)),
+        e.Oe() || (o.style.color = le(e.headerTextColor)),
         o.appendChild(document.createTextNode(e.header)),
-        h.appendChild(o);
+        b.appendChild(o);
     }
-    return h.appendChild(e.Ge()), c.appendChild(h), w || b(), (e.Re = c), c;
-  })(e, o, a, t, n, s, l, b);
+    return b.appendChild(e.po()), c.appendChild(b), g || d(), (e.We = c), c;
+  })(e, o, a, t, n, s, m, l);
   if (e instanceof FullScreenMessage || e instanceof ModalMessage) {
     const a = e instanceof FullScreenMessage ? "ab-fullscreen" : "ab-modal";
-    (g.className += ` ${a} ab-centered`),
-      le.He(e, o, g, n),
-      le.Je(g),
-      le.Ke(e.De, g);
+    (c.className += ` ${a} ab-centered`),
+      ce.fo(e, o, c, n),
+      ce.ho(c),
+      ce.jo(e.bo, c);
   } else if (e instanceof SlideUpMessage) {
-    g.className += " ab-slideup";
-    const o = g.getElementsByClassName("ab-close-button")[0];
+    c.className += " ab-slideup";
+    const o = c.getElementsByClassName("ab-close-button")[0];
     if (null != o) {
-      const a = ae(
+      const a = oe(
         "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.ve() ? void 0 : ie(e.closeButtonColor),
+        e.Oe() ? void 0 : le(e.closeButtonColor),
       );
       a.setAttribute("class", "ab-chevron"), o.appendChild(a);
     }
     let a, t;
-    c(g, m.U, (e) => {
-      (g.className += " ab-swiped-left"),
+    H(c, R.kt, (e) => {
+      (c.className += " ab-swiped-left"),
         null != o && null != o.onclick && o.onclick(e);
     }),
-      c(g, m.V, (e) => {
-        (g.className += " ab-swiped-right"),
+      H(c, R.Ht, (e) => {
+        (c.className += " ab-swiped-right"),
           null != o && null != o.onclick && o.onclick(e);
       }),
       e.slideFrom === InAppMessage.SlideFrom.TOP
-        ? ((a = m.Oe), (t = " ab-swiped-up"))
-        : ((a = m.Qe), (t = " ab-swiped-down")),
-      c(g, a, (e) => {
-        (g.className += t), null != o && null != o.onclick && o.onclick(e);
+        ? ((a = R.wo), (t = " ab-swiped-up"))
+        : ((a = R.vo), (t = " ab-swiped-down")),
+      H(c, a, (e) => {
+        (c.className += t), null != o && null != o.onclick && o.onclick(e);
       });
   }
-  return g;
+  return c;
 }

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

@@ -1,11 +1,11 @@
 import InAppMessage from "../models/in-app-message.js";
-import { _handleBrazeAction as u } from "../../Core/handle-braze-action.js";
+import { _handleBrazeAction as F } 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 mt } from "../../util/key-codes.js";
-const le = {
-  Je: (t) => {
+import { toRgba as le } from "../../util/color-utils.js";
+import { addPassiveEventListener as J } from "../../util/dom-utils.js";
+import { KeyCodes as bt } from "../../util/key-codes.js";
+const ce = {
+  ho: (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 === mt.lo &&
+        o.keyCode === bt.yo &&
           (o.shiftKey || (a !== s && a !== t)
             ? !o.shiftKey ||
               (a !== e && a !== t) ||
@@ -25,23 +25,23 @@ const le = {
       });
     }
   },
-  Ke: (t, o) => {
+  jo: (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) => {
+  fo: (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.Cr(e, () => {
+        t.ll(e, () => {
           logInAppMessageButtonClick(a, t),
             a.clickAction === InAppMessage.ClickAction.URI
-              ? u(
+              ? F(
                   a.uri || "",
                   s || t.openTarget === InAppMessage.OpenTarget.BLANK,
                   l,
@@ -56,18 +56,18 @@ const le = {
           s = document.createElement("button");
         (s.className = "ab-message-button"),
           s.setAttribute("type", "button"),
-          oe(s, "touchstart");
+          J(s, "touchstart");
         let l = e.text;
         "" === e.text && (l = " "),
           s.appendChild(document.createTextNode(l)),
-          t.ve() ||
-            ((s.style.backgroundColor = ie(e.backgroundColor)),
-            (s.style.color = ie(e.textColor)),
-            (s.style.borderColor = ie(e.borderColor))),
+          t.Oe() ||
+            ((s.style.backgroundColor = le(e.backgroundColor)),
+            (s.style.color = le(e.textColor)),
+            (s.style.borderColor = le(e.borderColor))),
           (s.onclick = n(e)),
           a.appendChild(s);
       }
     }
   },
 };
-export default le;
+export default ce;

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

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

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

@@ -5,7 +5,7 @@ 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 { logger as r } from "../../shared-lib/index.js";
+import { logger as N } from "../../shared-lib/index.js";
 export function newInAppMessageFromJson(e) {
   if (!e) return null;
   if (e.is_control) return ControlMessage.fromJson(e);
@@ -13,44 +13,45 @@ export function newInAppMessageFromJson(e) {
   null != o && (o = o.toUpperCase());
   const s = e.message,
     n = e.text_align_message,
-    t = e.slide_from,
-    m = e.extras,
-    l = e.trigger_id,
-    i = e.click_action,
-    f = e.uri,
-    p = e.open_target,
-    u = e.message_close,
-    a = e.duration,
-    d = e.icon,
-    g = e.image_url,
-    c = e.image_style,
-    j = e.icon_color,
-    w = e.icon_bg_color,
-    b = e.bg_color,
-    h = e.text_color,
-    v = e.close_btn_color,
-    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 = e.html_id,
-    B = e.css;
-  (null != q && "" !== q && null != B && "" !== B) ||
-    ((q = void 0), (B = void 0));
-  const C = e.message_extras;
-  let D;
-  if (o === ModalMessage.it || o === InAppMessage.Be.Ue)
-    D = new ModalMessage(
+    r = e.slide_from,
+    t = e.extras,
+    m = e.trigger_id,
+    l = e.click_action,
+    i = e.uri,
+    f = e.open_target,
+    p = e.message_close,
+    u = e.duration,
+    a = e.icon,
+    d = e.image_url,
+    g = e.image_style,
+    c = e.icon_color,
+    j = e.icon_bg_color,
+    w = e.bg_color,
+    b = e.text_color,
+    h = e.close_btn_color,
+    v = e.header,
+    x = e.text_align_header,
+    I = 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,
+    z = e.animate_in,
+    J = e.animate_out;
+  let S = e.html_id,
+    q = e.css;
+  (null != S && "" !== S && null != q && "" !== q) ||
+    ((S = void 0), (q = void 0));
+  const B = e.message_extras;
+  let C;
+  if (o === ModalMessage.Dt || o === InAppMessage.Qe.xo)
+    C = new ModalMessage(
       s,
       n,
+      t,
       m,
       l,
       i,
@@ -65,23 +66,23 @@ export function newInAppMessageFromJson(e) {
       w,
       b,
       h,
-      v,
+      z,
       J,
-      S,
+      v,
       x,
       I,
       A,
       F,
-      M,
-      y,
+      k,
+      S,
       q,
       B,
-      C,
     );
-  else if (o === FullScreenMessage.it)
-    D = new FullScreenMessage(
+  else if (o === FullScreenMessage.Dt)
+    C = new FullScreenMessage(
       s,
       n,
+      t,
       m,
       l,
       i,
@@ -96,24 +97,24 @@ export function newInAppMessageFromJson(e) {
       w,
       b,
       h,
-      v,
+      z,
       J,
-      S,
+      v,
       x,
       I,
       A,
       F,
-      M,
+      k,
       y,
-      z,
+      S,
       q,
       B,
-      C,
     );
-  else if (o === SlideUpMessage.it)
-    D = new SlideUpMessage(
+  else if (o === SlideUpMessage.Dt)
+    C = new SlideUpMessage(
       s,
       n,
+      r,
       t,
       m,
       l,
@@ -123,32 +124,31 @@ export function newInAppMessageFromJson(e) {
       u,
       a,
       d,
-      g,
+      c,
       j,
       w,
       b,
       h,
-      v,
+      z,
       J,
       S,
       q,
       B,
-      C,
     );
   else {
     if (
-      o !== HtmlMessage.it &&
-      o !== InAppMessage.Be.Me &&
-      o !== InAppMessage.Be.Ve
+      o !== HtmlMessage.Dt &&
+      o !== InAppMessage.Qe.Le &&
+      o !== InAppMessage.Qe.Io
     )
-      return void r.error("Ignoring message with unknown type " + o);
+      return void N.error("Ignoring message with unknown type " + o);
     {
       const o = e.message_fields;
-      (D = new HtmlMessage(s, m, l, u, a, J, S, F, q, B, o, C)),
-        (D.trusted = e.trusted || !1);
+      (C = new HtmlMessage(s, t, m, p, u, z, J, A, S, q, o, B)),
+        (C.trusted = e.trusted || !1);
     }
   }
-  return (D.xe = o), D;
+  return (C.Ke = o), C;
 }
 export function buttonsFromSerializedInAppMessage(e) {
   const o = [];

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

@@ -1,16 +1,16 @@
-import aa from "./in-app-message-manager.js";
-import e from "../managers/braze-instance.js";
+import ea from "./in-app-message-manager.js";
+import r from "../managers/braze-instance.js";
 const se = {
-  i: null,
-  t: !1,
-  m: () => (
-    se.o(), se.i || (se.i = new aa(e.nr(), e.zr(), e.l(), e.er())), se.i
+  aa: null,
+  l: !1,
+  ea: () => (
+    se.p(), se.aa || (se.aa = new ea(r.g(), r.P(), r.j(), r.tr())), se.aa
   ),
-  o: () => {
-    se.t || (e.g(se), (se.t = !0));
+  p: () => {
+    se.l || (r.h(se), (se.l = !0));
   },
   destroy: () => {
-    (se.i = null), (se.t = !1);
+    (se.aa = null), (se.l = !1);
   },
 };
 export default se;