@braze/web-sdk 6.6.0 → 6.7.1

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

@@ -1,25 +1,34 @@
 import {
-  addPassiveEventListener as S,
+  addPassiveEventListener as F,
   buildSvg as we,
-  detectSwipe as K,
-  DIRECTIONS as L,
+  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 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 O } from "../../Core/handle-braze-action.js";
-import ct from "./html-message-to-html.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 E, Guid as P } from "../../../shared-lib/index.js";
+import { logger as E, Guid as V } from "../../../shared-lib/index.js";
 import { KeyCodes as Ce } from "../../util/key-codes.js";
-export default function $e(e, o, t, a, n, i, s = document.body, m = "ltr") {
+import {
+  IamClickAction as $e,
+  IamCropType as Le,
+  IamDisplayFailures as Me,
+  IamImageStyle as qe,
+  IamOpenTarget as ut,
+  IamOrientation as Ae,
+  IamSlideFrom as De,
+  IamTextAlignment as Ee,
+} from "../constants.js";
+export default function Fe(e, o, t, a, n, i, s = document.body, m = "ltr") {
   if (((e.$o = document.activeElement), e instanceof HtmlMessage))
-    return ct(e, o, a, n, i);
+    return ft(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,7 +48,7 @@ export default function $e(e, o, t, a, n, i, s = document.body, m = "ltr") {
           document.querySelectorAll(".ab-iam-img-loading").length > 0
             ? t(
                 `Cannot show in-app message ${e.message} because another message is being shown.`,
-                InAppMessage.Ao.Lo,
+                Me.tE,
               )
             : o(l));
       },
@@ -57,37 +66,30 @@ export default function $e(e, o, t, a, n, i, s = document.body, m = "ltr") {
                 ));
       };
     if (
-      (e.imageStyle === InAppMessage.ImageStyle.GRAPHIC &&
-        (l.className += " graphic"),
-      e.orientation === InAppMessage.Orientation.LANDSCAPE &&
-        (l.className += " landscape"),
+      (e.imageStyle === qe.GRAPHIC && (l.className += " graphic"),
+      e.orientation === Ae.LANDSCAPE && (l.className += " landscape"),
       null != e.buttons && 0 === e.buttons.length)
     ) {
-      e.clickAction !== InAppMessage.ClickAction.NONE &&
-        (l.className += " ab-clickable");
+      e.clickAction !== $e.NONE && (l.className += " ab-clickable");
       const o = (o) => (
-        e.ll(l, () => {
+        e.tl(l, () => {
           logInAppMessageClick(e),
-            e.clickAction === InAppMessage.ClickAction.URI &&
-              O(
-                e.uri || "",
-                a || e.openTarget === InAppMessage.OpenTarget.BLANK,
-                o,
-              );
+            e.clickAction === $e.URI &&
+              Q(e.uri || "", a || e.openTarget === ut.BLANK, o);
         }),
         o.stopPropagation(),
         !1
       );
       (l.onclick = o),
         l.addEventListener("keydown", (e) => {
-          if (e.keyCode === Ce.Go || e.keyCode === Ce.Ho) return o(e);
+          if (e.keyCode === Ce.Lo || e.keyCode === Ce.Ao) return o(e);
         });
     }
     const d = T(
       "Close Message",
       e.Mo() ? void 0 : ke(e.closeButtonColor),
       () => {
-        e.ll(l);
+        e.tl(l);
       },
       s,
     );
@@ -96,7 +98,7 @@ export default function $e(e, o, t, a, n, i, s = document.body, m = "ltr") {
     (u.className = "ab-message-text"),
       (u.dir = s),
       u.setAttribute("role", "article");
-    const b = (e.messageAlignment || e.Io).toLowerCase();
+    const b = (e.messageAlignment || e.Go).toLowerCase();
     u.className += " " + b + "-aligned";
     let f = !1;
     const p = document.createElement("div");
@@ -104,7 +106,7 @@ export default function $e(e, o, t, a, n, i, s = document.body, m = "ltr") {
       const o = document.createElement("img");
       if (
         (o.setAttribute("src", e.imageUrl),
-        e.Jo(o),
+        e.Ho(o),
         0 === document.querySelectorAll(".ab-iam-img-loading").length)
       ) {
         f = !0;
@@ -120,7 +122,7 @@ export default function $e(e, o, t, a, n, i, s = document.body, m = "ltr") {
             r(!1);
           });
       }
-      if (e.cropType === InAppMessage.CropType.CENTER_CROP) {
+      if (e.cropType === Le.CENTER_CROP) {
         const e = document.createElement("div");
         (e.className = "ab-center-cropped-img"),
           e.appendChild(o),
@@ -143,26 +145,24 @@ export default function $e(e, o, t, a, n, i, s = document.body, m = "ltr") {
         l.appendChild(p),
         (u.className += " ab-with-icon");
     }
-    if ((S(u, "touchstart"), e.header && e.header.length > 0)) {
+    if ((F(u, "touchstart"), e.header && e.header.length > 0)) {
       const o = document.createElement("h1");
-      (o.className = "ab-message-header"), (e.Ko = P.se()), (o.id = e.Ko);
-      const t = (
-        e.headerAlignment || InAppMessage.TextAlignment.CENTER
-      ).toLowerCase();
+      (o.className = "ab-message-header"), (e.Jo = V.de()), (o.id = e.Jo);
+      const t = (e.headerAlignment || Ee.CENTER).toLowerCase();
       (o.className += " " + t + "-aligned"),
         e.Mo() || (o.style.color = ke(e.headerTextColor)),
         o.appendChild(document.createTextNode(e.header)),
         u.appendChild(o);
     }
-    const g = e.No();
-    return u.appendChild(g), l.appendChild(u), f || c(), (e.qo = l), l;
+    const g = e.Ko();
+    return u.appendChild(g), l.appendChild(u), f || c(), (e.Eo = 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.Po(e, l, a),
-      xe.Qo(l),
-      xe.So(e.Ko, l);
+      xe.No(e, l, a),
+      xe.Po(l),
+      xe.Qo(e.Jo, l);
   } else if (e instanceof SlideUpMessage) {
     (l.className += " ab-slideup"),
       l.setAttribute("tabindex", "0"),
@@ -177,18 +177,18 @@ export default function $e(e, o, t, a, n, i, s = document.body, m = "ltr") {
       t.setAttribute("class", `ab-chevron ${m}`), o.appendChild(t);
     }
     let t, a;
-    K(l, L.de, (e) => {
+    O(l, P.ie, (e) => {
       (l.className += " ab-swiped-left"),
         null != o && null != o.onclick && o.onclick(e);
     }),
-      K(l, L.ce, (e) => {
+      O(l, P.ne, (e) => {
         (l.className += " ab-swiped-right"),
           null != o && null != o.onclick && o.onclick(e);
       }),
-      e.slideFrom === InAppMessage.SlideFrom.TOP
-        ? ((t = L.Uo), (a = " ab-swiped-up"))
-        : ((t = L.Vo), (a = " ab-swiped-down")),
-      K(l, t, (e) => {
+      e.slideFrom === De.TOP
+        ? ((t = P.Uo), (a = " ab-swiped-up"))
+        : ((t = P.Vo), (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 InAppMessage from "../models/in-app-message.js";
-import { _handleBrazeAction as O } from "../../Core/handle-braze-action.js";
+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 { addPassiveEventListener as S } from "../../util/dom-utils.js";
+import { addPassiveEventListener as F } from "../../util/dom-utils.js";
 import { KeyCodes as Ce } from "../../util/key-codes.js";
+import { IamClickAction as $e, IamOpenTarget as ut } from "../constants.js";
 const xe = {
-  Qo: (t) => {
+  Po: (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);
@@ -23,28 +23,24 @@ const xe = {
       });
     }
   },
-  So: (t, o) => {
+  Qo: (t, o) => {
     o.setAttribute("role", "dialog"),
       o.setAttribute("aria-modal", "true"),
       t
         ? o.setAttribute("aria-labelledby", t)
         : o.setAttribute("aria-label", "Modal Message");
   },
-  Po: (t, o, e) => {
+  No: (t, o, e) => {
     if (t.buttons && t.buttons.length > 0) {
       const s = document.createElement("div");
       (s.className = "ab-message-buttons"), o.appendChild(s);
       const a = o.getElementsByClassName("ab-message-text")[0];
       null != a && (a.className += " ab-with-buttons");
       const l = (s) => (a) => (
-        t.ll(o, () => {
+        t.tl(o, () => {
           logInAppMessageButtonClick(s, t),
-            s.clickAction === InAppMessage.ClickAction.URI &&
-              O(
-                s.uri || "",
-                e || t.openTarget === InAppMessage.OpenTarget.BLANK,
-                a,
-              );
+            s.clickAction === $e.URI &&
+              Q(s.uri || "", e || t.openTarget === ut.BLANK, a);
         }),
         a.stopPropagation(),
         !1
@@ -54,7 +50,7 @@ const xe = {
           a = document.createElement("button");
         (a.className = "ab-message-button"),
           a.setAttribute("type", "button"),
-          S(a, "touchstart");
+          F(a, "touchstart");
         let n = e.text;
         "" === e.text && (n = " "),
           a.appendChild(document.createTextNode(n)),

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

@@ -1,4 +1,3 @@
-import InAppMessage from "./models/in-app-message.js";
 import ControlMessage from "./models/control-message.js";
 import FullScreenMessage from "./models/full-screen-message.js";
 import HtmlMessage from "./models/html-message.js";
@@ -6,6 +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 E } from "../../shared-lib/index.js";
+import { IamServerTypes as dt } from "./constants.js";
 export function newInAppMessageFromJson(e) {
   if (!e) return null;
   if (e.is_control) return ControlMessage.fromJson(e);
@@ -13,8 +13,8 @@ export function newInAppMessageFromJson(e) {
   null != o && (o = o.toUpperCase());
   const s = e.message,
     n = e.text_align_message,
-    r = e.slide_from,
-    t = e.extras,
+    t = e.slide_from,
+    r = e.extras,
     m = e.trigger_id,
     l = e.click_action,
     i = e.uri,
@@ -23,8 +23,8 @@ export function newInAppMessageFromJson(e) {
     u = e.duration,
     a = e.icon,
     d = e.image_url,
-    g = e.image_style,
-    c = e.icon_color,
+    c = e.image_style,
+    g = e.icon_color,
     j = e.icon_bg_color,
     w = e.bg_color,
     b = e.text_color,
@@ -49,11 +49,11 @@ export function newInAppMessageFromJson(e) {
     C = e.language,
     D = e.image_alt;
   let G;
-  if (o === ModalMessage.es || o === InAppMessage.Eo.Xo)
+  if (o === dt.aE || o === dt.UE)
     G = new ModalMessage(
       s,
       n,
-      t,
+      r,
       m,
       l,
       i,
@@ -62,8 +62,8 @@ export function newInAppMessageFromJson(e) {
       u,
       a,
       d,
-      g,
       c,
+      g,
       j,
       w,
       b,
@@ -82,11 +82,11 @@ export function newInAppMessageFromJson(e) {
       C,
       D,
     );
-  else if (o === FullScreenMessage.es)
+  else if (o === dt.cE)
     G = new FullScreenMessage(
       s,
       n,
-      t,
+      r,
       m,
       l,
       i,
@@ -95,8 +95,8 @@ export function newInAppMessageFromJson(e) {
       u,
       a,
       d,
-      g,
       c,
+      g,
       j,
       w,
       b,
@@ -116,12 +116,12 @@ export function newInAppMessageFromJson(e) {
       C,
       D,
     );
-  else if (o === SlideUpMessage.es)
+  else if (o === dt.sE)
     G = new SlideUpMessage(
       s,
       n,
-      r,
       t,
+      r,
       m,
       l,
       i,
@@ -130,7 +130,7 @@ export function newInAppMessageFromJson(e) {
       u,
       a,
       d,
-      c,
+      g,
       j,
       w,
       b,
@@ -144,15 +144,11 @@ export function newInAppMessageFromJson(e) {
       D,
     );
   else {
-    if (
-      o !== HtmlMessage.es &&
-      o !== InAppMessage.Eo.Bo &&
-      o !== InAppMessage.Eo.Yo
-    )
+    if (o !== dt.iE && o !== dt.PE && o !== dt.nE)
       return void E.error("Ignoring message with unknown type " + o);
     {
       const o = e.message_fields;
-      (G = new HtmlMessage(s, t, m, p, u, z, J, A, S, q, o, B)),
+      (G = new HtmlMessage(s, r, m, p, u, z, J, A, S, q, o, B)),
         (G.trusted = e.trusted || !1);
     }
   }