@braze/web-sdk 4.7.2 → 4.8.1

package/src/common/feed-display.js

@@ -5,34 +5,40 @@ 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 at } from "../util/key-codes.js";
-import Ee from "../l10n/l10n-manager-factory.js";
+import { KeyCodes as lt } from "../util/key-codes.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 J } from "../util/validation-utils.js";
+import { BRAZE_ACTION_URI_REGEX as X } from "../util/validation-utils.js";
 import {
-  INELIGIBLE_BRAZE_ACTION_URL_ERROR_TYPES as ft,
-  ineligibleBrazeActionURLErrorMessage as ht,
-  getDecodedBrazeAction as _,
-  containsUnknownBrazeAction as gt
+  INELIGIBLE_BRAZE_ACTION_URL_ERROR_TYPES as vt,
+  ineligibleBrazeActionURLErrorMessage as dt,
+  getDecodedBrazeAction as Q,
+  containsUnknownBrazeAction as ft
 } from "../util/braze-actions.js";
 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")),
     setTimeout(() => {
       e && e.parentNode && e.parentNode.removeChild(e);
-    }, x.uh));
+    }, 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,17 +60,17 @@ export function _generateFeedBody(e, t) {
       e.logCardClick(t);
     };
     for (const n of e.cards) {
-      const a = n instanceof ControlCard;
-      !a || e.dr()
-        ? (o.appendChild(xe(n, logCardClick, t)), (s = s || !a))
-        : r.D.error(
+      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."
           );
     }
     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,26 +80,29 @@ export function _generateFeedBody(e, t) {
 export function detectFeedImpressions(e, t) {
   if (null != t) {
     const o = [],
-      r = t.querySelectorAll(".ab-card");
-    e.do || (e.do = {});
-    for (let t = 0; t < r.length; t++) {
-      const s = fe(r[t]);
-      if (e.do[s]) continue;
-      let n = Te(r[t]),
-        a = de(r[t]);
-      const i = n,
-        d = a,
-        f = _e(r[t]),
-        c = he(r[t]);
+      s = t.querySelectorAll(".ab-card");
+    e.fo || (e.fo = {});
+    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) {
-            (e.do[t.id] = !0), o.push(t);
+          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 !== at.fo && e.keyCode !== at.co) || 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 !== at.fo && e.keyCode !== at.co) || 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 && J.test(e.url)) {
-        let t = _(e.url);
-        if (gt(t)) {
-          r.D.error(ht(ft.Ei, "Content Card"));
+      if (e.url && X.test(e.url)) {
+        let t = Q(e.url);
+        if (ft(t)) {
+          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/common/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,22 +1,22 @@
-import e, { OPTIONS as T } from "../managers/braze-instance.js";
-import ot from "../util/browser-detector.js";
+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)) {
-      let r = ot.language,
+    if ((he.o(), !he.i)) {
+      let r = V.language,
         t = !1;
-      e.nn(T.jn) && ((r = e.nn(T.jn)), (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.u(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/l10n/l10n-manager.js

@@ -11,7 +11,7 @@ export default class nr {
         "Braze does not yet have a localization for language " +
         t +
         ", defaulting to English. Please contact us if you are willing and able to help us translate our SDK into this language.";
-      l ? r.D.error(a) : r.D.info(a), (t = "en");
+      l ? r.j.error(a) : r.j.info(a), (t = "en");
     }
     this.language = t;
   }

package/src/managers/auth-manager.js

@@ -1,48 +1,51 @@
-import { STORAGE_KEYS as o } from "./storage-manager.js";
-import u from "./subscription-manager.js";
+import { STORAGE_KEYS as i } from "./storage-manager.js";
+import E from "./subscription-manager.js";
 import r from "../../shared-lib/braze-shared-lib.js";
-export default class kt {
+export default class jt {
   constructor(t, i, s) {
-    (this.h = t),
-      (this.xn = i || !1),
-      (this.zn = s),
-      (this.qn = new u()),
-      (this.Gn = 0),
-      (this.Hn = 1);
-  }
-  Jn() {
-    return this.xn;
-  }
-  Kn() {
-    return this.h.I(o.q.Ln);
+    (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.Jn;
+  }
+  gh() {
+    return this.u.v(i.k.Fh);
   }
   setSdkAuthenticationSignature(t) {
-    const i = this.Kn();
-    this.h.B(o.q.Ln, t);
-    const s = r.xt.Ft;
-    new r.qt(s, r.D).setItem(s.$t.Mn, this.Hn, t), i !== t && this.Qs();
+    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.kh, this.Yn, t), s !== t && this.si();
   }
-  On() {
-    this.h.Xs(o.q.Ln);
-    const t = r.xt.Ft;
-    new r.qt(t, r.D).br(t.$t.Mn, this.Hn);
+  fh() {
+    this.u.ri(i.k.Fh);
+    const t = r.zt.Ft;
+    new r.xt(t, r.j).br(t.Jt.kh, this.Yn);
   }
   subscribeToSdkAuthenticationFailures(t) {
-    return this.zn.ut(t);
+    return this.Qn.lt(t);
   }
-  Qn(t) {
-    this.zn.St(t);
+  wh(t) {
+    this.Qn.Et(t);
   }
-  Rn() {
-    this.qn.removeAllSubscriptions();
+  jh() {
+    this.Vn.removeAllSubscriptions();
   }
-  Vn() {
-    this.Gn += 1;
+  Ch() {
+    this.Xn += 1;
   }
-  Wn() {
-    return this.Gn;
+  xh() {
+    return this.Xn;
   }
-  Qs() {
-    this.Gn = 0;
+  si() {
+    this.Xn = 0;
   }
 }