@braze/web-sdk 5.9.0 → 6.0.0

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

@@ -1,125 +1,127 @@
 import { createCloseButton as T } from "../../util/component-utils.js";
-import { detectSwipe as H, DIRECTIONS as R } from "../../util/dom-utils.js";
-import { _handleBrazeAction as G } from "../../Core/handle-braze-action.js";
+import { detectSwipe as H, DIRECTIONS as K } from "../../util/dom-utils.js";
+import { _handleBrazeAction as L } from "../../Core/handle-braze-action.js";
 import { logCardDismissal } from "../index.js";
-import { Guid as K } from "../../../shared-lib/index.js";
+import { Guid as O } from "../../../shared-lib/index.js";
 export function markCardAsRead(t) {
   if (null != t) {
     const e = t.querySelectorAll(".ab-unread-indicator")[0];
-    null != e && (e.className += " read");
+    null == e || e.classList.contains("read") || (e.className += " read");
   }
 }
 export function getCardId(t) {
   return t.getAttribute("data-ab-card-id");
 }
 export function _setImageAltText(t, e) {
-  let o = "";
-  t.title || t.description || (o = "Feed Image"), e.setAttribute("alt", o);
+  e.setAttribute("alt", t.altImageText || "");
 }
 export function setCardHeight(t, e) {
-  const o = e.querySelectorAll(".ab-image-area");
-  let a,
+  const a = e.querySelectorAll(".ab-image-area");
+  let o,
     i = 0;
-  o.length > 0 && (i = o[0].offsetWidth);
+  a.length > 0 && (i = a[0].offsetWidth);
   for (const e of t)
-    if (((a = e.te), a && e.imageUrl && "number" == typeof e.aspectRatio)) {
+    if (((o = e.te), o && e.imageUrl && "number" == typeof e.aspectRatio)) {
       const t = i / e.aspectRatio;
-      t && (a.style.height = `${t}px`);
+      t && (o.style.height = `${t}px`);
     }
 }
-export function cardToHtml(t, logCardClick, e, o = "ltr") {
-  const a = document.createElement("div");
-  (a.dir = o),
-    (a.className = "ab-card ab-effect-card " + t.oe),
+export function cardToHtml(t, e, a, o = "ltr") {
+  const i = document.createElement("div");
+  (i.dir = o),
+    t.language && (i.lang = t.language),
+    (i.className = "ab-card ab-effect-card " + t.ae),
     t.id &&
-      (a.setAttribute("data-ab-card-id", t.id), a.setAttribute("id", t.id)),
-    a.setAttribute("role", "article"),
-    a.setAttribute("tabindex", "0");
-  let i = "",
-    n = !1;
-  t.url && "" !== t.url && ((i = t.url), (n = !0));
-  const d = (o) => (markCardAsRead(a), n && (logCardClick(t), G(i, e, o)), !1);
+      (i.setAttribute("data-ab-card-id", t.id), i.setAttribute("id", t.id)),
+    i.setAttribute("role", "article");
+  let n = "",
+    d = !1;
+  t.url && "" !== t.url && ((n = t.url), (d = !0));
+  const r = (o) => (markCardAsRead(i), d && (e(t), L(n, a, o)), !1);
   if (t.pinned) {
     const t = document.createElement("div");
     t.className = "ab-pinned-indicator";
     const e = document.createElement("i");
-    (e.className = "fa fa-star"), t.appendChild(e), a.appendChild(t);
+    (e.className = "fa fa-star"), t.appendChild(e), i.appendChild(t);
   }
   if (t.imageUrl && "" !== t.imageUrl) {
     const e = document.createElement("div");
     (e.dir = o), (e.className = "ab-image-area");
-    const r = document.createElement("img");
+    const a = document.createElement("img");
     if (
-      (r.setAttribute("src", t.imageUrl),
-      (r.onload = () => {
-        a.style.height = "auto";
+      (a.setAttribute("src", t.imageUrl),
+      (a.onload = () => {
+        i.style.height = "auto";
       }),
-      _setImageAltText(t, r),
-      e.appendChild(r),
-      (a.className += " with-image"),
-      n && !t.ae)
+      _setImageAltText(t, a),
+      e.appendChild(a),
+      (i.className += " with-image"),
+      d && !t.oe)
     ) {
-      const t = document.createElement("a");
-      t.setAttribute("href", i),
-        (t.onclick = d),
-        t.appendChild(e),
-        a.appendChild(t);
-    } else a.appendChild(e);
+      const a = document.createElement("a");
+      a.setAttribute("href", n),
+        (a.onclick = r),
+        t.altImageText ||
+          (t.title
+            ? a.setAttribute("aria-label", t.title)
+            : a.setAttribute("aria-label", "Feed Image")),
+        a.appendChild(e),
+        i.appendChild(a);
+    } else i.appendChild(e);
   }
-  const r = document.createElement("div");
-  if (((r.className = "ab-card-body"), (r.dir = o), t.dismissible)) {
+  const c = document.createElement("div");
+  if (((c.className = "ab-card-body"), (c.dir = o), t.dismissible)) {
     t.logCardDismissal = () => logCardDismissal(t);
     const e = T("Dismiss Card", void 0, t.dismissCard.bind(t), o);
-    a.appendChild(e),
-      H(r, R.ie, (t) => {
-        (a.className += " ab-swiped-left"), e.onclick(t);
+    i.appendChild(e),
+      H(c, K.ie, (t) => {
+        (i.className += " ab-swiped-left"), e.onclick(t);
       }),
-      H(r, R.de, (t) => {
-        (a.className += " ab-swiped-right"), e.onclick(t);
+      H(c, K.de, (t) => {
+        (i.className += " ab-swiped-right"), e.onclick(t);
       });
   }
-  let c = "",
-    s = !1;
-  if ((t.title && "" !== t.title && ((c = t.title), (s = !0)), s)) {
+  let s = "",
+    m = !1;
+  if ((t.title && "" !== t.title && ((s = t.title), (m = !0)), m)) {
     const t = document.createElement("h1");
     if (
       ((t.className = "ab-title"),
-      (t.id = K.ce()),
-      a.setAttribute("aria-labelledby", t.id),
-      n)
+      (t.id = O.ce()),
+      i.setAttribute("aria-labelledby", t.id),
+      d)
     ) {
       const e = document.createElement("a");
-      e.setAttribute("href", i),
-        (e.onclick = d),
-        e.appendChild(document.createTextNode(c)),
+      e.setAttribute("href", n),
+        (e.onclick = r),
+        e.appendChild(document.createTextNode(s)),
         t.appendChild(e);
-    } else t.appendChild(document.createTextNode(c));
-    r.appendChild(t);
+    } else t.appendChild(document.createTextNode(s));
+    c.appendChild(t);
   }
-  const m = document.createElement("div");
+  const u = document.createElement("div");
   if (
-    ((m.className = s ? "ab-description" : "ab-description ab-no-title"),
-    (m.id = K.ce()),
-    a.setAttribute("aria-describedby", m.id),
-    t.description && m.appendChild(document.createTextNode(t.description)),
-    n)
+    ((u.className = m ? "ab-description" : "ab-description ab-no-title"),
+    t.language && (u.lang = t.language),
+    t.description && u.appendChild(document.createTextNode(t.description)),
+    d)
   ) {
     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);
+    const a = document.createElement("a");
+    a.setAttribute("href", n),
+      t.linkText && a.appendChild(document.createTextNode(t.linkText)),
+      (a.onclick = r),
+      e.appendChild(a),
+      u.appendChild(e);
   }
-  r.appendChild(m), a.appendChild(r);
-  const u = document.createElement("div");
+  c.appendChild(u), i.appendChild(c);
+  const l = document.createElement("div");
   return (
-    (u.className = "ab-unread-indicator"),
-    t.viewed && (u.className += " read"),
-    a.appendChild(u),
-    (t.te = a),
-    a
+    (l.className = "ab-unread-indicator"),
+    t.viewed && (l.className += " read"),
+    i.appendChild(l),
+    (t.te = i),
+    i
   );
 }

package/src/Card/index.js

@@ -1,6 +1,4 @@
 export * from "./models/index.js";
-export { logCardClick } from "./log-card-click.js";
 export { logCardDismissal } from "./log-card-dismissal.js";
-export { logCardImpressions } from "./log-card-impressions.js";
 export { logContentCardImpressions } from "./log-content-card-impressions.js";
 export { logContentCardClick } from "./log-content-card-click.js";

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

@@ -1,11 +1,11 @@
 import { Card } from "./models/index.js";
 import _ from "./card-manager-factory.js";
-import { MUST_BE_CARD_WARNING_SUFFIX as L } from "../common/constants.js";
+import { MUST_BE_CARD_WARNING_SUFFIX as P } 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 (
     !!r.rr() &&
-    (o instanceof Card ? _.ea().Pt(o).tt : (N.error("card " + L), !1))
+    (o instanceof Card ? _.ea().Ot(o).tt : (N.error("card " + P), !1))
   );
 }

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

@@ -1,4 +1,11 @@
-import { logCardClick } from "./log-card-click.js";
+import N from "../../shared-lib/logger.js";
+import { MUST_BE_CARD_WARNING_SUFFIX as P } from "../common/constants.js";
+import r from "../managers/braze-instance.js";
+import _ from "./card-manager-factory.js";
+import { Card } from "./models/index.js";
 export function logContentCardClick(o) {
-  return logCardClick(o, !0);
+  return (
+    !!r.rr() &&
+    (o instanceof Card ? _.ea().logClick(o).tt : (N.error("card " + P), !1))
+  );
 }

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

@@ -1,4 +1,13 @@
-import { logCardImpressions } from "./log-card-impressions.js";
+import { Card } from "./models/index.js";
+import r from "../managers/braze-instance.js";
+import { isArray as D } from "../util/code-utils.js";
+import N from "../../shared-lib/logger.js";
+import { MUST_BE_CARD_WARNING_SUFFIX as P } from "../common/constants.js";
+import _ from "./card-manager-factory.js";
 export function logContentCardImpressions(o) {
-  return logCardImpressions(o, !0);
+  if (!r.rr()) return !1;
+  if (!D(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 ${P}`), !1;
+  return _.ea().Wt(o).tt;
 }

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.oe = "ab-captioned-image"),
-      (this.ae = !0),
+      (this.ae = "ab-captioned-image"),
+      (this.oe = !0),
       (this.test = !1);
   }
   bt() {
     const t = {};
     return (
-      (t[Card.es.hs] = Card.cs.os),
-      (t[Card.es.ds] = this.id),
-      (t[Card.es.ps] = this.viewed),
-      (t[Card.es.us] = this.title),
-      (t[Card.es.ls] = this.imageUrl),
-      (t[Card.es.fs] = this.description),
-      (t[Card.es.xs] = this.updated),
-      (t[Card.es.bs] = this.created),
-      (t[Card.es.gs] = this.categories),
-      (t[Card.es.js] = this.expiresAt),
-      (t[Card.es.URL] = this.url),
-      (t[Card.es.zs] = this.linkText),
-      (t[Card.es.ks] = this.aspectRatio),
-      (t[Card.es.qs] = this.extras),
-      (t[Card.es.vs] = this.pinned),
-      (t[Card.es.ws] = this.dismissible),
-      (t[Card.es.ys] = this.clicked),
-      (t[Card.es.As] = this.test),
+      (t[Card.hs.ss] = Card.rs.es),
+      (t[Card.hs.os] = this.id),
+      (t[Card.hs.cs] = this.viewed),
+      (t[Card.hs.ns] = this.title),
+      (t[Card.hs.ds] = this.imageUrl),
+      (t[Card.hs.ps] = this.description),
+      (t[Card.hs.us] = this.updated),
+      (t[Card.hs.ls] = this.expiresAt),
+      (t[Card.hs.URL] = this.url),
+      (t[Card.hs.fs] = this.linkText),
+      (t[Card.hs.xs] = this.aspectRatio),
+      (t[Card.hs.bs] = this.extras),
+      (t[Card.hs.gs] = this.pinned),
+      (t[Card.hs.js] = this.dismissible),
+      (t[Card.hs.zs] = this.clicked),
+      (t[Card.hs.ks] = this.language),
+      (t[Card.hs.qs] = this.altImageText),
+      (t[Card.hs.vs] = this.test),
       t
     );
   }

package/src/Card/models/card.js

@@ -1,49 +1,49 @@
 import {
-  convertMsToSeconds as O,
-  dateFromUnixTimestamp as P,
+  convertMsToSeconds as X,
+  dateFromUnixTimestamp as V,
 } from "../../util/date-utils.js";
-import { FEED_ANIMATION_DURATION as X } from "../../common/constants.js";
+import { FEED_ANIMATION_DURATION as W } 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) {
+  constructor(t, i, s, h, l, n, e, r, u, E, T, o, a, I, N, A) {
     (this.id = t),
       (this.viewed = i),
       (this.title = s),
       (this.imageUrl = h),
-      (this.description = n),
-      (this.created = l),
-      (this.updated = e),
-      (this.categories = r),
-      (this.expiresAt = u),
-      (this.url = E),
-      (this.linkText = o),
-      (this.aspectRatio = T),
-      (this.extras = I),
-      (this.pinned = a),
-      (this.dismissible = c),
-      (this.clicked = N),
+      (this.description = l),
+      (this.updated = n),
+      (this.expiresAt = e),
+      (this.url = r),
+      (this.linkText = u),
+      (this.aspectRatio = E),
+      (this.extras = T),
+      (this.pinned = o),
+      (this.dismissible = a),
+      (this.clicked = I),
+      (this.language = N),
+      (this.altImageText = A),
       (this.id = t),
       (this.viewed = i || !1),
       (this.title = s || ""),
       (this.imageUrl = h),
-      (this.description = n || ""),
-      (this.created = l || null),
-      (this.updated = e || null),
-      (this.categories = r || []),
-      (this.expiresAt = u || null),
-      (this.url = E),
-      (this.linkText = o),
-      null == T
+      (this.description = l || ""),
+      (this.updated = n || null),
+      (this.expiresAt = e || null),
+      (this.url = r),
+      (this.linkText = u),
+      null == E
         ? (this.aspectRatio = null)
-        : ((T = parseFloat(T.toString())),
-          (this.aspectRatio = isNaN(T) ? null : T)),
-      (this.extras = I || {}),
-      (this.pinned = a || !1),
-      (this.dismissible = c || !1),
+        : ((E = parseFloat(E.toString())),
+          (this.aspectRatio = isNaN(E) ? null : E)),
+      (this.extras = T || {}),
+      (this.pinned = o || !1),
+      (this.dismissible = a || !1),
       (this.dismissed = !1),
-      (this.clicked = N || !1),
+      (this.clicked = I || !1),
       (this.isControl = !1),
+      (this.language = N || null),
+      (this.altImageText = A || null),
       (this.test = !1),
       (this.ti = null),
       (this.ii = null),
@@ -53,13 +53,13 @@ export default class Card {
     return this.hi().Dt(t);
   }
   subscribeToDismissedEvent(t) {
-    return this.ni().Dt(t);
+    return this.li().Dt(t);
   }
   removeSubscription(t) {
-    this.hi().removeSubscription(t), this.ni().removeSubscription(t);
+    this.hi().removeSubscription(t), this.li().removeSubscription(t);
   }
   removeAllSubscriptions() {
-    this.hi().removeAllSubscriptions(), this.ni().removeAllSubscriptions();
+    this.hi().removeAllSubscriptions(), this.li().removeAllSubscriptions();
   }
   dismissCard() {
     if (!this.dismissible || this.dismissed) return;
@@ -76,16 +76,16 @@ export default class Card {
             (t.style.margin = "0"),
             setTimeout(function () {
               t && t.parentNode && t.parentNode.removeChild(t);
-            }, Card.li));
-        }, X));
+            }, Card.ni));
+        }, W));
   }
   hi() {
     return null == this.ti && (this.ti = new u()), this.ti;
   }
-  ni() {
+  li() {
     return null == this.ii && (this.ii = new u()), this.ii;
   }
-  _t() {
+  Yt() {
     const t = new Date().valueOf();
     return (
       !(null != this.si && t - this.si < Card.ei) &&
@@ -95,50 +95,52 @@ export default class Card {
   $t() {
     (this.viewed = !0), (this.clicked = !0), this.hi().X();
   }
-  Qt() {
+  Pt() {
     return (
       !(!this.dismissible || this.dismissed) &&
-      ((this.dismissed = !0), this.ni().X(), !0)
+      ((this.dismissed = !0), this.li().X(), !0)
     );
   }
   ri(t) {
-    if (null == t || t[Card.ui.ds] !== this.id) return !0;
+    if (null == t || t[Card.ui.os] !== this.id) return !0;
     if (t[Card.ui.Ei]) return !1;
     if (
-      null != t[Card.ui.xs] &&
+      null != t[Card.ui.us] &&
       null != this.updated &&
-      parseInt(t[Card.ui.xs]) < O(this.updated.valueOf())
+      parseInt(t[Card.ui.us]) < X(this.updated.valueOf())
     )
       return !0;
     if (
-      (t[Card.ui.ps] && !this.viewed && (this.viewed = !0),
-      t[Card.ui.ys] && !this.clicked && (this.clicked = t[Card.ui.ys]),
-      null != t[Card.ui.us] && (this.title = t[Card.ui.us]),
-      null != t[Card.ui.ls] && (this.imageUrl = t[Card.ui.ls]),
-      null != t[Card.ui.fs] && (this.description = t[Card.ui.fs]),
-      null != t[Card.ui.xs])
+      (t[Card.ui.cs] && !this.viewed && (this.viewed = !0),
+      t[Card.ui.zs] && !this.clicked && (this.clicked = t[Card.ui.zs]),
+      null != t[Card.ui.ns] && (this.title = t[Card.ui.ns]),
+      null != t[Card.ui.ds] && (this.imageUrl = t[Card.ui.ds]),
+      null != t[Card.ui.ps] && (this.description = t[Card.ui.ps]),
+      null != t[Card.ui.us])
     ) {
-      const i = P(t[Card.ui.xs]);
+      const i = V(t[Card.ui.us]);
       null != i && (this.updated = i);
     }
-    if (null != t[Card.ui.js]) {
+    if (null != t[Card.ui.ls]) {
       let i;
-      (i = t[Card.ui.js] === Card.oi ? null : P(t[Card.ui.js])),
+      (i = t[Card.ui.ls] === Card.Ti ? null : V(t[Card.ui.ls])),
         (this.expiresAt = i);
     }
     if (
       (null != t[Card.ui.URL] && (this.url = t[Card.ui.URL]),
-      null != t[Card.ui.zs] && (this.linkText = t[Card.ui.zs]),
-      null != t[Card.ui.ks])
+      null != t[Card.ui.fs] && (this.linkText = t[Card.ui.fs]),
+      null != t[Card.ui.xs])
     ) {
-      const i = parseFloat(t[Card.ui.ks].toString());
+      const i = parseFloat(t[Card.ui.xs].toString());
       this.aspectRatio = isNaN(i) ? null : i;
     }
     return (
-      null != t[Card.ui.qs] && (this.extras = t[Card.ui.qs]),
-      null != t[Card.ui.vs] && (this.pinned = t[Card.ui.vs]),
-      null != t[Card.ui.ws] && (this.dismissible = t[Card.ui.ws]),
-      null != t[Card.ui.As] && (this.test = t[Card.ui.As]),
+      null != t[Card.ui.bs] && (this.extras = t[Card.ui.bs]),
+      null != t[Card.ui.gs] && (this.pinned = t[Card.ui.gs]),
+      null != t[Card.ui.js] && (this.dismissible = t[Card.ui.js]),
+      null != t[Card.ui.ks] && (this.language = t[Card.ui.ks]),
+      null != t[Card.ui.qs] && (this.altImageText = t[Card.ui.qs]),
+      null != t[Card.ui.vs] && (this.test = t[Card.ui.vs]),
       !0
     );
   }
@@ -146,58 +148,62 @@ export default class Card {
     N.error("Must be implemented in a subclass");
   }
 }
-(Card.oi = -1),
+(Card.Ti = -1),
   (Card.ui = {
-    ds: "id",
-    ps: "v",
-    ws: "db",
+    os: "id",
+    cs: "v",
+    js: "db",
     Ei: "r",
-    xs: "ca",
-    vs: "p",
-    js: "ea",
-    qs: "e",
-    hs: "tp",
-    ls: "i",
-    us: "tt",
-    fs: "ds",
+    us: "ca",
+    gs: "p",
+    ls: "ea",
+    bs: "e",
+    ss: "tp",
+    ds: "i",
+    ns: "tt",
+    ps: "ds",
     URL: "u",
-    zs: "dm",
-    ks: "ar",
-    ys: "cl",
-    As: "t",
+    fs: "dm",
+    xs: "ar",
+    zs: "cl",
+    vs: "t",
+    ks: "language",
+    qs: "image_alt",
   }),
-  (Card.cs = {
-    os: "captioned_image",
-    Ti: "text_announcement",
-    Ii: "short_news",
-    ai: "banner_image",
-    ci: "control",
+  (Card.rs = {
+    es: "captioned_image",
+    oi: "text_announcement",
+    ai: "short_news",
+    Ii: "banner_image",
+    Ni: "control",
   }),
-  (Card.es = {
-    ds: "id",
-    ps: "v",
-    ws: "db",
-    bs: "cr",
-    xs: "ca",
-    vs: "p",
-    gs: "t",
-    js: "ea",
-    qs: "e",
-    hs: "tp",
-    ls: "i",
-    us: "tt",
-    fs: "ds",
+  (Card.hs = {
+    os: "id",
+    cs: "v",
+    js: "db",
+    Ai: "cr",
+    us: "ca",
+    gs: "p",
+    ci: "t",
+    ls: "ea",
+    bs: "e",
+    ss: "tp",
+    ds: "i",
+    ns: "tt",
+    ps: "ds",
     URL: "u",
-    zs: "dm",
-    ks: "ar",
-    ys: "cl",
-    As: "s",
+    fs: "dm",
+    xs: "ar",
+    zs: "cl",
+    vs: "s",
+    ks: "l",
+    qs: "ia",
   }),
-  (Card.Ni = {
-    mi: "ADVERTISING",
-    Si: "ANNOUNCEMENTS",
-    Ai: "NEWS",
-    Di: "SOCIAL",
+  (Card.mi = {
+    Si: "ADVERTISING",
+    Di: "ANNOUNCEMENTS",
+    pi: "NEWS",
+    di: "SOCIAL",
   }),
-  (Card.li = 400),
+  (Card.ni = 400),
   (Card.ei = 1e4);