@braze/web-sdk 4.8.2 → 4.9.0

package/src/Card/models/banner.js

@@ -1,8 +1,8 @@
 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.U = "ab-banner"),
+  constructor(s, t, i, h, r, e, n, a, l, o, u, c, b, d) {
+    super(s, t, null, i, null, h, r, e, n, a, l, o, u, c, b, d),
+      (this.U = "ab-banner ab-image-only"),
       (this.V = !1),
       (this.test = !1);
   }
@@ -15,16 +15,16 @@ export default class Banner extends Card {
       (s[Card.hs.os] = this.imageUrl),
       (s[Card.hs.us] = this.updated),
       (s[Card.hs.cs] = this.created),
-      (s[Card.hs.ds] = this.categories),
-      (s[Card.hs.ps] = this.expiresAt),
+      (s[Card.hs.bs] = this.categories),
+      (s[Card.hs.ds] = this.expiresAt),
       (s[Card.hs.URL] = this.url),
-      (s[Card.hs.bs] = this.linkText),
+      (s[Card.hs.ps] = this.linkText),
       (s[Card.hs.fs] = this.aspectRatio),
       (s[Card.hs.xs] = this.extras),
-      (s[Card.hs.js] = this.pinned),
-      (s[Card.hs.zs] = this.dismissible),
-      (s[Card.hs.gs] = this.clicked),
-      (s[Card.hs.ks] = this.test),
+      (s[Card.hs.gs] = this.pinned),
+      (s[Card.hs.js] = this.dismissible),
+      (s[Card.hs.ys] = this.clicked),
+      (s[Card.hs.zs] = this.test),
       s
     );
   }

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

@@ -17,16 +17,16 @@ export default class CaptionedImage extends Card {
       (t[Card.hs.it] = this.description),
       (t[Card.hs.us] = this.updated),
       (t[Card.hs.cs] = this.created),
-      (t[Card.hs.ds] = this.categories),
-      (t[Card.hs.ps] = this.expiresAt),
+      (t[Card.hs.bs] = this.categories),
+      (t[Card.hs.ds] = this.expiresAt),
       (t[Card.hs.URL] = this.url),
-      (t[Card.hs.bs] = this.linkText),
+      (t[Card.hs.ps] = this.linkText),
       (t[Card.hs.fs] = this.aspectRatio),
       (t[Card.hs.xs] = this.extras),
-      (t[Card.hs.js] = this.pinned),
-      (t[Card.hs.zs] = this.dismissible),
-      (t[Card.hs.gs] = this.clicked),
-      (t[Card.hs.ks] = this.test),
+      (t[Card.hs.gs] = this.pinned),
+      (t[Card.hs.js] = this.dismissible),
+      (t[Card.hs.ys] = this.clicked),
+      (t[Card.hs.zs] = this.test),
       t
     );
   }

package/src/Card/models/card.js

@@ -1,6 +1,6 @@
 import {
   convertMsToSeconds as h,
-  dateFromUnixTimestamp as l
+  dateFromUnixTimestamp as l,
 } from "../../util/date-utils.js";
 import { FEED_ANIMATION_DURATION as u } from "../../common/constants.js";
 import E from "../../managers/subscription-manager.js";
@@ -62,19 +62,20 @@ export default class Card {
   dismissCard() {
     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));
+    let t = this._;
+    !t && this.id && (t = document.getElementById(this.id)),
+      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));
   }
   et() {
     return null == this.ht && (this.ht = new E()), this.ht;
@@ -105,7 +106,7 @@ export default class Card {
       return !0;
     if (
       (t[Card.Tt.ls] && !this.viewed && (this.viewed = !0),
-      t[Card.Tt.gs] && !this.clicked && (this.clicked = t[Card.Tt.gs]),
+      t[Card.Tt.ys] && !this.clicked && (this.clicked = t[Card.Tt.ys]),
       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]),
@@ -114,14 +115,14 @@ export default class Card {
       const i = l(t[Card.Tt.us]);
       null != i && (this.updated = i);
     }
-    if (null != t[Card.Tt.ps]) {
+    if (null != t[Card.Tt.ds]) {
       let i;
-      (i = t[Card.Tt.ps] === Card.Nt ? null : l(t[Card.Tt.ps])),
+      (i = t[Card.Tt.ds] === Card.Nt ? null : l(t[Card.Tt.ds])),
         (this.expiresAt = i);
     }
     if (
       (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.ps] && (this.linkText = t[Card.Tt.ps]),
       null != t[Card.Tt.fs])
     ) {
       const i = parseFloat(t[Card.Tt.fs].toString());
@@ -129,9 +130,9 @@ export default class Card {
     }
     return (
       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]),
+      null != t[Card.Tt.gs] && (this.pinned = t[Card.Tt.gs]),
+      null != t[Card.Tt.js] && (this.dismissible = t[Card.Tt.js]),
+      null != t[Card.Tt.zs] && (this.test = t[Card.Tt.zs]),
       !0
     );
   }
