@braze/web-sdk 4.7.2 → 4.8.0

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

@@ -1,4 +1,4 @@
-import { createCloseButton as i } from "../../util/component-utils.js";
+import { createCloseButton as o } from "../../util/component-utils.js";
 import { detectSwipe as d, DIRECTIONS as c } from "../../util/dom-utils.js";
 import { _handleBrazeAction as m } from "../../Core/handle-braze-action.js";
 import { logCardDismissal } from "../index.js";
@@ -9,13 +9,13 @@ 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", !0);
+  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", !0);
+  null != t && t.setAttribute("data-ab-had-bottom-impression", "true");
 }
 export function markCardAsRead(t) {
   if (null != t) {
@@ -27,28 +27,30 @@ export function getCardId(t) {
   return t.getAttribute("data-ab-card-id");
 }
 export function _setImageAltText(t, o) {
-  let a = "";
-  t.title || t.description || (a = "Feed Image"), o.setAttribute("alt", a);
+  let e = "";
+  t.title || t.description || (e = "Feed Image"), o.setAttribute("alt", e);
 }
 export function setCardHeight(t, o) {
-  const a = o.querySelectorAll(".ab-image-area");
-  let e,
+  const e = o.querySelectorAll(".ab-image-area");
+  let a,
     n = 0;
-  a.length > 0 && (n = a[0].offsetWidth);
+  e.length > 0 && (n = e[0].offsetWidth);
   for (const o of t)
-    if (((e = o.X), e && o.imageUrl && !isNaN(o.aspectRatio))) {
+    if (((a = o._), a && o.imageUrl && "number" == typeof o.aspectRatio)) {
       const t = n / o.aspectRatio;
-      t && (e.style.height = `${t}px`);
+      t && (a.style.height = `${t}px`);
     }
 }
-export function cardToHtml(t, logCardClick, o) {
+export function cardToHtml(t, logCardClick, e) {
   const a = document.createElement("div");
-  (a.className = "ab-card ab-effect-card " + t.Y),
-    a.setAttribute("data-ab-card-id", t.id),
+  (a.className = "ab-card ab-effect-card " + t.U),
+    t.id && a.setAttribute("data-ab-card-id", t.id),
     a.setAttribute("role", "article"),
     a.setAttribute("tabindex", "0");
-  const e = t.url && "" !== t.url,
-    n = n => (markCardAsRead(a), e && (logCardClick(t), m(t.url, n, o)), !1);
+  let n = "",
+    i = !1;
+  t.url && "" !== t.url && ((n = t.url), (i = !0));
+  const s = o => (markCardAsRead(a), i && (logCardClick(t), m(n, e, o)), !1);
   if (t.pinned) {
     const t = document.createElement("div");
     t.className = "ab-pinned-indicator";
@@ -58,77 +60,78 @@ export function cardToHtml(t, logCardClick, o) {
   if (t.imageUrl && "" !== t.imageUrl) {
     const o = document.createElement("div");
     o.className = "ab-image-area";
-    const i = document.createElement("img");
+    const e = document.createElement("img");
     if (
-      (i.setAttribute("src", t.imageUrl),
-      (i.onload = () => {
+      (e.setAttribute("src", t.imageUrl),
+      (e.onload = () => {
         a.style.height = "auto";
       }),
-      _setImageAltText(t, i),
-      o.appendChild(i),
+      _setImageAltText(t, e),
+      o.appendChild(e),
       (a.className += " with-image"),
-      e && !t.Z)
+      i && !t.V)
     ) {
-      const e = document.createElement("a");
-      e.setAttribute("href", t.url),
-        (e.onclick = n),
-        e.appendChild(o),
-        a.appendChild(e);
+      const t = document.createElement("a");
+      t.setAttribute("href", n),
+        (t.onclick = s),
+        t.appendChild(o),
+        a.appendChild(t);
     } else a.appendChild(o);
   }
-  const s = document.createElement("div");
-  if (((s.className = "ab-card-body"), t.dismissible)) {
-    t.tt = () => logCardDismissal(t);
-    const o = i("Dismiss Card", void 0, t.dismissCard.bind(t));
-    a.appendChild(o),
-      d(s, c.ot, t => {
-        (a.className += " ab-swiped-left"), o.onclick(t);
+  const u = document.createElement("div");
+  if (((u.className = "ab-card-body"), t.dismissible)) {
+    t.logCardDismissal = () => logCardDismissal(t);
+    const e = o("Dismiss Card", void 0, t.dismissCard.bind(t));
+    a.appendChild(e),
+      d(u, c.W, t => {
+        (a.className += " ab-swiped-left"), e.onclick(t);
       }),
-      d(s, c.et, t => {
-        (a.className += " ab-swiped-right"), o.onclick(t);
+      d(u, c.X, t => {
+        (a.className += " ab-swiped-right"), e.onclick(t);
       });
   }
-  const u = t.title && "" !== t.title;
-  if (u) {
-    const o = document.createElement("h1");
+  let p = "",
+    b = !1;
+  if ((t.title && "" !== t.title && ((p = t.title), (b = !0)), b)) {
+    const t = document.createElement("h1");
     if (
-      ((o.className = "ab-title"),
-      (o.id = r.it.nt()),
-      a.setAttribute("aria-labelledby", o.id),
-      e)
+      ((t.className = "ab-title"),
+      (t.id = r.Z.Y()),
+      a.setAttribute("aria-labelledby", t.id),
+      i)
     ) {
-      const a = document.createElement("a");
-      a.setAttribute("href", t.url),
-        (a.onclick = n),
-        a.appendChild(document.createTextNode(t.title)),
-        o.appendChild(a);
-    } else o.appendChild(document.createTextNode(t.title));
-    s.appendChild(o);
+      const o = document.createElement("a");
+      o.setAttribute("href", n),
+        (o.onclick = s),
+        o.appendChild(document.createTextNode(p)),
+        t.appendChild(o);
+    } else t.appendChild(document.createTextNode(p));
+    u.appendChild(t);
   }
-  const p = document.createElement("div");
+  const l = document.createElement("div");
   if (
-    ((p.className = u ? "ab-description" : "ab-description ab-no-title"),
-    (p.id = r.it.nt()),
-    a.setAttribute("aria-describedby", p.id),
-    p.appendChild(document.createTextNode(t.description)),
-    e)
+    ((l.className = b ? "ab-description" : "ab-description ab-no-title"),
+    (l.id = r.Z.Y()),
+    a.setAttribute("aria-describedby", l.id),
+    t.description && l.appendChild(document.createTextNode(t.description)),
+    i)
   ) {
     const o = document.createElement("div");
     o.className = "ab-url-area";
-    const a = document.createElement("a");
-    a.setAttribute("href", t.url),
-      a.appendChild(document.createTextNode(t.linkText)),
-      (a.onclick = n),
-      o.appendChild(a),
-      p.appendChild(o);
+    const e = document.createElement("a");
+    e.setAttribute("href", n),
+      t.linkText && e.appendChild(document.createTextNode(t.linkText)),
+      (e.onclick = s),
+      o.appendChild(e),
+      l.appendChild(o);
   }
-  s.appendChild(p), a.appendChild(s);
-  const b = document.createElement("div");
+  u.appendChild(l), a.appendChild(u);
+  const f = document.createElement("div");
   return (
-    (b.className = "ab-unread-indicator"),
-    t.viewed && (b.className += " read"),
-    a.appendChild(b),
-    (t.X = a),
+    (f.className = "ab-unread-indicator"),
+    t.viewed && (f.className += " read"),
+    a.appendChild(f),
+    (t._ = a),
     a
   );
 }

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

@@ -6,6 +6,6 @@ import r from "../../shared-lib/braze-shared-lib.js";
 export function logCardClick(o, a) {
   return (
     !!e.rr() &&
-    (o instanceof Card ? n.m().C(o, a).S : (r.D.error("card " + f), !1))
+    (o instanceof Card ? n.m().h(o, a).O : (r.j.error("card " + f), !1))
   );
 }

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

@@ -6,6 +6,6 @@ import r from "../../shared-lib/braze-shared-lib.js";
 export function logCardDismissal(o) {
   return (
     !!e.rr() &&
-    (o instanceof Card ? n.m().H(o).S : (r.D.error("card " + f), !1))
+    (o instanceof Card ? n.m().A(o).O : (r.j.error("card " + f), !1))
   );
 }

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

@@ -6,8 +6,8 @@ import { MUST_BE_CARD_WARNING_SUFFIX as f } from "../common/constants.js";
 import r from "../../shared-lib/braze-shared-lib.js";
 export function logCardImpressions(o, s) {
   if (!e.rr()) return !1;
-  if (!p(o)) return r.D.error("cards must be an array"), !1;
+  if (!p(o)) return r.j.error("cards must be an array"), !1;
   for (const s of o)
-    if (!(s instanceof Card)) return r.D.error(`Each card in cards ${f}`), !1;
-  return n.m().M(o, s).S;
+    if (!(s instanceof Card)) return r.j.error(`Each card in cards ${f}`), !1;
+  return n.m().J(o, s).O;
 }

package/src/Card/models/banner.js

@@ -2,8 +2,9 @@ import Card from "./card.js";
 export default class Banner extends Card {
   constructor(s, t, i, h, r, e, n, l, a, o, u, c, d, p) {
     super(s, t, null, i, null, h, r, e, n, l, a, o, u, c, d, p),
-      (this.Y = "ab-banner"),
-      (this.Z = !1);
+      (this.U = "ab-banner"),
+      (this.V = !1),
+      (this.test = !1);
   }
   ss() {
     const s = {};

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

@@ -2,18 +2,19 @@ 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.Y = "ab-captioned-image"),
-      (this.Z = !0);
+      (this.U = "ab-captioned-image"),
+      (this.V = !0),
+      (this.test = !1);
   }
   ss() {
     const t = {};
     return (
-      (t[Card.hs.ts] = Card.es.st),
+      (t[Card.hs.ts] = Card.es.tt),
       (t[Card.hs.ns] = this.id),
       (t[Card.hs.ls] = this.viewed),
-      (t[Card.hs.ht] = this.title),
+      (t[Card.hs.st] = this.title),
       (t[Card.hs.os] = this.imageUrl),
-      (t[Card.hs.rt] = this.description),
+      (t[Card.hs.it] = this.description),
       (t[Card.hs.us] = this.updated),
       (t[Card.hs.cs] = this.created),
       (t[Card.hs.ds] = this.categories),

package/src/Card/models/card.js

@@ -1,151 +1,171 @@
 import {
-  convertMsToSeconds as l,
-  dateFromUnixTimestamp as h
+  convertMsToSeconds as h,
+  dateFromUnixTimestamp as l
 } from "../../util/date-utils.js";
-import { FEED_ANIMATION_DURATION as E } from "../../common/constants.js";
-import u from "../../managers/subscription-manager.js";
+import { FEED_ANIMATION_DURATION as u } from "../../common/constants.js";
+import E from "../../managers/subscription-manager.js";
 export default class Card {
-  constructor(t, i, s, n, l, h, e, r, E, u, T, o, I, a, N, S) {
+  constructor(t, i, s, h, n, l, e, r, u, E, o, T, I, a, N, c) {
     (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 = N),
+      (this.clicked = c),
+      (this.id = t),
       (this.viewed = i || !1),
       (this.title = s || ""),
-      (this.imageUrl = n),
-      (this.description = l || ""),
-      (this.created = h || null),
+      (this.imageUrl = h),
+      (this.description = n || ""),
+      (this.created = l || null),
       (this.updated = e || null),
       (this.categories = r || []),
-      (this.expiresAt = E || null),
-      (this.url = u),
-      (this.linkText = T),
-      (o = parseFloat(o)),
-      (this.aspectRatio = isNaN(o) ? null : o),
+      (this.expiresAt = u || null),
+      (this.url = E),
+      (this.linkText = o),
+      null == T
+        ? (this.aspectRatio = null)
+        : ((T = parseFloat(T.toString())),
+          (this.aspectRatio = isNaN(T) ? null : T)),
       (this.extras = I || {}),
       (this.pinned = a || !1),
       (this.dismissible = N || !1),
       (this.dismissed = !1),
-      (this.clicked = S || !1),
+      (this.clicked = c || !1),
       (this.isControl = !1),
       (this.test = !1),
-      (this.lt = null),
-      (this.Et = null);
+      (this.ht = null),
+      (this.nt = null);
   }
   subscribeToClickedEvent(t) {
-    return this.Tt().ut(t);
+    return this.et().lt(t);
   }
   subscribeToDismissedEvent(t) {
-    return this.It().ut(t);
+    return this.rt().lt(t);
   }
   removeSubscription(t) {
-    this.Tt().removeSubscription(t), this.It().removeSubscription(t);
+    this.et().removeSubscription(t), this.rt().removeSubscription(t);
   }
   removeAllSubscriptions() {
-    this.Tt().removeAllSubscriptions(), this.It().removeAllSubscriptions();
+    this.et().removeAllSubscriptions(), this.rt().removeAllSubscriptions();
   }
   dismissCard() {
-    if (this.dismissible && !this.dismissed) {
-      this.tt && this.tt(this);
-      var t = this.X;
-      t &&
-        ((t.style.height = t.offsetHeight + "px"),
-        (t.className = t.className + " ab-hide"),
-        setTimeout(function() {
-          t &&
-            t.parentNode &&
-            ((t.style.height = "0"),
-            (t.style.margin = "0"),
-            setTimeout(function() {
-              t && t.parentNode && t.parentNode.removeChild(t);
-            }, Card.Nt));
-        }, E));
-    }
+    if (!this.dismissible || this.dismissed) return;
+    "function" == typeof this.logCardDismissal && this.logCardDismissal();
+    const t = this._;
+    t &&
+      ((t.style.height = t.offsetHeight + "px"),
+      (t.className = t.className + " ab-hide"),
+      setTimeout(function() {
+        t &&
+          t.parentNode &&
+          ((t.style.height = "0"),
+          (t.style.margin = "0"),
+          setTimeout(function() {
+            t && t.parentNode && t.parentNode.removeChild(t);
+          }, Card.ut));
+      }, u));
   }
-  Tt() {
-    return null == this.lt && (this.lt = new u()), this.lt;
+  et() {
+    return null == this.ht && (this.ht = new E()), this.ht;
   }
-  It() {
-    return null == this.Et && (this.Et = new u()), this.Et;
+  rt() {
+    return null == this.nt && (this.nt = new E()), this.nt;
   }
-  R() {
+  M() {
     this.viewed = !0;
   }
-  k() {
-    (this.viewed = !0), (this.clicked = !0), this.Tt().St();
+  p() {
+    (this.viewed = !0), (this.clicked = !0), this.et().Et();
   }
-  J() {
+  F() {
     return (
       !(!this.dismissible || this.dismissed) &&
-      ((this.dismissed = !0), this.It().St(), !0)
+      ((this.dismissed = !0), this.rt().Et(), !0)
     );
   }
-  ct(t) {
-    if (null == t || t[Card.At.ns] !== this.id) return !0;
-    if (t[Card.At.Dt]) return !1;
+  ot(t) {
+    if (null == t || t[Card.Tt.ns] !== this.id) return !0;
+    if (t[Card.Tt.It]) return !1;
     if (
-      null != t[Card.At.us] &&
+      null != t[Card.Tt.us] &&
       null != this.updated &&
-      t[Card.At.us] < l(this.updated.valueOf())
+      parseInt(t[Card.Tt.us]) < h(this.updated.valueOf())
     )
       return !0;
     if (
-      (t[Card.At.ls] && !this.viewed && (this.viewed = !0),
-      t[Card.At.gs] && !this.clicked && (this.clicked = t[Card.At.gs]),
-      null != t[Card.At.ht] && (this.title = t[Card.At.ht]),
-      null != t[Card.At.os] && (this.imageUrl = t[Card.At.os]),
-      null != t[Card.At.rt] && (this.description = t[Card.At.rt]),
-      null != t[Card.At.us])
+      (t[Card.Tt.ls] && !this.viewed && (this.viewed = !0),
+      t[Card.Tt.gs] && !this.clicked && (this.clicked = t[Card.Tt.gs]),
+      null != t[Card.Tt.st] && (this.title = t[Card.Tt.st]),
+      null != t[Card.Tt.os] && (this.imageUrl = t[Card.Tt.os]),
+      null != t[Card.Tt.it] && (this.description = t[Card.Tt.it]),
+      null != t[Card.Tt.us])
     ) {
-      const i = h(t[Card.At.us]);
+      const i = l(t[Card.Tt.us]);
       null != i && (this.updated = i);
     }
-    if (null != t[Card.At.ps]) {
+    if (null != t[Card.Tt.ps]) {
       let i;
-      (i = t[Card.At.ps] === Card.Ct ? null : h(t[Card.At.ps])),
+      (i = t[Card.Tt.ps] === Card.Nt ? null : l(t[Card.Tt.ps])),
         (this.expiresAt = i);
     }
     if (
-      (null != t[Card.At.URL] && (this.url = t[Card.At.URL]),
-      null != t[Card.At.bs] && (this.linkText = t[Card.At.bs]),
-      null != t[Card.At.fs])
+      (null != t[Card.Tt.URL] && (this.url = t[Card.Tt.URL]),
+      null != t[Card.Tt.bs] && (this.linkText = t[Card.Tt.bs]),
+      null != t[Card.Tt.fs])
     ) {
-      const i = parseFloat(t[Card.At.fs]);
+      const i = parseFloat(t[Card.Tt.fs].toString());
       this.aspectRatio = isNaN(i) ? null : i;
     }
     return (
-      null != t[Card.At.xs] && (this.extras = t[Card.At.xs]),
-      null != t[Card.At.js] && (this.pinned = t[Card.At.js]),
-      null != t[Card.At.zs] && (this.dismissible = t[Card.At.zs]),
-      null != t[Card.At.ks] && (this.test = t[Card.At.ks]),
+      null != t[Card.Tt.xs] && (this.extras = t[Card.Tt.xs]),
+      null != t[Card.Tt.js] && (this.pinned = t[Card.Tt.js]),
+      null != t[Card.Tt.zs] && (this.dismissible = t[Card.Tt.zs]),
+      null != t[Card.Tt.ks] && (this.test = t[Card.Tt.ks]),
       !0
     );
   }
+  ss() {
+    throw new Error("Must be implemented in a subclass");
+  }
 }
-(Card.Ct = -1),
-  (Card.es = {
-    st: "captioned_image",
-    dt: "text_announcement",
-    Rt: "short_news",
-    rs: "banner_image",
-    _t: "control"
-  }),
-  (Card.At = {
+(Card.Nt = -1),
+  (Card.Tt = {
     ns: "id",
     ls: "v",
     zs: "db",
-    Dt: "r",
+    It: "r",
     us: "ca",
     js: "p",
     ps: "ea",
     xs: "e",
     ts: "tp",
     os: "i",
-    ht: "tt",
-    rt: "ds",
+    st: "tt",
+    it: "ds",
     URL: "u",
     bs: "dm",
     fs: "ar",
     gs: "cl",
     ks: "t"
   }),
+  (Card.es = {
+    tt: "captioned_image",
+    ct: "text_announcement",
+    St: "short_news",
+    rs: "banner_image",
+    At: "control"
+  }),
   (Card.hs = {
     ns: "id",
     ls: "v",
@@ -158,18 +178,18 @@ export default class Card {
     xs: "e",
     ts: "tp",
     os: "i",
-    ht: "tt",
-    rt: "ds",
+    st: "tt",
+    it: "ds",
     URL: "u",
     bs: "dm",
     fs: "ar",
     gs: "cl",
     ks: "s"
   }),
-  (Card.Lt = {
-    Ot: "ADVERTISING",
-    bt: "ANNOUNCEMENTS",
-    ft: "NEWS",
-    Pt: "SOCIAL"
+  (Card.Dt = {
+    dt: "ADVERTISING",
+    Ct: "ANNOUNCEMENTS",
+    Rt: "NEWS",
+    bt: "SOCIAL"
   }),
-  (Card.Nt = 400);
+  (Card.ut = 400);

package/src/Card/models/classic-card.js

@@ -2,18 +2,18 @@ import Card from "./card.js";
 export default class ClassicCard extends Card {
   constructor(s, t, i, h, r, c, e, a, o, d, l, n, u, p, f, m) {
     super(s, t, i, h, r, c, e, a, o, d, l, n, u, p, f, m),
-      (this.Y = "ab-classic-card"),
-      (this.Z = !0);
+      (this.U = "ab-classic-card"),
+      (this.V = !0);
   }
   ss() {
     const s = {};
     return (
-      (s[Card.hs.ts] = Card.es.Rt),
+      (s[Card.hs.ts] = Card.es.St),
       (s[Card.hs.ns] = this.id),
       (s[Card.hs.ls] = this.viewed),
-      (s[Card.hs.ht] = this.title),
+      (s[Card.hs.st] = this.title),
       (s[Card.hs.os] = this.imageUrl),
-      (s[Card.hs.rt] = this.description),
+      (s[Card.hs.it] = this.description),
       (s[Card.hs.us] = this.updated),
       (s[Card.hs.cs] = this.created),
       (s[Card.hs.ds] = this.categories),

package/src/Card/models/control-card.js

@@ -1,31 +1,15 @@
 import Card from "./card.js";
 export default class ControlCard extends Card {
-  constructor(l, t, s, n, i, u) {
-    super(
-      l,
-      t,
-      null,
-      null,
-      null,
-      null,
-      s,
-      null,
-      n,
-      null,
-      null,
-      null,
-      i,
-      u,
-      null
-    ),
+  constructor(l, t, s, i, n, r) {
+    super(l, t, null, null, null, null, s, null, i, null, null, null, n, r),
       (this.isControl = !0),
-      (this.Y = "ab-control-card"),
-      (this.Z = !1);
+      (this.U = "ab-control-card"),
+      (this.V = !1);
   }
   ss() {
     const l = {};
     return (
-      (l[Card.hs.ts] = Card.es._t),
+      (l[Card.hs.ts] = Card.es.At),
       (l[Card.hs.ns] = this.id),
       (l[Card.hs.ls] = this.viewed),
       (l[Card.hs.us] = this.updated),

package/src/Card/types.js

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