@braze/web-sdk 4.6.3 → 4.7.0

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

@@ -3,89 +3,89 @@ import ot from "../../util/browser-detector.js";
 import { logInAppMessageHtmlClick } from "../log-in-app-message-html-click.js";
 import { getUser as Q } from "../../Core/get-user.js";
 import { InAppMessage } from "../index.js";
-import { keys as rr } from "../../util/code-utils.js";
+import { keys as or } from "../../util/code-utils.js";
 import { OperatingSystems as rt } from "../../util/device-constants.js";
 import { parseQueryStringKeyValues as ut } from "../../util/url-utils.js";
 import { WindowUtils as H } from "../../util/window-utils.js";
-export default function ct(t, n, e, o, s, r) {
-  const i = document.createElement("iframe");
-  i.setAttribute("title", "Modal Message"), s && (i.style.zIndex = s + 1);
-  const u = n => {
-      const e = n.getAttribute("href"),
-        s = n.onclick;
-      return r => {
-        if (null != s && "function" == typeof s && !1 === s()) return;
-        let u = ut(e).abButtonId;
+export default function ct(t, e, n, o, r, s) {
+  const u = document.createElement("iframe");
+  u.setAttribute("title", "Modal Message"), r && (u.style.zIndex = r + 1);
+  const i = e => {
+      const n = e.getAttribute("href"),
+        r = e.onclick;
+      return s => {
+        if (null != r && "function" == typeof r && !1 === r()) return;
+        let i = ut(n).abButtonId;
         if (
-          ((null != u && "" !== u) || (u = n.getAttribute("id")),
-          null != e && "" !== e && 0 !== e.indexOf("#"))
+          ((null != i && "" !== i) || (i = e.getAttribute("id")),
+          null != n && "" !== n && 0 !== n.indexOf("#"))
         ) {
-          const s =
+          const r =
               "blank" ===
-              (n.getAttribute("target") || "").toLowerCase().replace("_", ""),
-            c = o || t.openTarget === InAppMessage.OpenTarget.BLANK || s,
-            a = () => {
-              logInAppMessageHtmlClick(t, u, e), H.openUri(e, c, r);
+              (e.getAttribute("target") || "").toLowerCase().replace("_", ""),
+            c = o || t.openTarget === InAppMessage.OpenTarget.BLANK || r,
+            l = () => {
+              logInAppMessageHtmlClick(t, i, n), H.openUri(n, c, s);
             };
-          c ? a() : t.on(i, a);
-        } else logInAppMessageHtmlClick(t, u, e);
-        return r.stopPropagation(), !1;
+          c ? l() : t.he(u, l);
+        } else logInAppMessageHtmlClick(t, i, n);
+        return s.stopPropagation(), !1;
       };
     },
-    c = (t, n, e) => {
-      const o = `([\\w]+)\\s*=\\s*document.createElement\\(['"]${e}['"]\\)`,
-        s = t.match(new RegExp(o));
-      if (s) {
-        const e = `${s[1]}.setAttribute("nonce", "${n}")`;
-        return `${t.slice(0, s.index + s[0].length)};${e};${t.slice(
-          s.index + s[0].length
+    c = (t, e, n) => {
+      const o = `([\\w]+)\\s*=\\s*document.createElement\\(['"]${n}['"]\\)`,
+        r = t.match(new RegExp(o));
+      if (r) {
+        const n = `${r[1]}.setAttribute("nonce", "${e}")`;
+        return `${t.slice(0, r.index + r[0].length)};${n};${t.slice(
+          r.index + r[0].length
         )}`;
       }
       return null;
     };
   if (
-    ((i.onload = () => {
+    ((u.onload = () => {
       let o = null;
-      if (null != r) {
+      if (null != s) {
         (o = document.createElement("html")), (o.innerHTML = t.message);
-        const n = o.getElementsByTagName("style");
-        for (let t = 0; t < n.length; t++) n[t].setAttribute("nonce", r);
-        const e = o.getElementsByTagName("script");
-        for (let t = 0; t < e.length; t++) {
-          e[t].setAttribute("nonce", r),
-            (e[t].innerHTML = e[t].innerHTML.replace(
+        const e = o.getElementsByTagName("style");
+        for (let t = 0; t < e.length; t++) e[t].setAttribute("nonce", s);
+        const n = o.getElementsByTagName("script");
+        for (let t = 0; t < n.length; t++) {
+          n[t].setAttribute("nonce", s),
+            (n[t].innerHTML = n[t].innerHTML.replace(
               /<style>/g,
-              `<style nonce='${r}'>`
+              `<style nonce='${s}'>`
             ));
-          const n = c(e[t].innerHTML, r, "script");
-          n && (e[t].innerHTML = n);
-          const o = c(e[t].innerHTML, r, "style");
-          o && (e[t].innerHTML = o);
+          const e = c(n[t].innerHTML, s, "script");
+          e && (n[t].innerHTML = e);
+          const o = c(n[t].innerHTML, s, "style");
+          o && (n[t].innerHTML = o);
         }
       }
-      i.contentWindow.focus(),
-        i.contentWindow.document.write(o ? o.innerHTML : t.message);
-      const s = i.contentWindow.document.getElementsByTagName("head")[0];
-      if (null != s) {
-        if ((nt(s), t.sn())) {
-          const n = document.createElement("style");
-          (n.innerHTML = t.css),
-            (n.id = t.rn()),
-            null != r && n.setAttribute("nonce", r),
-            s.appendChild(n);
+      u.contentWindow.focus(),
+        u.contentWindow.document.write(o ? o.innerHTML : t.message);
+      const r = u.contentWindow.document.getElementsByTagName("head")[0];
+      if (null != r) {
+        if ((nt(r), t.ye())) {
+          const e = document.createElement("style");
+          (e.innerHTML = t.css),
+            (e.id = t.Ae()),
+            null != s && e.setAttribute("nonce", s),
+            r.appendChild(e);
         }
-        const n = i.contentWindow.document.createElement("base");
-        n.setAttribute("target", "_parent"), s.appendChild(n);
+        const e = u.contentWindow.document.createElement("base");
+        e.setAttribute("target", "_parent"), r.appendChild(e);
       }
-      const a = i.contentWindow.document.getElementsByTagName("title");
-      a.length > 0 && i.setAttribute("title", a[0].textContent);
-      const l = {
+      const l = u.contentWindow.document.getElementsByTagName("title");
+      l.length > 0 && u.setAttribute("title", l[0].textContent);
+      const a = {
           closeMessage: function() {
-            t.on(i);
+            t.he(u);
           },
           logClick: function() {
-            const n = [t, ...arguments];
-            logInAppMessageHtmlClick.apply(t, Array.prototype.slice.call(n));
+            const e = [t, ...arguments];
+            logInAppMessageHtmlClick.apply(t, Array.prototype.slice.call(e));
           },
           display: {},
           web: {}
@@ -93,8 +93,8 @@ export default function ct(t, n, e, o, s, r) {
         requestPushPermission = function() {
           return function() {
             const t = arguments;
-            import("../../Push/request-push-permission.js").then(n => {
-              n.requestPushPermission.apply(
+            import("../../Push/request-push-permission.js").then(e => {
+              e.requestPushPermission.apply(
                 null,
                 Array.prototype.slice.call(t)
               );
@@ -102,34 +102,49 @@ export default function ct(t, n, e, o, s, r) {
           };
         },
         m = {
-          requestImmediateDataFlush: async function() {
-            const t = arguments,
-              n = await import("../../Core/request-immediate-data-flush.js");
-            n.requestImmediateDataFlush.apply(
-              null,
-              Array.prototype.slice.call(t)
+          requestImmediateDataFlush: function() {
+            const t = arguments;
+            import("../../Core/request-immediate-data-flush.js").then(
+              ({ requestImmediateDataFlush: requestImmediateDataFlush }) => {
+                requestImmediateDataFlush.apply(
+                  null,
+                  Array.prototype.slice.call(t)
+                );
+              }
             );
           },
-          logCustomEvent: async function() {
-            const t = arguments,
-              n = await import("../../Core/log-custom-event.js");
-            n.logCustomEvent.apply(null, Array.prototype.slice.call(t));
+          logCustomEvent: function() {
+            const t = arguments;
+            import("../../Core/log-custom-event.js").then(
+              ({ logCustomEvent: logCustomEvent }) => {
+                logCustomEvent.apply(null, Array.prototype.slice.call(t));
+              }
+            );
           },
-          logPurchase: async function() {
-            const t = arguments,
-              n = await import("../../Core/log-purchase.js");
-            n.logPurchase.apply(null, Array.prototype.slice.call(t));
+          logPurchase: function() {
+            const t = arguments;
+            import("../../Core/log-purchase.js").then(
+              ({ logPurchase: logPurchase }) => {
+                logPurchase.apply(null, Array.prototype.slice.call(t));
+              }
+            );
           },
-          unregisterPush: async function() {
-            const t = arguments,
-              n = await import("../../Push/unregister-push.js");
-            n.unregisterPush.apply(null, Array.prototype.slice.call(t));
+          unregisterPush: function() {
+            const t = arguments;
+            import("../../Push/unregister-push.js").then(
+              ({ unregisterPush: unregisterPush }) => {
+                unregisterPush.apply(null, Array.prototype.slice.call(t));
+              }
+            );
           },
           requestPushPermission: requestPushPermission(),
-          changeUser: async function() {
-            const t = arguments,
-              n = await import("../../Core/change-user.js");
-            n.changeUser.apply(null, Array.prototype.slice.call(t));
+          changeUser: function() {
+            const t = arguments;
+            import("../../Core/change-user.js").then(
+              ({ changeUser: changeUser }) => {
+                changeUser.apply(null, Array.prototype.slice.call(t));
+              }
+            );
           }
         },
         f = function(t) {
@@ -137,7 +152,7 @@ export default function ct(t, n, e, o, s, r) {
             m[t].apply(null, Array.prototype.slice.call(arguments));
           };
         };
-      for (const t of rr(m)) l[t] = f(t);
+      for (const t of or(m)) a[t] = f(t);
       const p = [
           "setFirstName",
           "setLastName",
@@ -161,63 +176,63 @@ export default function ct(t, n, e, o, s, r) {
         ],
         d = function(t) {
           return function() {
-            const n = Q();
-            n[t].apply(n, Array.prototype.slice.call(arguments));
+            const e = Q();
+            e[t].apply(e, Array.prototype.slice.call(arguments));
           };
         },
-        y = {};
-      for (let t = 0; t < p.length; t++) y[p[t]] = d(p[t]);
-      l.getUser = function() {
-        return y;
+        g = {};
+      for (let t = 0; t < p.length; t++) g[p[t]] = d(p[t]);
+      a.getUser = function() {
+        return g;
       };
-      const b = { showFeed: n },
-        g = function(n) {
+      const h = { showFeed: e },
+        b = function(e) {
           return function() {
-            const e = arguments;
-            t.on(i, function() {
-              b[n].apply(null, Array.prototype.slice.call(e));
+            const n = arguments;
+            t.he(u, function() {
+              h[e].apply(null, Array.prototype.slice.call(n));
             });
           };
         };
-      for (const t of rr(b)) l.display[t] = g(t);
-      const h = { registerAppboyPushMessages: requestPushPermission() },
+      for (const t of or(h)) a.display[t] = b(t);
+      const y = { registerAppboyPushMessages: requestPushPermission() },
         A = function(t) {
           return function() {
-            h[t].apply(null, Array.prototype.slice.call(arguments));
+            y[t].apply(null, Array.prototype.slice.call(arguments));
           };
         };
-      for (const t of rr(h)) l.web[t] = A(t);
+      for (const t of or(y)) a.web[t] = A(t);
       if (
-        ((i.contentWindow.appboyBridge = l),
-        (i.contentWindow.brazeBridge = l),
-        t.un !== InAppMessage.es.cn)
+        ((u.contentWindow.appboyBridge = a),
+        (u.contentWindow.brazeBridge = a),
+        t.Ce !== InAppMessage.es.Pe)
       ) {
-        const t = i.contentWindow.document.getElementsByTagName("a");
-        for (let n = 0; n < t.length; n++) t[n].onclick = u(t[n]);
-        const n = i.contentWindow.document.getElementsByTagName("button");
-        for (let t = 0; t < n.length; t++) n[t].onclick = u(n[t]);
+        const t = u.contentWindow.document.getElementsByTagName("a");
+        for (let e = 0; e < t.length; e++) t[e].onclick = i(t[e]);
+        const e = u.contentWindow.document.getElementsByTagName("button");
+        for (let t = 0; t < e.length; t++) e[t].onclick = i(e[t]);
       }
-      const j = i.contentWindow.document.body;
+      const j = u.contentWindow.document.body;
       if (null != j) {
-        t.an() && (j.id = t.htmlId);
-        const n = document.createElement("hidden");
-        (n.onclick = l.closeMessage),
-          (n.className = "ab-programmatic-close-button"),
-          j.appendChild(n);
+        t.Ee() && (j.id = t.htmlId);
+        const e = document.createElement("hidden");
+        (e.onclick = a.closeMessage),
+          (e.className = "ab-programmatic-close-button"),
+          j.appendChild(e);
       }
-      i.contentWindow.dispatchEvent(new CustomEvent("ab.BridgeReady")),
-        -1 !== i.className.indexOf("ab-start-hidden") &&
-          ((i.className = i.className.replace("ab-start-hidden", "")), e(i)),
-        document.activeElement !== i && i.focus();
+      u.contentWindow.dispatchEvent(new CustomEvent("ab.BridgeReady")),
+        -1 !== u.className.indexOf("ab-start-hidden") &&
+          ((u.className = u.className.replace("ab-start-hidden", "")), n(u)),
+        document.activeElement !== u && u.focus();
     }),
-    (i.className =
+    (u.className =
       "ab-in-app-message ab-start-hidden ab-html-message ab-modal-interactions"),
-    ot.OS === rt.ln)
+    ot.OS === rt.$e)
   ) {
-    const n = document.createElement("div");
+    const e = document.createElement("div");
     return (
-      (n.className = "ab-ios-scroll-wrapper"), n.appendChild(i), (t.mn = n), n
+      (e.className = "ab-ios-scroll-wrapper"), e.appendChild(u), (t.qe = e), e
     );
   }
-  return (t.mn = i), i;
+  return (t.qe = u), u;
 }

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

@@ -17,16 +17,16 @@ import ct from "./html-message-to-html.js";
 import me from "./modal-utils.js";
 import r from "../../../shared-lib/braze-shared-lib.js";
 export default function ce(e, o, a, s, t, n, l) {
-  if (((e.Le = document.activeElement), e instanceof HtmlMessage))
+  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),
-      e.Ie() &&
+      e.xe() &&
         ((c.className += " ab-modal-interactions"),
         c.setAttribute("tabindex", "-1")),
-      e.sn() ||
+      e.ye() ||
         ((c.style.color = ne(e.textColor)),
         (c.style.backgroundColor = ne(e.backgroundColor)),
         ie(e.backgroundColor) && (c.className += " ab-no-shadow"));
@@ -36,7 +36,7 @@ export default function ce(e, o, a, s, t, n, l) {
           document.querySelectorAll(".ab-iam-img-loading").length > 0
             ? s(
                 `Cannot show in-app message ${e.message} because another message is being shown.`,
-                InAppMessage.Ge.Ee
+                InAppMessage.Me.ze
               )
             : a(c));
       },
@@ -52,7 +52,7 @@ export default function ce(e, o, a, s, t, n, l) {
         (e.clickAction !== InAppMessage.ClickAction.NONE &&
           (c.className += " ab-clickable"),
         (c.onclick = a => (
-          e.on(c, () => {
+          e.he(c, () => {
             logInAppMessageClick(e),
               e.clickAction === InAppMessage.ClickAction.URI
                 ? m(
@@ -67,15 +67,15 @@ export default function ce(e, o, a, s, t, n, l) {
         )));
     const b = i(
       "Close Message",
-      e.sn() ? void 0 : ne(e.closeButtonColor),
+      e.ye() ? void 0 : ne(e.closeButtonColor),
       () => {
-        e.on(c);
+        e.he(c);
       }
     );
     c.appendChild(b), n && (b.style.zIndex = n + 2);
     const u = document.createElement("div");
     u.className = "ab-message-text";
-    const p = (e.messageAlignment || e.He).toLowerCase();
+    const p = (e.messageAlignment || e.Le).toLowerCase();
     u.className += " " + p + "-aligned";
     let f = !1;
     const g = document.createElement("div");
@@ -86,13 +86,13 @@ export default function ce(e, o, a, s, t, n, l) {
           (o.style.backgroundImage = "url(" + e.imageUrl + ")"),
           o.setAttribute("role", "img"),
           o.setAttribute("aria-label", "Modal Image"),
-          e.Je(o),
+          e.Ie(o),
           g.appendChild(o);
       } else {
         const o = document.createElement("img");
         if (
           (o.setAttribute("src", e.imageUrl),
-          e.Je(o),
+          e.Ie(o),
           0 === document.querySelectorAll(".ab-iam-img-loading").length)
         ) {
           f = !0;
@@ -107,7 +107,7 @@ export default function ce(e, o, a, s, t, n, l) {
       g.className += " ab-icon-area";
       const o = document.createElement("span");
       (o.className = "ab-icon"),
-        e.sn() ||
+        e.ye() ||
           ((o.style.backgroundColor = ne(e.iconBackgroundColor)),
           (o.style.color = ne(e.iconColor)));
       const a = document.createElement("i");
@@ -119,25 +119,25 @@ export default function ce(e, o, a, s, t, n, l) {
         c.appendChild(g),
         (u.className += " ab-with-icon");
     }
-    if ((oe(u, "touchstart", function() {}), e.header && e.header.length > 0)) {
+    if ((oe(u, "touchstart"), e.header && e.header.length > 0)) {
       const o = document.createElement("h1");
-      (o.className = "ab-message-header"), (e.Ke = r.it.nt()), (o.id = e.Ke);
+      (o.className = "ab-message-header"), (e.Te = r.it.nt()), (o.id = e.Te);
       const a = (
         e.headerAlignment || InAppMessage.TextAlignment.CENTER
       ).toLowerCase();
       (o.className += " " + a + "-aligned"),
-        e.sn() || (o.style.color = ne(e.headerTextColor)),
+        e.ye() || (o.style.color = ne(e.headerTextColor)),
         o.appendChild(document.createTextNode(e.header)),
         u.appendChild(o);
     }
-    return u.appendChild(e.Oe()), c.appendChild(u), f || d(), (e.mn = c), c;
+    return u.appendChild(e.Be()), c.appendChild(u), f || d(), (e.qe = c), c;
   })(e, o, a, s, t, n);
   if (e instanceof FullScreenMessage || e instanceof ModalMessage) {
     const a = e instanceof FullScreenMessage ? "ab-fullscreen" : "ab-modal";
     (b.className += ` ${a} ab-centered`),
-      me.Pe(e, o, b, t),
-      me.Qe(b),
-      me.Ve(e.Ke, b);
+      me.De(e, o, b, t),
+      me.Ge(b),
+      me.He(e.Te, b);
   } else if (e instanceof SlideUpMessage) {
     b.className += " ab-slideup";
     const o = b.getElementsByClassName("ab-close-button")[0];
@@ -145,7 +145,7 @@ export default function ce(e, o, a, s, t, n, l) {
       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.sn() ? void 0 : ne(e.closeButtonColor)
+        e.ye() ? void 0 : ne(e.closeButtonColor)
       );
       a.setAttribute("class", "ab-chevron"), o.appendChild(a);
     }
@@ -157,8 +157,8 @@ export default function ce(e, o, a, s, t, n, l) {
         (b.className += " ab-swiped-right"), o.onclick(e);
       }),
       e.slideFrom === InAppMessage.SlideFrom.TOP
-        ? ((a = c.We), (s = " ab-swiped-up"))
-        : ((a = c.Xe), (s = " ab-swiped-down")),
+        ? ((a = c.Je), (s = " ab-swiped-up"))
+        : ((a = c.Ke), (s = " ab-swiped-down")),
       d(b, a, e => {
         (b.className += s), o.onclick(e);
       });

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

@@ -5,7 +5,7 @@ import { toRgba as ne } 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 = {
-  Qe: t => {
+  Ge: t => {
     const o = t.querySelectorAll(
       ".ab-close-button, .ab-message-text, .ab-message-button"
     );
@@ -24,20 +24,20 @@ const me = {
       });
     }
   },
-  Ve: (t, o) => {
+  He: (t, o) => {
     o.setAttribute("role", "dialog"),
       o.setAttribute("aria-modal", !0),
       o.setAttribute("aria-label", "Modal Message"),
       t && o.setAttribute("aria-labelledby", t);
   },
-  Pe: (t, o, e, s) => {
+  De: (t, o, e, s) => {
     if (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.on(e, () => {
+        t.he(e, () => {
           logInAppMessageButtonClick(a, t),
             a.clickAction === InAppMessage.ClickAction.URI
               ? m(a.uri, l, s || t.openTarget === InAppMessage.OpenTarget.BLANK)
@@ -51,11 +51,11 @@ const me = {
           s = document.createElement("button");
         (s.className = "ab-message-button"),
           s.setAttribute("type", "button"),
-          oe(s, "touchstart", function() {});
+          oe(s, "touchstart");
         let l = e.text;
         "" === e.text && (l = " "),
           s.appendChild(document.createTextNode(l)),
-          t.sn() ||
+          t.ye() ||
             ((s.style.backgroundColor = ne(e.backgroundColor)),
             (s.style.color = ne(e.textColor)),
             (s.style.borderColor = ne(e.borderColor))),

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

@@ -46,7 +46,7 @@ export function newInAppMessageFromJson(e) {
   if (
     ((null != C && "" !== C && null != D && "" !== D) ||
       ((C = void 0), (D = void 0)),
-    s === ModalMessage.es || s === InAppMessage.es.Ye)
+    s === ModalMessage.es || s === InAppMessage.es.Ne)
   )
     B = new ModalMessage(
       o,
@@ -133,7 +133,7 @@ export function newInAppMessageFromJson(e) {
       D
     );
   else {
-    if (s !== HtmlMessage.es && s !== InAppMessage.es.cn)
+    if (s !== HtmlMessage.es && s !== InAppMessage.es.Pe)
       return void r.D.error("Ignoring message with unknown type " + s);
     {
       const s = e.message_fields;
@@ -141,5 +141,5 @@ export function newInAppMessageFromJson(e) {
         (B.trusted = e.trusted || !1);
     }
   }
-  return (B.un = s), B;
+  return (B.Ce = s), B;
 }

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

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