@braze/web-sdk 4.9.0 → 5.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@braze/web-sdk",
-  "version": "4.9.0",
+  "version": "5.0.0",
   "description": "Braze SDK for web sites and other JS platforms.",
   "main": "src/index.js",
   "scripts": {

package/shared-lib/braze-shared-lib.js

@@ -4,5 +4,5 @@ import Ge from "./guid.js";
 import Oe from "./indexed-db-adapter.js";
 import Ue from "./logger.js";
 import ke from "./supported-options.js";
-const r = { On: ve, q: De, Cr: Be, Z: Ge, xt: Oe, zt: Oe.ep, j: Ue, Jo: ke };
+const r = { On: ve, q: De, Cr: Be, Z: Ge, es: Oe, ts: Oe.ep, j: Ue, Yo: ke };
 export default r;

package/shared-lib/event-types.js

@@ -1,9 +1,9 @@
 const De = {
     CustomEvent: "ce",
     Pr: "p",
-    $u: "pc",
-    dc: "ca",
-    Va: "i",
+    Mu: "pc",
+    cc: "ca",
+    Ka: "i",
     qs: "ie",
     P: "cci",
     T: "ccic",
@@ -16,19 +16,19 @@ const De = {
     Qi: "sbc",
     Ki: "sfe",
     eo: "iec",
-    Su: "lr",
-    ju: "uae",
+    Lu: "lr",
+    Tu: "uae",
     R: "ci",
     B: "cc",
-    Au: "lcaa",
-    qu: "lcar",
+    Ru: "lcaa",
+    Pu: "lcar",
     Xn: "inc",
     Jn: "add",
     Qn: "rem",
     Hn: "set",
     Kn: "ncam",
-    Cu: "sgu",
+    Nu: "sgu",
     Fr: "ffi",
   },
-  Be = { Br: "feed_displayed", vc: "content_cards_displayed" };
+  Be = { Br: "feed_displayed", dc: "content_cards_displayed" };
 export { De as EventTypes, Be as InternalEventTypes };

package/shared-lib/indexed-db-adapter.js

@@ -64,11 +64,11 @@ export default class Oe {
             "...",
         );
         const n = null === (e = t.target) || void 0 === e ? void 0 : e.result;
-        for (const t in i.database.Jt) {
+        for (const t in i.database.rs) {
           const e = t;
-          i.database.Jt.hasOwnProperty(t) &&
-            !n.objectStoreNames.contains(i.database.Jt[e]) &&
-            n.createObjectStore(i.database.Jt[e]);
+          i.database.rs.hasOwnProperty(t) &&
+            !n.objectStoreNames.contains(i.database.rs[e]) &&
+            n.createObjectStore(i.database.rs[e]);
         }
       }),
       (o.onsuccess = (n) => {
@@ -249,7 +249,7 @@ export default class Oe {
       };
     });
   }
