@braze/web-sdk 4.10.1 → 4.10.2

package/src/Card/card-manager.js

@@ -1 +1,78 @@
-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";export default class a{constructor(s){this.u=s,this.u=s}h(n,o){const e=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;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)}const l=this.I([n]);if(null==l)return e;const u=o?r.q.$:r.q.B;return s.N(u,l)}A(n){const o=new t;if(!n.F())return r.j.info(`Card ${n.id} refused this dismissal. Ignoring analytics event.`),o;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 e=this.I([n]);return null==e?o:s.N(r.q.H,e)}J(n,o){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)||{});for(const s of n)s.M(),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)}if(null!=c&&o){const t=s.N(r.q.T,c);e.S(t)}return e}I(s){let t,r=null;for(let n=0;n<s.length;n++)t=s[n].id,null!=t&&""!==t&&(r=r||{},r.ids=r.ids||[],r.ids.push(t));return r}}
+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";
+export default class a {
+  constructor(s) {
+    (this.u = s), (this.u = s);
+  }
+  h(n, o) {
+    const e = 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
+      );
+    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);
+    }
+    const l = this.I([n]);
+    if (null == l) return e;
+    const u = o ? r.q.$ : r.q.B;
+    return s.N(u, l);
+  }
+  A(n) {
+    const o = new t();
+    if (!n.F())
+      return (
+        r.j.info(
+          `Card ${n.id} refused this dismissal. Ignoring analytics event.`,
+        ),
+        o
+      );
+    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 e = this.I([n]);
+    return null == e ? o : s.N(r.q.H, e);
+  }
+  J(n, o) {
+    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) || {});
+    for (const s of n)
+      s.M(),
+        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);
+    }
+    if (null != c && o) {
+      const t = s.N(r.q.T, c);
+      e.S(t);
+    }
+    return e;
+  }
+  I(s) {
+    let t,
+      r = null;
+    for (let n = 0; n < s.length; n++)
+      (t = s[n].id),
+        null != t &&
+          "" !== t &&
+          ((r = r || {}), (r.ids = r.ids || []), r.ids.push(t));
+    return r;
+  }
+}

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

@@ -1 +1,138 @@
-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";import r from"../../../shared-lib/braze-shared-lib.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){return null!=t&&!!t.getAttribute("data-ab-had-top-impression")}export function impressOnTop(t){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","true")}export function markCardAsRead(t){if(null!=t){const o=t.querySelectorAll(".ab-unread-indicator")[0];null!=o&&(o.className+=" read")}}export function getCardId(t){return t.getAttribute("data-ab-card-id")}export function _setImageAltText(t,o){let e="";t.title||t.description||(e="Feed Image"),o.setAttribute("alt",e)}export function setCardHeight(t,o){const e=o.querySelectorAll(".ab-image-area");let a,n=0;e.length>0&&(n=e[0].offsetWidth);for(const o of t)if(a=o._,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,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);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)}if(t.imageUrl&&""!==t.imageUrl){const o=document.createElement("div");o.className="ab-image-area";const e=document.createElement("img");if(e.setAttribute("src",t.imageUrl),e.onload=()=>{a.style.height="auto"},_setImageAltText(t,e),o.appendChild(e),a.className+=" with-image",i&&!t.V){const t=document.createElement("a");t.setAttribute("href",n),t.onclick=s,t.appendChild(o),a.appendChild(t)}else a.appendChild(o)}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(u,c.X,(t=>{a.className+=" ab-swiped-right",e.onclick(t)}))}let p="",b=!1;if(t.title&&""!==t.title&&(p=t.title,b=!0),b){const t=document.createElement("h1");if(t.className="ab-title",t.id=r.Z.Y(),a.setAttribute("aria-labelledby",t.id),i){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 l=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){const o=document.createElement("div");o.className="ab-url-area";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)}u.appendChild(l),a.appendChild(u);const f=document.createElement("div");return f.className="ab-unread-indicator",t.viewed&&(f.className+=" read"),a.appendChild(f),t._=a,a}
+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";
+import r from "../../../shared-lib/braze-shared-lib.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) {
+  return null != t && !!t.getAttribute("data-ab-had-top-impression");
+}
+export function impressOnTop(t) {
+  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", "true");
+}
+export function markCardAsRead(t) {
+  if (null != t) {
+    const o = t.querySelectorAll(".ab-unread-indicator")[0];
+    null != o && (o.className += " read");
+  }
+}
+export function getCardId(t) {
+  return t.getAttribute("data-ab-card-id");
+}
+export function _setImageAltText(t, o) {
+  let e = "";
+  t.title || t.description || (e = "Feed Image"), o.setAttribute("alt", e);
+}
+export function setCardHeight(t, o) {
+  const e = o.querySelectorAll(".ab-image-area");
+  let a,
+    n = 0;
+  e.length > 0 && (n = e[0].offsetWidth);
+  for (const o of t)
+    if (((a = o._), 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),
+    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);
+  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);
+  }
+  if (t.imageUrl && "" !== t.imageUrl) {
+    const o = document.createElement("div");
+    o.className = "ab-image-area";
+    const e = document.createElement("img");
+    if (
+      (e.setAttribute("src", t.imageUrl),
+      (e.onload = () => {
+        a.style.height = "auto";
+      }),
+      _setImageAltText(t, e),
+      o.appendChild(e),
+      (a.className += " with-image"),
+      i && !t.V)
+    ) {
+      const t = document.createElement("a");
+      t.setAttribute("href", n),
+        (t.onclick = s),
+        t.appendChild(o),
+        a.appendChild(t);
+    } else a.appendChild(o);
+  }
+  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(u, c.X, (t) => {
+        (a.className += " ab-swiped-right"), e.onclick(t);
+      });
+  }
+  let p = "",
+    b = !1;
+  if ((t.title && "" !== t.title && ((p = t.title), (b = !0)), b)) {
+    const t = document.createElement("h1");
+    if (
+      ((t.className = "ab-title"),
+      (t.id = r.Z.Y()),
+      a.setAttribute("aria-labelledby", t.id),
+      i)
+    ) {
+      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 l = 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)
+  ) {
+    const o = document.createElement("div");
+    o.className = "ab-url-area";
+    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);
+  }
+  u.appendChild(l), a.appendChild(u);
+  const f = document.createElement("div");
+  return (
+    (f.className = "ab-unread-indicator"),
+    t.viewed && (f.className += " read"),
+    a.appendChild(f),
+    (t._ = a),
+    a
+  );
+}

