@braze/web-sdk 5.3.1 → 5.4.0

package/src/triggers/models/filter.js

@@ -1,4 +1,4 @@
-import { isDate as yt } from "../../util/code-utils.js";
+import { isDate as Nt } from "../../util/code-utils.js";
 import {
   convertMsToSeconds as h,
   dateFromUnixTimestamp as l,
@@ -33,13 +33,13 @@ export default class lr {
         return null != s && typeof s == typeof this.Ll && s > this.Ll;
       case lr.Ql.Ul:
         return this._l === lr.Ol.Il
-          ? null != s && yt(s) && es(s) <= this.Ll.valueOf()
+          ? null != s && Nt(s) && es(s) <= this.Ll.valueOf()
           : null != s && typeof s == typeof this.Ll && s >= this.Ll;
       case lr.Ql.$l:
         return null != s && typeof s == typeof this.Ll && s < this.Ll;
       case lr.Ql.Xl:
         return this._l === lr.Ol.Il
-          ? null != s && yt(s) && es(s) >= this.Ll.valueOf()
+          ? null != s && Nt(s) && es(s) >= this.Ll.valueOf()
           : null != s && typeof s == typeof this.Ll && s <= this.Ll;
       case lr.Ql.Hu:
         return (
@@ -53,10 +53,10 @@ export default class lr {
       case lr.Ql.Xu:
         return null == s;
       case lr.Ql.Fl:
-        return null != s && yt(s) && ls(s) < this.Ll;
+        return null != s && Nt(s) && ls(s) < this.Ll;
       case lr.Ql.Kl:
-        return null != s && yt(s) && ls(s) > this.Ll;
-      case lr.Ql.Gu:
+        return null != s && Nt(s) && ls(s) > this.Ll;
+      case lr.Ql.Vu:
         return (
           null == s ||
           typeof s != typeof this.Ll ||
@@ -77,7 +77,7 @@ export default class lr {
   Y() {
     let t = this.Ll;
     return (
-      yt(this.Ll) && (t = h(t.valueOf())),
+      Nt(this.Ll) && (t = h(t.valueOf())),
       { k: this.Tl, t: this._l, c: this.comparator, v: t }
     );
   }
@@ -85,7 +85,7 @@ export default class lr {
     return new lr(t.k, t.t, t.c, t.v);
   }
 }
-(lr.Ol = { Vu: "boolean", Wu: "number", Yu: "string", Il: "date" }),
+(lr.Ol = { Yu: "boolean", Zu: "number", yE: "string", Il: "date" }),
   (lr.Ql = {
     Pl: 1,
     Yl: 2,
@@ -98,5 +98,5 @@ export default class lr {
     Xu: 12,
     Fl: 15,
     Kl: 16,
-    Gu: 17,
+    Vu: 17,
   });

package/src/triggers/models/in-app-message-click-data.js

@@ -1,16 +1,16 @@
 import ri from "./trigger-condition.js";
 export default class ni {
   constructor(t, i) {
-    (this.Zu = t), (this.tf = i), (this.Zu = t), (this.tf = i);
+    (this.tf = t), (this.if = i), (this.tf = t), (this.if = i);
   }
   Jl(t) {
-    if (null == this.Zu) return !1;
-    const i = ri.if(t[0], this.Zu);
+    if (null == this.tf) return !1;
+    const i = ri.rf(t[0], this.tf);
     if (!i) return !1;
-    let r = null == this.tf || 0 === this.tf.length;
-    if (null != this.tf)
-      for (let i = 0; i < this.tf.length; i++)
-        if (this.tf[i] === t[1]) {
+    let r = null == this.if || 0 === this.if.length;
+    if (null != this.if)
+      for (let i = 0; i < this.if.length; i++)
+        if (this.if[i] === t[1]) {
           r = !0;
           break;
         }
@@ -20,6 +20,6 @@ export default class ni {
     return new ni(t ? t.id : null, t ? t.buttons : null);
   }
   Y() {
-    return this.Zu;
+    return this.tf;
   }
 }

package/src/triggers/models/purchase-data.js

@@ -1,4 +1,4 @@
-export default class rs {
+export default class ns {
   constructor(t) {
     (this.productId = t), (this.productId = t);
   }
@@ -6,7 +6,7 @@ export default class rs {
     return null == this.productId || t[0] === this.productId;
   }
   static fromJson(t) {
-    return new rs(t ? t.product_id : null);
+    return new ns(t ? t.product_id : null);
   }
   Y() {
     return this.productId;

package/src/triggers/models/purchase-property-data.js

@@ -1,5 +1,5 @@
-import ts from "./filter-set.js";
-export default class ns {
+import is from "./filter-set.js";
+export default class hs {
   constructor(t, s) {
     (this.productId = t), (this.Ml = s), (this.productId = t), (this.Ml = s);
   }
@@ -10,9 +10,9 @@ export default class ns {
     return s === this.productId && this.Ml.Jl(i);
   }
   static fromJson(t) {
-    return new ns(
+    return new hs(
       t ? t.product_id : null,
-      t ? ts.fromJson(t.property_filters) : null,
+      t ? is.fromJson(t.property_filters) : null,
     );
   }
   Y() {

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

@@ -1,15 +1,15 @@
 import ri from "./trigger-condition.js";
 export default class ur {
   constructor(t) {
-    (this.Zu = t), (this.Zu = t);
+    (this.tf = t), (this.tf = t);
   }
   Jl(t) {
-    return null == this.Zu || ri.if(t[0], this.Zu);
+    return null == this.tf || ri.rf(t[0], this.tf);
   }
   static fromJson(t) {
     return new ur(t ? t.campaign_id : null);
   }
   Y() {
-    return this.Zu;
+    return this.tf;
   }
 }

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

@@ -1,9 +1,9 @@
-import Zt from "./custom-event-data.js";
-import is from "./custom-event-property-data.js";
-import ts from "./filter-set.js";
+import ts from "./custom-event-data.js";
+import rs from "./custom-event-property-data.js";
+import is from "./filter-set.js";
 import ni from "./in-app-message-click-data.js";
-import rs from "./purchase-data.js";
-import ns from "./purchase-property-data.js";
+import ns from "./purchase-data.js";
+import hs from "./purchase-property-data.js";
 import ur from "./push-click-data.js";
 import tt from "./trigger-events.js";
 import { logger as r } from "../../../shared-lib/index.js";
@@ -15,7 +15,7 @@ export default class ri {
   sc(e, t) {
     return ri.cc[this.type] === e && (null == this.data || this.data.Jl(t));
   }
-  static if(e, t) {
+  static rf(e, t) {
     let s = null;
     try {
       s = window.atob(e);
@@ -28,25 +28,25 @@ export default class ri {
     const t = e.type;
     let r = null;
     switch (t) {
-      case ri._r.OPEN:
-      case ri._r.kt:
+      case ri.Br.OPEN:
+      case ri.Br.kt:
         break;
-      case ri._r.Rr:
-        r = rs.fromJson(e.data);
-        break;
-      case ri._r.nc:
+      case ri.Br.Rr:
         r = ns.fromJson(e.data);
         break;
-      case ri._r.vr:
+      case ri.Br.nc:
+        r = hs.fromJson(e.data);
+        break;
+      case ri.Br.vr:
         r = ur.fromJson(e.data);
         break;
-      case ri._r.ue:
-        r = Zt.fromJson(e.data);
+      case ri.Br.ue:
+        r = ts.fromJson(e.data);
         break;
-      case ri._r.lc:
-        r = is.fromJson(e.data);
+      case ri.Br.lc:
+        r = rs.fromJson(e.data);
         break;
-      case ri._r.Qr:
+      case ri.Br.Qr:
         r = ni.fromJson(e.data);
     }
     return new ri(t, r);
@@ -58,31 +58,31 @@ export default class ri {
     let t,
       r = null;
     switch (e.t) {
-      case ri._r.OPEN:
-      case ri._r.kt:
+      case ri.Br.OPEN:
+      case ri.Br.kt:
         break;
-      case ri._r.Rr:
-        r = new rs(e.d);
+      case ri.Br.Rr:
+        r = new ns(e.d);
         break;
-      case ri._r.nc:
-        (t = e.d || {}), (r = new ns(t.id, ts.qn(t.pf || [])));
+      case ri.Br.nc:
+        (t = e.d || {}), (r = new hs(t.id, is.qn(t.pf || [])));
         break;
-      case ri._r.vr:
+      case ri.Br.vr:
         r = new ur(e.d);
         break;
-      case ri._r.ue:
-        r = new Zt(e.d);
+      case ri.Br.ue:
+        r = new ts(e.d);
         break;
-      case ri._r.lc:
-        (t = e.d || {}), (r = new is(t.e, ts.qn(t.pf || [])));
+      case ri.Br.lc:
+        (t = e.d || {}), (r = new rs(t.e, is.qn(t.pf || [])));
         break;
-      case ri._r.Qr:
+      case ri.Br.Qr:
         r = new ni(e.d);
     }
     return new ri(e.t, r);
   }
 }
-(ri._r = {
+(ri.Br = {
   OPEN: "open",
   Rr: "purchase",
   nc: "purchase_property",
@@ -93,11 +93,11 @@ export default class ri {
   kt: "test",
 }),
   (ri.cc = {}),
-  (ri.cc[ri._r.OPEN] = tt.OPEN),
-  (ri.cc[ri._r.Rr] = tt.Rr),
-  (ri.cc[ri._r.nc] = tt.Rr),
-  (ri.cc[ri._r.vr] = tt.vr),
-  (ri.cc[ri._r.ue] = tt.ue),
-  (ri.cc[ri._r.lc] = tt.ue),
-  (ri.cc[ri._r.Qr] = tt.Qr),
-  (ri.cc[ri._r.kt] = tt.kt);
+  (ri.cc[ri.Br.OPEN] = tt.OPEN),
+  (ri.cc[ri.Br.Rr] = tt.Rr),
+  (ri.cc[ri.Br.nc] = tt.Rr),
+  (ri.cc[ri.Br.vr] = tt.vr),
+  (ri.cc[ri.Br.ue] = tt.ue),
+  (ri.cc[ri.Br.lc] = tt.ue),
+  (ri.cc[ri.Br.Qr] = tt.Qr),
+  (ri.cc[ri.Br.kt] = tt.kt);

package/src/triggers/models/trigger.js

@@ -5,8 +5,8 @@ import {
 import { logger as r } from "../../../shared-lib/index.js";
 import ri from "./trigger-condition.js";
 import { validateValueIsFromEnum as J } from "../../util/code-utils.js";
-export default class mt {
-  constructor(t, i = [], s, e, r = 0, h, l, o = 0, n = mt.td, a, u, d) {
+export default class gt {
+  constructor(t, i = [], s, e, r = 0, h, l, o = 0, n = gt.td, a, u, d) {
     (this.id = t),
       (this.sd = i),
       (this.startTime = s),
@@ -16,7 +16,7 @@ export default class mt {
       (this.data = l),
       (this.ed = o),
       (this.rd = n),
-      (this.Nr = a),
+      (this.Gr = a),
       (this.hd = u),
       (this.od = d),
       (this.id = t),
@@ -29,7 +29,7 @@ export default class mt {
       (this.type = h),
       (this.ed = o || 0),
       null == a && (a = 1e3 * (this.ed + 30)),
-      (this.Nr = a),
+      (this.Gr = a),
       (this.data = l),
       null != n && (this.rd = n),
       (this.hd = u),
@@ -37,7 +37,7 @@ export default class mt {
   }
   nd(t) {
     return (
-      null == this.od || (this.rd !== mt.td && t - this.od >= 1e3 * this.rd)
+      null == this.od || (this.rd !== gt.td && t - this.od >= 1e3 * this.rd)
     );
   }
   ad(t) {
@@ -49,11 +49,11 @@ export default class mt {
   }
   dd(t) {
     const i = new Date().valueOf() - t,
-      s = null == t || isNaN(i) || null == this.Nr || i < this.Nr;
+      s = null == t || isNaN(i) || null == this.Gr || i < this.Gr;
     return (
       s ||
         r.info(
-          `Trigger action ${this.type} is no longer eligible for display - fired ${i}ms ago and has a timeout of ${this.Nr}ms.`,
+          `Trigger action ${this.type} is no longer eligible for display - fired ${i}ms ago and has a timeout of ${this.Gr}ms.`,
         ),
       !s
     );
@@ -73,12 +73,12 @@ export default class mt {
       d = t.data,
       m = t.min_seconds_since_last_trigger;
     return J(
-      mt._r,
+      gt.Br,
       o,
       "Could not construct Trigger from server data",
       "Trigger.Types",
     )
-      ? new mt(i, s, e, r, h, o, d, n, a, u, m)
+      ? new gt(i, s, e, r, h, o, d, n, a, u, m)
       : null;
   }
   Y() {
@@ -94,7 +94,7 @@ export default class mt {
       da: this.data,
       d: this.ed,
       r: this.rd,
-      tm: this.Nr,
+      tm: this.Gr,
       ss: this.hd,
       ld: this.od,
     };
@@ -103,7 +103,7 @@ export default class mt {
     const i = [],
       s = t.c || [];
     for (let t = 0; t < s.length; t++) i.push(ri.qn(s[t]));
-    return new mt(
+    return new gt(
       t.i,
       i,
       w(t.s),
@@ -119,4 +119,4 @@ export default class mt {
     );
   }
 }
-(mt._r = { Br: "inapp", md: "templated_iam" }), (mt.td = -1);
+(gt.Br = { Tr: "inapp", md: "templated_iam" }), (gt.td = -1);

package/src/triggers/triggers-provider-factory.js

@@ -14,7 +14,7 @@ export const TriggersProviderFactory = {
       const r = e.nn(L.Oo);
       (TriggersProviderFactory.provider = new gr(
         null != r ? r : 30,
-        se.m().Mi(),
+        se.m().Ze(),
         e.l(),
         e.cr(),
         se.m(),

package/src/triggers/triggers-provider.js

@@ -1,6 +1,6 @@
 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 ve from "../models/braze-event.js";
 import {
   isArray as j,
   isEqual as ii,
@@ -8,7 +8,7 @@ import {
 } from "../util/code-utils.js";
 import { STORAGE_KEYS as o } from "../managers/storage-manager.js";
 import wt from "../InAppMessage/models/templated-in-app-message.js";
-import mt from "./models/trigger.js";
+import gt from "./models/trigger.js";
 import tt from "./models/trigger-events.js";
 import { logger as r } from "../../shared-lib/index.js";
 export default class gr extends y {
@@ -50,7 +50,7 @@ export default class gr extends y {
     this.lg = this.u.j(o.C.oE) || 0;
     const t = this.u.j(o.C.rE) || [],
       i = [];
-    for (let s = 0; s < t.length; s++) i.push(mt.qn(t[s]));
+    for (let s = 0; s < t.length; s++) i.push(gt.qn(t[s]));
     (this.triggers = i), this.fg();
   }
   gg() {
@@ -70,19 +70,19 @@ export default class gr extends y {
           h = [];
         for (let e = 0; e < t.length; e++) {
           const n = t[e],
-            o = r.ud(n.Gr || 0);
+            o = r.ud(n.Er || 0);
           if (o > 0) {
             let t, e;
             h.push(n),
               null != n.ug && (t = n.ug),
-              null != n.dg && ue.RE(n.dg) && (e = ue.qn(n.dg));
+              null != n.dg && ve.RE(n.dg) && (e = ve.qn(n.dg));
             const l = [];
             if (n.pg && j(n.pg))
               for (let t = 0; t < n.pg.length; t++) {
                 const i = s[n.pg[t]];
                 null != i && l.push(i);
               }
-            this.eg.push(window.setTimeout(i(r, n.Gr || 0, t, e, l), o));
+            this.eg.push(window.setTimeout(i(r, n.Er || 0, t, e, l), o));
           }
         }
         this.ng[r.id].length > h.length &&
@@ -113,7 +113,7 @@ export default class gr extends y {
         e = {};
       this.triggers = [];
       for (let r = 0; r < t.triggers.length; r++) {
-        const h = mt.fromJson(t.triggers[r]);
+        const h = gt.fromJson(t.triggers[r]);
         if (h) {
           h.id &&
             null != this.og[h.id] &&
@@ -146,7 +146,7 @@ export default class gr extends y {
         this.fg();
         const h = new Date().valueOf();
         t.dd(i) ||
-          (!1 === navigator.onLine && t.type === mt._r.Br && e.imageUrl
+          (!1 === navigator.onLine && t.type === gt.Br.Tr && e.imageUrl
             ? r.info(
                 `Not showing ${t.type} trigger action ${t.id} due to offline state.`,
               )
@@ -183,27 +183,27 @@ export default class gr extends y {
       };
     let l, a, g;
     switch (t.type) {
-      case mt._r.Br:
+      case gt.Br.Tr:
         if (((l = pt(t.data)), null == l)) {
           r.error(
             `Could not parse trigger data for trigger ${t.id}, ignoring.`,
           );
           break;
         }
-        if (((a = this.ig.Li(l)), a)) {
+        if (((a = this.ig.Ki(l)), a)) {
           r.error(a), o();
           break;
         }
         n(l);
         break;
-      case mt._r.md:
-        if (((g = wt.fromJson(t.data, n, o, i, t.Nr || 0)), null == g)) {
+      case gt.Br.md:
+        if (((g = wt.fromJson(t.data, n, o, i, t.Gr || 0)), null == g)) {
           r.error(
             `Could not parse trigger data for trigger ${t.id}, ignoring.`,
           );
           break;
         }
-        this.ig.Yi(g, s, e);
+        this.ig.Wi(g, s, e);
         break;
       default:
         r.error(`Trigger ${t.id} was of unexpected type ${t.type}, ignoring.`);
@@ -211,7 +211,7 @@ export default class gr extends y {
   }
   fe(t, i = null, s) {
     if (!J(tt, t, "Cannot fire trigger action.", "TriggerEvents")) return;
-    if (this.zi && this.zi.Nu())
+    if (this.zi && this.zi.zu())
       return (
         r.info(
           "Trigger sync is currently in progress, awaiting sync completion before firing trigger event.",
@@ -295,7 +295,7 @@ export default class gr extends y {
     this.fg(), t.id && (this.ng[t.id] = this.ng[t.id] || []);
     const h = {};
     let n;
-    (h.Gr = i), (h.ug = s), null != e && (n = e.Y()), (h.dg = n);
+    (h.Er = i), (h.ug = s), null != e && (n = e.Y()), (h.dg = n);
     const l = [];
     for (const t of r) t.id && l.push(t.id);
     (h.pg = l),

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

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

@@ -4,7 +4,7 @@ export function attachFeedCSS(t) {
   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-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;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[dir=rtl]{left:0}.ab-feed .ab-card .ab-close-button[dir=ltr]{right:0}.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}.ab-feed .ab-card.ab-classic-card.with-image .ab-card-body[dir=ltr]{padding-left:72px}.ab-feed .ab-card.ab-classic-card.with-image .ab-card-body[dir=rtl]{padding-right: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[dir=rtl]{padding:20px 25px 25px 0}.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() {