-  Mt(t, e) {
+  ss(t, e) {
     if (!this.isSupported()) return !1;
     const n = this;
     return this.nd((o) => {
@@ -304,11 +304,11 @@ export default class Oe {
   clearData() {
     if (!this.isSupported()) return !1;
     const t = [];
-    for (const e in this.database.Jt) {
+    for (const e in this.database.rs) {
       const n = e;
-      this.database.Jt.hasOwnProperty(e) &&
-        this.database.Jt[n] !== this.database.Jt.se &&
-        t.push(this.database.Jt[n]);
+      this.database.rs.hasOwnProperty(e) &&
+        this.database.rs[n] !== this.database.rs.se &&
+        t.push(this.database.rs[n]);
     }
     const e = this;
     return this.nd(function (n) {
@@ -334,15 +334,15 @@ export default class Oe {
   }
 }
 Oe.ep = {
-  Ft: {
+  Zt: {
     od: "AppboyServiceWorkerAsyncStorage",
     VERSION: 6,
-    Jt: {
-      Ja: "data",
+    rs: {
+      Na: "data",
       kr: "pushClicks",
       cu: "pushSubscribed",
       dd: "fallbackDevice",
-      qt: "cardUpdates",
+      hs: "cardUpdates",
       se: "optOut",
       wr: "pendingData",
       qh: "sdkAuthenticationSignature",

package/shared-lib/logger.js

@@ -24,13 +24,13 @@ const Ue = {
   },
   warn: function (n) {
     if (Ue.zg) {
-      const o = "Braze SDK Warning: " + n + " (v4.9.0)";
+      const o = "Braze SDK Warning: " + n + " (v5.0.0)";
       null != Ue.j ? Ue.j(o) : console.warn(o);
     }
   },
   error: function (n) {
     if (Ue.zg) {
-      const o = "Braze SDK Error: " + n + " (v4.9.0)";
+      const o = "Braze SDK Error: " + n + " (v5.0.0)";
       null != Ue.j ? Ue.j(o) : console.error(o);
     }
   },

package/shared-lib/supported-options.js

@@ -1,26 +1,26 @@
 export default {
   ho: "allowCrawlerActivity",
-  Eo: "baseUrl",
-  _o: "noCookies",
+  _o: "baseUrl",
+  Eo: "noCookies",
   Io: "devicePropertyAllowlist",
   Aa: "disablePushTokenMaintenance",
   Ao: "enableLogging",
   So: "enableSdkAuthentication",
   qa: "manageServiceWorkerExternally",
   No: "minimumIntervalBetweenTriggerActionsInSeconds",
-  wo: "sessionTimeoutInSeconds",
-  Oo: "appVersion",
+  Oo: "sessionTimeoutInSeconds",
+  wo: "appVersion",
+  Po: "appVersionNumber",
   _a: "serviceWorkerLocation",
   ka: "safariWebsitePushId",
   Ba: "localization",
   po: "contentSecurityNonce",
-  Co: "enableHtmlInAppMessages",
-  Lo: "allowUserSuppliedJavascript",
+  Ro: "allowUserSuppliedJavascript",
   lo: "inAppMessageZIndex",
   fo: "openInAppMessagesInNewTab",
   en: "openNewsFeedCardsInNewTab",
   mh: "requireExplicitInAppMessageDismissal",
-  Po: "doNotLoadFontAwesome",
-  Ro: "sdkFlavor",
+  Co: "doNotLoadFontAwesome",
+  Lo: "sdkFlavor",
   tn: "openCardsInNewTab",
 };

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

@@ -6,27 +6,27 @@ export default class CaptionedImage extends Card {
       (this.V = !0),
       (this.test = !1);
   }
-  ss() {
+  tt() {
     const t = {};
     return (
-      (t[Card.hs.ts] = Card.es.tt),
-      (t[Card.hs.ns] = this.id),
-      (t[Card.hs.ls] = this.viewed),
-      (t[Card.hs.st] = this.title),
-      (t[Card.hs.os] = this.imageUrl),
-      (t[Card.hs.it] = this.description),
-      (t[Card.hs.us] = this.updated),
-      (t[Card.hs.cs] = this.created),
-      (t[Card.hs.bs] = this.categories),
-      (t[Card.hs.ds] = this.expiresAt),
-      (t[Card.hs.URL] = this.url),
-      (t[Card.hs.ps] = this.linkText),
-      (t[Card.hs.fs] = this.aspectRatio),
-      (t[Card.hs.xs] = this.extras),
-      (t[Card.hs.gs] = this.pinned),
-      (t[Card.hs.js] = this.dismissible),
-      (t[Card.hs.ys] = this.clicked),
-      (t[Card.hs.zs] = this.test),
+      (t[Card.it.st] = Card.et.ht),
+      (t[Card.it.rt] = this.id),
+      (t[Card.it.ot] = this.viewed),
+      (t[Card.it.ct] = this.title),
+      (t[Card.it.nt] = this.imageUrl),
+      (t[Card.it.dt] = this.description),
+      (t[Card.it.ut] = this.updated),
+      (t[Card.it.lt] = this.created),
+      (t[Card.it.ft] = this.categories),
+      (t[Card.it.xt] = this.expiresAt),
+      (t[Card.it.URL] = this.url),
+      (t[Card.it.bt] = this.linkText),
+      (t[Card.it.gt] = this.aspectRatio),
+      (t[Card.it.jt] = this.extras),
+      (t[Card.it.zt] = this.pinned),
+      (t[Card.it.kt] = this.dismissible),
+      (t[Card.it.qt] = this.clicked),
+      (t[Card.it.vt] = this.test),
       t
     );
   }

package/src/Card/models/card.js

@@ -4,30 +4,31 @@ import {
 } from "../../util/date-utils.js";
 import { FEED_ANIMATION_DURATION as u } from "../../common/constants.js";
 import E from "../../managers/subscription-manager.js";
+import r from "../../../shared-lib/braze-shared-lib.js";
 export default class Card {
-  constructor(t, i, s, h, n, l, e, r, u, E, o, T, I, a, N, c) {
+  constructor(t, i, s, h, l, n, e, r, u, E, o, T, a, I, N, c) {
     (this.id = t),
       (this.viewed = i),
       (this.title = s),
       (this.imageUrl = h),
-      (this.description = n),
-      (this.created = l),
+      (this.description = l),
+      (this.created = n),
       (this.updated = e),
       (this.categories = r),
       (this.expiresAt = u),
       (this.url = E),
       (this.linkText = o),
       (this.aspectRatio = T),
-      (this.extras = I),
-      (this.pinned = a),
+      (this.extras = a),
+      (this.pinned = I),
       (this.dismissible = N),
       (this.clicked = c),
       (this.id = t),
       (this.viewed = i || !1),
       (this.title = s || ""),
       (this.imageUrl = h),
-      (this.description = n || ""),
-      (this.created = l || null),
+      (this.description = l || ""),
+      (this.created = n || null),
       (this.updated = e || null),
       (this.categories = r || []),
       (this.expiresAt = u || null),
@@ -37,27 +38,27 @@ export default class Card {
         ? (this.aspectRatio = null)
         : ((T = parseFloat(T.toString())),
           (this.aspectRatio = isNaN(T) ? null : T)),
-      (this.extras = I || {}),
-      (this.pinned = a || !1),
+      (this.extras = a || {}),
+      (this.pinned = I || !1),
       (this.dismissible = N || !1),
       (this.dismissed = !1),
       (this.clicked = c || !1),
       (this.isControl = !1),
       (this.test = !1),
-      (this.ht = null),
-      (this.nt = null);
+      (this.Et = null),
+      (this.Tt = null);
   }
   subscribeToClickedEvent(t) {
-    return this.et().lt(t);
+    return this.Nt().It(t);
   }
   subscribeToDismissedEvent(t) {
-    return this.rt().lt(t);
+    return this.St().It(t);
   }
   removeSubscription(t) {
-    this.et().removeSubscription(t), this.rt().removeSubscription(t);
+    this.Nt().removeSubscription(t), this.St().removeSubscription(t);
   }
   removeAllSubscriptions() {
-    this.et().removeAllSubscriptions(), this.rt().removeAllSubscriptions();
+    this.Nt().removeAllSubscriptions(), this.St().removeAllSubscriptions();
   }
   dismissCard() {
     if (!this.dismissible || this.dismissed) return;
@@ -74,123 +75,123 @@ export default class Card {
             (t.style.margin = "0"),
             setTimeout(function () {
               t && t.parentNode && t.parentNode.removeChild(t);
-            }, Card.ut));
+            }, Card.At));
         }, u));
   }
-  et() {
-    return null == this.ht && (this.ht = new E()), this.ht;
+  Nt() {
+    return null == this.Et && (this.Et = new E()), this.Et;
   }
-  rt() {
-    return null == this.nt && (this.nt = new E()), this.nt;
+  St() {
+    return null == this.Tt && (this.Tt = new E()), this.Tt;
   }
   M() {
     this.viewed = !0;
   }
   p() {
-    (this.viewed = !0), (this.clicked = !0), this.et().Et();
+    (this.viewed = !0), (this.clicked = !0), this.Nt().Dt();
   }
   F() {
     return (
       !(!this.dismissible || this.dismissed) &&
-      ((this.dismissed = !0), this.rt().Et(), !0)
+      ((this.dismissed = !0), this.St().Dt(), !0)
     );
   }
-  ot(t) {
-    if (null == t || t[Card.Tt.ns] !== this.id) return !0;
-    if (t[Card.Tt.It]) return !1;
+  Ct(t) {
+    if (null == t || t[Card.Rt.rt] !== this.id) return !0;
+    if (t[Card.Rt.Lt]) return !1;
     if (
-      null != t[Card.Tt.us] &&
+      null != t[Card.Rt.ut] &&
       null != this.updated &&
-      parseInt(t[Card.Tt.us]) < h(this.updated.valueOf())
+      parseInt(t[Card.Rt.ut]) < h(this.updated.valueOf())
     )
       return !0;
     if (
-      (t[Card.Tt.ls] && !this.viewed && (this.viewed = !0),
-      t[Card.Tt.ys] && !this.clicked && (this.clicked = t[Card.Tt.ys]),
-      null != t[Card.Tt.st] && (this.title = t[Card.Tt.st]),
-      null != t[Card.Tt.os] && (this.imageUrl = t[Card.Tt.os]),
-      null != t[Card.Tt.it] && (this.description = t[Card.Tt.it]),
-      null != t[Card.Tt.us])
+      (t[Card.Rt.ot] && !this.viewed && (this.viewed = !0),
+      t[Card.Rt.qt] && !this.clicked && (this.clicked = t[Card.Rt.qt]),
+      null != t[Card.Rt.ct] && (this.title = t[Card.Rt.ct]),
+      null != t[Card.Rt.nt] && (this.imageUrl = t[Card.Rt.nt]),
+      null != t[Card.Rt.dt] && (this.description = t[Card.Rt.dt]),
+      null != t[Card.Rt.ut])
     ) {
-      const i = l(t[Card.Tt.us]);
+      const i = l(t[Card.Rt.ut]);
       null != i && (this.updated = i);
     }
-    if (null != t[Card.Tt.ds]) {
+    if (null != t[Card.Rt.xt]) {
       let i;
-      (i = t[Card.Tt.ds] === Card.Nt ? null : l(t[Card.Tt.ds])),
+      (i = t[Card.Rt.xt] === Card._t ? null : l(t[Card.Rt.xt])),
         (this.expiresAt = i);
     }
     if (
-      (null != t[Card.Tt.URL] && (this.url = t[Card.Tt.URL]),
-      null != t[Card.Tt.ps] && (this.linkText = t[Card.Tt.ps]),
-      null != t[Card.Tt.fs])
+      (null != t[Card.Rt.URL] && (this.url = t[Card.Rt.URL]),
+      null != t[Card.Rt.bt] && (this.linkText = t[Card.Rt.bt]),
+      null != t[Card.Rt.gt])
     ) {
-      const i = parseFloat(t[Card.Tt.fs].toString());
+      const i = parseFloat(t[Card.Rt.gt].toString());
       this.aspectRatio = isNaN(i) ? null : i;
     }
     return (
-      null != t[Card.Tt.xs] && (this.extras = t[Card.Tt.xs]),
-      null != t[Card.Tt.gs] && (this.pinned = t[Card.Tt.gs]),
-      null != t[Card.Tt.js] && (this.dismissible = t[Card.Tt.js]),
-      null != t[Card.Tt.zs] && (this.test = t[Card.Tt.zs]),
+      null != t[Card.Rt.jt] && (this.extras = t[Card.Rt.jt]),
+      null != t[Card.Rt.zt] && (this.pinned = t[Card.Rt.zt]),
+      null != t[Card.Rt.kt] && (this.dismissible = t[Card.Rt.kt]),
+      null != t[Card.Rt.vt] && (this.test = t[Card.Rt.vt]),
       !0
     );
   }
-  ss() {
-    throw new Error("Must be implemented in a subclass");
+  tt() {
+    r.j.error("Must be implemented in a subclass");
   }
 }
-(Card.Nt = -1),
-  (Card.Tt = {
-    ns: "id",
-    ls: "v",
-    js: "db",
-    It: "r",
-    us: "ca",
-    gs: "p",
-    ds: "ea",
-    xs: "e",
-    ts: "tp",
-    os: "i",
-    st: "tt",
-    it: "ds",
+(Card._t = -1),
+  (Card.Rt = {
+    rt: "id",
+    ot: "v",
+    kt: "db",
+    Lt: "r",
+    ut: "ca",
+    zt: "p",
+    xt: "ea",
+    jt: "e",
+    st: "tp",
+    nt: "i",
+    ct: "tt",
+    dt: "ds",
     URL: "u",
-    ps: "dm",
-    fs: "ar",
-    ys: "cl",
-    zs: "t",
+    bt: "dm",
+    gt: "ar",
+    qt: "cl",
+    vt: "t",
   }),
-  (Card.es = {
-    tt: "captioned_image",
-    ct: "text_announcement",
-    St: "short_news",
-    rs: "banner_image",
-    At: "control",
+  (Card.et = {
+    ht: "captioned_image",
+    Ot: "text_announcement",
+    Mt: "short_news",
+    Pt: "banner_image",
+    Ut: "control",
   }),
-  (Card.hs = {
-    ns: "id",
-    ls: "v",
-    js: "db",
-    cs: "cr",
-    us: "ca",
-    gs: "p",
-    bs: "t",
-    ds: "ea",
-    xs: "e",
-    ts: "tp",
-    os: "i",
-    st: "tt",
-    it: "ds",
+  (Card.it = {
+    rt: "id",
+    ot: "v",
+    kt: "db",
+    lt: "cr",
+    ut: "ca",
+    zt: "p",
+    ft: "t",
+    xt: "ea",
+    jt: "e",
+    st: "tp",
+    nt: "i",
+    ct: "tt",
+    dt: "ds",
     URL: "u",
-    ps: "dm",
-    fs: "ar",
-    ys: "cl",
-    zs: "s",
+    bt: "dm",
+    gt: "ar",
+    qt: "cl",
+    vt: "s",
   }),
-  (Card.Dt = {
-    dt: "ADVERTISING",
-    Ct: "ANNOUNCEMENTS",
-    Rt: "NEWS",
-    bt: "SOCIAL",
+  (Card.Gt = {
+    Xt: "ADVERTISING",
+    Vt: "ANNOUNCEMENTS",
+    Wt: "NEWS",
+    Ft: "SOCIAL",
   }),
-  (Card.ut = 400);
+  (Card.At = 400);

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

@@ -5,27 +5,27 @@ export default class ClassicCard extends Card {
       (this.U = "ab-classic-card"),
       (this.V = !0);
   }
-  ss() {
+  tt() {
     const s = {};
     return (
-      (s[Card.hs.ts] = Card.es.St),
-      (s[Card.hs.ns] = this.id),
-      (s[Card.hs.ls] = this.viewed),
-      (s[Card.hs.st] = this.title),
-      (s[Card.hs.os] = this.imageUrl),
-      (s[Card.hs.it] = this.description),
-      (s[Card.hs.us] = this.updated),
-      (s[Card.hs.cs] = this.created),
-      (s[Card.hs.bs] = this.categories),
-      (s[Card.hs.ds] = this.expiresAt),
-      (s[Card.hs.URL] = this.url),
-      (s[Card.hs.ps] = this.linkText),
-      (s[Card.hs.fs] = this.aspectRatio),
-      (s[Card.hs.xs] = this.extras),
-      (s[Card.hs.gs] = this.pinned),
-      (s[Card.hs.js] = this.dismissible),
-      (s[Card.hs.ys] = this.clicked),
-      (s[Card.hs.zs] = this.test),
+      (s[Card.it.st] = Card.et.Mt),
+      (s[Card.it.rt] = this.id),
+      (s[Card.it.ot] = this.viewed),
+      (s[Card.it.ct] = this.title),
+      (s[Card.it.nt] = this.imageUrl),
+      (s[Card.it.dt] = this.description),
+      (s[Card.it.ut] = this.updated),
+      (s[Card.it.lt] = this.created),
+      (s[Card.it.ft] = this.categories),
+      (s[Card.it.xt] = this.expiresAt),
+      (s[Card.it.URL] = this.url),
+      (s[Card.it.bt] = this.linkText),
+      (s[Card.it.gt] = this.aspectRatio),
+      (s[Card.it.jt] = this.extras),
+      (s[Card.it.zt] = this.pinned),
+      (s[Card.it.kt] = this.dismissible),
+      (s[Card.it.qt] = this.clicked),
+      (s[Card.it.vt] = this.test),
       s
     );
   }

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

@@ -6,17 +6,17 @@ export default class ControlCard extends Card {
       (this.U = "ab-control-card"),
       (this.V = !1);
   }
-  ss() {
+  tt() {
     const l = {};
     return (
-      (l[Card.hs.ts] = Card.es.At),
-      (l[Card.hs.ns] = this.id),
-      (l[Card.hs.ls] = this.viewed),
-      (l[Card.hs.us] = this.updated),
-      (l[Card.hs.ds] = this.expiresAt),
-      (l[Card.hs.xs] = this.extras),
-      (l[Card.hs.gs] = this.pinned),
-      (l[Card.hs.zs] = this.test),
+      (l[Card.it.st] = Card.et.Ut),
+      (l[Card.it.rt] = this.id),
+      (l[Card.it.ot] = this.viewed),
+      (l[Card.it.ut] = this.updated),
+      (l[Card.it.xt] = this.expiresAt),
+      (l[Card.it.jt] = this.extras),
+      (l[Card.it.zt] = this.pinned),
+      (l[Card.it.vt] = this.test),
       l
     );
   }

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

@@ -1,31 +1,30 @@
 import Card from "./card.js";
-import Banner from "./banner.js";
-export default class ImageOnly extends Banner {
-  constructor(s, t, i, h, r, e, a, n, o, c, m, b, l, p) {
-    super(s, t, i, h, r, e, a, n, o, c, m, b, l, p),
-      (this.U = "ab-banner ab-image-only"),
+export default class ImageOnly extends Card {
+  constructor(s, t, i, h, r, e, l, n, o, a, u, c, d, m) {
+    super(s, t, null, i, null, h, r, e, l, n, o, a, u, c, d, m),
+      (this.U = "ab-image-only"),
       (this.V = !1),
       (this.test = !1);
   }
-  ss() {
+  tt() {
     const s = {};
     return (
-      (s[Card.hs.ts] = Card.es.rs),
-      (s[Card.hs.ns] = this.id),
-      (s[Card.hs.ls] = this.viewed),
-      (s[Card.hs.os] = this.imageUrl),
-      (s[Card.hs.us] = this.updated),
-      (s[Card.hs.cs] = this.created),
-      (s[Card.hs.bs] = this.categories),
-      (s[Card.hs.ds] = this.expiresAt),
-      (s[Card.hs.URL] = this.url),
-      (s[Card.hs.ps] = this.linkText),
-      (s[Card.hs.fs] = this.aspectRatio),
-      (s[Card.hs.xs] = this.extras),
-      (s[Card.hs.gs] = this.pinned),
-      (s[Card.hs.js] = this.dismissible),
-      (s[Card.hs.ys] = this.clicked),
-      (s[Card.hs.zs] = this.test),
+      (s[Card.it.st] = Card.et.Pt),
+      (s[Card.it.rt] = this.id),
+      (s[Card.it.ot] = this.viewed),
+      (s[Card.it.nt] = this.imageUrl),
+      (s[Card.it.ut] = this.updated),
+      (s[Card.it.lt] = this.created),
+      (s[Card.it.ft] = this.categories),
+      (s[Card.it.xt] = this.expiresAt),
+      (s[Card.it.URL] = this.url),
+      (s[Card.it.bt] = this.linkText),
+      (s[Card.it.gt] = this.aspectRatio),
+      (s[Card.it.jt] = this.extras),
+      (s[Card.it.zt] = this.pinned),
+      (s[Card.it.kt] = this.dismissible),
+      (s[Card.it.qt] = this.clicked),
+      (s[Card.it.vt] = this.test),
       s
     );
   }

package/src/Card/models/index.js

@@ -1,5 +1,4 @@
 export { default as Card } from "./card.js";
-export { default as Banner } from "./banner.js";
 export { default as ImageOnly } from "./image-only.js";
 export { default as CaptionedImage } from "./captioned-image.js";
 export { default as ClassicCard } from "./classic-card.js";