package/src/Card/index.js

@@ -1 +1,6 @@
-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";
+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-click.js

@@ -1 +1,11 @@
-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){return!!e.rr()&&(o instanceof Card?n.m().h(o,a).O:(r.j.error("card "+f),!1))}
+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) {
+  return (
+    !!e.rr() &&
+    (o instanceof Card ? n.m().h(o, a).O : (r.j.error("card " + f), !1))
+  );
+}

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

@@ -1 +1,11 @@
-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 logCardDismissal(o){return!!e.rr()&&(o instanceof Card?n.m().A(o).O:(r.j.error("card "+f),!1))}
+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 logCardDismissal(o) {
+  return (
+    !!e.rr() &&
+    (o instanceof Card ? n.m().A(o).O : (r.j.error("card " + f), !1))
+  );
+}

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

@@ -1 +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{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.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}
+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 { 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.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;
+}

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

@@ -1 +1,4 @@
-import{logCardClick}from"./log-card-click.js";export function logContentCardClick(o){return logCardClick(o,!0)}
+import { logCardClick } from "./log-card-click.js";
+export function logContentCardClick(o) {
+  return logCardClick(o, !0);
+}

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

@@ -1 +1,4 @@
-import{logCardImpressions}from"./log-card-impressions.js";export function logContentCardImpressions(o){return logCardImpressions(o,!0)}
+import { logCardImpressions } from "./log-card-impressions.js";
+export function logContentCardImpressions(o) {
+  return logCardImpressions(o, !0);
+}

package/src/Card/models/banner.js

@@ -1 +1,31 @@
-import Card from"./card.js";export default class Banner extends Card{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}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}}
+import Card from "./card.js";
+export default class Banner extends Card {
+  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);
+  }
+  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/captioned-image.js

