@braze/web-sdk 4.9.0 → 5.0.0

package/src/triggers/models/push-click-data.js

@@ -1,5 +1,5 @@
 import ri from "./trigger-condition.js";
-export default class lr {
+export default class sr {
   constructor(t) {
     (this.xu = t), (this.xu = t);
   }
@@ -7,9 +7,9 @@ export default class lr {
     return null == this.xu || ri.Bu(t[0], this.xu);
   }
   static fromJson(t) {
-    return new lr(t ? t.campaign_id : null);
+    return new sr(t ? t.campaign_id : null);
   }
-  ss() {
+  tt() {
     return this.xu;
   }
 }

package/src/triggers/models/trigger-condition.js

@@ -1,10 +1,10 @@
 import Qt from "./custom-event-data.js";
-import Zt from "./custom-event-property-data.js";
-import Yt from "./filter-set.js";
+import Yt from "./custom-event-property-data.js";
+import Wt from "./filter-set.js";
 import si from "./in-app-message-click-data.js";
 import rs from "./purchase-data.js";
 import is from "./purchase-property-data.js";
-import lr from "./push-click-data.js";
+import sr from "./push-click-data.js";
 import tt from "./trigger-events.js";
 import r from "../../../shared-lib/braze-shared-lib.js";
 import { getErrorMessage as ei } from "../../util/error-utils.js";
@@ -12,8 +12,8 @@ export default class ri {
   constructor(e, t) {
     (this.type = e), (this.data = t), (this.type = e), (this.data = t);
   }
-  sc(e, t) {
-    return ri.cc[this.type] === e && (null == this.data || this.data.Bl(t));
+  ec(e, t) {
+    return ri.rc[this.type] === e && (null == this.data || this.data.Bl(t));
   }
   static Bu(e, t) {
     let s = null;
@@ -31,52 +31,52 @@ export default class ri {
     let r = null;
     switch (t) {
       case ri.Wr.OPEN:
-      case ri.Wr.zs:
+      case ri.Wr.vt:
         break;
       case ri.Wr.Rr:
         r = rs.fromJson(e.data);
         break;
-      case ri.Wr.nc:
+      case ri.Wr.sc:
         r = is.fromJson(e.data);
         break;
       case ri.Wr.zr:
-        r = lr.fromJson(e.data);
+        r = sr.fromJson(e.data);
         break;
       case ri.Wr.$e:
         r = Qt.fromJson(e.data);
         break;
-      case ri.Wr.lc:
-        r = Zt.fromJson(e.data);
+      case ri.Wr.ac:
+        r = Yt.fromJson(e.data);
         break;
       case ri.Wr.ro:
         r = si.fromJson(e.data);
     }
     return new ri(t, r);
   }
-  ss() {
-    return { t: this.type, d: this.data ? this.data.ss() : null };
+  tt() {
+    return { t: this.type, d: this.data ? this.data.tt() : null };
   }
   static Yn(e) {
     let t,
       r = null;
     switch (e.t) {
       case ri.Wr.OPEN:
-      case ri.Wr.zs:
+      case ri.Wr.vt:
         break;
       case ri.Wr.Rr:
         r = new rs(e.d);
         break;
-      case ri.Wr.nc:
-        (t = e.d || {}), (r = new is(t.id, Yt.Yn(t.pf || [])));
+      case ri.Wr.sc:
+        (t = e.d || {}), (r = new is(t.id, Wt.Yn(t.pf || [])));
         break;
       case ri.Wr.zr:
-        r = new lr(e.d);
+        r = new sr(e.d);
         break;
       case ri.Wr.$e:
         r = new Qt(e.d);
         break;
-      case ri.Wr.lc:
-        (t = e.d || {}), (r = new Zt(t.e, Yt.Yn(t.pf || [])));
+      case ri.Wr.ac:
+        (t = e.d || {}), (r = new Yt(t.e, Wt.Yn(t.pf || [])));
         break;
       case ri.Wr.ro:
         r = new si(e.d);
@@ -87,19 +87,19 @@ export default class ri {
 (ri.Wr = {
   OPEN: "open",
   Rr: "purchase",
-  nc: "purchase_property",
+  sc: "purchase_property",
   zr: "push_click",
   $e: "custom_event",
-  lc: "custom_event_property",
+  ac: "custom_event_property",
   ro: "iam_click",
-  zs: "test",
+  vt: "test",
 }),
-  (ri.cc = {}),
-  (ri.cc[ri.Wr.OPEN] = tt.OPEN),
-  (ri.cc[ri.Wr.Rr] = tt.Rr),
-  (ri.cc[ri.Wr.nc] = tt.Rr),
-  (ri.cc[ri.Wr.zr] = tt.zr),
-  (ri.cc[ri.Wr.$e] = tt.$e),
-  (ri.cc[ri.Wr.lc] = tt.$e),
-  (ri.cc[ri.Wr.ro] = tt.ro),
-  (ri.cc[ri.Wr.zs] = tt.zs);
+  (ri.rc = {}),
+  (ri.rc[ri.Wr.OPEN] = tt.OPEN),
+  (ri.rc[ri.Wr.Rr] = tt.Rr),
+  (ri.rc[ri.Wr.sc] = tt.Rr),
+  (ri.rc[ri.Wr.zr] = tt.zr),
+  (ri.rc[ri.Wr.$e] = tt.$e),
+  (ri.rc[ri.Wr.ac] = tt.$e),
+  (ri.rc[ri.Wr.ro] = tt.ro),
+  (ri.rc[ri.Wr.vt] = tt.vt);

package/src/triggers/models/trigger-events.js

@@ -4,5 +4,5 @@ export default {
   zr: "push_click",
   $e: "custom_event",
   ro: "iam_click",
-  zs: "test",
+  vt: "test",
 };

package/src/triggers/models/trigger.js

@@ -4,50 +4,50 @@ import {
 } from "../../util/date-utils.js";
 import r from "../../../shared-lib/braze-shared-lib.js";
 import ri from "./trigger-condition.js";
-import { validateValueIsFromEnum as H } from "../../util/code-utils.js";
-export default class mt {
-  constructor(t, i = [], s, e, r = 0, h, l, o = 0, n = mt.Du, a, u, d) {
+import { validateValueIsFromEnum as G } from "../../util/code-utils.js";
+export default class pt {
+  constructor(t, i = [], s, e, r = 0, h, l, o = 0, n = pt.Ju, a, u, d) {
     (this.id = t),
-      (this.Pu = i),
+      (this.Vu = i),
       (this.startTime = s),
       (this.endTime = e),
       (this.priority = r),
       (this.type = h),
       (this.data = l),
-      (this.Iu = o),
-      (this.Mu = n),
+      (this.Gu = o),
+      (this.Ku = n),
       (this.sn = a),
-      (this.Fu = u),
-      (this.Hu = d),
+      (this.Ou = u),
+      (this.Qu = d),
       (this.id = t),
-      (this.Pu = i || []),
+      (this.Vu = i || []),
       void 0 === s && (s = null),
       (this.startTime = s),
       void 0 === e && (e = null),
       (this.endTime = e),
       (this.priority = r || 0),
       (this.type = h),
-      (this.Iu = o || 0),
-      null == a && (a = 1e3 * (this.Iu + 30)),
+      (this.Gu = o || 0),
+      null == a && (a = 1e3 * (this.Gu + 30)),
       (this.sn = a),
       (this.data = l),
-      null != n && (this.Mu = n),
-      (this.Fu = u),
-      (this.Hu = d || null);
+      null != n && (this.Ku = n),
+      (this.Ou = u),
+      (this.Qu = d || null);
   }
-  Ju(t) {
+  Uu(t) {
     return (
-      null == this.Hu || (this.Mu !== mt.Du && t - this.Hu >= 1e3 * this.Mu)
+      null == this.Qu || (this.Ku !== pt.Ju && t - this.Qu >= 1e3 * this.Ku)
     );
   }
-  Lu(t) {
-    this.Hu = t;
+  Wu(t) {
+    this.Qu = t;
   }
-  Ru(t) {
-    const i = t + 1e3 * this.Iu;
+  Xu(t) {
+    const i = t + 1e3 * this.Gu;
     return Math.max(i - new Date().valueOf(), 0);
   }
-  Vu(t) {
+  Yu(t) {
     const i = new Date().valueOf() - t,
       s = null == t || isNaN(i) || null == this.sn || i < this.sn;
     return (
@@ -72,18 +72,18 @@ export default class mt {
       u = t.timeout,
       d = t.data,
       m = t.min_seconds_since_last_trigger;
-    return H(
-      mt.Wr,
+    return G(
+      pt.Wr,
       o,
       "Could not construct Trigger from server data",
       "Trigger.Types",
     )
-      ? new mt(i, s, e, r, h, o, d, n, a, u, m)
+      ? new pt(i, s, e, r, h, o, d, n, a, u, m)
       : null;
   }
-  ss() {
+  tt() {
     const t = [];
-    for (let i = 0; i < this.Pu.length; i++) t.push(this.Pu[i].ss());
+    for (let i = 0; i < this.Vu.length; i++) t.push(this.Vu[i].tt());
     return {
       i: this.id,
       c: t,
@@ -92,18 +92,18 @@ export default class mt {
       p: this.priority,
       t: this.type,
       da: this.data,
-      d: this.Iu,
-      r: this.Mu,
+      d: this.Gu,
+      r: this.Ku,
       tm: this.sn,
-      ss: this.Fu,
-      ld: this.Hu,
+      ss: this.Ou,
+      ld: this.Qu,
     };
   }
   static Yn(t) {
     const i = [],
       s = t.c || [];
     for (let t = 0; t < s.length; t++) i.push(ri.Yn(s[t]));
-    return new mt(
+    return new pt(
       t.i,
       i,
       w(t.s),
@@ -119,4 +119,4 @@ export default class mt {
     );
   }
 }
-(mt.Wr = { Vr: "inapp", Gu: "templated_iam" }), (mt.Du = -1);
+(pt.Wr = { Vr: "inapp", Zu: "templated_iam" }), (pt.Ju = -1);

package/src/triggers/triggers-provider.js

@@ -1,27 +1,27 @@
 import y from "../common/base-provider.js";
-import { newInAppMessageFromJson as pt } from "../InAppMessage/in-app-message-factory.js";
-import be from "../models/braze-event.js";
+import { newInAppMessageFromJson as lt } from "../InAppMessage/in-app-message-factory.js";
+import ue from "../models/braze-event.js";
 import { InAppMessage } from "../InAppMessage/index.js";
 import {
   isArray as p,
   isEqual as ii,
-  validateValueIsFromEnum as H,
+  validateValueIsFromEnum as G,
 } 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";
-import mt from "./models/trigger.js";
+import pt from "./models/trigger.js";
 import tt from "./models/trigger-events.js";
 import r from "../../shared-lib/braze-shared-lib.js";
 export default class gr extends y {
   constructor(t, i, s, e, r) {
     super(),
       (this.tg = t),
-      (this.yt = i),
+      (this.Bt = i),
       (this.u = s),
       (this.ki = e),
       (this.ig = r),
       (this.tg = t),
-      (this.yt = i),
+      (this.Bt = i),
       (this.u = s),
       (this.ki = e),
       (this.ig = r),
@@ -37,21 +37,21 @@ export default class gr extends y {
   }
   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);
+      (this.hg = this.u.v(i.k.nE) || this.hg),
+        (this.ng = this.u.v(i.k.iE) || this.ng),
+        (this.og = this.u.v(i.k.oE) || 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]);
+        i.id && null != this.og[i.id] && i.Wu(this.og[i.id]);
       }
     }
   }
   lg() {
     if (!this.u) return;
-    this.ag = this.u.v(i.k.oE) || 0;
-    const t = this.u.v(i.k.rE) || [],
+    this.ag = this.u.v(i.k.rE) || 0;
+    const t = this.u.v(i.k.sE) || [],
       s = [];
-    for (let i = 0; i < t.length; i++) s.push(mt.Yn(t[i]));
+    for (let i = 0; i < t.length; i++) s.push(pt.Yn(t[i]));
     (this.triggers = s), this.fg();
   }
   gg() {
@@ -71,12 +71,12 @@ export default class gr extends y {
           h = [];
         for (let r = 0; r < t.length; r++) {
           const n = t[r],
-            o = i.Ru(n.Zr || 0);
+            o = i.Xu(n.Zr || 0);
           if (o > 0) {
             let t, r;
             h.push(n),
               null != n.ug && (t = n.ug),
-              null != n.dg && be.TE(n.dg) && (r = be.Yn(n.dg));
+              null != n.dg && ue.cE(n.dg) && (r = ue.Yn(n.dg));
             const a = [];
             if (n.pg && p(n.pg))
               for (let t = 0; t < n.pg.length; t++) {
@@ -92,22 +92,22 @@ export default class gr extends y {
           0 === this.ng[i.id].length && delete this.ng[i.id]);
       }
     }
-    r && this.u && this.u.D(i.k.aE, this.ng);
+    r && this.u && this.u.D(i.k.iE, this.ng);
   }
   mg() {
     if (!this.u) return;
     const t = [];
     for (let i = 0; i < this.triggers.length; i++)
-      t.push(this.triggers[i].ss());
+      t.push(this.triggers[i].tt());
     (this.ag = new Date().valueOf()),
-      this.u.D(i.k.rE, t),
-      this.u.D(i.k.oE, this.ag);
+      this.u.D(i.k.sE, t),
+      this.u.D(i.k.rE, this.ag);
   }
   bg() {
     if (!this.u) return;
-    (this.u.v(i.k.oE) || 0) > this.ag ? this.lg() : this.fg();
+    (this.u.v(i.k.rE) || 0) > this.ag ? this.lg() : this.fg();
   }
-  Ts(t) {
+  Ss(t) {
     let s = !1;
     if (null != t && t.triggers) {
       this.ig.mn(), this.fg();
@@ -115,26 +115,26 @@ export default class gr extends y {
         h = {};
       this.triggers = [];
       for (let i = 0; i < t.triggers.length; i++) {
-        const r = mt.fromJson(t.triggers[i]);
+        const r = pt.fromJson(t.triggers[i]);
         if (r) {
           r.id &&
             null != this.og[r.id] &&
-            (r.Lu(this.og[r.id]), (e[r.id] = this.og[r.id])),
+            (r.Wu(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)) {
+          for (let t = 0; t < r.Vu.length; t++)
+            if (r.Vu[t].ec(tt.vt, null)) {
               s = !0;
               break;
             }
           this.triggers.push(r);
         }
       }
-      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)),
+      ii(this.og, e) || ((this.og = e), this.u && this.u.D(i.k.oE, this.og)),
+        ii(this.ng, h) || ((this.ng = h), this.u && this.u.D(i.k.iE, this.ng)),
         this.mg(),
         s &&
           (r.j.info("Trigger with test condition found, firing test."),
-          this.be(tt.zs)),
+          this.be(tt.vt)),
         this.be(tt.OPEN);
       const n = this.sg;
       let o;
@@ -147,22 +147,22 @@ export default class gr extends y {
     const n = (e) => {
         this.fg();
         const h = new Date().valueOf();
-        if (!t.Vu(i))
-          return !1 === navigator.onLine && t.type === mt.Wr.Vr && e.imageUrl
+        if (!t.Yu(i))
+          return !1 === navigator.onLine && t.type === pt.Wr.Vr && e.imageUrl
             ? (r.j.info(
                 `Not showing ${t.type} trigger action ${t.id} due to offline state.`,
               ),
               void this.ig.Ji(t.id, InAppMessage.Ie.Uh))
-            : void (t.Ju(h) && this.wg(t, h, s)
-                ? 0 === this.yt.ic()
+            : void (t.Uu(h) && this.wg(t, h, s)
+                ? 0 === this.Bt.tc()
                   ? r.j.info(
                       `Not displaying trigger ${t.id} because neither automaticallyShowInAppMessages() nor subscribeToInAppMessage() were called.`,
                     )
-                  : (this.yt.Et([e]), this.yg(t, h))
+                  : (this.Bt.Dt([e]), this.yg(t, h))
                 : r.j.info(
                     `Not displaying trigger ${t.id} because display time fell outside of the acceptable time window.`,
                   ));
-        t.type === mt.Wr.Gu
+        t.type === pt.Wr.Zu
           ? this.ig.Ji(t.id, InAppMessage.Ie.Qr)
           : this.ig.Ji(t.id, InAppMessage.Ie.bh);
       },
@@ -170,7 +170,7 @@ export default class gr extends y {
         this.fg();
         const n = h.pop();
         if (null != n)
-          if ((this.Tg(n, i, s, e, h), n.Vu(i))) {
+          if ((this.Tg(n, i, s, e, h), n.Yu(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),
@@ -180,7 +180,7 @@ export default class gr extends y {
             r.j.info(
               `Server aborted in-app message display. Falling back to lower priority ${n.type} trigger action ${t.id}.`,
             );
-            const o = 1e3 * n.Iu - (new Date().valueOf() - i);
+            const o = 1e3 * n.Gu - (new Date().valueOf() - i);
             o > 0
               ? this.eg.push(
                   window.setTimeout(() => {
@@ -192,8 +192,8 @@ export default class gr extends y {
       };
     let a, l, g;
     switch (t.type) {
-      case mt.Wr.Vr:
-        if (((a = pt(t.data)), null == a)) {
+      case pt.Wr.Vr:
+        if (((a = lt(t.data)), null == a)) {
           r.j.error(
             `Could not parse trigger data for trigger ${t.id}, ignoring.`,
           ),
@@ -206,7 +206,7 @@ export default class gr extends y {
         }
         n(a);
         break;
-      case mt.Wr.Gu:
+      case pt.Wr.Zu:
         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.`,
@@ -224,8 +224,8 @@ export default class gr extends y {
     }
   }
   be(t, i = null, s) {
-    if (!H(tt, t, "Cannot fire trigger action.", "TriggerEvents")) return;
-    if (this.ki && this.ki.yu())
+    if (!G(tt, t, "Cannot fire trigger action.", "TriggerEvents")) return;
+    if (this.ki && this.ki.Du())
       return (
         r.j.info(
           "Trigger sync is currently in progress, awaiting sync completion before firing trigger event.",
@@ -240,15 +240,15 @@ export default class gr extends y {
     const a = [];
     for (let s = 0; s < this.triggers.length; s++) {
       const r = this.triggers[s],
-        h = e + 1e3 * r.Iu;
+        h = e + 1e3 * r.Gu;
       if (
-        r.Ju(h) &&
+        r.Uu(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].sc(t, i)) {
+        for (let e = 0; e < r.Vu.length; e++)
+          if (r.Vu[e].ec(t, i)) {
             s = !0;
             break;
           }
@@ -272,20 +272,20 @@ export default class gr extends y {
         `Firing ${l.type} trigger action ${l.id} from trigger event ${t}.`,
       ),
       this.Tg(l, e, t, s, a),
-      0 === l.Iu
+      0 === l.Gu
         ? this.cg(l, e, t, s, a)
         : this.eg.push(
             window.setTimeout(() => {
               this.cg(l, e, t, s, a);
-            }, 1e3 * l.Iu),
+            }, 1e3 * l.Gu),
           ));
   }
   changeUser(t = !1) {
-    if (((this.triggers = []), this.u && this.u.ni(i.k.rE), !t)) {
+    if (((this.triggers = []), this.u && this.u.ni(i.k.sE), !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));
+        this.u && (this.u.ni(i.k.nE), this.u.ni(i.k.oE), this.u.ni(i.k.iE));
     }
   }
   clearData() {
@@ -295,32 +295,32 @@ export default class gr extends y {
   }
   wg(t, i, s) {
     if (null == this.hg) return !0;
-    if (s === tt.zs)
+    if (s === tt.vt)
       return (
         r.j.info(
           "Ignoring minimum interval between trigger because it is a test type.",
         ),
         !0
       );
-    let e = t.Fu;
+    let e = t.Ou;
     return null == e && (e = this.tg), i - this.hg >= 1e3 * e;
   }
   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);
+    (n.Zr = s), (n.ug = e), null != r && (o = r.tt()), (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);
+      this.u && this.u.D(i.k.iE, this.ng);
   }
   yg(t, s) {
     this.fg(),
-      t.Lu(s),
+      t.Wu(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));
+      this.u && (this.u.D(i.k.nE, s), this.u.D(i.k.oE, this.og));
   }
 }

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

@@ -1,7 +1,7 @@
 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.9.0".replace(/\./g, "-")}`;
+    s = `ab-${t}-css-definitions-${"5.0.0".replace(/\./g, "-")}`;
   if (!c) return;
   const a = c.ownerDocument || document;
   if (null == a.getElementById(s)) {

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

@@ -1,12 +1,12 @@
-import { attachCSS as Ie } from "./attach-css.js";
-import { loadFontAwesome as Ne } from "./load-font-awesome.js";
+import { attachCSS as Ce } from "./attach-css.js";
+import { loadFontAwesome as Ie } from "./load-font-awesome.js";
 export function attachFeedCSS(t) {
-  Ie(
+  Ce(
     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-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%}}",
+    "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-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(), Ne();
+  attachFeedCSS(), Ie();
 }