@braze/web-sdk 5.3.2 → 5.4.0

package/src/request-controller.js

@@ -1,5 +1,5 @@
 import C from "./util/net.js";
-import ue from "./models/braze-event.js";
+import ve from "./models/braze-event.js";
 import s from "./common/event-logger.js";
 import { randomInclusive as U } from "./util/math.js";
 import t from "./models/request-result.js";
@@ -23,7 +23,7 @@ export default class Lt {
       (this.yt = o),
       (this.u = n),
       (this.wu = r),
-      (this.zo = u),
+      (this.Ko = u),
       (this.qt = l),
       (this.rn = t),
       (this.baseUrl = i),
@@ -35,18 +35,18 @@ export default class Lt {
       (this.wt = h),
       (this.yt = o),
       (this.u = n),
-      (this.zo = u),
+      (this.Ko = u),
       (this.qt = l),
       (this.wu = r),
-      (this.Su = new T()),
-      (this.$u = null),
-      (this.Cu = 50),
-      (this.Fu = !1);
+      (this.$u = new T()),
+      (this.Fu = null),
+      (this.Lu = 50),
+      (this.Mu = !1);
   }
-  Lu(t, i) {
-    return !t && !i && this.zo.Gh() >= this.Cu;
+  Pu(t, i) {
+    return !t && !i && this.Ko.Gh() >= this.Lu;
   }
-  Mu(t) {
+  xu(t) {
     let s = this.ri.Gl();
     if (t.length > 0) {
       const e = this.wt.getUserId();
@@ -57,15 +57,15 @@ export default class Lt {
     }
     return s;
   }
-  Pu(t = !1, i = !1, s = !0, e, h, n, u = !1, l = !1) {
-    s && this.xu();
+  Iu(t = !1, i = !1, s = !0, e, h, n, u = !1, l = !1) {
+    s && this.Nu();
     const a = this.u.AE(),
       c = this.u.OE();
     let d = !1;
     const m = (t, i, r = -1) => {
         let u = !1;
         const l = new Date().valueOf();
-        D._s(this.u, D.Ps.$a, l),
+        D._s(this.u, D.Ps.La, l),
           -1 !== r && i.push(["X-Braze-Req-Tokens-Remaining", r.toString()]),
           C.Gs({
             url: this.baseUrl + "/data/",
@@ -76,16 +76,16 @@ export default class Lt {
                 t.respond_with.triggers &&
                 (this.yu = Math.max(this.yu - 1, 0)),
                 this.qt.Ks(t, s, i)
-                  ? (this.zo.Os(),
+                  ? (this.Ko.Os(),
                     this.yt.al(s),
                     (null != t.respond_with &&
                       t.respond_with.user_id != this.wt.getUserId()) ||
-                      (null != t.device && this.u.k(o.C.Ca, t.device),
+                      (null != t.device && this.u.k(o.C.Fa, t.device),
                       null != t.sdk_metadata &&
-                        (this.u.k(o.C.Yh, t.sdk_metadata),
-                        this.u.k(o.C.Jh, this.ri.Si())),
+                        (this.u.k(o.C.Jh, t.sdk_metadata),
+                        this.u.k(o.C.Qh, this.ri.Si())),
                       this.wu(s),
-                      D.Qs(this.u, D.Ps.$a, 1),
+                      D.Qs(this.u, D.Ps.La, 1),
                       "function" == typeof e && e()))
                   : s.auth_error && (u = !0);
             },
@@ -93,32 +93,32 @@ export default class Lt {
               null != t.respond_with &&
                 t.respond_with.triggers &&
                 (this.yu = Math.max(this.yu - 1, 0)),
-                this.qt.Qh(t.events, t.attributes),
+                this.qt.Zh(t.events, t.attributes),
                 "function" == typeof h && h();
             },
             Ws: (t) => {
               if (("function" == typeof n && n(t), s && !d)) {
-                if (t && !u) this.Iu();
+                if (t && !u) this.Ou();
                 else {
-                  D.Ys(this.u, D.Ps.$a);
+                  D.Ys(this.u, D.Ps.La);
                   let t = this.ju;
                   (null == t || t < 1e3 * this.fE) && (t = 1e3 * this.fE),
-                    this.Iu(Math.min(3e5, U(1e3 * this.fE, 3 * t)));
+                    this.Ou(Math.min(3e5, U(1e3 * this.fE, 3 * t)));
                 }
                 d = !0;
               }
             },
           });
       },
-      f = this.Mu(a),
+      f = this.xu(a),
       g = i || f;
-    if (this.Lu(u, f))
+    if (this.Pu(u, f))
       return void r.info(
         "Declining to flush data due to 50 consecutive authentication failures",
       );
-    if (s && !this.qt.Na(a, c, t, g))
-      return this.Iu(), void ("function" == typeof n && n(!0));
-    const v = this.qt.Xa(t, g, a, c, l);
+    if (s && !this.qt.Xa(a, c, t, g))
+      return this.Ou(), void ("function" == typeof n && n(!0));
+    const v = this.qt.$a(t, g, a, c, l);
     g && this.yu++;
     let p = !1;
     if (v)
@@ -126,59 +126,59 @@ export default class Lt {
         this.qt.Xs(
           t.requestData,
           (i) => m(t.requestData, t.headers, i),
-          D.Ps.$a,
+          D.Ps.La,
           h,
         ),
           (p = !0);
-    this.zo.Fh() && s && !p
-      ? this.Iu()
-      : f && (r.info("Invoking new session subscriptions"), this.Su.Dt());
+    this.Ko.Fh() && s && !p
+      ? this.Ou()
+      : f && (r.info("Invoking new session subscriptions"), this.$u.Dt());
   }
-  Nu() {
+  zu() {
     return this.yu > 0;
   }
-  Iu(t = 1e3 * this.fE) {
-    this.Fu ||
-      (this.xu(),
-      (this.$u = window.setTimeout(() => {
+  Ou(t = 1e3 * this.fE) {
+    this.Mu ||
+      (this.Nu(),
+      (this.Fu = window.setTimeout(() => {
         if (document.hidden) {
           const t = "visibilitychange",
             i = () => {
               document.hidden ||
-                (document.removeEventListener(t, i, !1), this.Pu());
+                (document.removeEventListener(t, i, !1), this.Iu());
             };
           document.addEventListener(t, i, !1);
-        } else this.Pu();
+        } else this.Iu();
       }, t)),
       (this.ju = t));
   }
-  xu() {
-    null != this.$u && (clearTimeout(this.$u), (this.$u = null));
+  Nu() {
+    null != this.Fu && (clearTimeout(this.Fu), (this.Fu = null));
   }
   initialize() {
-    (this.Fu = !1), this.Iu();
+    (this.Mu = !1), this.Ou();
   }
   destroy() {
-    this.Su.removeAllSubscriptions(),
-      this.zo.yh(),
-      this.xu(),
-      (this.Fu = !0),
-      this.Pu(void 0, void 0, !1, void 0, void 0, void 0, void 0, !0),
-      (this.$u = null);
+    this.$u.removeAllSubscriptions(),
+      this.Ko.yh(),
+      this.Nu(),
+      (this.Mu = !0),
+      this.Iu(void 0, void 0, !1, void 0, void 0, void 0, void 0, !0),
+      (this.Fu = null);
   }
   mr(t) {
-    return this.Su.It(t);
+    return this.$u.It(t);
   }
   openSession() {
-    const t = this.ri.Si() !== this.ri.wo();
+    const t = this.ri.Si() !== this.ri.xo();
     t && (this.u.cE(o.iu.Uo), this.u.cE(o.iu.su)),
-      this.Pu(void 0, !1, void 0, () => {
+      this.Iu(void 0, !1, void 0, () => {
         this.u.ti(o.C.vi);
       }),
       this.Mn(),
       t &&
         import("./Push/push-manager-factory.js").then((t) => {
-          if (this.Fu) return;
+          if (this.Mu) return;
           const i = t.default.m();
           if (
             null != i &&
@@ -203,20 +203,20 @@ export default class Lt {
           }
         });
   }
-  Ou() {
+  Uu() {
     this.u.ti(o.C.gi), this.u.ti(o.C.ws), this.u.ti(o.C.Nr);
   }
   changeUser(t, i, s) {
     const e = this.wt.getUserId();
     if (e !== t) {
       this.ri.yl(),
-        this.Ou(),
-        null != e && this.Pu(void 0, !1, void 0, void 0, void 0),
+        this.Uu(),
+        null != e && this.Iu(void 0, !1, void 0, void 0, void 0),
         this.wt.ou(t),
-        s ? this.zo.setSdkAuthenticationSignature(s) : this.zo.xh();
+        s ? this.Ko.setSdkAuthenticationSignature(s) : this.Ko.xh();
       for (let t = 0; t < i.length; t++) i[t].changeUser(null == e);
       null != e && this.u.ti(o.C.J),
-        this.u.ti(o.C.Ca),
+        this.u.ti(o.C.Fa),
         this.u.ti(o.C.nE),
         this.u.ti(o.C._E),
         this.openSession(),
@@ -224,15 +224,15 @@ export default class Lt {
     } else {
       let i = "Doing nothing.";
       s &&
-        this.zo.kh() !== s &&
-        (this.zo.setSdkAuthenticationSignature(s),
+        this.Ko.kh() !== s &&
+        (this.Ko.setSdkAuthenticationSignature(s),
         (i = "Updated SDK authentication signature")),
         r.info(`Current user is already ${t}. ${i}`);
     }
   }
   requestImmediateDataFlush(t) {
-    this.xu(), this.ri.wo();
-    this.Pu(
+    this.Nu(), this.ri.xo();
+    this.Iu(
       void 0,
       void 0,
       void 0,
@@ -245,15 +245,15 @@ export default class Lt {
     );
   }
   requestFeedRefresh() {
-    this.ri.wo(), this.Pu(!0);
+    this.ri.xo(), this.Iu(!0);
   }
   $r(t, i) {
-    this.ri.wo(),
+    this.ri.xo(),
       r.info("Requesting explicit trigger refresh."),
-      this.Pu(void 0, !0, void 0, t, i);
+      this.Iu(void 0, !0, void 0, t, i);
   }
   Cn(t, e) {
-    const h = i.zu,
+    const h = i._u,
       n = { a: t, l: e },
       u = s.q(h, n);
     return (
@@ -278,7 +278,7 @@ export default class Lt {
     null != o && (l.altitude = o),
       null != n && (l.ll_accuracy = n),
       null != u && (l.alt_accuracy = u);
-    const a = s.q(i.Uu, l, t || void 0);
+    const a = s.q(i.Bu, l, t || void 0);
     return (
       a &&
         r.info(`Set user last known location as ${JSON.stringify(l, null, 2)}`),
@@ -286,24 +286,24 @@ export default class Lt {
     );
   }
   kr(t, s) {
-    const e = this.ri.wo();
-    return new ue(this.wt.getUserId(), i._u, t, e, { cid: s });
+    const e = this.ri.xo();
+    return new ve(this.wt.getUserId(), i.Eu, t, e, { cid: s });
   }
-  Bu(t, i) {
+  Ju(t, i) {
     return new A(t, i);
   }
   Mn() {
     const t = A.Yt.Qt;
-    this.Bu(t, r).setItem(t.ss.$a, 1, {
+    this.Ju(t, r).setItem(t.ss.La, 1, {
       baseUrl: this.baseUrl,
       data: { api_key: this.rn, device_id: this.on.ce().id },
       userId: this.wt.getUserId(),
-      sdkAuthEnabled: this.zo.Fh(),
+      sdkAuthEnabled: this.Ko.Fh(),
     });
   }
   yr(t) {
     for (const i of t)
-      if (i.api_key === this.rn) this.qt.Qh(i.events, i.attributes);
+      if (i.api_key === this.rn) this.qt.Zh(i.events, i.attributes);
       else {
         const t = A.Yt.Qt;
         new A(t, r).setItem(t.ss.wr, p.W(), i);
@@ -317,13 +317,13 @@ export default class Lt {
     let n, u;
     return (
       null === h && null === o
-        ? ((n = i.Eu), (u = { key: e }))
-        : ((n = i.Ju), (u = { key: e, latitude: h, longitude: o })),
+        ? ((n = i.Ku), (u = { key: e }))
+        : ((n = i.Wu), (u = { key: e, latitude: h, longitude: o })),
       s.q(n, u)
     );
   }
   Hn(t, e) {
     const h = { group_id: t, status: e };
-    return s.q(i.Ku, h);
+    return s.q(i.Gu, h);
   }
 }

package/src/triggers/models/filter.js

@@ -56,7 +56,7 @@ export default class lr {
         return null != s && Nt(s) && ls(s) < this.Ll;
       case lr.Ql.Kl:
         return null != s && Nt(s) && ls(s) > this.Ll;
-      case lr.Ql.Gu:
+      case lr.Ql.Vu:
         return (
           null == s ||
           typeof s != typeof this.Ll ||
@@ -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/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

@@ -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);

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,
@@ -75,7 +75,7 @@ export default class gr extends y {
             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++) {
@@ -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.",

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.2".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() {