@braze/web-sdk 5.5.0 → 5.6.1

package/src/Card/display/card-display.js

@@ -1,139 +1,125 @@
-import { createCloseButton as d } from "../../util/component-utils.js";
-import { detectSwipe as c, DIRECTIONS as m } from "../../util/dom-utils.js";
-import { _handleBrazeAction as u } from "../../Core/handle-braze-action.js";
+import { createCloseButton as T } from "../../util/component-utils.js";
+import { detectSwipe as H, DIRECTIONS as R } from "../../util/dom-utils.js";
+import { _handleBrazeAction as F } from "../../Core/handle-braze-action.js";
 import { logCardDismissal } from "../index.js";
-import { Guid as p } from "../../../shared-lib/index.js";
-export const TOP_IMPRESSION_DATA_ATTRIBUTE = "data-ab-had-top-impression";
-export const BOTTOM_IMPRESSION_DATA_ATTRIBUTE = "data-ab-had-bottom-impression";
-export function topHadImpression(t) {
-  return null != t && !!t.getAttribute("data-ab-had-top-impression");
-}
-export function impressOnTop(t) {
-  null != t && t.setAttribute("data-ab-had-top-impression", "true");
-}
-export function bottomHadImpression(t) {
-  return null != t && !!t.getAttribute("data-ab-had-bottom-impression");
-}
-export function impressOnBottom(t) {
-  null != t && t.setAttribute("data-ab-had-bottom-impression", "true");
-}
+import { Guid as G } from "../../../shared-lib/index.js";
 export function markCardAsRead(t) {
   if (null != t) {
-    const o = t.querySelectorAll(".ab-unread-indicator")[0];
-    null != o && (o.className += " read");
+    const e = t.querySelectorAll(".ab-unread-indicator")[0];
+    null != e && (e.className += " read");
   }
 }
 export function getCardId(t) {
   return t.getAttribute("data-ab-card-id");
 }
