@braze/web-sdk 5.3.1 → 5.4.0

package/src/InAppMessage/ui/show-in-app-message.js

@@ -11,13 +11,14 @@ import {
   WindowUtils as eo,
 } from "../../util/window-utils.js";
 import { isURIJavascriptOrData as R } from "../../util/url-utils.js";
-import { KeyCodes as lt } from "../../util/key-codes.js";
+import { KeyCodes as mt } from "../../util/key-codes.js";
 import { setupInAppMessageUI as ss } from "../../ui/js/index.js";
 import { logger as r } from "../../../shared-lib/index.js";
 import { toRgba as ie } from "../../util/color-utils.js";
 import { BRAZE_MUST_BE_INITIALIZED_ERROR as _ } from "../../common/constants.js";
 import { isIFrame as It } from "../utils/in-app-message-utils.js";
-export function showInAppMessage(t, s, o) {
+import ue from "../../l10n/l10n-manager-factory.js";
+export function showInAppMessage(t, o, s) {
   if (!e.X()) return;
   if ((ss(), null == t)) return !1;
   if (t instanceof ControlMessage)
@@ -39,8 +40,8 @@ export function showInAppMessage(t, s, o) {
       ),
       !1
     );
-  if ((null == s && (s = document.body), t.ze())) {
-    if (s.querySelectorAll(".ab-modal-interactions").length > 0)
+  if ((null == o && (o = document.body), t.$e())) {
+    if (o.querySelectorAll(".ab-modal-interactions").length > 0)
       return (
         r.info(
           `Cannot show in-app message ${t.message} because another message is being shown.`,
@@ -56,14 +57,14 @@ export function showInAppMessage(t, s, o) {
       (e === fe.LANDSCAPE &&
         t.orientation === InAppMessage.Orientation.PORTRAIT)
     ) {
-      const s = e === fe.PORTRAIT ? "portrait" : "landscape",
-        o =
+      const o = e === fe.PORTRAIT ? "portrait" : "landscape",
+        s =
           t.orientation === InAppMessage.Orientation.PORTRAIT
             ? "portrait"
             : "landscape";
       return (
         r.info(
-          `Not showing ${o} in-app message ${t.message} because the screen is currently ${s}`,
+          `Not showing ${s} in-app message ${t.message} because the screen is currently ${o}`,
         ),
         !1
       );
@@ -72,11 +73,11 @@ export function showInAppMessage(t, s, o) {
   if (!e.tr()) {
     let e = !1;
     if (t.buttons && t.buttons.length > 0) {
-      const s = t.buttons;
-      for (let t = 0; t < s.length; t++)
-        if (s[t].clickAction === InAppMessage.ClickAction.URI) {
-          const o = s[t].uri;
-          e = R(o);
+      const o = t.buttons;
+      for (let t = 0; t < o.length; t++)
+        if (o[t].clickAction === InAppMessage.ClickAction.URI) {
+          const s = o[t].uri;
+          e = R(s);
         }
     } else t.clickAction === InAppMessage.ClickAction.URI && (e = R(t.uri));
     if (e)
@@ -92,16 +93,16 @@ export function showInAppMessage(t, s, o) {
     ((n.className = "ab-iam-root v3"),
     (n.className += me(t)),
     n.setAttribute("role", "complementary"),
-    t.xe() && (n.id = t.htmlId),
+    t.Ce() && (n.id = t.htmlId),
     e.nn(L.jo) && (n.style.zIndex = (e.nn(L.jo) + 1).toString()),
-    s.appendChild(n),
-    t.Ce())
+    o.appendChild(n),
+    t.ve())
   ) {
-    const s = document.createElement("style");
-    (s.innerHTML = t.css),
-      (s.id = t.ve()),
-      null != e.nn(L.bo) && s.setAttribute("nonce", e.nn(L.bo)),
-      document.getElementsByTagName("head")[0].appendChild(s);
+    const o = document.createElement("style");
+    (o.innerHTML = t.css),
+      (o.id = t.we()),
+      null != e.nn(L.bo) && o.setAttribute("nonce", e.nn(L.bo)),
+      document.getElementsByTagName("head")[0].appendChild(o);
   }
   const a = t instanceof SlideUpMessage,
     l = ce(
@@ -111,57 +112,57 @@ export function showInAppMessage(t, s, o) {
           e.so() ? t.showFeed() : r.error(_);
         });
       },
-      (s) => {
-        if (t.ze() && t.do()) {
-          const o = document.createElement("div");
+      (o) => {
+        if (t.$e() && t.do()) {
+          const s = document.createElement("div");
           if (
-            ((o.className = "ab-page-blocker"),
-            t.Ce() || (o.style.backgroundColor = ie(t.frameColor)),
-            e.nn(L.jo) && (o.style.zIndex = e.nn(L.jo).toString()),
-            n.appendChild(o),
+            ((s.className = "ab-page-blocker"),
+            t.ve() || (s.style.backgroundColor = ie(t.frameColor)),
+            e.nn(L.jo) && (s.style.zIndex = e.nn(L.jo).toString()),
+            n.appendChild(s),
             !e.nn(L.Lh))
           ) {
             const e = new Date().valueOf();
-            o.onclick = (o) => {
+            s.onclick = (s) => {
               new Date().valueOf() - e > InAppMessage.fh &&
-                (t.Ae(s), o.stopPropagation());
+                (t.Cr(o), s.stopPropagation());
             };
           }
-          n.appendChild(s), s.focus(), t.Oh(n);
+          n.appendChild(o), o.focus(), t.Oh(n);
         } else if (a) {
           const e = document.querySelectorAll(".ab-slideup");
-          let o = null;
+          let s = null;
           for (let t = e.length - 1; t >= 0; t--)
-            if (e[t] !== s) {
-              o = e[t];
+            if (e[t] !== o) {
+              s = e[t];
               break;
             }
           if (t.slideFrom === InAppMessage.SlideFrom.TOP) {
             let e = 0;
-            null != o && (e = o.offsetTop + o.offsetHeight),
-              (s.style.top = Math.max(e, 0) + "px");
+            null != s && (e = s.offsetTop + s.offsetHeight),
+              (o.style.top = Math.max(e, 0) + "px");
           } else {
             let e = 0;
-            null != o &&
+            null != s &&
               (e =
                 (window.innerHeight || document.documentElement.clientHeight) -
-                o.offsetTop),
-              (s.style.bottom = Math.max(e, 0) + "px");
+                s.offsetTop),
+              (o.style.bottom = Math.max(e, 0) + "px");
           }
         } else if (i && !e.nn(L.Lh)) {
           const e = t;
-          It(s) &&
-            s.contentWindow &&
-            s.contentWindow.addEventListener("keydown", function (t) {
-              t.keyCode === lt.mh && e.closeMessage();
+          It(o) &&
+            o.contentWindow &&
+            o.contentWindow.addEventListener("keydown", function (t) {
+              t.keyCode === mt.mh && e.closeMessage();
             });
         }
         logInAppMessageImpression(t),
           t.dismissType === InAppMessage.DismissType.AUTO_DISMISS &&
             setTimeout(() => {
-              n.contains(s) && t.Ae(s);
+              n.contains(o) && t.Cr(o);
             }, t.duration),
-          "function" == typeof o && o();
+          "function" == typeof s && s();
       },
       (e) => {
         r.info(e);
@@ -169,7 +170,8 @@ export function showInAppMessage(t, s, o) {
       e.nn(L.ho),
       e.nn(L.jo),
       e.nn(L.bo),
-      s,
+      o,
+      ue.m().wo(),
     );
   return (i || a) && (n.appendChild(l), t.Oh(n)), !0;
 }

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

@@ -1,18 +1 @@
-export const isIFrame = (o) => null !== o && "IFRAME" === o.tagName;
-export function nodeScriptReplace(o) {
-  var n;
-  if ("SCRIPT" === o.tagName)
-    null === (n = o.parentNode) ||
-      void 0 === n ||
-      n.replaceChild(
-        (function (o) {
-          const n = document.createElement("script");
-          n.text = o.innerHTML;
-          for (const e of o.attributes) n.setAttribute(e.name, e.value);
-          return n;
-        })(o),
-        o,
-      );
-  else for (const n of o.childNodes) nodeScriptReplace(n);
-  return o;
-}
+export const isIFrame = (e) => null !== e && "IFRAME" === e.tagName;

package/src/Push/is-push-blocked.js

@@ -1,5 +1,5 @@
 import e from "../managers/braze-instance.js";
-import vt from "./utils/push-utils.js";
+import yt from "./utils/push-utils.js";
 export function isPushBlocked() {
-  if (e.X()) return vt.isPushBlocked();
+  if (e.X()) return yt.isPushBlocked();
 }

package/src/Push/is-push-permission-granted.js

@@ -1,5 +1,5 @@
 import e from "../managers/braze-instance.js";
-import vt from "./utils/push-utils.js";
+import yt from "./utils/push-utils.js";
 export function isPushPermissionGranted() {
-  if (e.X()) return vt.isPushPermissionGranted();
+  if (e.X()) return yt.isPushPermissionGranted();
 }

package/src/Push/is-push-supported.js

@@ -1,5 +1,5 @@
 import e from "../managers/braze-instance.js";
-import vt from "./utils/push-utils.js";
+import yt from "./utils/push-utils.js";
 export function isPushSupported() {
-  if (e.X()) return vt.isPushSupported();
+  if (e.X()) return yt.isPushSupported();
 }

package/src/Push/push-manager-factory.js

@@ -13,9 +13,10 @@ const na = {
         e.Hs(),
         e.nn(L.wa),
         e.nn(L.ya),
-        e.ir(),
         e.nn(L.Ma),
+        e.ir(),
         e.nn(L._a),
+        e.nn(L.ka),
         e.l(),
       )),
     na.i

package/src/Push/push-manager.js

@@ -3,37 +3,37 @@ import ti from "../models/push-token.js";
 import { logger as r, EncodingUtils as ei } from "../../shared-lib/index.js";
 import { STORAGE_KEYS as o } from "../managers/storage-manager.js";
 import { User } from "../User/index.js";
-import { WindowUtils as eo } from "../util/window-utils.js";
-import vt from "./utils/push-utils.js";
+import yt from "./utils/push-utils.js";
 import { getErrorMessage as si } from "../util/error-utils.js";
 export default class ea {
-  constructor(i, t, e, s, r, n, o, u, a, c) {
+  constructor(i, t, e, s, r, n, o, u, a, h, c) {
     (this.sn = i),
       (this.rn = t),
       (this.on = e),
       (this.un = r),
       (this.an = n),
-      (this.yt = o),
-      (this.cn = u),
-      (this.hn = a),
+      (this.hn = o),
+      (this.yt = u),
+      (this.cn = a),
+      (this.fn = h),
       (this.u = c),
       (this.sn = i),
       (this.rn = t),
       (this.on = e),
-      (this.fn = s + "/safari/" + t),
+      (this.ln = s + "/safari/" + t),
       (this.un = r || "/service-worker.js"),
-      (this.an = n),
-      (this.yt = o),
-      (this.cn = u || !1),
-      (this.hn = a || !1),
+      (this.hn = o),
+      (this.yt = u),
+      (this.cn = a || !1),
+      (this.fn = h || !1),
       (this.u = c),
-      (this.ln = vt.dn()),
-      (this.pn = vt.bn());
+      (this.dn = yt.pn()),
+      (this.bn = yt.yn());
   }
   mn() {
-    return this.hn;
+    return this.fn;
   }
-  yn(i, t, e, s, n) {
+  gn(i, t, e, s, n) {
     i.unsubscribe()
       .then((i) => {
         i
@@ -46,7 +46,7 @@ export default class ea {
           "function" == typeof n && n(!1);
       });
   }
-  gn(i, t, e) {
+  wn(i, t, e) {
     var s;
     const n = ((i) => {
       if ("string" == typeof i) return i;
@@ -55,9 +55,9 @@ export default class ea {
       let t = i.endpoint;
       const e = i;
       return (
-        e.wn &&
-          -1 === i.endpoint.indexOf(e.wn) &&
-          (t = i.endpoint + "/" + e.wn),
+        e.kn &&
+          -1 === i.endpoint.indexOf(e.kn) &&
+          (t = i.endpoint + "/" + e.kn),
         t
       );
     })(i);
@@ -73,7 +73,7 @@ export default class ea {
       } catch (i) {
         r.error(si(i));
       }
-    const c = ((i) => {
+    const h = ((i) => {
       let t;
       return i.options &&
         (t = i.options.applicationServerKey) &&
@@ -84,25 +84,25 @@ export default class ea {
             .replace(/\//g, "_")
         : null;
     })(a);
-    null === (s = this.sn) || void 0 === s || s.kn(n, t, o, u, c),
+    null === (s = this.sn) || void 0 === s || s.Pn(n, t, o, u, h),
       n && "function" == typeof e && e(n, o, u);
   }
-  Pn() {
+  Dn() {
     var i;
-    null === (i = this.sn) || void 0 === i || i.Dn(!0);
+    null === (i = this.sn) || void 0 === i || i.Sn(!0);
   }
-  Sn(i, t) {
+  An(i, t) {
     var e;
-    null === (e = this.sn) || void 0 === e || e.Dn(!1),
+    null === (e = this.sn) || void 0 === e || e.Sn(!1),
       r.info(i),
       "function" == typeof t && t(!1);
   }
-  An(i, t, e, s) {
+  jn(i, t, e, s) {
     var n;
     if ("default" === t.permission)
       try {
         window.safari.pushNotification.requestPermission(
-          this.fn,
+          this.ln,
           i,
           {
             api_key: this.rn,
@@ -116,21 +116,21 @@ export default class ea {
               this.sn.setPushNotificationSubscriptionType(
                 User.NotificationSubscriptionTypes.OPTED_IN,
               ),
-              this.An(i, t, e, s);
+              this.jn(i, t, e, s);
           },
         );
       } catch (i) {
-        this.Sn("Could not request permission for push: " + i, s);
+        this.An("Could not request permission for push: " + i, s);
       }
     else
       "denied" === t.permission
-        ? this.Sn(
+        ? this.An(
             "The user has blocked notifications from this site, or Safari push is not configured in the Braze dashboard.",
             s,
           )
         : "granted" === t.permission &&
           (r.info("Device successfully subscribed to push."),
-          this.gn(t.deviceToken, new Date(), e));
+          this.wn(t.deviceToken, new Date(), e));
   }
   requestPermission(i, t, e) {
     const s = (s) => {
@@ -166,61 +166,49 @@ export default class ea {
         .subscribe(n)
         .then((i) => {
           r.info("Device successfully subscribed to push."),
-            this.gn(i, new Date(), e);
+            this.wn(i, new Date(), e);
         })
         .catch((i) => {
-          vt.isPushBlocked()
+          yt.isPushBlocked()
             ? (r.info("Permission for push notifications was denied."),
               "function" == typeof s && s(!1))
             : (r.error("Push subscription failed: " + i),
               "function" == typeof s && s(!0));
         });
   }
-  jn() {
-    return this.cn
-      ? navigator.serviceWorker.getRegistration(this.un)
-      : navigator.serviceWorker.register(this.un).then(() =>
-          navigator.serviceWorker.ready.then(
-            (i) => (
-              i &&
-                "function" == typeof i.update &&
-                i.update().catch((i) => {
-                  r.info("ServiceWorker update failed: " + i);
-                }),
-              i
-            ),
-          ),
-        );
+  xn() {
+    if (this.cn) return navigator.serviceWorker.getRegistration(this.un);
+    const i = this.an ? { scope: this.an } : void 0;
+    return navigator.serviceWorker.register(this.un, i).then(() =>
+      navigator.serviceWorker.ready.then(
+        (i) => (
+          i &&
+            "function" == typeof i.update &&
+            i.update().catch((i) => {
+              r.info("ServiceWorker update failed: " + i);
+            }),
+          i
+        ),
+      ),
+    );
   }
-  xn(i) {
+  Nn(i) {
     this.cn ||
       (i.unregister(), r.info("Service worker successfully unregistered."));
   }
   subscribe(i, t) {
-    if (!vt.isPushSupported())
-      return r.info(ea.Nn), void ("function" == typeof t && t(!1));
-    if (this.ln) {
+    if (!yt.isPushSupported())
+      return r.info(ea.Un), void ("function" == typeof t && t(!1));
+    if (this.dn) {
       if (!this.cn && null != window.location) {
         let i = this.un;
         -1 === i.indexOf(window.location.host) &&
           (i = window.location.host + i),
           -1 === i.indexOf(window.location.protocol) &&
             (i = window.location.protocol + "//" + i);
-        const e = i.substr(0, i.lastIndexOf("/") + 1);
-        if (0 !== eo.Un().indexOf(e))
-          return (
-            r.error(
-              "Cannot subscribe to push from a path higher than the service worker location (tried to subscribe from " +
-                window.location.pathname +
-                " but service worker is at " +
-                i +
-                ")",
-            ),
-            void ("function" == typeof t && t(!0))
-          );
       }
-      if (vt.isPushBlocked())
-        return void this.Sn(
+      if (yt.isPushBlocked())
+        return void this.An(
           "Notifications from this site are blocked. This may be a temporary embargo or a permanent denial.",
           t,
         );
@@ -239,20 +227,20 @@ export default class ea {
         },
         s = () => {
           let i = "Permission for push notifications was ignored.";
-          vt.isPushBlocked() &&
+          yt.isPushBlocked() &&
             (i +=
               " The browser has automatically blocked further permission requests for a period (probably 1 week)."),
             r.info(i),
             "function" == typeof t && t(!0);
         },
-        n = vt.isPushPermissionGranted(),
+        n = yt.isPushPermissionGranted(),
         u = () => {
           !n &&
             this.sn &&
             this.sn.setPushNotificationSubscriptionType(
               User.NotificationSubscriptionTypes.OPTED_IN,
             ),
-            this.jn()
+            this.xn()
               .then((e) => {
                 if (null == e)
                   return (
@@ -275,7 +263,7 @@ export default class ea {
                     ) {
                       let n,
                         a = null,
-                        c = null;
+                        h = null;
                       if ((this.u && (n = this.u.j(o.C.In)), n && !j(n))) {
                         let i;
                         try {
@@ -287,8 +275,8 @@ export default class ea {
                           isNaN(i.getTime()) ||
                           0 === i.getTime() ||
                           ((a = i),
-                          (c = new Date(a)),
-                          c.setMonth(a.getMonth() + 6));
+                          (h = new Date(a)),
+                          h.setMonth(a.getMonth() + 6));
                       }
                       null != u &&
                       s.options &&
@@ -303,30 +291,30 @@ export default class ea {
                             : r.info(
                                 "Attempting to upgrade a gcm_sender_id-based push registration to VAPID - depending on the browser this may or may not result in the same gcm_sender_id-based subscription.",
                               ),
-                          this.yn(s, e, u, i, t))
+                          this.gn(s, e, u, i, t))
                         : s.expirationTime &&
                           new Date(s.expirationTime).valueOf() <=
                             new Date().valueOf()
                         ? (r.info(
                             "Push subscription is expired, creating new subscription.",
                           ),
-                          this.yn(s, e, u, i, t))
+                          this.gn(s, e, u, i, t))
                         : n && j(n)
-                        ? this.yn(s, e, u, i, t)
-                        : null == c
+                        ? this.gn(s, e, u, i, t)
+                        : null == h
                         ? (r.info(
                             "No push subscription creation date found, creating new subscription.",
                           ),
-                          this.yn(s, e, u, i, t))
-                        : c.valueOf() <= new Date().valueOf()
+                          this.gn(s, e, u, i, t))
+                        : h.valueOf() <= new Date().valueOf()
                         ? (r.info(
                             "Push subscription older than 6 months, creating new subscription.",
                           ),
-                          this.yn(s, e, u, i, t))
+                          this.gn(s, e, u, i, t))
                         : (r.info(
                             "Device already subscribed to push, sending existing subscription to backend.",
                           ),
-                          this.gn(s, a, i));
+                          this.wn(s, a, i));
                     } else this.vn(e, u, i, t);
                   })
                   .catch((i) => {
@@ -338,29 +326,29 @@ export default class ea {
               });
         };
       this.requestPermission(u, s, e);
-    } else if (this.pn) {
-      if (null == this.an || "" === this.an)
+    } else if (this.bn) {
+      if (null == this.hn || "" === this.hn)
         return (
           r.error(
             "You must supply the safariWebsitePushId initialization option in order to use registerPush on Safari",
           ),
           void ("function" == typeof t && t(!0))
         );
-      const e = window.safari.pushNotification.permission(this.an);
-      this.An(this.an, e, i, t);
+      const e = window.safari.pushNotification.permission(this.hn);
+      this.jn(this.hn, e, i, t);
     }
   }
   unsubscribe(i, t) {
-    if (!vt.isPushSupported())
-      return r.info(ea.Nn), void ("function" == typeof t && t());
-    this.ln
+    if (!yt.isPushSupported())
+      return r.info(ea.Un), void ("function" == typeof t && t());
+    this.dn
       ? navigator.serviceWorker.getRegistration(this.un).then((e) => {
           e
             ? e.pushManager
                 .getSubscription()
                 .then((s) => {
                   s
-                    ? (this.Pn(),
+                    ? (this.Dn(),
                       s
                         .unsubscribe()
                         .then((s) => {
@@ -373,7 +361,7 @@ export default class ea {
                                 "Failed to unsubscribe device from push.",
                               ),
                               "function" == typeof t && t()),
-                            this.xn(e);
+                            this.Nn(e);
                         })
                         .catch((i) => {
                           r.error("Push unsubscription error: " + i),
@@ -389,10 +377,10 @@ export default class ea {
             : (r.info("Device already unsubscribed from push."),
               "function" == typeof i && i());
         })
-      : this.pn &&
-        (this.Pn(),
+      : this.bn &&
+        (this.Dn(),
         r.info("Device unsubscribed from push."),
         "function" == typeof i && i());
   }
 }
-ea.Nn = "Push notifications are not supported in this browser.";
+ea.Un = "Push notifications are not supported in this browser.";

package/src/Push/utils/push-utils.js

@@ -1,36 +1,36 @@
-const vt = {
-  dn: () =>
+const yt = {
+  pn: () =>
     "serviceWorker" in navigator &&
     "undefined" != typeof ServiceWorkerRegistration &&
     "showNotification" in ServiceWorkerRegistration.prototype &&
     "PushManager" in window,
-  bn: () =>
+  yn: () =>
     "safari" in window &&
     "pushNotification" in window.safari &&
     "function" == typeof window.safari.pushNotification.permission &&
     "function" == typeof window.safari.pushNotification.requestPermission,
-  isPushSupported: () => vt.dn() || vt.bn(),
+  isPushSupported: () => yt.pn() || yt.yn(),
   isPushBlocked: () => {
     const i =
-        vt.isPushSupported() &&
+        yt.isPushSupported() &&
         "Notification" in window &&
         null != window.Notification &&
         null != window.Notification.permission &&
         "denied" === window.Notification.permission,
       n =
-        vt.isPushSupported() &&
+        yt.isPushSupported() &&
         (!("Notification" in window) || null == window.Notification);
     return i || n;
   },
   isPushPermissionGranted: () =>
-    vt.isPushSupported() &&
+    yt.isPushSupported() &&
     "Notification" in window &&
     null != window.Notification &&
     null != window.Notification.permission &&
     "granted" === window.Notification.permission,
-  Vi: () =>
-    !vt.isPushBlocked() &&
-    vt.isPushSupported() &&
-    !vt.isPushPermissionGranted(),
+  Qi: () =>
+    !yt.isPushBlocked() &&
+    yt.isPushSupported() &&
+    !yt.isPushPermissionGranted(),
 };
-export default vt;
+export default yt;