@braze/web-sdk 4.3.0 → 4.5.0

package/src/Card/card-manager.js

@@ -1 +1,72 @@
-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 o}from"../managers/storage-manager.js";export default class a{constructor(s,t,r){this.h=s,this.j=t,this.v=r}C(n,i){const e=new t;if(n.k(),null==n.url||""===n.url)return r.D.info(`Card ${n.id} has no url. Not logging click to Braze servers.`),e;if(i){const s=this.h.I(o.q.$)||{};s[n.id]=!0,this.h.B(o.q.$,s)}const l=this.N([n]);if(null==l)return e;const u=i?r.A._:r.A.F;return s.G(u,l)}H(n){const i=new t;if(!n.J())return r.D.info(`Card ${n.id} refused this dismissal. Ignoring analytics event.`),i;const e=this.h.I(o.q.K)||{};e[n.id]=!0,this.h.B(o.q.K,e);const l=this.N([n]);return null==l?i:s.G(r.A.L,l)}M(n,i){const e=new t(!0),l=[],u=[];let a;a=i?this.h.I(o.q.O)||{}:this.h.I(o.q.P)||{};for(const s of n)s.R(),s instanceof ControlCard?u.push(s):l.push(s),a[s.id]=!0;const c=this.N(l),h=this.N(u);if(null==c&&null==h)return e.S=!1,e;if(i?this.h.B(o.q.O,a):this.h.B(o.q.P,a),null!=c){const t=i?r.A.T:r.A.U,n=s.G(t,c);e.V(n)}if(null!=h&&i){const t=s.G(r.A.W,h);e.V(t)}return e}N(s){let t=null;for(let r=0;r<s.length;r++)null!=s[r].id&&""!==s[r].id&&(t=t||{},t.ids=t.ids||[],t.ids.push(s[r].id));return t}}
+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 o } from "../managers/storage-manager.js";
+export default class a {
+  constructor(s, t, r) {
+    (this.h = s), (this.j = t), (this.v = r);
+  }
+  C(n, i) {
+    const e = new t();
+    if ((n.k(), null == n.url || "" === n.url))
+      return (
+        r.D.info(
+          `Card ${n.id} has no url. Not logging click to Braze servers.`
+        ),
+        e
+      );
+    if (i) {
+      const s = this.h.I(o.q.$) || {};
+      (s[n.id] = !0), this.h.B(o.q.$, s);
+    }
+    const l = this.N([n]);
+    if (null == l) return e;
+    const u = i ? r.A._ : r.A.F;
+    return s.G(u, l);
+  }
+  H(n) {
+    const i = new t();
+    if (!n.J())
+      return (
+        r.D.info(
+          `Card ${n.id} refused this dismissal. Ignoring analytics event.`
+        ),
+        i
+      );
+    const e = this.h.I(o.q.K) || {};
+    (e[n.id] = !0), this.h.B(o.q.K, e);
+    const l = this.N([n]);
+    return null == l ? i : s.G(r.A.L, l);
+  }
+  M(n, i) {
+    const e = new t(!0),
+      l = [],
+      u = [];
+    let a;
+    a = i ? this.h.I(o.q.O) || {} : this.h.I(o.q.P) || {};
+    for (const s of n)
+      s.R(), s instanceof ControlCard ? u.push(s) : l.push(s), (a[s.id] = !0);
+    const c = this.N(l),
+      h = this.N(u);
+    if (null == c && null == h) return (e.S = !1), e;
+    if ((i ? this.h.B(o.q.O, a) : this.h.B(o.q.P, a), null != c)) {
+      const t = i ? r.A.T : r.A.U,
+        n = s.G(t, c);
+      e.V(n);
+    }
+    if (null != h && i) {
+      const t = s.G(r.A.W, h);
+      e.V(t);
+    }
+    return e;
+  }
+  N(s) {
+    let t = null;
+    for (let r = 0; r < s.length; r++)
+      null != s[r].id &&
+        "" !== s[r].id &&
+        ((t = t || {}), (t.ids = t.ids || []), t.ids.push(s[r].id));
+    return t;
+  }
+}

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