@@ -143,53 +144,53 @@ export default class Card {
   (Card.Tt = {
     ns: "id",
     ls: "v",
-    zs: "db",
+    js: "db",
     It: "r",
     us: "ca",
-    js: "p",
-    ps: "ea",
+    gs: "p",
+    ds: "ea",
     xs: "e",
     ts: "tp",
     os: "i",
     st: "tt",
     it: "ds",
     URL: "u",
-    bs: "dm",
+    ps: "dm",
     fs: "ar",
-    gs: "cl",
-    ks: "t"
+    ys: "cl",
+    zs: "t",
   }),
   (Card.es = {
     tt: "captioned_image",
     ct: "text_announcement",
     St: "short_news",
     rs: "banner_image",
-    At: "control"
+    At: "control",
   }),
   (Card.hs = {
     ns: "id",
     ls: "v",
-    zs: "db",
+    js: "db",
     cs: "cr",
     us: "ca",
-    js: "p",
-    ds: "t",
-    ps: "ea",
+    gs: "p",
+    bs: "t",
+    ds: "ea",
     xs: "e",
     ts: "tp",
     os: "i",
     st: "tt",
     it: "ds",
     URL: "u",
-    bs: "dm",
+    ps: "dm",
     fs: "ar",
-    gs: "cl",
-    ks: "s"
+    ys: "cl",
+    zs: "s",
   }),
   (Card.Dt = {
     dt: "ADVERTISING",
     Ct: "ANNOUNCEMENTS",
     Rt: "NEWS",
-    bt: "SOCIAL"
+    bt: "SOCIAL",
   }),
   (Card.ut = 400);

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

@@ -16,16 +16,16 @@ export default class ClassicCard extends Card {
       (s[Card.hs.it] = this.description),
       (s[Card.hs.us] = this.updated),
       (s[Card.hs.cs] = this.created),
-      (s[Card.hs.ds] = this.categories),
-      (s[Card.hs.ps] = this.expiresAt),
+      (s[Card.hs.bs] = this.categories),
+      (s[Card.hs.ds] = this.expiresAt),
       (s[Card.hs.URL] = this.url),
-      (s[Card.hs.bs] = this.linkText),
+      (s[Card.hs.ps] = this.linkText),
       (s[Card.hs.fs] = this.aspectRatio),
       (s[Card.hs.xs] = this.extras),
-      (s[Card.hs.js] = this.pinned),
-      (s[Card.hs.zs] = this.dismissible),
-      (s[Card.hs.gs] = this.clicked),
-      (s[Card.hs.ks] = this.test),
+      (s[Card.hs.gs] = this.pinned),
+      (s[Card.hs.js] = this.dismissible),
+      (s[Card.hs.ys] = this.clicked),
+      (s[Card.hs.zs] = this.test),
       s
     );
   }

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

@@ -13,10 +13,10 @@ export default class ControlCard extends Card {
       (l[Card.hs.ns] = this.id),
       (l[Card.hs.ls] = this.viewed),
       (l[Card.hs.us] = this.updated),
-      (l[Card.hs.ps] = this.expiresAt),
+      (l[Card.hs.ds] = this.expiresAt),
       (l[Card.hs.xs] = this.extras),
-      (l[Card.hs.js] = this.pinned),
-      (l[Card.hs.ks] = this.test),
+      (l[Card.hs.gs] = this.pinned),
+      (l[Card.hs.zs] = this.test),
       l
     );
   }

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

@@ -0,0 +1,32 @@
+import Card from "./card.js";
+import Banner from "./banner.js";
+export default class ImageOnly extends Banner {
+  constructor(s, t, i, h, r, e, a, n, o, c, m, b, l, p) {
+    super(s, t, i, h, r, e, a, n, o, c, m, b, l, p),
+      (this.U = "ab-banner ab-image-only"),
+      (this.V = !1),
+      (this.test = !1);
+  }
+  ss() {
+    const s = {};
+    return (
+      (s[Card.hs.ts] = Card.es.rs),
+      (s[Card.hs.ns] = this.id),
+      (s[Card.hs.ls] = this.viewed),
+      (s[Card.hs.os] = this.imageUrl),
+      (s[Card.hs.us] = this.updated),
+      (s[Card.hs.cs] = this.created),
+      (s[Card.hs.bs] = this.categories),
+      (s[Card.hs.ds] = this.expiresAt),
+      (s[Card.hs.URL] = this.url),
+      (s[Card.hs.ps] = this.linkText),
+      (s[Card.hs.fs] = this.aspectRatio),
+      (s[Card.hs.xs] = this.extras),
+      (s[Card.hs.gs] = this.pinned),
+      (s[Card.hs.js] = this.dismissible),
+      (s[Card.hs.ys] = this.clicked),
+      (s[Card.hs.zs] = this.test),
+      s
+    );
+  }
+}

