@braze/web-sdk 5.0.0 → 5.1.0

package/src/Card/card-manager.js

@@ -1,78 +1,76 @@
 import { ControlCard } from "./models/index.js";
 import s from "../common/event-logger.js";
 import t from "../models/request-result.js";
-import r from "../../shared-lib/braze-shared-lib.js";
-import { STORAGE_KEYS as i } from "../managers/storage-manager.js";
+import { logger as r, EventTypes as i } from "../../shared-lib/index.js";
+import { STORAGE_KEYS as o } from "../managers/storage-manager.js";
 export default class a {
   constructor(s) {
     (this.u = s), (this.u = s);
   }
-  h(n, o) {
-    const e = new t();
+  h(n, e) {
+    const l = new t();
     if ((n.p(), null == n.url || "" === n.url))
       return (
-        r.j.info(
-          `Card ${n.id} has no url. Not logging click to Braze servers.`,
-        ),
-        e
+        r.info(`Card ${n.id} has no url. Not logging click to Braze servers.`),
+        l
       );
-    if (o && n.id && this.u) {
-      const s = this.u.v(i.k.C) || {};
-      (s[n.id] = !0), this.u.D(i.k.C, s);
+    if (e && n.id && this.u) {
+      const s = this.u.j(o.C.v) || {};
+      (s[n.id] = !0), this.u.k(o.C.v, s);
     }
-    const l = this.I([n]);
-    if (null == l) return e;
-    const u = o ? r.q.$ : r.q.B;
-    return s.N(u, l);
+    const u = this.D([n]);
+    if (null == u) return l;
+    const c = e ? i.I : i.$;
+    return s.q(c, u);
   }
-  A(n) {
-    const o = new t();
-    if (!n.F())
+  B(n) {
+    const e = new t();
+    if (!n.N())
       return (
-        r.j.info(
+        r.info(
           `Card ${n.id} refused this dismissal. Ignoring analytics event.`,
         ),
-        o
+        e
       );
     if (n.id && this.u) {
-      const s = this.u.v(i.k.G) || {};
-      (s[n.id] = !0), this.u.D(i.k.G, s);
+      const s = this.u.j(o.C.A) || {};
+      (s[n.id] = !0), this.u.k(o.C.A, s);
     }
-    const e = this.I([n]);
-    return null == e ? o : s.N(r.q.H, e);
+    const l = this.D([n]);
+    return null == l ? e : s.q(i.F, l);
   }
-  J(n, o) {
+  G(n, r) {
     const e = new t(!0),
       l = [],
       u = [];
-    let a = {};
-    this.u && (a = o ? this.u.v(i.k.K) || {} : this.u.v(i.k.L) || {});
+    let c = {};
+    this.u && (c = r ? this.u.j(o.C.H) || {} : this.u.j(o.C.J) || {});
     for (const s of n)
-      s.M(),
+      s.K(),
         s instanceof ControlCard ? u.push(s) : l.push(s),
-        s.id && (a[s.id] = !0);
-    const h = this.I(l),
-      c = this.I(u);
-    if (null == h && null == c) return (e.O = !1), e;
-    if ((this.u && (o ? this.u.D(i.k.K, a) : this.u.D(i.k.L, a)), null != h)) {
-      const t = o ? r.q.P : r.q.R,
-        n = s.N(t, h);
-      e.S(n);
+        s.id && (c[s.id] = !0);
+    const h = this.D(l),
+      a = this.D(u);
+    if (null == h && null == a) return (e.L = !1), e;
+    if ((this.u && (r ? this.u.k(o.C.H, c) : this.u.k(o.C.J, c)), null != h)) {
+      const t = r ? i.M : i.O,
+        n = s.q(t, h);
+      e.P(n);
     }
-    if (null != c && o) {
-      const t = s.N(r.q.T, c);
-      e.S(t);
+    if (null != a && r) {
+      const t = s.q(i.R, a);
+      e.P(t);
     }
     return e;
   }
-  I(s) {
+  D(s) {
     let t,
-      r = null;
-    for (let n = 0; n < s.length; n++)
-      (t = s[n].id),
+      n = null;
+    for (let r = 0; r < s.length; r++)
+      (t = s[r].id),
         null != t &&
           "" !== t &&
-          ((r = r || {}), (r.ids = r.ids || []), r.ids.push(t));
-    return r;
+          ((n = n || {}), (n.ids = n.ids || []), n.ids.push(t));
+    return n;
   }
 }

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

@@ -1,8 +1,8 @@
-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 { 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 { logCardDismissal } from "../index.js";
-import r from "../../../shared-lib/braze-shared-lib.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) {
@@ -36,103 +36,103 @@ export function setCardHeight(t, o) {
     n = 0;
   e.length > 0 && (n = e[0].offsetWidth);
   for (const o of t)
-    if (((a = o._), a && o.imageUrl && "number" == typeof o.aspectRatio)) {
+    if (((a = o.T), a && o.imageUrl && "number" == typeof o.aspectRatio)) {
       const t = n / o.aspectRatio;
       t && (a.style.height = `${t}px`);
     }
 }
-export function cardToHtml(t, logCardClick, e) {
-  const a = document.createElement("div");
-  (a.className = "ab-card ab-effect-card " + t.U),
+export function cardToHtml(t, logCardClick, o) {
+  const e = document.createElement("div");
+  (e.className = "ab-card ab-effect-card " + t._),
     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 s = (o) => (markCardAsRead(a), i && (logCardClick(t), m(n, e, o)), !1);
+      (e.setAttribute("data-ab-card-id", t.id), e.setAttribute("id", t.id)),
+    e.setAttribute("role", "article"),
+    e.setAttribute("tabindex", "0");
+  let a = "",
+    n = !1;
+  t.url && "" !== t.url && ((a = t.url), (n = !0));
+  const i = (i) => (markCardAsRead(e), n && (logCardClick(t), u(a, o, i)), !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);
+    (o.className = "fa fa-star"), t.appendChild(o), e.appendChild(t);
   }
   if (t.imageUrl && "" !== t.imageUrl) {
     const o = document.createElement("div");
     o.className = "ab-image-area";
-    const e = document.createElement("img");
+    const r = document.createElement("img");
     if (
-      (e.setAttribute("src", t.imageUrl),
-      (e.onload = () => {
-        a.style.height = "auto";
+      (r.setAttribute("src", t.imageUrl),
+      (r.onload = () => {
+        e.style.height = "auto";
       }),
-      _setImageAltText(t, e),
-      o.appendChild(e),
-      (a.className += " with-image"),
-      i && !t.V)
+      _setImageAltText(t, r),
+      o.appendChild(r),
+      (e.className += " with-image"),
+      n && !t.S)
     ) {
       const t = document.createElement("a");
-      t.setAttribute("href", n),
-        (t.onclick = s),
+      t.setAttribute("href", a),
+        (t.onclick = i),
         t.appendChild(o),
-        a.appendChild(t);
-    } else a.appendChild(o);
+        e.appendChild(t);
+    } else e.appendChild(o);
   }
-  const u = document.createElement("div");
-  if (((u.className = "ab-card-body"), t.dismissible)) {
+  const r = document.createElement("div");
+  if (((r.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);
+    const o = d("Dismiss Card", void 0, t.dismissCard.bind(t));
+    e.appendChild(o),
+      c(r, m.U, (t) => {
+        (e.className += " ab-swiped-left"), o.onclick(t);
       }),
-      d(u, c.X, (t) => {
-        (a.className += " ab-swiped-right"), e.onclick(t);
+      c(r, m.V, (t) => {
+        (e.className += " ab-swiped-right"), o.onclick(t);
       });
   }
-  let p = "",
-    b = !1;
-  if ((t.title && "" !== t.title && ((p = t.title), (b = !0)), b)) {
+  let s = "",
+    l = !1;
+  if ((t.title && "" !== t.title && ((s = t.title), (l = !0)), l)) {
     const t = document.createElement("h1");
     if (
       ((t.className = "ab-title"),
-      (t.id = r.Z.Y()),
-      a.setAttribute("aria-labelledby", t.id),
-      i)
+      (t.id = p.W()),
+      e.setAttribute("aria-labelledby", t.id),
+      n)
     ) {
       const o = document.createElement("a");
-      o.setAttribute("href", n),
-        (o.onclick = s),
-        o.appendChild(document.createTextNode(p)),
+      o.setAttribute("href", a),
+        (o.onclick = i),
+        o.appendChild(document.createTextNode(s)),
         t.appendChild(o);
-    } else t.appendChild(document.createTextNode(p));
-    u.appendChild(t);
+    } else t.appendChild(document.createTextNode(s));
+    r.appendChild(t);
   }
-  const l = document.createElement("div");
+  const b = document.createElement("div");
   if (
-    ((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)
+    ((b.className = l ? "ab-description" : "ab-description ab-no-title"),
+    (b.id = p.W()),
+    e.setAttribute("aria-describedby", b.id),
+    t.description && b.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),
+    e.setAttribute("href", a),
       t.linkText && e.appendChild(document.createTextNode(t.linkText)),
-      (e.onclick = s),
+      (e.onclick = i),
       o.appendChild(e),
-      l.appendChild(o);
+      b.appendChild(o);
   }
-  u.appendChild(l), a.appendChild(u);
+  r.appendChild(b), e.appendChild(r);
   const f = document.createElement("div");
   return (
     (f.className = "ab-unread-indicator"),
     t.viewed && (f.className += " read"),
-    a.appendChild(f),
-    (t._ = a),
-    a
+    e.appendChild(f),
+    (t.T = e),
+    e
   );
 }

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

@@ -2,10 +2,10 @@ 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 r from "../../shared-lib/braze-shared-lib.js";
-export function logCardClick(o, a) {
+import { logger as r } from "../../shared-lib/index.js";
+export function logCardClick(o, m) {
   return (
-    !!e.rr() &&
-    (o instanceof Card ? n.m().h(o, a).O : (r.j.error("card " + f), !1))
+    !!e.X() &&
+    (o instanceof Card ? n.m().h(o, m).L : (r.error("card " + f), !1))
   );
 }

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

@@ -2,10 +2,9 @@ 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 r from "../../shared-lib/braze-shared-lib.js";
+import { logger as r } from "../../shared-lib/index.js";
 export function logCardDismissal(o) {
   return (
-    !!e.rr() &&
-    (o instanceof Card ? n.m().A(o).O : (r.j.error("card " + f), !1))
+    !!e.X() && (o instanceof Card ? n.m().B(o).L : (r.error("card " + f), !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 p } from "../util/code-utils.js";
+import { isArray as j } from "../util/code-utils.js";
 import { MUST_BE_CARD_WARNING_SUFFIX as f } from "../common/constants.js";
-import r from "../../shared-lib/braze-shared-lib.js";
+import { logger as r } from "../../shared-lib/index.js";
 export function logCardImpressions(o, s) {
-  if (!e.rr()) return !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.j.error(`Each card in cards ${f}`), !1;
-  return n.m().J(o, s).O;
+  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;
 }

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.U = "ab-captioned-image"),
-      (this.V = !0),
+      (this._ = "ab-captioned-image"),
+      (this.S = !0),
       (this.test = !1);
   }
-  tt() {
+  Y() {
     const t = {};
     return (
-      (t[Card.it.st] = Card.et.ht),
-      (t[Card.it.rt] = this.id),
-      (t[Card.it.ot] = this.viewed),
-      (t[Card.it.ct] = this.title),
-      (t[Card.it.nt] = this.imageUrl),
-      (t[Card.it.dt] = this.description),
-      (t[Card.it.ut] = this.updated),
-      (t[Card.it.lt] = this.created),
-      (t[Card.it.ft] = this.categories),
-      (t[Card.it.xt] = this.expiresAt),
-      (t[Card.it.URL] = this.url),
-      (t[Card.it.bt] = this.linkText),
-      (t[Card.it.gt] = this.aspectRatio),
-      (t[Card.it.jt] = this.extras),
-      (t[Card.it.zt] = this.pinned),
-      (t[Card.it.kt] = this.dismissible),
-      (t[Card.it.qt] = this.clicked),
-      (t[Card.it.vt] = this.test),
+      (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
     );
   }

package/src/Card/models/card.js

@@ -2,11 +2,11 @@ import {
   convertMsToSeconds as h,
   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";
-import r from "../../../shared-lib/braze-shared-lib.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";
 export default class Card {
-  constructor(t, i, s, h, l, n, e, r, u, E, o, T, a, I, N, c) {
+  constructor(t, i, s, h, l, n, e, r, u, E, o, T, I, a, N, c) {
     (this.id = t),
       (this.viewed = i),
       (this.title = s),
@@ -19,8 +19,8 @@ export default class Card {
       (this.url = E),
       (this.linkText = o),
       (this.aspectRatio = T),
-      (this.extras = a),
-      (this.pinned = I),
+      (this.extras = I),
+      (this.pinned = a),
       (this.dismissible = N),
       (this.clicked = c),
       (this.id = t),
@@ -38,8 +38,8 @@ export default class Card {
         ? (this.aspectRatio = null)
         : ((T = parseFloat(T.toString())),
           (this.aspectRatio = isNaN(T) ? null : T)),
-      (this.extras = a || {}),
-      (this.pinned = I || !1),
+      (this.extras = I || {}),
+      (this.pinned = a || !1),
       (this.dismissible = N || !1),
       (this.dismissed = !1),
       (this.clicked = c || !1),
@@ -63,7 +63,7 @@ export default class Card {
   dismissCard() {
     if (!this.dismissible || this.dismissed) return;
     "function" == typeof this.logCardDismissal && this.logCardDismissal();
-    let t = this._;
+    let t = this.T;
     !t && this.id && (t = document.getElementById(this.id)),
       t &&
         ((t.style.height = t.offsetHeight + "px"),
@@ -76,122 +76,122 @@ export default class Card {
             setTimeout(function () {
               t && t.parentNode && t.parentNode.removeChild(t);
             }, Card.At));
-        }, u));
+        }, E));
   }
   Nt() {
-    return null == this.Et && (this.Et = new E()), this.Et;
+    return null == this.Et && (this.Et = new T()), this.Et;
   }
   St() {
-    return null == this.Tt && (this.Tt = new E()), this.Tt;
+    return null == this.Tt && (this.Tt = new T()), this.Tt;
   }
-  M() {
+  K() {
     this.viewed = !0;
   }
   p() {
     (this.viewed = !0), (this.clicked = !0), this.Nt().Dt();
   }
-  F() {
+  N() {
     return (
       !(!this.dismissible || this.dismissed) &&
       ((this.dismissed = !0), this.St().Dt(), !0)
     );
   }
   Ct(t) {
-    if (null == t || t[Card.Rt.rt] !== this.id) return !0;
+    if (null == t || t[Card.Rt.ht] !== this.id) return !0;
     if (t[Card.Rt.Lt]) return !1;
     if (
-      null != t[Card.Rt.ut] &&
+      null != t[Card.Rt.nt] &&
       null != this.updated &&
-      parseInt(t[Card.Rt.ut]) < h(this.updated.valueOf())
+      parseInt(t[Card.Rt.nt]) < h(this.updated.valueOf())
     )
       return !0;
     if (
-      (t[Card.Rt.ot] && !this.viewed && (this.viewed = !0),
-      t[Card.Rt.qt] && !this.clicked && (this.clicked = t[Card.Rt.qt]),
-      null != t[Card.Rt.ct] && (this.title = t[Card.Rt.ct]),
-      null != t[Card.Rt.nt] && (this.imageUrl = t[Card.Rt.nt]),
-      null != t[Card.Rt.dt] && (this.description = t[Card.Rt.dt]),
-      null != t[Card.Rt.ut])
+      (t[Card.Rt.et] && !this.viewed && (this.viewed = !0),
+      t[Card.Rt.zt] && !this.clicked && (this.clicked = t[Card.Rt.zt]),
+      null != t[Card.Rt.rt] && (this.title = t[Card.Rt.rt]),
+      null != t[Card.Rt.ot] && (this.imageUrl = t[Card.Rt.ot]),
+      null != t[Card.Rt.ct] && (this.description = t[Card.Rt.ct]),
+      null != t[Card.Rt.nt])
     ) {
-      const i = l(t[Card.Rt.ut]);
+      const i = l(t[Card.Rt.nt]);
       null != i && (this.updated = i);
     }
-    if (null != t[Card.Rt.xt]) {
+    if (null != t[Card.Rt.lt]) {
       let i;
-      (i = t[Card.Rt.xt] === Card._t ? null : l(t[Card.Rt.xt])),
+      (i = t[Card.Rt.lt] === Card._t ? null : l(t[Card.Rt.lt])),
         (this.expiresAt = i);
     }
     if (
       (null != t[Card.Rt.URL] && (this.url = t[Card.Rt.URL]),
-      null != t[Card.Rt.bt] && (this.linkText = t[Card.Rt.bt]),
-      null != t[Card.Rt.gt])
+      null != t[Card.Rt.ft] && (this.linkText = t[Card.Rt.ft]),
+      null != t[Card.Rt.xt])
     ) {
-      const i = parseFloat(t[Card.Rt.gt].toString());
+      const i = parseFloat(t[Card.Rt.xt].toString());
       this.aspectRatio = isNaN(i) ? null : i;
     }
     return (
-      null != t[Card.Rt.jt] && (this.extras = t[Card.Rt.jt]),
-      null != t[Card.Rt.zt] && (this.pinned = t[Card.Rt.zt]),
-      null != t[Card.Rt.kt] && (this.dismissible = t[Card.Rt.kt]),
-      null != t[Card.Rt.vt] && (this.test = t[Card.Rt.vt]),
+      null != t[Card.Rt.bt] && (this.extras = t[Card.Rt.bt]),
+      null != t[Card.Rt.gt] && (this.pinned = t[Card.Rt.gt]),
+      null != t[Card.Rt.jt] && (this.dismissible = t[Card.Rt.jt]),
+      null != t[Card.Rt.kt] && (this.test = t[Card.Rt.kt]),
       !0
     );
   }
-  tt() {
-    r.j.error("Must be implemented in a subclass");
+  Y() {
+    r.error("Must be implemented in a subclass");
   }
 }
 (Card._t = -1),
   (Card.Rt = {
-    rt: "id",
-    ot: "v",
-    kt: "db",
+    ht: "id",
+    et: "v",
+    jt: "db",
     Lt: "r",
-    ut: "ca",
-    zt: "p",
-    xt: "ea",
-    jt: "e",
-    st: "tp",
-    nt: "i",
-    ct: "tt",
-    dt: "ds",
+    nt: "ca",
+    gt: "p",
+    lt: "ea",
+    bt: "e",
+    Z: "tp",
+    ot: "i",
+    rt: "tt",
+    ct: "ds",
     URL: "u",
-    bt: "dm",
-    gt: "ar",
-    qt: "cl",
-    vt: "t",
+    ft: "dm",
+    xt: "ar",
+    zt: "cl",
+    kt: "t",
   }),
-  (Card.et = {
-    ht: "captioned_image",
+  (Card.it = {
+    st: "captioned_image",
     Ot: "text_announcement",
     Mt: "short_news",
     Pt: "banner_image",
     Ut: "control",
   }),
-  (Card.it = {
-    rt: "id",
-    ot: "v",
-    kt: "db",
-    lt: "cr",
-    ut: "ca",
-    zt: "p",
-    ft: "t",
-    xt: "ea",
-    jt: "e",
-    st: "tp",
-    nt: "i",
-    ct: "tt",
-    dt: "ds",
+  (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",
     URL: "u",
-    bt: "dm",
-    gt: "ar",
-    qt: "cl",
-    vt: "s",
+    ft: "dm",
+    xt: "ar",
+    zt: "cl",
+    kt: "s",
   }),
   (Card.Gt = {
     Xt: "ADVERTISING",
-    Vt: "ANNOUNCEMENTS",
-    Wt: "NEWS",
-    Ft: "SOCIAL",
+    vt: "ANNOUNCEMENTS",
+    Vt: "NEWS",
+    Wt: "SOCIAL",
   }),
   (Card.At = 400);