@@ -1 +1,33 @@
-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.test=!1}ss(){const t={};return t[Card.hs.ts]=Card.es.tt,t[Card.hs.ns]=this.id,t[Card.hs.ls]=this.viewed,t[Card.hs.st]=this.title,t[Card.hs.os]=this.imageUrl,t[Card.hs.it]=this.description,t[Card.hs.us]=this.updated,t[Card.hs.cs]=this.created,t[Card.hs.bs]=this.categories,t[Card.hs.ds]=this.expiresAt,t[Card.hs.URL]=this.url,t[Card.hs.ps]=this.linkText,t[Card.hs.fs]=this.aspectRatio,t[Card.hs.xs]=this.extras,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}}
+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.test = !1);
+  }
+  ss() {
+    const t = {};
+    return (
+      (t[Card.hs.ts] = Card.es.tt),
+      (t[Card.hs.ns] = this.id),
+      (t[Card.hs.ls] = this.viewed),
+      (t[Card.hs.st] = this.title),
+      (t[Card.hs.os] = this.imageUrl),
+      (t[Card.hs.it] = this.description),
+      (t[Card.hs.us] = this.updated),
+      (t[Card.hs.cs] = this.created),
+      (t[Card.hs.bs] = this.categories),
+      (t[Card.hs.ds] = this.expiresAt),
+      (t[Card.hs.URL] = this.url),
+      (t[Card.hs.ps] = this.linkText),
+      (t[Card.hs.fs] = this.aspectRatio),
+      (t[Card.hs.xs] = this.extras),
+      (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 +1,196 @@
-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";export default class Card{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=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.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=c||!1,this.isControl=!1,this.test=!1,this.ht=null,this.nt=null}subscribeToClickedEvent(t){return this.et().lt(t)}subscribeToDismissedEvent(t){return this.rt().lt(t)}removeSubscription(t){this.et().removeSubscription(t),this.rt().removeSubscription(t)}removeAllSubscriptions(){this.et().removeAllSubscriptions(),this.rt().removeAllSubscriptions()}dismissCard(){if(!this.dismissible||this.dismissed)return;"function"==typeof this.logCardDismissal&&this.logCardDismissal();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}rt(){return null==this.nt&&(this.nt=new E),this.nt}M(){this.viewed=!0}p(){this.viewed=!0,this.clicked=!0,this.et().Et()}F(){return!(!this.dismissible||this.dismissed)&&(this.dismissed=!0,this.rt().Et(),!0)}ot(t){if(null==t||t[Card.Tt.ns]!==this.id)return!0;if(t[Card.Tt.It])return!1;if(null!=t[Card.Tt.us]&&null!=this.updated&&parseInt(t[Card.Tt.us])<h(this.updated.valueOf()))return!0;if(t[Card.Tt.ls]&&!this.viewed&&(this.viewed=!0),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]),null!=t[Card.Tt.us]){const i=l(t[Card.Tt.us]);null!=i&&(this.updated=i)}if(null!=t[Card.Tt.ds]){let i;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.ps]&&(this.linkText=t[Card.Tt.ps]),null!=t[Card.Tt.fs]){const i=parseFloat(t[Card.Tt.fs].toString());this.aspectRatio=isNaN(i)?null:i}return null!=t[Card.Tt.xs]&&(this.extras=t[Card.Tt.xs]),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}ss(){throw new Error("Must be implemented in a subclass")}}Card.Nt=-1,Card.Tt={ns:"id",ls:"v",js:"db",It:"r",us:"ca",gs:"p",ds:"ea",xs:"e",ts:"tp",os:"i",st:"tt",it:"ds",URL:"u",ps:"dm",fs:"ar",ys:"cl",zs:"t"},Card.es={tt:"captioned_image",ct:"text_announcement",St:"short_news",rs:"banner_image",At:"control"},Card.hs={ns:"id",ls:"v",js:"db",cs:"cr",us:"ca",gs:"p",bs:"t",ds:"ea",xs:"e",ts:"tp",os:"i",st:"tt",it:"ds",URL:"u",ps:"dm",fs:"ar",ys:"cl",zs:"s"},Card.Dt={dt:"ADVERTISING",Ct:"ANNOUNCEMENTS",Rt:"NEWS",bt:"SOCIAL"},Card.ut=400;
+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";
+export default class Card {
+  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 = 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.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 = c || !1),
+      (this.isControl = !1),
+      (this.test = !1),
+      (this.ht = null),
+      (this.nt = null);
+  }
+  subscribeToClickedEvent(t) {
+    return this.et().lt(t);
+  }
+  subscribeToDismissedEvent(t) {
+    return this.rt().lt(t);
+  }
+  removeSubscription(t) {
+    this.et().removeSubscription(t), this.rt().removeSubscription(t);
+  }
+  removeAllSubscriptions() {
+    this.et().removeAllSubscriptions(), this.rt().removeAllSubscriptions();
+  }
+  dismissCard() {
+    if (!this.dismissible || this.dismissed) return;
+    "function" == typeof this.logCardDismissal && this.logCardDismissal();
+    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;
+  }
+  rt() {
+    return null == this.nt && (this.nt = new E()), this.nt;
+  }
+  M() {
+    this.viewed = !0;
+  }
+  p() {
+    (this.viewed = !0), (this.clicked = !0), this.et().Et();
+  }
+  F() {
+    return (
+      !(!this.dismissible || this.dismissed) &&
+      ((this.dismissed = !0), this.rt().Et(), !0)
+    );
+  }
+  ot(t) {
+    if (null == t || t[Card.Tt.ns] !== this.id) return !0;
+    if (t[Card.Tt.It]) return !1;
+    if (
+      null != t[Card.Tt.us] &&
+      null != this.updated &&
+      parseInt(t[Card.Tt.us]) < h(this.updated.valueOf())
+    )
+      return !0;
+    if (
+      (t[Card.Tt.ls] && !this.viewed && (this.viewed = !0),
+      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]),
+      null != t[Card.Tt.us])
+    ) {
+      const i = l(t[Card.Tt.us]);
+      null != i && (this.updated = i);
+    }
+    if (null != t[Card.Tt.ds]) {
+      let i;
+      (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.ps] && (this.linkText = t[Card.Tt.ps]),
+      null != t[Card.Tt.fs])
+    ) {
+      const i = parseFloat(t[Card.Tt.fs].toString());
+      this.aspectRatio = isNaN(i) ? null : i;
+    }
+    return (
+      null != t[Card.Tt.xs] && (this.extras = t[Card.Tt.xs]),
+      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
+    );
+  }
+  ss() {
+    throw new Error("Must be implemented in a subclass");
+  }
+}
+(Card.Nt = -1),
+  (Card.Tt = {
+    ns: "id",
+    ls: "v",
+    js: "db",
+    It: "r",
+    us: "ca",
+    gs: "p",
+    ds: "ea",
+    xs: "e",
+    ts: "tp",
+    os: "i",
+    st: "tt",
+    it: "ds",
+    URL: "u",
+    ps: "dm",
+    fs: "ar",
+    ys: "cl",
+    zs: "t",
+  }),
+  (Card.es = {
+    tt: "captioned_image",
+    ct: "text_announcement",
+    St: "short_news",
+    rs: "banner_image",
+    At: "control",
+  }),
+  (Card.hs = {
+    ns: "id",
+    ls: "v",
+    js: "db",
+    cs: "cr",
+    us: "ca",
+    gs: "p",
+    bs: "t",
+    ds: "ea",
+    xs: "e",
+    ts: "tp",
+    os: "i",
+    st: "tt",
+    it: "ds",
+    URL: "u",
+    ps: "dm",
+    fs: "ar",
+    ys: "cl",
+    zs: "s",
+  }),
+  (Card.Dt = {
+    dt: "ADVERTISING",
+    Ct: "ANNOUNCEMENTS",
+    Rt: "NEWS",
+    bt: "SOCIAL",
+  }),
+  (Card.ut = 400);

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

