@braze/web-sdk 4.8.0 → 4.8.1

package/src/common/feed-display.js

@@ -5,14 +5,14 @@ import {
   impressOnBottom as be,
   impressOnTop as ye,
   markCardAsRead as Fe,
-  topHadImpression as Te
+  topHadImpression as _e
 } from "../Card/display/card-display.js";
-import { bottomIsInView as he, topIsInView as _e } from "../util/dom-utils.js";
+import { bottomIsInView as Te, topIsInView as xe } from "../util/dom-utils.js";
 import { Card, ControlCard } from "../Card/index.js";
-import { cardToHtml as xe } from "../Card/display/card-display.js";
+import { cardToHtml as Ee } from "../Card/display/card-display.js";
 import { isArray as p } from "../util/code-utils.js";
 import { KeyCodes as lt } from "../util/key-codes.js";
-import Ee from "../l10n/l10n-manager-factory.js";
+import he from "../l10n/l10n-manager-factory.js";
 import { removeSubscription } from "../Core/remove-subscription.js";
 import r from "../../shared-lib/braze-shared-lib.js";
 import { BRAZE_ACTION_URI_REGEX as X } from "../util/validation-utils.js";
@@ -25,6 +25,8 @@ import {
 export const LAST_REQUESTED_REFRESH_DATA_ATTRIBUTE =
   "data-last-requested-refresh";
 export const _SUBSCRIPTION_ID_DATA_ATTRIBUTE = "data-update-subscription-id";
+export const _SCROLL_LISTENER_ID = "data-listener-id";
+export const scrollListeners = {};
 export function destroyFeedHtml(e) {
   e &&
     ((e.className = e.className.replace("ab-show", "ab-hide")),
@@ -33,6 +35,10 @@ export function destroyFeedHtml(e) {
     }, x.Th));
   const t = e.getAttribute("data-update-subscription-id");
   null != t && removeSubscription(t);
+  const o = e.getAttribute("data-listener-id");
+  null != o &&
+    (window.removeEventListener("scroll", scrollListeners[o]),
+    delete scrollListeners[o]);
 }
 export function _generateFeedBody(e, t) {
   const o = document.createElement("div");
@@ -54,9 +60,9 @@ export function _generateFeedBody(e, t) {
       e.logCardClick(t);
     };
     for (const n of e.cards) {
-      const a = n instanceof ControlCard;
-      !a || e.ur()
-        ? (o.appendChild(xe(n, logCardClick, t)), (s = s || !a))
+      const i = n instanceof ControlCard;
+      !i || e.ur()
+        ? (o.appendChild(Ee(n, logCardClick, t)), (s = s || !i))
         : r.j.error(
             "Received a control card for a legacy news feed. Control cards are only supported with content cards."
           );
@@ -64,7 +70,7 @@ export function _generateFeedBody(e, t) {
     if (!s) {
       const e = document.createElement("div");
       (e.className = "ab-no-cards-message"),
-        (e.innerHTML = Ee.m().get("NO_CARDS_MESSAGE")),
+        (e.innerHTML = he.m().get("NO_CARDS_MESSAGE")),
         e.setAttribute("role", "article"),
         o.appendChild(e);
     }
@@ -74,25 +80,28 @@ export function _generateFeedBody(e, t) {
 export function detectFeedImpressions(e, t) {
   if (null != t) {
     const o = [],
-      r = t.querySelectorAll(".ab-card");
+      s = t.querySelectorAll(".ab-card");
     e.fo || (e.fo = {});
-    for (let t = 0; t < r.length; t++) {
-      const s = fe(r[t]);
-      if (e.fo[s]) continue;
-      let n = Te(r[t]),
-        a = de(r[t]);
-      const i = n,
-        d = a,
-        f = _e(r[t]),
-        c = he(r[t]);
+    for (let t = 0; t < s.length; t++) {
+      const r = fe(s[t]),
+        n = xe(s[t]),
+        i = Te(s[t]);
+      if (e.fo[r]) {
+        n || i || Fe(s[t]);
+        continue;
+      }
+      let a = _e(s[t]),
+        d = de(s[t]);
+      const l = a,
+        c = d;
       if (
-        (!n && f && ((n = !0), ye(r[t])),
-        !a && c && ((a = !0), be(r[t])),
-        n && a)
+        (!a && n && ((a = !0), ye(s[t])),
+        !d && i && ((d = !0), be(s[t])),
+        a && d)
       ) {
-        if ((f || c || Fe(r[t]), i && d)) continue;
+        if (l && c) continue;
         for (const t of e.cards)
-          if (t.id === s) {
+          if (t.id === r) {
             (e.fo[t.id] = !0), o.push(t);
             break;
           }
@@ -105,17 +114,17 @@ export function refreshFeed(e, t) {
   t.setAttribute("aria-busy", "true");
   const o = t.querySelectorAll(".ab-refresh-button")[0];
   null != o && (o.className += " fa-spin");
-  const r = new Date().valueOf().toString();
-  t.setAttribute("data-last-requested-refresh", r),
+  const s = new Date().valueOf().toString();
+  t.setAttribute("data-last-requested-refresh", s),
     setTimeout(() => {
-      if (t.getAttribute("data-last-requested-refresh") === r) {
+      if (t.getAttribute("data-last-requested-refresh") === s) {
         const e = t.querySelectorAll(".fa-spin");
         for (let t = 0; t < e.length; t++)
           e[t].className = e[t].className.replace(/fa-spin/g, "");
         const o = t.querySelectorAll(".ab-initial-spinner")[0];
         if (null != o) {
           const e = document.createElement("span");
-          (e.innerHTML = Ee.m().get("FEED_TIMEOUT_MESSAGE")),
+          (e.innerHTML = he.m().get("FEED_TIMEOUT_MESSAGE")),
             o.parentNode.appendChild(e),
             o.parentNode.removeChild(o);
         }
@@ -125,66 +134,67 @@ export function refreshFeed(e, t) {
     }, x.uo),
     e.sr();
 }
-export function feedToHtml(e, t) {
-  const o = document.createElement("div");
-  (o.className = "ab-feed ab-hide ab-effect-slide"),
-    o.setAttribute("role", "dialog"),
-    o.setAttribute("aria-label", "Feed"),
-    o.setAttribute("tabindex", "-1");
-  const r = document.createElement("div");
-  (r.className = "ab-feed-buttons-wrapper"),
-    r.setAttribute("role", "group"),
-    o.appendChild(r);
-  const s = document.createElement("i");
-  (s.className = "fa fa-times ab-close-button"),
-    s.setAttribute("aria-label", "Close Feed"),
-    s.setAttribute("tabindex", "0"),
-    s.setAttribute("role", "button");
-  const n = e => {
-    destroyFeedHtml(o), e.stopPropagation();
+export function feedToHtml(e, t, o) {
+  const s = document.createElement("div");
+  (s.className = "ab-feed ab-hide ab-effect-slide"),
+    s.setAttribute("role", "dialog"),
+    s.setAttribute("aria-label", "Feed"),
+    s.setAttribute("tabindex", "-1");
+  const n = document.createElement("div");
+  (n.className = "ab-feed-buttons-wrapper"),
+    n.setAttribute("role", "group"),
+    s.appendChild(n);
+  const i = document.createElement("i");
+  (i.className = "fa fa-times ab-close-button"),
+    i.setAttribute("aria-label", "Close Feed"),
+    i.setAttribute("tabindex", "0"),
+    i.setAttribute("role", "button");
+  const a = e => {
+    destroyFeedHtml(s), e.stopPropagation();
   };
-  s.addEventListener("keydown", e => {
-    (e.keyCode !== lt.yo && e.keyCode !== lt.Fo) || n(e);
+  i.addEventListener("keydown", e => {
+    (e.keyCode !== lt.yo && e.keyCode !== lt.Fo) || a(e);
   }),
-    (s.onclick = n);
-  const a = document.createElement("i");
-  (a.className = "fa fa-refresh ab-refresh-button"),
-    null == e.lastUpdated && (a.className += " fa-spin"),
-    a.setAttribute("aria-label", "Refresh Feed"),
-    a.setAttribute("tabindex", "0"),
-    a.setAttribute("role", "button");
-  const i = t => {
-    refreshFeed(e, o), t.stopPropagation();
+    (i.onclick = a);
+  const d = document.createElement("i");
+  (d.className = "fa fa-refresh ab-refresh-button"),
+    null == e.lastUpdated && (d.className += " fa-spin"),
+    d.setAttribute("aria-label", "Refresh Feed"),
+    d.setAttribute("tabindex", "0"),
+    d.setAttribute("role", "button");
+  const l = t => {
+    refreshFeed(e, s), t.stopPropagation();
   };
-  return (
-    a.addEventListener("keydown", e => {
-      (e.keyCode !== lt.yo && e.keyCode !== lt.Fo) || i(e);
-    }),
-    (a.onclick = i),
-    r.appendChild(a),
-    r.appendChild(s),
-    o.appendChild(_generateFeedBody(e, t)),
-    (o.onscroll = () => {
-      detectFeedImpressions(e, o);
-    }),
-    o
-  );
+  d.addEventListener("keydown", e => {
+    (e.keyCode !== lt.yo && e.keyCode !== lt.Fo) || l(e);
+  }),
+    (d.onclick = l),
+    n.appendChild(d),
+    n.appendChild(i),
+    s.appendChild(_generateFeedBody(e, t));
+  const c = () => detectFeedImpressions(e, s);
+  if ((s.addEventListener("scroll", c), !o)) {
+    window.addEventListener("scroll", c);
+    const e = r.Z.Y();
+    (scrollListeners[e] = c), s.setAttribute("data-listener-id", e);
+  }
+  return s;
 }
 export function updateFeedCards(e, t, o, s, n) {
   if (!p(t)) return;
-  const a = [];
+  const i = [];
   for (const e of t)
     if (e instanceof Card) {
       if (e.url && X.test(e.url)) {
         let t = Q(e.url);
         if (ft(t)) {
-          r.j.error(dt(vt.Ji, "Content Card"));
+          r.j.error(dt(vt.Ki, "Content Card"));
           continue;
         }
       }
-      a.push(e);
+      i.push(e);
     }
-  if (((e.cards = a), (e.lastUpdated = o), null != s))
+  if (((e.cards = i), (e.lastUpdated = o), null != s))
     if ((s.setAttribute("aria-busy", "false"), null == e.lastUpdated))
       destroyFeedHtml(s);
     else {

package/src/l10n/l10n-manager-factory.js

@@ -1,22 +1,22 @@
 import e, { OPTIONS as L } from "../managers/braze-instance.js";
 import V from "../util/browser-detector.js";
 import nr from "./l10n-manager.js";
-const Ee = {
+const he = {
   t: !1,
   i: null,
   m: () => {
-    if ((Ee.o(), !Ee.i)) {
+    if ((he.o(), !he.i)) {
       let r = V.language,
         t = !1;
-      e.nn(L.Mn) && ((r = e.nn(L.Mn)), (t = !0)), (Ee.i = new nr(r, t));
+      e.nn(L.Mn) && ((r = e.nn(L.Mn)), (t = !0)), (he.i = new nr(r, t));
     }
-    return Ee.i;
+    return he.i;
   },
   o: () => {
-    Ee.t || (e.g(Ee), (Ee.t = !0));
+    he.t || (e.g(he), (he.t = !0));
   },
   destroy: () => {
-    (Ee.i = null), (Ee.t = !1);
+    (he.i = null), (he.t = !1);
   }
 };
-export default Ee;
+export default he;

package/src/managers/auth-manager.js

@@ -3,43 +3,46 @@ import E from "./subscription-manager.js";
 import r from "../../shared-lib/braze-shared-lib.js";
 export default class jt {
   constructor(t, i, s) {
-    (this.Jn = t),
-      (this.Kn = i || !1),
+    (this.u = t),
+      (this.Jn = i),
+      (this.Qn = s),
+      (this.u = t),
+      (this.Jn = i || !1),
       (this.Qn = s),
       (this.Vn = new E()),
       (this.Xn = 0),
       (this.Yn = 1);
   }
   Zn() {
-    return this.Kn;
+    return this.Jn;
   }
-  au() {
-    return this.Jn.v(i.k.bu);
+  gh() {
+    return this.u.v(i.k.Fh);
   }
   setSdkAuthenticationSignature(t) {
-    const s = this.au();
-    this.Jn.D(i.k.bu, t);
+    const s = this.gh();
+    this.u.D(i.k.Fh, t);
     const e = r.zt.Ft;
-    new r.xt(e, r.j).setItem(e.Jt.gu, this.Yn, t), s !== t && this.si();
+    new r.xt(e, r.j).setItem(e.Jt.kh, this.Yn, t), s !== t && this.si();
   }
-  du() {
-    this.Jn.ri(i.k.bu);
+  fh() {
+    this.u.ri(i.k.Fh);
     const t = r.zt.Ft;
-    new r.xt(t, r.j).br(t.Jt.gu, this.Yn);
+    new r.xt(t, r.j).br(t.Jt.kh, this.Yn);
   }
   subscribeToSdkAuthenticationFailures(t) {
     return this.Qn.lt(t);
   }
-  Su(t) {
+  wh(t) {
     this.Qn.Et(t);
   }
-  Au() {
+  jh() {
     this.Vn.removeAllSubscriptions();
   }
-  pu() {
+  Ch() {
     this.Xn += 1;
   }
-  Fu() {
+  xh() {
     return this.Xn;
   }
   si() {