@braze/web-sdk/src/Card/models/card.js

Braze SDK for web sites and other JS platforms.

import {
  convertMsToSeconds as P,
  dateFromUnixTimestamp as X,
} from "../../util/date-utils.js";
import { FEED_ANIMATION_DURATION as V } from "../../common/constants.js";
import u from "../../managers/subscription-manager.js";
import E from "../../../shared-lib/logger.js";
export default class Card {
  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 = 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 = l || ""),
      (this.updated = n || null),
      (this.expiresAt = e || null),
      (this.url = r),
      (this.linkText = u),
      null == E
        ? (this.aspectRatio = null)
        : ((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 = I || !1),
      (this.isControl = !1),
      (this.language = N || null),
      (this.altImageText = A || null),
      (this.test = !1),
      (this.ti = null),
      (this.ii = null),
      (this.si = null);
  }
  subscribeToClickedEvent(t) {
    return this.hi().wt(t);
  }
  subscribeToDismissedEvent(t) {
    return this.li().wt(t);
  }
  removeSubscription(t) {
    this.hi().removeSubscription(t), this.li().removeSubscription(t);
  }
  removeAllSubscriptions() {
    this.hi().removeAllSubscriptions(), this.li().removeAllSubscriptions();
  }
  dismissCard() {
    if (!this.dismissible || this.dismissed) return;
    "function" == typeof this.logCardDismissal && this.logCardDismissal();
    let t = this._t;
    !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.ni));
        }, V));
  }
  hi() {
    return null == this.ti && (this.ti = new u()), this.ti;
  }
  li() {
    return null == this.ii && (this.ii = new u()), this.ii;
  }
  Qt() {
    const t = new Date().valueOf();
    return (
      !(null != this.si && t - this.si < Card.ei) &&
      ((this.si = t), (this.viewed = !0), !0)
    );
  }
  $t() {
    (this.viewed = !0), (this.clicked = !0), this.hi().L();
  }
  Kt() {
    return (
      !(!this.dismissible || this.dismissed) &&
      ((this.dismissed = !0), this.li().L(), !0)
    );
  }
  ri(t) {
    if (null == t || t[Card.ui.rs] !== this.id) return !0;
    if (t[Card.ui.Ei]) return !1;
    if (
      null != t[Card.ui.ps] &&
      null != this.updated &&
      parseInt(t[Card.ui.ps]) < P(this.updated.valueOf())
    )
      return !0;
    if (
      (t[Card.ui.os] && !this.viewed && (this.viewed = !0),
      t[Card.ui.js] && !this.clicked && (this.clicked = t[Card.ui.js]),
      null != t[Card.ui.cs] && (this.title = t[Card.ui.cs]),
      null != t[Card.ui.ns] && (this.imageUrl = t[Card.ui.ns]),
      null != t[Card.ui.ds] && (this.description = t[Card.ui.ds]),
      null != t[Card.ui.ps])
    ) {
      const i = X(t[Card.ui.ps]);
      null != i && (this.updated = i);
    }
    if (null != t[Card.ui.us]) {
      let i;
      (i = t[Card.ui.us] === Card.Ti ? null : X(t[Card.ui.us])),
        (this.expiresAt = i);
    }
    if (
      (null != t[Card.ui.URL] && (this.url = t[Card.ui.URL]),
      null != t[Card.ui.ls] && (this.linkText = t[Card.ui.ls]),
      null != t[Card.ui.fs])
    ) {
      const i = parseFloat(t[Card.ui.fs].toString());
      this.aspectRatio = isNaN(i) ? null : i;
    }
    return (
      null != t[Card.ui.xs] && (this.extras = t[Card.ui.xs]),
      null != t[Card.ui.bs] && (this.pinned = t[Card.ui.bs]),
      null != t[Card.ui.gs] && (this.dismissible = t[Card.ui.gs]),
      null != t[Card.ui.zs] && (this.language = t[Card.ui.zs]),
      null != t[Card.ui.ks] && (this.altImageText = t[Card.ui.ks]),
      null != t[Card.ui.qs] && (this.test = t[Card.ui.qs]),
      !0
    );
  }
  dt() {
    E.error("Must be implemented in a subclass");
  }
}
(Card.Ti = -1),
  (Card.ui = {
    rs: "id",
    os: "v",
    gs: "db",
    Ei: "r",
    ps: "ca",
    bs: "p",
    us: "ea",
    xs: "e",
    ts: "tp",
    ns: "i",
    cs: "tt",
    ds: "ds",
    URL: "u",
    ls: "dm",
    fs: "ar",
    js: "cl",
    qs: "t",
    zs: "language",
    ks: "image_alt",
  }),
  (Card.es = {
    hs: "captioned_image",
    oi: "text_announcement",
    ai: "short_news",
    Ii: "banner_image",
    Ni: "control",
  }),
  (Card.ss = {
    rs: "id",
    os: "v",
    gs: "db",
    Ai: "cr",
    ps: "ca",
    bs: "p",
    ci: "t",
    us: "ea",
    xs: "e",
    ts: "tp",
    ns: "i",
    cs: "tt",
    ds: "ds",
    URL: "u",
    ls: "dm",
    fs: "ar",
    js: "cl",
    qs: "s",
    zs: "l",
    ks: "ia",
  }),
  (Card.mi = {
    Si: "ADVERTISING",
    Di: "ANNOUNCEMENTS",
    pi: "NEWS",
    di: "SOCIAL",
  }),
  (Card.ni = 400),
  (Card.ei = 1e4);