-export function _setImageAltText(t, o) {
-  let e = "";
-  t.title || t.description || (e = "Feed Image"), o.setAttribute("alt", e);
+export function _setImageAltText(t, e) {
+  let o = "";
+  t.title || t.description || (o = "Feed Image"), e.setAttribute("alt", o);
 }
-export function setCardHeight(t, o) {
-  const e = o.querySelectorAll(".ab-image-area");
+export function setCardHeight(t, e) {
+  const o = e.querySelectorAll(".ab-image-area");
   let a,
-    n = 0;
-  e.length > 0 && (n = e[0].offsetWidth);
-  for (const o of t)
-    if (((a = o.T), a && o.imageUrl && "number" == typeof o.aspectRatio)) {
-      const t = n / o.aspectRatio;
+    i = 0;
+  o.length > 0 && (i = o[0].offsetWidth);
+  for (const e of t)
+    if (((a = e.bt), a && e.imageUrl && "number" == typeof e.aspectRatio)) {
+      const t = i / e.aspectRatio;
       t && (a.style.height = `${t}px`);
     }
 }
-export function cardToHtml(t, logCardClick, o, e = "ltr") {
+export function cardToHtml(t, logCardClick, e, o = "ltr") {
   const a = document.createElement("div");
-  (a.dir = e),
-    (a.className = "ab-card ab-effect-card " + t._),
+  (a.dir = o),
+    (a.className = "ab-card ab-effect-card " + t.At),
     t.id &&
       (a.setAttribute("data-ab-card-id", t.id), a.setAttribute("id", t.id)),
     a.setAttribute("role", "article"),
     a.setAttribute("tabindex", "0");
-  let n = "",
-    i = !1;
-  t.url && "" !== t.url && ((n = t.url), (i = !0));
-  const r = (e) => (markCardAsRead(a), i && (logCardClick(t), u(n, o, e)), !1);
+  let i = "",
+    n = !1;
+  t.url && "" !== t.url && ((i = t.url), (n = !0));
+  const d = (o) => (markCardAsRead(a), n && (logCardClick(t), F(i, e, o)), !1);
   if (t.pinned) {
     const t = document.createElement("div");
     t.className = "ab-pinned-indicator";
-    const o = document.createElement("i");
-    (o.className = "fa fa-star"), t.appendChild(o), a.appendChild(t);
+    const e = document.createElement("i");
+    (e.className = "fa fa-star"), t.appendChild(e), a.appendChild(t);
   }
   if (t.imageUrl && "" !== t.imageUrl) {
-    const o = document.createElement("div");
-    (o.dir = e), (o.className = "ab-image-area");
-    const d = document.createElement("img");
+    const e = document.createElement("div");
+    (e.dir = o), (e.className = "ab-image-area");
+    const r = document.createElement("img");
     if (
-      (d.setAttribute("src", t.imageUrl),
-      (d.onload = () => {
+      (r.setAttribute("src", t.imageUrl),
+      (r.onload = () => {
         a.style.height = "auto";
       }),
-      _setImageAltText(t, d),
-      o.appendChild(d),
+      _setImageAltText(t, r),
+      e.appendChild(r),
       (a.className += " with-image"),
-      i && !t.S)
+      n && !t.Tt)
     ) {
       const t = document.createElement("a");
-      t.setAttribute("href", n),
-        (t.onclick = r),
-        t.appendChild(o),
+      t.setAttribute("href", i),
+        (t.onclick = d),
+        t.appendChild(e),
         a.appendChild(t);
-    } else a.appendChild(o);
+    } else a.appendChild(e);
   }
-  const s = document.createElement("div");
-  if (((s.className = "ab-card-body"), (s.dir = e), t.dismissible)) {
+  const r = document.createElement("div");
+  if (((r.className = "ab-card-body"), (r.dir = o), t.dismissible)) {
     t.logCardDismissal = () => logCardDismissal(t);
-    const o = d("Dismiss Card", void 0, t.dismissCard.bind(t), e);
-    a.appendChild(o),
-      c(s, m.U, (t) => {
-        (a.className += " ab-swiped-left"), o.onclick(t);
+    const e = T("Dismiss Card", void 0, t.dismissCard.bind(t), o);
+    a.appendChild(e),
+      H(r, R.kt, (t) => {
+        (a.className += " ab-swiped-left"), e.onclick(t);
       }),
-      c(s, m.V, (t) => {
-        (a.className += " ab-swiped-right"), o.onclick(t);
+      H(r, R.Ht, (t) => {
+        (a.className += " ab-swiped-right"), e.onclick(t);
       });
   }
-  let l = "",
-    b = !1;
-  if ((t.title && "" !== t.title && ((l = t.title), (b = !0)), b)) {
+  let c = "",
+    s = !1;
+  if ((t.title && "" !== t.title && ((c = t.title), (s = !0)), s)) {
     const t = document.createElement("h1");
     if (
       ((t.className = "ab-title"),
-      (t.id = p.W()),
+      (t.id = G.Rt()),
       a.setAttribute("aria-labelledby", t.id),
-      i)
+      n)
     ) {
-      const o = document.createElement("a");
-      o.setAttribute("href", n),
-        (o.onclick = r),
-        o.appendChild(document.createTextNode(l)),
-        t.appendChild(o);
-    } else t.appendChild(document.createTextNode(l));
-    s.appendChild(t);
+      const e = document.createElement("a");
+      e.setAttribute("href", i),
+        (e.onclick = d),
+        e.appendChild(document.createTextNode(c)),
+        t.appendChild(e);
+    } else t.appendChild(document.createTextNode(c));
+    r.appendChild(t);
   }
-  const f = document.createElement("div");
+  const m = document.createElement("div");
   if (
-    ((f.className = b ? "ab-description" : "ab-description ab-no-title"),
-    (f.id = p.W()),
-    a.setAttribute("aria-describedby", f.id),
-    t.description && f.appendChild(document.createTextNode(t.description)),
-    i)
+    ((m.className = s ? "ab-description" : "ab-description ab-no-title"),
+    (m.id = G.Rt()),
+    a.setAttribute("aria-describedby", m.id),
+    t.description && m.appendChild(document.createTextNode(t.description)),
+    n)
   ) {
-    const o = document.createElement("div");
-    o.className = "ab-url-area";
-    const e = document.createElement("a");
-    e.setAttribute("href", n),
-      t.linkText && e.appendChild(document.createTextNode(t.linkText)),
-      (e.onclick = r),
-      o.appendChild(e),
-      f.appendChild(o);
+    const e = document.createElement("div");
+    e.className = "ab-url-area";
+    const o = document.createElement("a");
+    o.setAttribute("href", i),
+      t.linkText && o.appendChild(document.createTextNode(t.linkText)),
+      (o.onclick = d),
+      e.appendChild(o),
+      m.appendChild(e);
   }
-  s.appendChild(f), a.appendChild(s);
-  const x = document.createElement("div");
+  r.appendChild(m), a.appendChild(r);
+  const u = document.createElement("div");
   return (
-    (x.className = "ab-unread-indicator"),
-    t.viewed && (x.className += " read"),
-    a.appendChild(x),
-    (t.T = a),
+    (u.className = "ab-unread-indicator"),
+    t.viewed && (u.className += " read"),
+    a.appendChild(u),
+    (t.bt = a),
     a
   );
 }

package/src/Card/log-card-click.js

@@ -1,11 +1,11 @@
 import { Card } from "./models/index.js";
-import n from "./card-manager-factory.js";
-import { MUST_BE_CARD_WARNING_SUFFIX as f } from "../common/constants.js";
-import e from "../managers/braze-instance.js";
-import { logger as r } from "../../shared-lib/index.js";
+import _ from "./card-manager-factory.js";
+import { MUST_BE_CARD_WARNING_SUFFIX as K } from "../common/constants.js";
+import r from "../managers/braze-instance.js";
+import { logger as N } from "../../shared-lib/index.js";
 export function logCardClick(o, m) {
   return (
-    !!e.X() &&
-    (o instanceof Card ? n.m().h(o, m).L : (r.error("card " + f), !1))
+    !!r.rr() &&
+    (o instanceof Card ? _.ea().logClick(o, m).ss : (N.error("card " + K), !1))
   );
 }

package/src/Card/log-card-dismissal.js

@@ -1,10 +1,11 @@
 import { Card } from "./models/index.js";
-import n from "./card-manager-factory.js";
-import { MUST_BE_CARD_WARNING_SUFFIX as f } from "../common/constants.js";
-import e from "../managers/braze-instance.js";
-import { logger as r } from "../../shared-lib/index.js";
+import _ from "./card-manager-factory.js";
+import { MUST_BE_CARD_WARNING_SUFFIX as K } from "../common/constants.js";
+import r from "../managers/braze-instance.js";
+import { logger as N } from "../../shared-lib/index.js";
 export function logCardDismissal(o) {
   return (
-    !!e.X() && (o instanceof Card ? n.m().B(o).L : (r.error("card " + f), !1))
+    !!r.rr() &&
+    (o instanceof Card ? _.ea().ct(o).ss : (N.error("card " + K), !1))
   );
 }

package/src/Card/log-card-impressions.js

@@ -1,13 +1,13 @@
 import { Card } from "./models/index.js";
-import n from "./card-manager-factory.js";
-import e from "../managers/braze-instance.js";
-import { isArray as j } from "../util/code-utils.js";
-import { MUST_BE_CARD_WARNING_SUFFIX as f } from "../common/constants.js";
-import { logger as r } from "../../shared-lib/index.js";
-export function logCardImpressions(o, s) {
-  if (!e.X()) return !1;
-  if (!j(o)) return r.error("cards must be an array"), !1;
-  for (const n of o)
-    if (!(n instanceof Card)) return r.error(`Each card in cards ${f}`), !1;
-  return n.m().G(o, s).L;
+import _ from "./card-manager-factory.js";
+import r from "../managers/braze-instance.js";
+import { isArray as w } from "../util/code-utils.js";
+import { MUST_BE_CARD_WARNING_SUFFIX as K } from "../common/constants.js";
+import { logger as N } from "../../shared-lib/index.js";
+export function logCardImpressions(o, n) {
+  if (!r.rr()) return !1;
+  if (!w(o)) return N.error("cards must be an array"), !1;
+  for (const r of o)
+    if (!(r instanceof Card)) return N.error(`Each card in cards ${K}`), !1;
+  return _.ea().jt(o, n).ss;
 }

package/src/Card/models/captioned-image.js

@@ -2,31 +2,31 @@ import Card from "./card.js";
 export default class CaptionedImage extends Card {
   constructor(t, s, i, h, e, r, a, o, c, n, d, p, u, l, m, f) {
     super(t, s, i, h, e, r, a, o, c, n, d, p, u, l, m, f),
-      (this._ = "ab-captioned-image"),
-      (this.S = !0),
+      (this.At = "ab-captioned-image"),
+      (this.Tt = !0),
       (this.test = !1);
   }
-  Y() {
+  Bs() {
     const t = {};
     return (
-      (t[Card.tt.Z] = Card.it.st),
-      (t[Card.tt.ht] = this.id),
-      (t[Card.tt.et] = this.viewed),
-      (t[Card.tt.rt] = this.title),
-      (t[Card.tt.ot] = this.imageUrl),
-      (t[Card.tt.ct] = this.description),
-      (t[Card.tt.nt] = this.updated),
-      (t[Card.tt.dt] = this.created),
-      (t[Card.tt.ut] = this.categories),
-      (t[Card.tt.lt] = this.expiresAt),
-      (t[Card.tt.URL] = this.url),
-      (t[Card.tt.ft] = this.linkText),
-      (t[Card.tt.xt] = this.aspectRatio),
-      (t[Card.tt.bt] = this.extras),
-      (t[Card.tt.gt] = this.pinned),
-      (t[Card.tt.jt] = this.dismissible),
-      (t[Card.tt.zt] = this.clicked),
-      (t[Card.tt.kt] = this.test),
+      (t[Card.qt.zt] = Card.Dt.Bt),
+      (t[Card.qt.Et] = this.id),
+      (t[Card.qt.Ft] = this.viewed),
+      (t[Card.qt.Gt] = this.title),
+      (t[Card.qt.Jt] = this.imageUrl),
+      (t[Card.qt.Kt] = this.description),
+      (t[Card.qt.Lt] = this.updated),
+      (t[Card.qt.Mt] = this.created),
+      (t[Card.qt.Nt] = this.categories),
+      (t[Card.qt.Ot] = this.expiresAt),
+      (t[Card.qt.URL] = this.url),
+      (t[Card.qt.Pt] = this.linkText),
+      (t[Card.qt.Qt] = this.aspectRatio),
+      (t[Card.qt.St] = this.extras),
+      (t[Card.qt.Ut] = this.pinned),
+      (t[Card.qt.Vt] = this.dismissible),
+      (t[Card.qt.Wt] = this.clicked),
+      (t[Card.qt.Xt] = this.test),
       t
     );
   }

package/src/Card/models/card.js

@@ -1,10 +1,10 @@
 import {
-  convertMsToSeconds as h,
-  dateFromUnixTimestamp as l,
+  convertMsToSeconds as L,
+  dateFromUnixTimestamp as O,
 } from "../../util/date-utils.js";
-import { FEED_ANIMATION_DURATION as E } from "../../common/constants.js";
-import T from "../../managers/subscription-manager.js";
-import r from "../../../shared-lib/logger.js";
+import { FEED_ANIMATION_DURATION as P } from "../../common/constants.js";
+import u from "../../managers/subscription-manager.js";
+import N from "../../../shared-lib/logger.js";
 export default class Card {
   constructor(t, i, s, h, n, l, e, r, u, E, o, T, I, a, c, N) {
     (this.id = t),
@@ -45,26 +45,26 @@ export default class Card {
       (this.clicked = N || !1),
       (this.isControl = !1),
       (this.test = !1),
-      (this.Et = null),
-      (this.Tt = null),
-      (this.It = null);
+      (this._t = null),
+      (this.Yt = null),
+      (this.Zt = null);
   }
   subscribeToClickedEvent(t) {
-    return this.St().Nt(t);
+    return this.ti().Ns(t);
   }
   subscribeToDismissedEvent(t) {
-    return this.At().Nt(t);
+    return this.ii().Ns(t);
   }
   removeSubscription(t) {
-    this.St().removeSubscription(t), this.At().removeSubscription(t);
+    this.ti().removeSubscription(t), this.ii().removeSubscription(t);
   }
   removeAllSubscriptions() {
-    this.St().removeAllSubscriptions(), this.At().removeAllSubscriptions();
+    this.ti().removeAllSubscriptions(), this.ii().removeAllSubscriptions();
   }
   dismissCard() {
     if (!this.dismissible || this.dismissed) return;
     "function" == typeof this.logCardDismissal && this.logCardDismissal();
-    let t = this.T;
+    let t = this.bt;
     !t && this.id && (t = document.getElementById(this.id)),
       t &&
         ((t.style.height = t.offsetHeight + "px"),
@@ -76,128 +76,128 @@ export default class Card {
             (t.style.margin = "0"),
             setTimeout(function () {
               t && t.parentNode && t.parentNode.removeChild(t);
-            }, Card.Dt));
-        }, E));
+            }, Card.si));
+        }, P));
   }
-  St() {
-    return null == this.Et && (this.Et = new T()), this.Et;
+  ti() {
+    return null == this._t && (this._t = new u()), this._t;
   }
-  At() {
-    return null == this.Tt && (this.Tt = new T()), this.Tt;
+  ii() {
+    return null == this.Yt && (this.Yt = new u()), this.Yt;
   }
-  K() {
+  wt() {
     const t = new Date().valueOf();
     return (
-      !(null != this.It && t - this.It < Card.Ct) &&
-      ((this.It = t), (this.viewed = !0), !0)
+      !(null != this.Zt && t - this.Zt < Card.hi) &&
+      ((this.Zt = t), (this.viewed = !0), !0)
     );
   }
-  p() {
-    (this.viewed = !0), (this.clicked = !0), this.St().Rt();
+  rt() {
+    (this.viewed = !0), (this.clicked = !0), this.ti().X();
   }
-  N() {
+  ft() {
     return (
       !(!this.dismissible || this.dismissed) &&
-      ((this.dismissed = !0), this.At().Rt(), !0)
+      ((this.dismissed = !0), this.ii().X(), !0)
     );
   }
-  Lt(t) {
-    if (null == t || t[Card._t.ht] !== this.id) return !0;
-    if (t[Card._t.Ot]) return !1;
+  ni(t) {
+    if (null == t || t[Card.li.Et] !== this.id) return !0;
+    if (t[Card.li.ei]) return !1;
     if (
-      null != t[Card._t.nt] &&
+      null != t[Card.li.Lt] &&
       null != this.updated &&
-      parseInt(t[Card._t.nt]) < h(this.updated.valueOf())
+      parseInt(t[Card.li.Lt]) < L(this.updated.valueOf())
     )
       return !0;
     if (
-      (t[Card._t.et] && !this.viewed && (this.viewed = !0),
-      t[Card._t.zt] && !this.clicked && (this.clicked = t[Card._t.zt]),
-      null != t[Card._t.rt] && (this.title = t[Card._t.rt]),
-      null != t[Card._t.ot] && (this.imageUrl = t[Card._t.ot]),
-      null != t[Card._t.ct] && (this.description = t[Card._t.ct]),
-      null != t[Card._t.nt])
+      (t[Card.li.Ft] && !this.viewed && (this.viewed = !0),
+      t[Card.li.Wt] && !this.clicked && (this.clicked = t[Card.li.Wt]),
+      null != t[Card.li.Gt] && (this.title = t[Card.li.Gt]),
+      null != t[Card.li.Jt] && (this.imageUrl = t[Card.li.Jt]),
+      null != t[Card.li.Kt] && (this.description = t[Card.li.Kt]),
+      null != t[Card.li.Lt])
     ) {
-      const i = l(t[Card._t.nt]);
+      const i = O(t[Card.li.Lt]);
       null != i && (this.updated = i);
     }
-    if (null != t[Card._t.lt]) {
+    if (null != t[Card.li.Ot]) {
       let i;
-      (i = t[Card._t.lt] === Card.Mt ? null : l(t[Card._t.lt])),
+      (i = t[Card.li.Ot] === Card.ri ? null : O(t[Card.li.Ot])),
         (this.expiresAt = i);
     }
     if (
-      (null != t[Card._t.URL] && (this.url = t[Card._t.URL]),
-      null != t[Card._t.ft] && (this.linkText = t[Card._t.ft]),
-      null != t[Card._t.xt])
+      (null != t[Card.li.URL] && (this.url = t[Card.li.URL]),
+      null != t[Card.li.Pt] && (this.linkText = t[Card.li.Pt]),
+      null != t[Card.li.Qt])
     ) {
-      const i = parseFloat(t[Card._t.xt].toString());
+      const i = parseFloat(t[Card.li.Qt].toString());
       this.aspectRatio = isNaN(i) ? null : i;
     }
     return (
-      null != t[Card._t.bt] && (this.extras = t[Card._t.bt]),
-      null != t[Card._t.gt] && (this.pinned = t[Card._t.gt]),
-      null != t[Card._t.jt] && (this.dismissible = t[Card._t.jt]),
-      null != t[Card._t.kt] && (this.test = t[Card._t.kt]),
+      null != t[Card.li.St] && (this.extras = t[Card.li.St]),
+      null != t[Card.li.Ut] && (this.pinned = t[Card.li.Ut]),
+      null != t[Card.li.Vt] && (this.dismissible = t[Card.li.Vt]),
+      null != t[Card.li.Xt] && (this.test = t[Card.li.Xt]),
       !0
     );
   }
-  Y() {
-    r.error("Must be implemented in a subclass");
+  Bs() {
+    N.error("Must be implemented in a subclass");
   }
 }
-(Card.Mt = -1),
-  (Card._t = {
-    ht: "id",
-    et: "v",
-    jt: "db",
-    Ot: "r",
-    nt: "ca",
-    gt: "p",
-    lt: "ea",
-    bt: "e",
-    Z: "tp",
-    ot: "i",
-    rt: "tt",
-    ct: "ds",
+(Card.ri = -1),
+  (Card.li = {
+    Et: "id",
+    Ft: "v",
+    Vt: "db",
+    ei: "r",
+    Lt: "ca",
+    Ut: "p",
+    Ot: "ea",
+    St: "e",
+    zt: "tp",
+    Jt: "i",
+    Gt: "tt",
+    Kt: "ds",
     URL: "u",
-    ft: "dm",
-    xt: "ar",
-    zt: "cl",
-    kt: "t",
+    Pt: "dm",
+    Qt: "ar",
+    Wt: "cl",
+    Xt: "t",
   }),
-  (Card.it = {
-    st: "captioned_image",
-    Pt: "text_announcement",
-    Ut: "short_news",
-    Gt: "banner_image",
-    Xt: "control",
+  (Card.Dt = {
+    Bt: "captioned_image",
+    ui: "text_announcement",
+    Ei: "short_news",
+    oi: "banner_image",
+    Ti: "control",
   }),
-  (Card.tt = {
-    ht: "id",
-    et: "v",
-    jt: "db",
-    dt: "cr",
-    nt: "ca",
-    gt: "p",
-    ut: "t",
-    lt: "ea",
-    bt: "e",
-    Z: "tp",
-    ot: "i",
-    rt: "tt",
-    ct: "ds",
+  (Card.qt = {
+    Et: "id",
+    Ft: "v",
+    Vt: "db",
+    Mt: "cr",
+    Lt: "ca",
+    Ut: "p",
+    Nt: "t",
+    Ot: "ea",
+    St: "e",
+    zt: "tp",
+    Jt: "i",
+    Gt: "tt",
+    Kt: "ds",
     URL: "u",
-    ft: "dm",
-    xt: "ar",
-    zt: "cl",
-    kt: "s",
+    Pt: "dm",
+    Qt: "ar",
+    Wt: "cl",
+    Xt: "s",
   }),
-  (Card.vt = {
-    Vt: "ADVERTISING",
-    Wt: "ANNOUNCEMENTS",
-    wt: "NEWS",
-    Ft: "SOCIAL",
+  (Card.Ii = {
+    ai: "ADVERTISING",
+    ci: "ANNOUNCEMENTS",
+    Ni: "NEWS",
+    mi: "SOCIAL",
   }),
-  (Card.Dt = 400),
-  (Card.Ct = 1e4);
+  (Card.si = 400),
+  (Card.hi = 1e4);