@@ -1 +1,32 @@
-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.U="ab-classic-card",this.V=!0}ss(){const s={};return s[Card.hs.ts]=Card.es.St,s[Card.hs.ns]=this.id,s[Card.hs.ls]=this.viewed,s[Card.hs.st]=this.title,s[Card.hs.os]=this.imageUrl,s[Card.hs.it]=this.description,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}}
+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.U = "ab-classic-card"),
+      (this.V = !0);
+  }
+  ss() {
+    const s = {};
+    return (
+      (s[Card.hs.ts] = Card.es.St),
+      (s[Card.hs.ns] = this.id),
+      (s[Card.hs.ls] = this.viewed),
+      (s[Card.hs.st] = this.title),
+      (s[Card.hs.os] = this.imageUrl),
+      (s[Card.hs.it] = this.description),
+      (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/control-card.js

@@ -1 +1,23 @@
-import Card from"./card.js";export default class ControlCard extends Card{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.U="ab-control-card",this.V=!1}ss(){const l={};return 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,l[Card.hs.ds]=this.expiresAt,l[Card.hs.xs]=this.extras,l[Card.hs.gs]=this.pinned,l[Card.hs.zs]=this.test,l}}
+import Card from "./card.js";
+export default class ControlCard extends Card {
+  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.U = "ab-control-card"),
+      (this.V = !1);
+  }
+  ss() {
+    const l = {};
+    return (
+      (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),
+      (l[Card.hs.ds] = this.expiresAt),
+      (l[Card.hs.xs] = this.extras),
+      (l[Card.hs.gs] = this.pinned),
+      (l[Card.hs.zs] = this.test),
+      l
+    );
+  }
+}

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

@@ -1 +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}}
+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
+    );
+  }
+}