package/src/Card/models/index.js

@@ -1,5 +1,6 @@
 export { default as Card } from "./card.js";
 export { default as Banner } from "./banner.js";
+export { default as ImageOnly } from "./image-only.js";
 export { default as CaptionedImage } from "./captioned-image.js";
 export { default as ClassicCard } from "./classic-card.js";
 export { default as ControlCard } from "./control-card.js";

package/src/Card/util/card-factory.js

@@ -1,13 +1,13 @@
 import {
   Card,
-  Banner,
   CaptionedImage,
   ClassicCard,
-  ControlCard
+  ControlCard,
+  ImageOnly,
 } from "../index.js";
 import {
   dateFromUnixTimestamp as l,
-  rehydrateDateAfterJsonization as w
+  rehydrateDateAfterJsonization as w,
 } from "../../util/date-utils.js";
 import r from "../../../shared-lib/braze-shared-lib.js";
 export function newCard(e, n, t, o, i, l, u, d, a, s, w, f, m, C, p, c, x, F) {
@@ -17,7 +17,7 @@ export function newCard(e, n, t, o, i, l, u, d, a, s, w, f, m, C, p, c, x, F) {
   else if (n === Card.es.tt)
     b = new CaptionedImage(e, t, o, i, l, u, d, a, s, w, f, m, C, p, c, x);
   else if (n === Card.es.rs)
-    b = new Banner(e, t, i, u, d, a, s, w, f, m, C, p, c, x);
+    b = new ImageOnly(e, t, i, u, d, a, s, w, f, m, C, p, c, x);
   else {
     if (n !== Card.es.At)
       return r.j.error("Ignoring card with unknown type " + n), null;
@@ -36,7 +36,7 @@ export function newCardFromContentCardsJson(e) {
     d = l(e[Card.Tt.us]),
     a = d;
   let s;
-  s = e[Card.Tt.ps] === Card.Nt ? null : l(e[Card.Tt.ps]);
+  s = e[Card.Tt.ds] === Card.Nt ? null : l(e[Card.Tt.ds]);
   return newCard(
     n,
     r,
@@ -49,13 +49,13 @@ export function newCardFromContentCardsJson(e) {
     null,
     s,
     e[Card.Tt.URL],
-    e[Card.Tt.bs],
+    e[Card.Tt.ps],
     e[Card.Tt.fs],
     e[Card.Tt.xs],
-    e[Card.Tt.js],
-    e[Card.Tt.zs],
     e[Card.Tt.gs],
-    e[Card.Tt.ks] || !1
+    e[Card.Tt.js],
+    e[Card.Tt.ys],
+    e[Card.Tt.zs] || !1,
   );
 }
 export function newCardFromFeedJson(e) {
@@ -75,7 +75,7 @@ export function newCardFromFeedJson(e) {
     e.aspect_ratio,
     e.extras,
     !1,
-    !1
+    !1,
   );
 }
 export function newCardFromSerializedValue(e) {
@@ -89,16 +89,16 @@ export function newCardFromSerializedValue(e) {
       e[Card.hs.it],
       w(e[Card.hs.cs]),
       w(e[Card.hs.us]),
-      e[Card.hs.ds],
-      w(e[Card.hs.ps]),
-      e[Card.hs.URL],
       e[Card.hs.bs],
+      w(e[Card.hs.ds]),
+      e[Card.hs.URL],
+      e[Card.hs.ps],
       e[Card.hs.fs],
       e[Card.hs.xs],
-      e[Card.hs.js],
-      e[Card.hs.zs],
       e[Card.hs.gs],
-      e[Card.hs.ks] || !1
+      e[Card.hs.js],
+      e[Card.hs.ys],
+      e[Card.hs.zs] || !1,
     ) || void 0
   );
 }

package/src/ContentCards/content-cards-provider-factory.js

@@ -15,6 +15,6 @@ const g = {
   },
   destroy: () => {
     (g.provider = null), (g.t = !1);
-  }
+  },
 };
 export default g;