@@ -1 +1,134 @@
-import{createCloseButton as i}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",!0)}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)}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 a="";t.title||t.description||(a="Feed Image"),o.setAttribute("alt",a)}export function setCardHeight(t,o){const a=o.querySelectorAll(".ab-image-area");let e,n=0;a.length>0&&(n=a[0].offsetWidth);for(const o of t)if(e=o.X,e&&o.imageUrl&&!isNaN(o.aspectRatio)){const t=n/o.aspectRatio;t&&(e.style.height=`${t}px`)}}export function cardToHtml(t,logCardClick,o){const a=document.createElement("div");a.className="ab-card ab-effect-card "+t.Y,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);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 i=document.createElement("img");if(i.setAttribute("src",t.imageUrl),i.onload=()=>{a.style.height="auto"},_setImageAltText(t,i),o.appendChild(i),a.className+=" with-image",e&&!t.Z){const e=document.createElement("a");e.setAttribute("href",t.url),e.onclick=n,e.appendChild(o),a.appendChild(e)}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)})),d(s,c.et,(t=>{a.className+=" ab-swiped-right",o.onclick(t)}))}const u=t.title&&""!==t.title;if(u){const o=document.createElement("h1");if(o.className="ab-title",o.id=r.it.nt(),a.setAttribute("aria-labelledby",o.id),e){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 p=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){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)}s.appendChild(p),a.appendChild(s);const b=document.createElement("div");return b.className="ab-unread-indicator",t.viewed&&(b.className+=" read"),a.appendChild(b),t.X=a,a}
+import { createCloseButton as i } 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", !0);
+}
+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);
+}
+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 a = "";
+  t.title || t.description || (a = "Feed Image"), o.setAttribute("alt", a);
+}
+export function setCardHeight(t, o) {
+  const a = o.querySelectorAll(".ab-image-area");
+  let e,
+    n = 0;
+  a.length > 0 && (n = a[0].offsetWidth);
+  for (const o of t)
+    if (((e = o.X), e && o.imageUrl && !isNaN(o.aspectRatio))) {
+      const t = n / o.aspectRatio;
+      t && (e.style.height = `${t}px`);
+    }
+}
+export function cardToHtml(t, logCardClick, o) {
+  const a = document.createElement("div");
+  (a.className = "ab-card ab-effect-card " + t.Y),
+    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);
+  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 i = document.createElement("img");
+    if (
+      (i.setAttribute("src", t.imageUrl),
+      (i.onload = () => {
+        a.style.height = "auto";
+      }),
+      _setImageAltText(t, i),
+      o.appendChild(i),
+      (a.className += " with-image"),
+      e && !t.Z)
+    ) {
+      const e = document.createElement("a");
+      e.setAttribute("href", t.url),
+        (e.onclick = n),
+        e.appendChild(o),
+        a.appendChild(e);
+    } 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);
+      }),
+      d(s, c.et, t => {
+        (a.className += " ab-swiped-right"), o.onclick(t);
+      });
+  }
+  const u = t.title && "" !== t.title;
+  if (u) {
+    const o = document.createElement("h1");
+    if (
+      ((o.className = "ab-title"),
+      (o.id = r.it.nt()),
+      a.setAttribute("aria-labelledby", o.id),
+      e)
+    ) {
+      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 p = 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)
+  ) {
+    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);
+  }
+  s.appendChild(p), a.appendChild(s);
+  const b = document.createElement("div");
+  return (
+    (b.className = "ab-unread-indicator"),
+    t.viewed && (b.className += " read"),
+    a.appendChild(b),
+    (t.X = a),
+    a
+  );
+}

package/src/Card/index.js

@@ -1 +1,5 @@
-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 * 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";

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().C(o,a).S:(r.D.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().C(o, a).S : (r.D.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().H(o).S:(r.D.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().H(o).S : (r.D.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.D.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}
+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.D.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;
+}

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,30 @@
-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}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.ds]=this.categories,s[Card.hs.ps]=this.expiresAt,s[Card.hs.URL]=this.url,s[Card.hs.bs]=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}}
+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);
+  }
+  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.ds] = this.categories),
+      (s[Card.hs.ps] = this.expiresAt),
+      (s[Card.hs.URL] = this.url),
+      (s[Card.hs.bs] = 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
+    );
+  }
+}

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

