@braze/web-sdk 6.10.2 → 6.12.0

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

@@ -1,11 +1,11 @@
 import ro from "../../util/browser-detector.js";
 import { logInAppMessageHtmlClick } from "../index.js";
 import { OperatingSystems as so } from "../../util/device-constants.js";
-import { buildHtmlClickHandler as ct } from "./html-message-display-utils.js";
+import { buildHtmlClickHandler as bt } from "./html-message-display-utils.js";
 import { attachHtmlToIframeWithNonce as N } from "../../util/html-display-utils.js";
 import { buildBrazeBridge as E } from "../../util/html-display-utils.js";
-import { IamServerTypes as dt } from "../constants.js";
-export default function ft(t, o, s, e, n) {
+import { IamServerTypes as gt } from "../constants.js";
+export default function jt(t, o, s, e, n) {
   const i = document.createElement("iframe");
   i.setAttribute("title", "Modal Message"),
     e && (i.style.zIndex = (e + 1).toString());
@@ -19,7 +19,7 @@ export default function ft(t, o, s, e, n) {
         if (t.Mo()) {
           const o = document.createElement("style");
           (o.innerHTML = t.css || ""),
-            (o.id = t.Oo() || ""),
+            (o.id = t.Co() || ""),
             null != n && o.setAttribute("nonce", n),
             a.appendChild(o);
         }
@@ -42,15 +42,15 @@ export default function ft(t, o, s, e, n) {
           },
         },
       );
-      if (((e.appboyBridge = r), (e.brazeBridge = r), t.ko !== dt.PE)) {
+      if (((e.appboyBridge = r), (e.brazeBridge = r), t.Oo !== gt.CE)) {
         const o = e.document.getElementsByTagName("a");
-        for (let e = 0; e < o.length; e++) o[e].onclick = ct(t, i, o[e], s);
+        for (let e = 0; e < o.length; e++) o[e].onclick = bt(t, i, o[e], s);
         const n = e.document.getElementsByTagName("button");
-        for (let o = 0; o < n.length; o++) n[o].onclick = ct(t, i, n[o], s);
+        for (let o = 0; o < n.length; o++) n[o].onclick = bt(t, i, n[o], s);
       }
       const c = e.document.body;
       if (null != c) {
-        t.Bo() && (c.id = t.htmlId || "");
+        t.ko() && (c.id = t.htmlId || "");
         const o = document.createElement("hidden");
         (o.onclick = r.closeMessage),
           (o.className = "ab-programmatic-close-button"),
@@ -66,8 +66,8 @@ export default function ft(t, o, s, e, n) {
   ) {
     const o = document.createElement("div");
     return (
-      (o.className = "ab-ios-scroll-wrapper"), o.appendChild(i), (t.Eo = o), o
+      (o.className = "ab-ios-scroll-wrapper"), o.appendChild(i), (t.Bo = o), o
     );
   }
-  return (t.Eo = i), i;
+  return (t.Bo = i), i;
 }

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

@@ -1,34 +1,33 @@
 import {
   addPassiveEventListener as F,
-  buildSvg as we,
+  buildSvg as oe,
   detectSwipe as O,
   DIRECTIONS as P,
 } from "../../util/dom-utils.js";
 import { createCloseButton as T } from "../../util/component-utils.js";
-import { isTransparent as ve, toRgba as ke } from "../../util/color-utils.js";
+import { isTransparent as te, toRgba as ae } from "../../util/color-utils.js";
 import FullScreenMessage from "../models/full-screen-message.js";
 import HtmlMessage from "../models/html-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 Q } from "../../Core/handle-braze-action.js";
-import ft from "./html-message-to-html.js";
-import xe from "./modal-utils.js";
-import { logger as b, Guid as V } from "../../../shared-lib/index.js";
-import { KeyCodes as Ce } from "../../util/key-codes.js";
+import jt from "./html-message-to-html.js";
+import ie from "./modal-utils.js";
+import { Guid as V } from "../../../shared-lib/index.js";
+import { KeyCodes as le } from "../../util/key-codes.js";
 import {
-  IamClickAction as Le,
-  IamCropType as Me,
-  IamDisplayFailures as qe,
-  IamImageStyle as Ae,
-  IamOpenTarget as ut,
-  IamOrientation as De,
-  IamSlideFrom as Ee,
-  IamTextAlignment as Fe,
+  IamClickAction as ce,
+  IamCropType as de,
+  IamImageStyle as ue,
+  IamOpenTarget as dt,
+  IamOrientation as be,
+  IamSlideFrom as fe,
+  IamTextAlignment as pe,
 } from "../constants.js";
-export default function Ge(e, o, t, a, n, i, s = document.body, m = "ltr") {
+export default function ge(e, o, t, a, n, i, s = document.body, m = "ltr") {
   if (((e.$o = document.activeElement), e instanceof HtmlMessage))
-    return ft(e, o, a, n, i);
+    return jt(e, o, a, n, i);
   const l = (function (e, o, t, a, n, i = document.body, s = "ltr") {
     let m = null;
     const l = document.createElement("div");
@@ -39,55 +38,58 @@ export default function Ge(e, o, t, a, n, i, s = document.body, m = "ltr") {
         ((l.className += " ab-modal-interactions"),
         l.setAttribute("tabindex", "-1")),
       e.Mo() ||
-        ((l.style.color = ke(e.textColor)),
-        (l.style.backgroundColor = ke(e.backgroundColor)),
-        ve(e.backgroundColor) && (l.className += " ab-no-shadow"));
+        ((l.style.color = ae(e.textColor)),
+        (l.style.backgroundColor = ae(e.backgroundColor)),
+        te(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
             ? t(
                 `Cannot show in-app message ${e.message} because another message is being shown.`,
-                qe.tE,
               )
             : o(l));
       },
       r = (o = !0) => {
-        let t = document.querySelectorAll(".ab-iam-root");
-        (t && 0 !== t.length) || (t = i.querySelectorAll(".ab-iam-root")),
-          t &&
-            t.length > 0 &&
-            (t[0].classList.remove("ab-iam-img-loading"),
+        let a = document.querySelectorAll(".ab-iam-root");
+        if (
+          ((a && 0 !== a.length) || (a = i.querySelectorAll(".ab-iam-root")),
+          a && a.length > 0)
+        )
+          if (
+            (a[0].classList.remove("ab-iam-img-loading"),
             m && (clearTimeout(m), (m = null)),
-            o
-              ? c()
-              : b.error(
-                  `Cannot show in-app message ${e.message} because the image failed to load.`,
-                ));
+            o)
+          )
+            c();
+          else {
+            const o = `Cannot show in-app message ${e.message} because the image failed to load.`;
+            t(o);
+          }
       };
     if (
-      (e.imageStyle === Ae.GRAPHIC && (l.className += " graphic"),
-      e.orientation === De.LANDSCAPE && (l.className += " landscape"),
+      (e.imageStyle === ue.GRAPHIC && (l.className += " graphic"),
+      e.orientation === be.LANDSCAPE && (l.className += " landscape"),
       null != e.buttons && 0 === e.buttons.length)
     ) {
-      e.clickAction !== Le.NONE && (l.className += " ab-clickable");
+      e.clickAction !== ce.NONE && (l.className += " ab-clickable");
       const o = (o) => (
         e.tl(l, () => {
           logInAppMessageClick(e),
-            e.clickAction === Le.URI &&
-              Q(e.uri || "", a || e.openTarget === ut.BLANK, o);
+            e.clickAction === ce.URI &&
+              Q(e.uri || "", a || e.openTarget === dt.BLANK, o);
         }),
         o.stopPropagation(),
         !1
       );
       (l.onclick = o),
         l.addEventListener("keydown", (e) => {
-          if (e.keyCode === Ce.Lo || e.keyCode === Ce.Ao) return o(e);
+          if (e.keyCode === le.Lo || e.keyCode === le.To) return o(e);
         });
     }
     const d = T(
       "Close Message",
-      e.Mo() ? void 0 : ke(e.closeButtonColor),
+      e.Mo() ? void 0 : ae(e.closeButtonColor),
       () => {
         e.tl(l);
       },
@@ -98,18 +100,18 @@ export default function Ge(e, o, t, a, n, i, s = document.body, m = "ltr") {
     (u.className = "ab-message-text"),
       (u.dir = s),
       u.setAttribute("role", "article");
-    const f = (e.messageAlignment || e.Go).toLowerCase();
-    u.className += " " + f + "-aligned";
-    let p = !1;
-    const g = document.createElement("div");
-    if (((g.className = "ab-image-area"), e.imageUrl)) {
+    const b = (e.messageAlignment || e.qo).toLowerCase();
+    u.className += " " + b + "-aligned";
+    let f = !1;
+    const p = document.createElement("div");
+    if (((p.className = "ab-image-area"), e.imageUrl)) {
       const o = document.createElement("img");
       if (
         (o.setAttribute("src", e.imageUrl),
-        e.Ho(o),
+        e.Ao(o),
         0 === document.querySelectorAll(".ab-iam-img-loading").length)
       ) {
-        p = !0;
+        f = !0;
         const e = document.querySelectorAll(".ab-iam-root");
         e && e.length > 0 && e[0].classList.add("ab-iam-img-loading"),
           (m = window.setTimeout(() => {
@@ -122,57 +124,57 @@ export default function Ge(e, o, t, a, n, i, s = document.body, m = "ltr") {
             r(!1);
           });
       }
-      if (e.cropType === Me.CENTER_CROP) {
+      if (e.cropType === de.CENTER_CROP) {
         const e = document.createElement("div");
         (e.className = "ab-center-cropped-img"),
           e.appendChild(o),
-          g.appendChild(e);
-      } else g.appendChild(o);
-      l.appendChild(g), (u.className += " ab-with-image");
+          p.appendChild(e);
+      } else p.appendChild(o);
+      l.appendChild(p), (u.className += " ab-with-image");
     } else if (e.icon) {
-      g.className += " ab-icon-area";
+      p.className += " ab-icon-area";
       const o = document.createElement("span");
       (o.className = "ab-icon"),
         e.Mo() ||
-          ((o.style.backgroundColor = ke(e.iconBackgroundColor)),
-          (o.style.color = ke(e.iconColor)));
+          ((o.style.backgroundColor = ae(e.iconBackgroundColor)),
+          (o.style.color = ae(e.iconColor)));
       const t = document.createElement("i");
       (t.className = "fa"),
         t.appendChild(document.createTextNode(e.icon)),
         t.setAttribute("aria-hidden", "true"),
         o.appendChild(t),
-        g.appendChild(o),
-        l.appendChild(g),
+        p.appendChild(o),
+        l.appendChild(p),
         (u.className += " ab-with-icon");
     }
     if ((F(u, "touchstart"), e.header && e.header.length > 0)) {
       const o = document.createElement("h1");
-      (o.className = "ab-message-header"), (e.Jo = V.de()), (o.id = e.Jo);
-      const t = (e.headerAlignment || Fe.CENTER).toLowerCase();
+      (o.className = "ab-message-header"), (e.Do = V.de()), (o.id = e.Do);
+      const t = (e.headerAlignment || pe.CENTER).toLowerCase();
       (o.className += " " + t + "-aligned"),
-        e.Mo() || (o.style.color = ke(e.headerTextColor)),
+        e.Mo() || (o.style.color = ae(e.headerTextColor)),
         o.appendChild(document.createTextNode(e.header)),
         u.appendChild(o);
     }
-    const h = e.Ko();
-    return u.appendChild(h), l.appendChild(u), p || c(), (e.Eo = l), l;
+    const g = e.Eo();
+    return u.appendChild(g), l.appendChild(u), f || c(), (e.Bo = l), l;
   })(e, o, t, a, n, s, m);
   if (e instanceof FullScreenMessage || e instanceof ModalMessage) {
     const o = e instanceof FullScreenMessage ? "ab-fullscreen" : "ab-modal";
     (l.className += ` ${o} ab-centered`),
-      xe.No(e, l, a),
-      xe.Po(l),
-      xe.Qo(e.Jo, l);
+      ie.Go(e, l, a),
+      ie.Ho(l),
+      ie.Io(e.Do, l);
   } else if (e instanceof SlideUpMessage) {
     (l.className += " ab-slideup"),
       l.setAttribute("tabindex", "0"),
       l.setAttribute("role", "alert");
     const o = l.getElementsByClassName("ab-close-button")[0];
     if (null != o) {
-      const t = we(
+      const t = 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.Mo() ? void 0 : ke(e.closeButtonColor),
+        e.Mo() ? void 0 : ae(e.closeButtonColor),
       );
       t.setAttribute("class", `ab-chevron ${m}`), o.appendChild(t);
     }
@@ -185,9 +187,9 @@ export default function Ge(e, o, t, a, n, i, s = document.body, m = "ltr") {
         (l.className += " ab-swiped-right"),
           null != o && null != o.onclick && o.onclick(e);
       }),
-      e.slideFrom === Ee.TOP
-        ? ((t = P.Uo), (a = " ab-swiped-up"))
-        : ((t = P.Vo), (a = " ab-swiped-down")),
+      e.slideFrom === fe.TOP
+        ? ((t = P.Jo), (a = " ab-swiped-up"))
+        : ((t = P.Ko), (a = " ab-swiped-down")),
       O(l, t, (e) => {
         (l.className += a), null != o && null != o.onclick && o.onclick(e);
       });

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

@@ -1,11 +1,11 @@
 import { _handleBrazeAction as Q } from "../../Core/handle-braze-action.js";
 import { logInAppMessageButtonClick } from "../log-in-app-message-button-click.js";
-import { toRgba as ke } from "../../util/color-utils.js";
+import { toRgba as ae } from "../../util/color-utils.js";
 import { addPassiveEventListener as F } from "../../util/dom-utils.js";
-import { KeyCodes as Ce } from "../../util/key-codes.js";
-import { IamClickAction as Le, IamOpenTarget as ut } from "../constants.js";
-const xe = {
-  Po: (t) => {
+import { KeyCodes as le } from "../../util/key-codes.js";
+import { IamClickAction as ce, IamOpenTarget as dt } from "../constants.js";
+const ie = {
+  Ho: (t) => {
     const o = t.querySelectorAll(".ab-close-button, .ab-message-button");
     let e;
     for (let t = 0; t < o.length; t++) (e = o[t]), (e.tabIndex = 0);
@@ -14,7 +14,7 @@ const xe = {
         s = o[o.length - 1];
       t.addEventListener("keydown", (o) => {
         const a = document.activeElement;
-        o.keyCode === Ce.Wo &&
+        o.keyCode === le.No &&
           (o.shiftKey || (a !== s && a !== t)
             ? !o.shiftKey ||
               (a !== e && a !== t) ||
@@ -23,14 +23,14 @@ const xe = {
       });
     }
   },
-  Qo: (t, o) => {
+  Io: (t, o) => {
     o.setAttribute("role", "dialog"),
       o.setAttribute("aria-modal", "true"),
       t
         ? o.setAttribute("aria-labelledby", t)
         : o.setAttribute("aria-label", "Modal Message");
   },
-  No: (t, o, e) => {
+  Go: (t, o, e) => {
     if (t.buttons && t.buttons.length > 0) {
       const s = document.createElement("div");
       (s.className = "ab-message-buttons"), o.appendChild(s);
@@ -39,8 +39,8 @@ const xe = {
       const l = (s) => (a) => (
         t.tl(o, () => {
           logInAppMessageButtonClick(s, t),
-            s.clickAction === Le.URI &&
-              Q(s.uri || "", e || t.openTarget === ut.BLANK, a);
+            s.clickAction === ce.URI &&
+              Q(s.uri || "", e || t.openTarget === dt.BLANK, a);
         }),
         a.stopPropagation(),
         !1
@@ -55,13 +55,13 @@ const xe = {
         "" === e.text && (n = " "),
           a.appendChild(document.createTextNode(n)),
           t.Mo() ||
-            ((a.style.backgroundColor = ke(e.backgroundColor)),
-            (a.style.color = ke(e.textColor)),
-            (a.style.borderColor = ke(e.borderColor))),
+            ((a.style.backgroundColor = ae(e.backgroundColor)),
+            (a.style.color = ae(e.textColor)),
+            (a.style.borderColor = ae(e.borderColor))),
           (a.onclick = l(e)),
           s.appendChild(a);
       }
     }
   },
 };
-export default xe;
+export default ie;

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

@@ -1,5 +1,5 @@
 import r from "../managers/braze-instance.js";
-import je from "./in-app-message-manager-factory.js";
+import se from "./in-app-message-manager-factory.js";
 export function getDeferredInAppMessage() {
-  if (r.rr()) return je.ra().sa();
+  if (r.rr()) return se.ra().sa();
 }

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

@@ -5,7 +5,7 @@ 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 b } from "../../shared-lib/index.js";
-import { IamServerTypes as dt } from "./constants.js";
+import { IamServerTypes as gt } from "./constants.js";
 export function newInAppMessageFromJson(e) {
   if (!e) return null;
   if (e.is_control) return ControlMessage.fromJson(e);
@@ -49,7 +49,7 @@ export function newInAppMessageFromJson(e) {
     D = e.language,
     E = e.image_alt;
   let G;
-  if (o === dt.aE || o === dt.UE)
+  if (o === gt.tE || o === gt.eE)
     G = new ModalMessage(
       s,
       n,
@@ -82,7 +82,7 @@ export function newInAppMessageFromJson(e) {
       D,
       E,
     );
-  else if (o === dt.cE)
+  else if (o === gt.oE)
     G = new FullScreenMessage(
       s,
       n,
@@ -116,7 +116,7 @@ export function newInAppMessageFromJson(e) {
       D,
       E,
     );
-  else if (o === dt.sE)
+  else if (o === gt.RE)
     G = new SlideUpMessage(
       s,
       n,
@@ -144,7 +144,7 @@ export function newInAppMessageFromJson(e) {
       E,
     );
   else {
-    if (o !== dt.iE && o !== dt.PE && o !== dt.nE)
+    if (o !== gt.ME && o !== gt.CE && o !== gt.DE)
       return void b.error("Ignoring message with unknown type " + o);
     {
       const o = e.message_fields;
@@ -152,7 +152,7 @@ export function newInAppMessageFromJson(e) {
         (G.trusted = e.trusted || !1);
     }
   }
-  return (G.ko = o), G;
+  return (G.Oo = o), G;
 }
 export function buttonsFromSerializedInAppMessage(e) {
   const o = [];

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

@@ -1,16 +1,16 @@
 import ea from "./in-app-message-manager.js";
 import r from "../managers/braze-instance.js";
-const je = {
+const se = {
   na: null,
   i: !1,
   ra: () => (
-    je.t(), je.na || (je.na = new ea(r.m(), r.u(), r.p(), r.ir())), je.na
+    se.t(), se.na || (se.na = new ea(r.m(), r.u(), r.p(), r.ir())), se.na
   ),
   t: () => {
-    je.i || (r.g(je), (je.i = !0));
+    se.i || (r.g(se), (se.i = !0));
   },
   destroy: () => {
-    (je.na = null), (je.i = !1);
+    (se.na = null), (se.i = !1);
   },
 };
-export default je;
+export default se;