@braze/web-sdk 4.8.3 → 4.9.0

package/src/triggers/triggers-provider.js

@@ -1,11 +1,11 @@
 import y from "../common/base-provider.js";
 import { newInAppMessageFromJson as pt } from "../InAppMessage/in-app-message-factory.js";
-import ue from "../models/braze-event.js";
+import be from "../models/braze-event.js";
 import { InAppMessage } from "../InAppMessage/index.js";
 import {
   isArray as p,
   isEqual as ii,
-  validateValueIsFromEnum as H
+  validateValueIsFromEnum as H,
 } from "../util/code-utils.js";
 import { STORAGE_KEYS as i } from "../managers/storage-manager.js";
 import wt from "../InAppMessage/models/templated-in-app-message.js";
@@ -16,293 +16,311 @@ export default class gr extends y {
   constructor(t, i, s, e, r) {
     super(),
       (this.tg = t),
-      (this.ig = i),
-      (this.yh = s),
-      (this.sg = e),
-      (this.eg = r),
-      (this.hg = []),
-      (this.og = []),
-      (this.ng = null),
-      (this.lg = {}),
-      (this.ag = {}),
-      this.gg(),
-      this.fg();
+      (this.yt = i),
+      (this.u = s),
+      (this.ki = e),
+      (this.ig = r),
+      (this.tg = t),
+      (this.yt = i),
+      (this.u = s),
+      (this.ki = e),
+      (this.ig = r),
+      (this.sg = []),
+      (this.eg = []),
+      (this.hg = null),
+      (this.ng = {}),
+      (this.og = {}),
+      (this.triggers = []),
+      (this.ag = 0),
+      this.lg(),
+      this.gg();
   }
-  cg() {
-    (this.ng = this.yh.v(i.k.Ma) || this.ng),
-      (this.lg = this.yh.v(i.k.ya) || this.lg),
-      (this.ag = this.yh.v(i.k.Ga) || this.ag);
-    for (let t = 0; t < this.ug.length; t++) {
-      const i = this.ug[t];
-      null != this.ag[i.id] && i.Wu(this.ag[i.id]);
+  fg() {
+    if (this.u) {
+      (this.hg = this.u.v(i.k.iE) || this.hg),
+        (this.ng = this.u.v(i.k.aE) || this.ng),
+        (this.og = this.u.v(i.k.nE) || this.og);
+      for (let t = 0; t < this.triggers.length; t++) {
+        const i = this.triggers[t];
+        i.id && null != this.og[i.id] && i.Lu(this.og[i.id]);
+      }
     }
   }
-  gg() {
-    this.dg = this.yh.v(i.k.Ca) || 0;
-    const t = this.yh.v(i.k.Na) || [],
+  lg() {
+    if (!this.u) return;
+    this.ag = this.u.v(i.k.oE) || 0;
+    const t = this.u.v(i.k.rE) || [],
       s = [];
-    for (let i = 0; i < t.length; i++) s.push(mt.zn(t[i]));
-    (this.ug = s), this.cg();
+    for (let i = 0; i < t.length; i++) s.push(mt.Yn(t[i]));
+    (this.triggers = s), this.fg();
   }
-  fg() {
+  gg() {
     const t = this,
-      s = function(i, s, e, r, h) {
-        return function() {
-          t.mg(i, s, e, r, h);
+      s = function (i, s, e, r, h) {
+        return function () {
+          t.cg(i, s, e, r, h);
         };
       },
       e = {};
-    for (let t = 0; t < this.ug.length; t++) e[this.ug[t].id] = this.ug[t];
+    for (const t of this.triggers) t.id && (e[t.id] = t);
     let r = !1;
-    for (let t = 0; t < this.ug.length; t++) {
-      const i = this.ug[t];
-      if (null != this.lg[i.id]) {
-        const t = this.lg[i.id],
+    for (let t = 0; t < this.triggers.length; t++) {
+      const i = this.triggers[t];
+      if (i.id && null != this.ng[i.id]) {
+        const t = this.ng[i.id],
           h = [];
         for (let r = 0; r < t.length; r++) {
-          const o = t[r],
-            n = i.Yu(o.Jr);
-          if (n > 0) {
+          const n = t[r],
+            o = i.Ru(n.Zr || 0);
+          if (o > 0) {
             let t, r;
-            h.push(o),
-              null != o.pg && (t = o.pg),
-              null != o.bg && ue.Qa(o.bg) && (r = ue.zn(o.bg));
-            const l = [];
-            if (p(o.Tg))
-              for (let t = 0; t < o.Tg.length; t++) {
-                const i = e[o.Tg[t]];
-                null != i && l.push(i);
+            h.push(n),
+              null != n.ug && (t = n.ug),
+              null != n.dg && be.TE(n.dg) && (r = be.Yn(n.dg));
+            const a = [];
+            if (n.pg && p(n.pg))
+              for (let t = 0; t < n.pg.length; t++) {
+                const i = e[n.pg[t]];
+                null != i && a.push(i);
               }
-            this.og.push(setTimeout(s(i, o.Jr, t, r, l), n));
+            this.eg.push(window.setTimeout(s(i, n.Zr || 0, t, r, a), o));
           }
         }
-        this.lg[i.id].length > h.length &&
-          ((this.lg[i.id] = h),
+        this.ng[i.id].length > h.length &&
+          ((this.ng[i.id] = h),
           (r = !0),
-          0 === this.lg[i.id].length && delete this.lg[i.id]);
+          0 === this.ng[i.id].length && delete this.ng[i.id]);
       }
     }
-    r && this.yh.D(i.k.ya, this.lg);
+    r && this.u && this.u.D(i.k.aE, this.ng);
   }
-  yg() {
+  mg() {
+    if (!this.u) return;
     const t = [];
-    for (let i = 0; i < this.ug.length; i++) t.push(this.ug[i].ss());
-    (this.dg = new Date().valueOf()),
-      this.yh.D(i.k.Na, t),
-      this.yh.D(i.k.Ca, this.dg);
+    for (let i = 0; i < this.triggers.length; i++)
+      t.push(this.triggers[i].ss());
+    (this.ag = new Date().valueOf()),
+      this.u.D(i.k.rE, t),
+      this.u.D(i.k.oE, this.ag);
   }
-  vg() {
-    (this.yh.v(i.k.Ca) || 0) > this.dg ? this.gg() : this.cg();
+  bg() {
+    if (!this.u) return;
+    (this.u.v(i.k.oE) || 0) > this.ag ? this.lg() : this.fg();
   }
   Ts(t) {
     let s = !1;
     if (null != t && t.triggers) {
-      this.cg();
+      this.ig.mn(), this.fg();
       const e = {},
         h = {};
-      this.ug = [];
+      this.triggers = [];
       for (let i = 0; i < t.triggers.length; i++) {
         const r = mt.fromJson(t.triggers[i]);
-        null != this.ag[r.id] &&
-          (r.Wu(this.ag[r.id]), (e[r.id] = this.ag[r.id])),
-          null != this.lg[r.id] && (h[r.id] = this.lg[r.id]);
-        for (let t = 0; t < r.Pu.length; t++)
-          if (r.Pu[t].ec(tt.ks, null)) {
-            s = !0;
-            break;
-          }
-        null != r && this.ug.push(r);
+        if (r) {
+          r.id &&
+            null != this.og[r.id] &&
+            (r.Lu(this.og[r.id]), (e[r.id] = this.og[r.id])),
+            r.id && null != this.ng[r.id] && (h[r.id] = this.ng[r.id]);
+          for (let t = 0; t < r.Pu.length; t++)
+            if (r.Pu[t].sc(tt.zs, null)) {
+              s = !0;
+              break;
+            }
+          this.triggers.push(r);
+        }
       }
-      ii(this.ag, e) || ((this.ag = e), this.yh.D(i.k.Ga, this.ag)),
-        ii(this.lg, h) || ((this.lg = h), this.yh.D(i.k.ya, this.lg)),
-        this.yg(),
+      ii(this.og, e) || ((this.og = e), this.u && this.u.D(i.k.nE, this.og)),
+        ii(this.ng, h) || ((this.ng = h), this.u && this.u.D(i.k.aE, this.ng)),
+        this.mg(),
         s &&
           (r.j.info("Trigger with test condition found, firing test."),
-          this.je(tt.ks)),
-        this.je(tt.OPEN);
-      const o = this.hg;
-      this.hg = [];
-      for (let t = 0; t < o.length; t++) this.je.apply(this, o[t]);
+          this.be(tt.zs)),
+        this.be(tt.OPEN);
+      const n = this.sg;
+      let o;
+      this.sg = [];
+      for (let t = 0; t < n.length; t++)
+        (o = Array.prototype.slice.call(n[t])), this.be(...o);
     }
   }
-  mg(t, i, s, e, h) {
-    const o = e => {
-        this.cg();
+  cg(t, i, s, e, h) {
+    const n = (e) => {
+        this.fg();
         const h = new Date().valueOf();
-        if (!t.Zu(i))
-          return !1 === navigator.onLine && t.type === mt.Gr._r && e.imageUrl
+        if (!t.Vu(i))
+          return !1 === navigator.onLine && t.type === mt.Wr.Vr && e.imageUrl
             ? (r.j.info(
-                `Not showing ${t.type} trigger action ${t.id} due to offline state.`
+                `Not showing ${t.type} trigger action ${t.id} due to offline state.`,
               ),
-              void this.eg.Ye(t.id, InAppMessage.Me.Dh))
-            : void (t.Ku(h) && this.wg(t, h, s)
-                ? 0 === this.ig.tc()
+              void this.ig.Ji(t.id, InAppMessage.Ie.Uh))
+            : void (t.Ju(h) && this.wg(t, h, s)
+                ? 0 === this.yt.ic()
                   ? r.j.info(
-                      `Not displaying trigger ${t.id} because neither automaticallyShowInAppMessages() nor subscribeToInAppMessage() were called.`
+                      `Not displaying trigger ${t.id} because neither automaticallyShowInAppMessages() nor subscribeToInAppMessage() were called.`,
                     )
-                  : (this.ig.Et([e]), this.$g(t, h))
+                  : (this.yt.Et([e]), this.yg(t, h))
                 : r.j.info(
-                    `Not displaying trigger ${t.id} because display time fell outside of the acceptable time window.`
+                    `Not displaying trigger ${t.id} because display time fell outside of the acceptable time window.`,
                   ));
-        t.type === mt.Gr.td
-          ? this.eg.Ye(t.id, InAppMessage.Me.Zi)
-          : this.eg.Ye(t.id, InAppMessage.Me.Mh);
+        t.type === mt.Wr.Gu
+          ? this.ig.Ji(t.id, InAppMessage.Ie.Qr)
+          : this.ig.Ji(t.id, InAppMessage.Ie.bh);
       },
-      n = () => {
-        this.cg();
-        const o = h.pop();
-        if (null != o)
-          if ((this.jg(o, i, s, e, h), o.Zu(i))) {
-            let t = `Server aborted in-app message display, but the timeout on fallback trigger ${o.id} has already elapsed.`;
+      o = () => {
+        this.fg();
+        const n = h.pop();
+        if (null != n)
+          if ((this.Tg(n, i, s, e, h), n.Vu(i))) {
+            let t = `Server aborted in-app message display, but the timeout on fallback trigger ${n.id} has already elapsed.`;
             h.length > 0 && (t += " Continuing to fall back."),
               r.j.info(t),
-              this.eg.Ye(o.id, InAppMessage.Me.Mh),
-              n();
+              this.ig.Ji(n.id, InAppMessage.Ie.bh),
+              o();
           } else {
             r.j.info(
-              `Server aborted in-app message display. Falling back to lower priority ${o.type} trigger action ${t.id}.`
+              `Server aborted in-app message display. Falling back to lower priority ${n.type} trigger action ${t.id}.`,
             );
-            const n = 1e3 * o.vu - (new Date().valueOf() - i);
-            n > 0
-              ? this.og.push(
-                  setTimeout(() => {
-                    this.mg(o, i, s, e, h);
-                  }, n)
+            const o = 1e3 * n.Iu - (new Date().valueOf() - i);
+            o > 0
+              ? this.eg.push(
+                  window.setTimeout(() => {
+                    this.cg(n, i, s, e, h);
+                  }, o),
                 )
-              : this.mg(o, i, s, e, h);
+              : this.cg(n, i, s, e, h);
           }
       };
-    let l, a, g;
+    let a, l, g;
     switch (t.type) {
-      case mt.Gr._r:
-        if (((l = pt(t.data)), null == l)) {
+      case mt.Wr.Vr:
+        if (((a = pt(t.data)), null == a)) {
           r.j.error(
-            `Could not parse trigger data for trigger ${t.id}, ignoring.`
+            `Could not parse trigger data for trigger ${t.id}, ignoring.`,
           ),
-            this.eg.Ye(t.id, InAppMessage.Me.Or);
+            this.ig.Ji(t.id, InAppMessage.Ie.Xr);
           break;
         }
-        if (((a = this.eg.Ji(l)), a)) {
-          r.j.error(a), n();
+        if (((l = this.ig.Mr(a)), l)) {
+          r.j.error(l), o();
           break;
         }
-        o(l);
+        n(a);
         break;
-      case mt.Gr.td:
-        if (((g = wt.fromJson(t.data, o, n, i, t.Kr)), null == g)) {
+      case mt.Wr.Gu:
+        if (((g = wt.fromJson(t.data, n, o, i, t.sn || 0)), null == g)) {
           r.j.error(
-            `Could not parse trigger data for trigger ${t.id}, ignoring.`
+            `Could not parse trigger data for trigger ${t.id}, ignoring.`,
           ),
-            this.eg.Ye(t.id, InAppMessage.Me.Or);
+            this.ig.Ji(t.id, InAppMessage.Ie.Xr);
           break;
         }
-        this.eg.Vi(g, s, e);
+        this.ig.Hr(g, s, e);
         break;
       default:
         r.j.error(
-          `Trigger ${t.id} was of unexpected type ${t.type}, ignoring.`
+          `Trigger ${t.id} was of unexpected type ${t.type}, ignoring.`,
         ),
-          this.eg.Ye(t.id, InAppMessage.Me.Or);
+          this.ig.Ji(t.id, InAppMessage.Ie.Xr);
     }
   }
-  je(t, i, s) {
+  be(t, i = null, s) {
     if (!H(tt, t, "Cannot fire trigger action.", "TriggerEvents")) return;
-    if (this.sg.Vh())
+    if (this.ki && this.ki.yu())
       return (
         r.j.info(
-          "Trigger sync is currently in progress, awaiting sync completion before firing trigger event."
+          "Trigger sync is currently in progress, awaiting sync completion before firing trigger event.",
         ),
-        void this.hg.push(arguments)
+        void this.sg.push(arguments)
       );
-    this.vg();
+    this.bg();
     const e = new Date().valueOf(),
-      h = e - this.ng;
-    let o = !0,
-      n = !0;
-    const l = [];
-    for (let s = 0; s < this.ug.length; s++) {
-      const r = this.ug[s],
-        h = e + 1e3 * r.vu;
+      h = e - (this.hg || 0);
+    let n = !0,
+      o = !0;
+    const a = [];
+    for (let s = 0; s < this.triggers.length; s++) {
+      const r = this.triggers[s],
+        h = e + 1e3 * r.Iu;
       if (
-        r.Ku(h) &&
-        (null == r.startTime || r.startTime <= e) &&
-        (null == r.endTime || r.endTime >= e)
+        r.Ju(h) &&
+        (null == r.startTime || r.startTime.valueOf() <= e) &&
+        (null == r.endTime || r.endTime.valueOf() >= e)
       ) {
         let s = !1;
         for (let e = 0; e < r.Pu.length; e++)
-          if (r.Pu[e].ec(t, i)) {
+          if (r.Pu[e].sc(t, i)) {
             s = !0;
             break;
           }
-        s && ((o = !1), this.wg(r, h, t) && ((n = !1), l.push(r)));
+        s && ((n = !1), this.wg(r, h, t) && ((o = !1), a.push(r)));
       }
     }
-    if (o)
+    if (n)
       return void r.j.info(
-        `Trigger event ${t} did not match any trigger conditions.`
+        `Trigger event ${t} did not match any trigger conditions.`,
       );
-    if (n)
+    if (o)
       return void r.j.info(
-        `Ignoring ${t} trigger event because a trigger was displayed ${h /
-          1e3}s ago.`
+        `Ignoring ${t} trigger event because a trigger was displayed ${
+          h / 1e3
+        }s ago.`,
       );
-    l.sort((t, i) => t.priority - i.priority);
-    const a = l.pop();
-    null != a &&
+    a.sort((t, i) => t.priority - i.priority);
+    const l = a.pop();
+    null != l &&
       (r.j.info(
-        `Firing ${a.type} trigger action ${a.id} from trigger event ${t}.`
+        `Firing ${l.type} trigger action ${l.id} from trigger event ${t}.`,
       ),
-      this.jg(a, e, t, s, l),
-      0 === a.vu
-        ? this.mg(a, e, t, s, l)
-        : this.og.push(
-            setTimeout(() => {
-              this.mg(a, e, t, s, l);
-            }, 1e3 * a.vu)
+      this.Tg(l, e, t, s, a),
+      0 === l.Iu
+        ? this.cg(l, e, t, s, a)
+        : this.eg.push(
+            window.setTimeout(() => {
+              this.cg(l, e, t, s, a);
+            }, 1e3 * l.Iu),
           ));
   }
-  changeUser(t) {
-    if (((this.ug = []), this.yh.ri(i.k.Na), !t)) {
-      (this.hg = []), (this.ng = null), (this.ag = {}), (this.lg = {});
-      for (let t = 0; t < this.og.length; t++) clearTimeout(this.og[t]);
-      (this.og = []),
-        this.yh.ri(i.k.Ma),
-        this.yh.ri(i.k.Ga),
-        this.yh.ri(i.k.ya);
+  changeUser(t = !1) {
+    if (((this.triggers = []), this.u && this.u.ni(i.k.rE), !t)) {
+      (this.sg = []), (this.hg = null), (this.og = {}), (this.ng = {});
+      for (let t = 0; t < this.eg.length; t++) clearTimeout(this.eg[t]);
+      (this.eg = []),
+        this.u && (this.u.ni(i.k.iE), this.u.ni(i.k.nE), this.u.ni(i.k.aE));
     }
   }
   clearData() {
-    (this.ug = []), (this.ng = null), (this.ag = {}), (this.lg = {});
-    for (let t = 0; t < this.og.length; t++) clearTimeout(this.og[t]);
-    this.og = [];
+    (this.triggers = []), (this.hg = null), (this.og = {}), (this.ng = {});
+    for (let t = 0; t < this.eg.length; t++) clearTimeout(this.eg[t]);
+    this.eg = [];
   }
   wg(t, i, s) {
-    if (null == this.ng) return !0;
-    if (s === tt.ks)
+    if (null == this.hg) return !0;
+    if (s === tt.zs)
       return (
         r.j.info(
-          "Ignoring minimum interval between trigger because it is a test type."
+          "Ignoring minimum interval between trigger because it is a test type.",
         ),
         !0
       );
     let e = t.Fu;
-    return null == e && (e = this.tg), i - this.ng >= 1e3 * e;
+    return null == e && (e = this.tg), i - this.hg >= 1e3 * e;
   }
-  jg(t, s, e, r, h) {
-    this.cg(), (this.lg[t.id] = this.lg[t.id] || []);
-    const o = {};
-    let n;
-    (o.Jr = s), (o.pg = e), null != r && (n = r.ss()), (o.bg = n);
-    const l = [];
-    for (let t = 0; t < h.length; t++) l.push(h[t].id);
-    (o.Tg = l), this.lg[t.id].push(o), this.yh.D(i.k.ya, this.lg);
+  Tg(t, s, e, r, h) {
+    this.fg(), t.id && (this.ng[t.id] = this.ng[t.id] || []);
+    const n = {};
+    let o;
+    (n.Zr = s), (n.ug = e), null != r && (o = r.ss()), (n.dg = o);
+    const a = [];
+    for (const t of h) t.id && a.push(t.id);
+    (n.pg = a),
+      t.id && this.ng[t.id].push(n),
+      this.u && this.u.D(i.k.aE, this.ng);
   }
-  $g(t, s) {
-    this.cg(),
-      t.Wu(s),
-      (this.ng = s),
-      this.yh.D(i.k.Ma, s),
-      (this.ag[t.id] = s),
-      this.yh.D(i.k.Ga, this.ag);
+  yg(t, s) {
+    this.fg(),
+      t.Lu(s),
+      (this.hg = s),
+      t.id && (this.og[t.id] = s),
+      this.u && (this.u.D(i.k.iE, s), this.u.D(i.k.nE, this.og));
   }
 }

package/src/triggers/types.js

@@ -0,0 +1 @@
+export {};

package/src/ui/js/attach-css.js

@@ -1,12 +1,13 @@
 import e, { OPTIONS as L } from "../../managers/braze-instance.js";
 export function attachCSS(n, t, o) {
   const c = n || document.querySelector("head"),
-    s = `ab-${t}-css-definitions-${"4.8.3".replace(/\./g, "-")}`,
-    a = c.ownerDocument || document;
+    s = `ab-${t}-css-definitions-${"4.9.0".replace(/\./g, "-")}`;
+  if (!c) return;
+  const a = c.ownerDocument || document;
   if (null == a.getElementById(s)) {
     const n = a.createElement("style");
-    (n.innerHTML = o), (n.id = s);
-    const t = e.nn(L.lo);
+    (n.innerHTML = o || ""), (n.id = s);
+    const t = e.nn(L.po);
     null != t && n.setAttribute("nonce", t), c.appendChild(n);
   }
 }

package/src/ui/js/feed-css.js

@@ -1,12 +1,12 @@
-import { attachCSS as Ce } from "./attach-css.js";
-import { loadFontAwesome as Ie } from "./load-font-awesome.js";
+import { attachCSS as Ie } from "./attach-css.js";
+import { loadFontAwesome as Ne } from "./load-font-awesome.js";
 export function attachFeedCSS(t) {
-  Ce(
+  Ie(
     t,
     "feed",
-    "body>.ab-feed{position:fixed;top:0;right:0;bottom:0;width:421px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}body>.ab-feed .ab-feed-body{position:absolute;top:0;left:0;right:0;border:none;border-left:1px solid #d0d0d0;padding-top:70px;min-height:100%}body>.ab-feed .ab-initial-spinner{float:none}body>.ab-feed .ab-no-cards-message{position:absolute;width:100%;margin-left:-20px;top:40%}.ab-feed{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 1px 7px 1px rgba(66,82,113,.15);-moz-box-shadow:0 1px 7px 1px rgba(66,82,113,.15);box-shadow:0 1px 7px 1px rgba(66,82,113,.15);width:402px;background-color:#eee;font-family:'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-size:13px;line-height:130%;letter-spacing:normal;overflow-y:auto;overflow-x:visible;z-index:9011;-webkit-overflow-scrolling:touch}.ab-feed :focus,.ab-feed:focus{outline:0}.ab-feed .ab-feed-body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d0d0d0;border-top:none;padding:20px 20px 0 20px}.ab-feed.ab-effect-slide{-webkit-transform:translateX(450px);-moz-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px);-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out}.ab-feed.ab-effect-slide.ab-show{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.ab-feed.ab-effect-slide.ab-hide{-webkit-transform:translateX(450px);-moz-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px)}.ab-feed .ab-card{position:relative;-webkit-box-shadow:0 2px 3px 0 rgba(178,178,178,.5);-moz-box-shadow:0 2px 3px 0 rgba(178,178,178,.5);box-shadow:0 2px 3px 0 rgba(178,178,178,.5);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:100%;border:1px solid #d0d0d0;margin-bottom:20px;overflow:hidden;background-color:#fff;-webkit-transition:height .4s ease-in-out,margin .4s ease-in-out;-moz-transition:height .4s ease-in-out,margin .4s ease-in-out;-o-transition:height .4s ease-in-out,margin .4s ease-in-out;transition:height .4s ease-in-out,margin .4s ease-in-out}.ab-feed .ab-card .ab-pinned-indicator{position:absolute;right:0;top:0;margin-right:-1px;width:0;height:0;border-style:solid;border-width:0 24px 24px 0;border-color:transparent #1676d0 transparent transparent}.ab-feed .ab-card .ab-pinned-indicator .fa-star{position:absolute;right:-21px;top:2px;font-size:9px;color:#fff}.ab-feed .ab-card.ab-effect-card.ab-hide{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.ab-feed .ab-card.ab-effect-card.ab-hide.ab-swiped-left{-webkit-transform:translateX(-450px);-moz-transform:translateX(-450px);-ms-transform:translateX(-450px);transform:translateX(-450px)}.ab-feed .ab-card.ab-effect-card.ab-hide.ab-swiped-right{-webkit-transform:translateX(450px);-moz-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px)}.ab-feed .ab-card.ab-effect-card.ab-hide:not(.ab-swiped-left):not(.ab-swiped-right){opacity:0}.ab-feed .ab-card .ab-close-button{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background-color:transparent;background-size:15px;border:none;width:15px;min-width:15px;height:15px;cursor:pointer;display:block;font-size:15px;line-height:0;padding-top:15px;padding-right:15px;padding-left:15px;padding-bottom:15px;position:absolute;right:0;top:0;z-index:9021;opacity:0;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.ab-feed .ab-card .ab-close-button svg{-webkit-transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;fill:#9b9b9b;height:auto;width:100%}.ab-feed .ab-card .ab-close-button svg.ab-chevron{display:none}.ab-feed .ab-card .ab-close-button:active{background-color:transparent}.ab-feed .ab-card .ab-close-button:focus{background-color:transparent}.ab-feed .ab-card .ab-close-button:hover{background-color:transparent}.ab-feed .ab-card .ab-close-button:hover svg{fill-opacity:.8}.ab-feed .ab-card .ab-close-button:hover{opacity:1}.ab-feed .ab-card .ab-close-button:focus{opacity:1}.ab-feed .ab-card a{float:none;color:inherit;text-decoration:none}.ab-feed .ab-card a:hover{text-decoration:underline}.ab-feed .ab-card .ab-image-area{float:none;display:inline-block;vertical-align:top;line-height:0;overflow:hidden;width:100%;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}.ab-feed .ab-card .ab-image-area img{float:none;height:auto;width:100%}.ab-feed .ab-card.ab-banner .ab-card-body{display:none}.ab-feed .ab-card .ab-card-body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:100%;position:relative}.ab-feed .ab-card .ab-unread-indicator{position:absolute;bottom:0;margin-right:-1px;width:100%;height:5px;background-color:#1676d0}.ab-feed .ab-card .ab-unread-indicator.read{background-color:transparent}.ab-feed .ab-card .ab-title{float:none;letter-spacing:0;margin:0;font-weight:700;font-family:'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;display:block;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;font-size:18px;line-height:130%;padding:20px 25px 0 25px}.ab-feed .ab-card .ab-description{float:none;color:#545454;padding:15px 25px 20px 25px;word-wrap:break-word;white-space:pre-wrap}.ab-feed .ab-card .ab-description.ab-no-title{padding-top:20px}.ab-feed .ab-card .ab-url-area{float:none;color:#1676d0;margin-top:12px;font-family:'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif}.ab-feed .ab-card.ab-classic-card .ab-card-body{min-height:40px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.ab-feed .ab-card.ab-classic-card.with-image .ab-card-body{min-height:100px;padding-left:72px}.ab-feed .ab-card.ab-classic-card.with-image .ab-image-area{width:60px;height:60px;padding:20px 0 25px 25px;position:absolute}.ab-feed .ab-card.ab-classic-card.with-image .ab-image-area img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;max-width:100%;max-height:100%;width:auto;height:auto}.ab-feed .ab-card.ab-classic-card.with-image .ab-title{background-color:transparent;font-size:16px}.ab-feed .ab-card.ab-classic-card.with-image .ab-description{padding-top:10px}.ab-feed .ab-card.ab-control-card{height:0;width:0;margin:0;border:0}.ab-feed .ab-feed-buttons-wrapper{float:none;position:relative;background-color:#282828;height:50px;-webkit-box-shadow:0 2px 3px 0 rgba(178,178,178,.5);-moz-box-shadow:0 2px 3px 0 rgba(178,178,178,.5);box-shadow:0 2px 3px 0 rgba(178,178,178,.5);z-index:1}.ab-feed .ab-feed-buttons-wrapper .ab-close-button,.ab-feed .ab-feed-buttons-wrapper .ab-refresh-button{float:none;cursor:pointer;color:#fff;font-size:18px;padding:16px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.ab-feed .ab-feed-buttons-wrapper .ab-close-button:hover,.ab-feed .ab-feed-buttons-wrapper .ab-refresh-button:hover{font-size:22px}.ab-feed .ab-feed-buttons-wrapper .ab-close-button{float:right}.ab-feed .ab-feed-buttons-wrapper .ab-close-button:hover{padding-top:12px;padding-right:14px}.ab-feed .ab-feed-buttons-wrapper .ab-refresh-button{padding-left:17px}.ab-feed .ab-feed-buttons-wrapper .ab-refresh-button:hover{padding-top:13px;padding-left:14px}.ab-feed .ab-no-cards-message{text-align:center;margin-bottom:20px}@media (max-width:600px){body>.ab-feed{width:100%}}"
+    "body>.ab-feed{position:fixed;top:0;right:0;bottom:0;width:421px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}body>.ab-feed .ab-feed-body{position:absolute;top:0;left:0;right:0;border:none;border-left:1px solid #d0d0d0;padding-top:70px;min-height:100%}body>.ab-feed .ab-initial-spinner{float:none}body>.ab-feed .ab-no-cards-message{position:absolute;width:100%;margin-left:-20px;top:40%}.ab-feed{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 1px 7px 1px rgba(66,82,113,.15);-moz-box-shadow:0 1px 7px 1px rgba(66,82,113,.15);box-shadow:0 1px 7px 1px rgba(66,82,113,.15);width:402px;background-color:#eee;font-family:'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;font-size:13px;line-height:130%;letter-spacing:normal;overflow-y:auto;overflow-x:visible;z-index:9011;-webkit-overflow-scrolling:touch}.ab-feed :focus,.ab-feed:focus{outline:0}.ab-feed .ab-feed-body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #d0d0d0;border-top:none;padding:20px 20px 0 20px}.ab-feed.ab-effect-slide{-webkit-transform:translateX(450px);-moz-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px);-webkit-transition:transform .5s ease-in-out;-moz-transition:transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out}.ab-feed.ab-effect-slide.ab-show{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.ab-feed.ab-effect-slide.ab-hide{-webkit-transform:translateX(450px);-moz-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px)}.ab-feed .ab-card{position:relative;-webkit-box-shadow:0 2px 3px 0 rgba(178,178,178,.5);-moz-box-shadow:0 2px 3px 0 rgba(178,178,178,.5);box-shadow:0 2px 3px 0 rgba(178,178,178,.5);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:100%;border:1px solid #d0d0d0;margin-bottom:20px;overflow:hidden;background-color:#fff;-webkit-transition:height .4s ease-in-out,margin .4s ease-in-out;-moz-transition:height .4s ease-in-out,margin .4s ease-in-out;-o-transition:height .4s ease-in-out,margin .4s ease-in-out;transition:height .4s ease-in-out,margin .4s ease-in-out}.ab-feed .ab-card .ab-pinned-indicator{position:absolute;right:0;top:0;margin-right:-1px;width:0;height:0;border-style:solid;border-width:0 24px 24px 0;border-color:transparent #1676d0 transparent transparent}.ab-feed .ab-card .ab-pinned-indicator .fa-star{position:absolute;right:-21px;top:2px;font-size:9px;color:#fff}.ab-feed .ab-card.ab-effect-card.ab-hide{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.ab-feed .ab-card.ab-effect-card.ab-hide.ab-swiped-left{-webkit-transform:translateX(-450px);-moz-transform:translateX(-450px);-ms-transform:translateX(-450px);transform:translateX(-450px)}.ab-feed .ab-card.ab-effect-card.ab-hide.ab-swiped-right{-webkit-transform:translateX(450px);-moz-transform:translateX(450px);-ms-transform:translateX(450px);transform:translateX(450px)}.ab-feed .ab-card.ab-effect-card.ab-hide:not(.ab-swiped-left):not(.ab-swiped-right){opacity:0}.ab-feed .ab-card .ab-close-button{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;background-color:transparent;background-size:15px;border:none;width:15px;min-width:15px;height:15px;cursor:pointer;display:block;font-size:15px;line-height:0;padding-top:15px;padding-right:15px;padding-left:15px;padding-bottom:15px;position:absolute;right:0;top:0;z-index:9021;opacity:0;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}.ab-feed .ab-card .ab-close-button svg{-webkit-transition:.2s ease;-moz-transition:.2s ease;-o-transition:.2s ease;transition:.2s ease;fill:#9b9b9b;height:auto;width:100%}.ab-feed .ab-card .ab-close-button svg.ab-chevron{display:none}.ab-feed .ab-card .ab-close-button:active{background-color:transparent}.ab-feed .ab-card .ab-close-button:focus{background-color:transparent}.ab-feed .ab-card .ab-close-button:hover{background-color:transparent}.ab-feed .ab-card .ab-close-button:hover svg{fill-opacity:.8}.ab-feed .ab-card .ab-close-button:hover{opacity:1}.ab-feed .ab-card .ab-close-button:focus{opacity:1}.ab-feed .ab-card a{float:none;color:inherit;text-decoration:none}.ab-feed .ab-card a:hover{text-decoration:underline}.ab-feed .ab-card .ab-image-area{float:none;display:inline-block;vertical-align:top;line-height:0;overflow:hidden;width:100%;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}.ab-feed .ab-card .ab-image-area img{float:none;height:auto;width:100%}.ab-feed .ab-card.ab-banner .ab-card-body{display:none}.ab-feed .ab-card.ab-image-only .ab-card-body{display:none}.ab-feed .ab-card .ab-card-body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:100%;position:relative}.ab-feed .ab-card .ab-unread-indicator{position:absolute;bottom:0;margin-right:-1px;width:100%;height:5px;background-color:#1676d0}.ab-feed .ab-card .ab-unread-indicator.read{background-color:transparent}.ab-feed .ab-card .ab-title{float:none;letter-spacing:0;margin:0;font-weight:700;font-family:'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif;display:block;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis;font-size:18px;line-height:130%;padding:20px 25px 0 25px}.ab-feed .ab-card .ab-description{float:none;color:#545454;padding:15px 25px 20px 25px;word-wrap:break-word;white-space:pre-wrap}.ab-feed .ab-card .ab-description.ab-no-title{padding-top:20px}.ab-feed .ab-card .ab-url-area{float:none;color:#1676d0;margin-top:12px;font-family:'Helvetica Neue Light','Helvetica Neue',Helvetica,Arial,'Lucida Grande',sans-serif}.ab-feed .ab-card.ab-classic-card .ab-card-body{min-height:40px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.ab-feed .ab-card.ab-classic-card.with-image .ab-card-body{min-height:100px;padding-left:72px}.ab-feed .ab-card.ab-classic-card.with-image .ab-image-area{width:60px;height:60px;padding:20px 0 25px 25px;position:absolute}.ab-feed .ab-card.ab-classic-card.with-image .ab-image-area img{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;max-width:100%;max-height:100%;width:auto;height:auto}.ab-feed .ab-card.ab-classic-card.with-image .ab-title{background-color:transparent;font-size:16px}.ab-feed .ab-card.ab-classic-card.with-image .ab-description{padding-top:10px}.ab-feed .ab-card.ab-control-card{height:0;width:0;margin:0;border:0}.ab-feed .ab-feed-buttons-wrapper{float:none;position:relative;background-color:#282828;height:50px;-webkit-box-shadow:0 2px 3px 0 rgba(178,178,178,.5);-moz-box-shadow:0 2px 3px 0 rgba(178,178,178,.5);box-shadow:0 2px 3px 0 rgba(178,178,178,.5);z-index:1}.ab-feed .ab-feed-buttons-wrapper .ab-close-button,.ab-feed .ab-feed-buttons-wrapper .ab-refresh-button{float:none;cursor:pointer;color:#fff;font-size:18px;padding:16px;-webkit-transition:.2s;-moz-transition:.2s;-o-transition:.2s;transition:.2s}.ab-feed .ab-feed-buttons-wrapper .ab-close-button:hover,.ab-feed .ab-feed-buttons-wrapper .ab-refresh-button:hover{font-size:22px}.ab-feed .ab-feed-buttons-wrapper .ab-close-button{float:right}.ab-feed .ab-feed-buttons-wrapper .ab-close-button:hover{padding-top:12px;padding-right:14px}.ab-feed .ab-feed-buttons-wrapper .ab-refresh-button{padding-left:17px}.ab-feed .ab-feed-buttons-wrapper .ab-refresh-button:hover{padding-top:13px;padding-left:14px}.ab-feed .ab-no-cards-message{text-align:center;margin-bottom:20px}@media (max-width:600px){body>.ab-feed{width:100%}}",
   );
 }
 export function setupFeedUI() {
-  attachFeedCSS(), Ie();
+  attachFeedCSS(), Ne();
 }