@@ -1 +1,32 @@
-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}ss(){const t={};return t[Card.hs.ts]=Card.es.st,t[Card.hs.ns]=this.id,t[Card.hs.ls]=this.viewed,t[Card.hs.ht]=this.title,t[Card.hs.os]=this.imageUrl,t[Card.hs.rt]=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.URL]=this.url,t[Card.hs.bs]=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}}
+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);
+  }
+  ss() {
+    const t = {};
+    return (
+      (t[Card.hs.ts] = Card.es.st),
+      (t[Card.hs.ns] = this.id),
+      (t[Card.hs.ls] = this.viewed),
+      (t[Card.hs.ht] = this.title),
+      (t[Card.hs.os] = this.imageUrl),
+      (t[Card.hs.rt] = 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.URL] = this.url),
+      (t[Card.hs.bs] = 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
+    );
+  }
+}

package/src/Card/models/card.js

@@ -1 +1,175 @@
-import{convertMsToSeconds as l,dateFromUnixTimestamp as h}from"../../util/date-utils.js";import{FEED_ANIMATION_DURATION as E}from"../../common/constants.js";import u 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){this.id=t,this.viewed=i||!1,this.title=s||"",this.imageUrl=n,this.description=l||"",this.created=h||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.extras=I,this.pinned=a||!1,this.dismissible=N||!1,this.dismissed=!1,this.clicked=S||!1,this.test=!1,this.lt=null,this.Et=null}subscribeToClickedEvent(t){return this.Tt().ut(t)}subscribeToDismissedEvent(t){return this.It().ut(t)}removeSubscription(t){this.Tt().removeSubscription(t),this.It().removeSubscription(t)}removeAllSubscriptions(){this.Tt().removeAllSubscriptions(),this.It().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))}}Tt(){return null==this.lt&&(this.lt=new u),this.lt}It(){return null==this.Et&&(this.Et=new u),this.Et}R(){this.viewed=!0}k(){this.viewed=!0,this.clicked=!0,this.Tt().St()}J(){return!(!this.dismissible||this.dismissed)&&(this.dismissed=!0,this.It().St(),!0)}ct(t){if(null==t||t[Card.At.ns]!==this.id)return!0;if(t[Card.At.Dt])return!1;if(null!=t[Card.At.us]&&null!=this.updated&&t[Card.At.us]<l(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]){const i=h(t[Card.At.us]);null!=i&&(this.updated=i)}if(null!=t[Card.At.ps]){let i;i=t[Card.At.ps]===Card.Ct?null:h(t[Card.At.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]){const i=parseFloat(t[Card.At.fs]);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]),!0}}Card.Ct=-1,Card.es={st:"captioned_image",dt:"text_announcement",Rt:"short_news",rs:"banner_image",_t:"control"},Card.At={ns:"id",ls:"v",zs:"db",Dt:"r",us:"ca",js:"p",ps:"ea",xs:"e",ts:"tp",os:"i",ht:"tt",rt:"ds",URL:"u",bs:"dm",fs:"ar",gs:"cl",ks:"t"},Card.hs={ns:"id",ls:"v",zs:"db",cs:"cr",us:"ca",js:"p",ds:"t",ps:"ea",xs:"e",ts:"tp",os:"i",ht:"tt",rt:"ds",URL:"u",bs:"dm",fs:"ar",gs:"cl",ks:"s"},Card.Lt={Ot:"ADVERTISING",bt:"ANNOUNCEMENTS",ft:"NEWS",Pt:"SOCIAL"},Card.Nt=400;
+import {
+  convertMsToSeconds as l,
+  dateFromUnixTimestamp as h
+} from "../../util/date-utils.js";
+import { FEED_ANIMATION_DURATION as E } from "../../common/constants.js";
+import u 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) {
+    (this.id = t),
+      (this.viewed = i || !1),
+      (this.title = s || ""),
+      (this.imageUrl = n),
+      (this.description = l || ""),
+      (this.created = h || 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.extras = I),
+      (this.pinned = a || !1),
+      (this.dismissible = N || !1),
+      (this.dismissed = !1),
+      (this.clicked = S || !1),
+      (this.isControl = !1),
+      (this.test = !1),
+      (this.lt = null),
+      (this.Et = null);
+  }
+  subscribeToClickedEvent(t) {
+    return this.Tt().ut(t);
+  }
+  subscribeToDismissedEvent(t) {
+    return this.It().ut(t);
+  }
+  removeSubscription(t) {
+    this.Tt().removeSubscription(t), this.It().removeSubscription(t);
+  }
+  removeAllSubscriptions() {
+    this.Tt().removeAllSubscriptions(), this.It().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));
+    }
+  }
+  Tt() {
+    return null == this.lt && (this.lt = new u()), this.lt;
+  }
+  It() {
+    return null == this.Et && (this.Et = new u()), this.Et;
+  }
+  R() {
+    this.viewed = !0;
+  }
+  k() {
+    (this.viewed = !0), (this.clicked = !0), this.Tt().St();
+  }
+  J() {
+    return (
+      !(!this.dismissible || this.dismissed) &&
+      ((this.dismissed = !0), this.It().St(), !0)
+    );
+  }
+  ct(t) {
+    if (null == t || t[Card.At.ns] !== this.id) return !0;
+    if (t[Card.At.Dt]) return !1;
+    if (
+      null != t[Card.At.us] &&
+      null != this.updated &&
+      t[Card.At.us] < l(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])
+    ) {
+      const i = h(t[Card.At.us]);
+      null != i && (this.updated = i);
+    }
+    if (null != t[Card.At.ps]) {
+      let i;
+      (i = t[Card.At.ps] === Card.Ct ? null : h(t[Card.At.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])
+    ) {
+      const i = parseFloat(t[Card.At.fs]);
+      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]),
+      !0
+    );
+  }
+}
+(Card.Ct = -1),
+  (Card.es = {
+    st: "captioned_image",
+    dt: "text_announcement",
+    Rt: "short_news",
+    rs: "banner_image",
+    _t: "control"
+  }),
+  (Card.At = {
+    ns: "id",
+    ls: "v",
+    zs: "db",
+    Dt: "r",
+    us: "ca",
+    js: "p",
+    ps: "ea",
+    xs: "e",
+    ts: "tp",
+    os: "i",
+    ht: "tt",
+    rt: "ds",
+    URL: "u",
+    bs: "dm",
+    fs: "ar",
+    gs: "cl",
+    ks: "t"
+  }),
+  (Card.hs = {
+    ns: "id",
+    ls: "v",
+    zs: "db",
+    cs: "cr",
+    us: "ca",
+    js: "p",
+    ds: "t",
+    ps: "ea",
+    xs: "e",
+    ts: "tp",
+    os: "i",
+    ht: "tt",
+    rt: "ds",
+    URL: "u",
+    bs: "dm",
+    fs: "ar",
+    gs: "cl",
+    ks: "s"
+  }),
+  (Card.Lt = {
+    Ot: "ADVERTISING",
+    bt: "ANNOUNCEMENTS",
+    ft: "NEWS",
+    Pt: "SOCIAL"
+  }),
+  (Card.Nt = 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.Y="ab-classic-card",this.Z=!0}ss(){const s={};return s[Card.hs.ts]=Card.es.Rt,s[Card.hs.ns]=this.id,s[Card.hs.ls]=this.viewed,s[Card.hs.ht]=this.title,s[Card.hs.os]=this.imageUrl,s[Card.hs.rt]=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.URL]=this.url,s[Card.hs.bs]=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}}
+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);
+  }
+  ss() {
+    const s = {};
+    return (
+      (s[Card.hs.ts] = Card.es.Rt),
+      (s[Card.hs.ns] = this.id),
+      (s[Card.hs.ls] = this.viewed),
+      (s[Card.hs.ht] = this.title),
+      (s[Card.hs.os] = this.imageUrl),
+      (s[Card.hs.rt] = 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.URL] = this.url),
+      (s[Card.hs.bs] = 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
+    );
+  }
+}

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

@@ -1 +1,39 @@
-import Card from"./card.js";export default class ControlCard extends Card{constructor(l,t,s,n,u,i){super(l,t,null,null,null,null,s,null,n,null,null,null,u,i,null),this.Y="ab-control-card",this.Z=!1}ss(){const l={};return l[Card.hs.ts]=Card.es._t,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.xs]=this.extras,l[Card.hs.js]=this.pinned,l[Card.hs.ks]=this.test,l}}
+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
+    ),
+      (this.isControl = !0),
+      (this.Y = "ab-control-card"),
+      (this.Z = !1);
+  }
+  ss() {
+    const l = {};
+    return (
+      (l[Card.hs.ts] = Card.es._t),
+      (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.xs] = this.extras),
+      (l[Card.hs.js] = this.pinned),
+      (l[Card.hs.ks] = this.test),
+      l
+    );
+  }
+}

package/src/Card/models/index.js

@@ -1 +1,5 @@
-export{default as Card}from"./card.js";export{default as Banner}from"./banner.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";
+export { default as Card } from "./card.js";
+export { default as Banner } from "./banner.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";