@braze/web-sdk 6.3.1 → 6.4.0

package/src/DUST/dust-provider.js

@@ -0,0 +1,288 @@
+import t from "../common/base-provider.js";
+import r from "../managers/braze-instance.js";
+import { STORAGE_KEYS as s } from "../managers/storage-manager.js";
+import u from "../managers/subscription-manager.js";
+import a from "../util/net.js";
+import h from "../util/request-header-utils.js";
+import { logger as E } from "../../shared-lib/index.js";
+export default class tr extends t {
+  constructor(i, t, s) {
+    super(),
+      (this.B = i),
+      (this.j = t),
+      (this.B = i),
+      (this.j = t),
+      (this.mite = null),
+      (this.yi = null),
+      (this.$i = s || null),
+      (this.Ri = null),
+      (this.D = null),
+      (this.Mi = 0),
+      (this.ji = 5),
+      (this.Fi = null),
+      (this.Ui = !0),
+      (this.xi = null),
+      (this.Pi = null),
+      (this.ki = null),
+      (this.Bi = !1),
+      (this.Ji = new Map()),
+      this.Oi();
+  }
+  Oi() {
+    if (this.j) {
+      const i = this.j.lt(s.ct.qi),
+        t = this.j.lt(s.ct.zi);
+      i && t
+        ? ((this.mite = i),
+          (this.yi = t),
+          E.info("Restored DUST configuration from storage"))
+        : (i || t) &&
+          (E.warn("Incomplete DUST configuration in storage, clearing"),
+          this.j.Nt(s.ct.qi),
+          this.j.Nt(s.ct.zi));
+    }
+  }
+  Hi() {
+    this.xi ||
+      this.Pi ||
+      ((this.ki = () => {
+        (this.Bi = !0), (this.Ui = !1);
+      }),
+      window.addEventListener("beforeunload", this.ki),
+      (this.xi = () => {
+        (this.Bi = !0),
+          this.Ri &&
+            (E.info("Page unloading, closing real-time connection gracefully"),
+            (this.Ui = !1),
+            this.Li());
+      }),
+      window.addEventListener("pagehide", this.xi),
+      (this.Pi = (i) => {
+        i.persisted &&
+          this.Wi() &&
+          !this.Ri &&
+          (E.info("Page restored from bfcache, reconnecting"),
+          (this.Bi = !1),
+          (this.Ui = !0),
+          (this.Mi = 0),
+          this.Gi());
+      }),
+      window.addEventListener("pageshow", this.Pi));
+  }
+  jt() {
+    return this.D;
+  }
+  yt(i) {
+    this.D = i;
+  }
+  Ki(i, t) {
+    if ("function" != typeof t) return null;
+    let s = this.Ji.get(i);
+    return s || ((s = new u()), this.Ji.set(i, s), r.q(s)), s.wt(t);
+  }
+  Qi(i, t) {
+    const s = this.Ji.get(i);
+    s && s.removeSubscription(t);
+  }
+  Wi() {
+    return Boolean(this.mite && this.yi);
+  }
+  Vi(i, t) {
+    const e = () => {
+        "function" == typeof t && t();
+      },
+      n = this.B,
+      o = this.j;
+    if (!n || !o)
+      return (
+        E.error("NetworkManager or StorageManager not available"), void e()
+      );
+    const l = r.l();
+    if (l && !l.Xi())
+      return (
+        E.info("Real-time messaging is not enabled, skipping refresh"), void e()
+      );
+    this.Wi()
+      ? E.info("Refreshing real-time messaging configuration")
+      : E.info("Fetching initial real-time messaging configuration");
+    const g = n.$({}, !0),
+      c = n.A(g, h.H.Yi, !1),
+      u = new Date().valueOf();
+    h.K(o, h.H.Yi, u),
+      a.O({
+        url: `${n.V()}/dust/config`,
+        headers: c,
+        data: g,
+        W: (t) => {
+          if (!n.Y(g, t, c))
+            return (
+              E.error(
+                "Failed to validate server response for real-time messaging configuration",
+              ),
+              void e()
+            );
+          n.Z(),
+            t.mite && t.host
+              ? ((this.mite = t.mite),
+                (this.yi = t.host),
+                E.info(
+                  "Received real-time messaging configuration from server",
+                ),
+                o.ft(s.ct.qi, t.mite),
+                o.ft(s.ct.zi, t.host),
+                this.Gi(),
+                "function" == typeof i && i())
+              : (t.mite ||
+                  E.error("Missing messaging identifier in server response"),
+                t.host || E.error("Missing messaging host in server response"),
+                e());
+        },
+        error: (i) => {
+          n._(i, "retrieving DUST config"), e();
+        },
+      });
+  }
+  Gi() {
+    const i = r.l();
+    if (i && !i.Xi())
+      return void E.info(
+        "Real-time messaging is not enabled, skipping connection",
+      );
+    if (!this.Wi())
+      return void E.error(
+        "Cannot start real-time subscription without configuration",
+      );
+    this.Ri &&
+      (E.info(
+        "Real-time connection already exists, closing before starting new subscription",
+      ),
+      this.Li());
+    const t = this.mite,
+      s = this.$i || this.yi;
+    if (!t || !s) return;
+    const e = `${
+      /^https?:\/\//i.test(s) ? s : `https://${s}`
+    }/sse?mite=${encodeURIComponent(t)}&attempts=${this.Mi}`;
+    this.$i && E.info(`Using custom real-time messaging host: ${this.$i}`);
+    try {
+      (this.Ri = new EventSource(e)),
+        (this.Ri.onopen = () => {
+          E.info("Real-time messaging connection established"),
+            (this.Mi = 0),
+            (this.Ui = !0);
+        }),
+        this.Ri.addEventListener("msg", (i) => {
+          this.Zi(i.data);
+        }),
+        (this.Ri.onerror = (i) => {
+          var t;
+          const s =
+            null === (t = this.Ri) || void 0 === t ? void 0 : t.readyState;
+          this.Bi ||
+            E.error(
+              `Real-time messaging connection error (readyState: ${s}, eventPhase: ${
+                null == i ? void 0 : i.eventPhase
+              })`,
+            ),
+            this.Li(),
+            this.Ui && this.Mi < this.ji
+              ? this._i()
+              : (this.Mi >= this.ji &&
+                  E.error(
+                    `Max retry attempts (${this.ji}) reached for real-time messaging, giving up for current session`,
+                  ),
+                (this.Ui = !1));
+        });
+    } catch (i) {
+      E.error(
+        `Failed to create real-time messaging connection: ${
+          i instanceof Error ? i.message : String(i)
+        }`,
+      );
+    }
+  }
+  _i() {
+    this.Mi++;
+    const i = Math.min(1e3 * Math.pow(2, this.Mi), 6e4);
+    E.info(
+      `Retrying real-time messaging connection in ${i}ms (attempt ${this.Mi}/${this.ji})`,
+    ),
+      (this.Fi = window.setTimeout(() => {
+        (this.Fi = null), this.Gi();
+      }, i));
+  }
+  Li() {
+    null !== this.Fi && (window.clearTimeout(this.Fi), (this.Fi = null)),
+      this.Ri &&
+        (this.Ri.close(),
+        (this.Ri = null),
+        E.info("Real-time messaging connection closed"));
+  }
+  Zi(i) {
+    try {
+      const t = JSON.parse(i);
+      if (!t.type)
+        return void E.error(
+          `Received real-time message without type: ${JSON.stringify(t)}`,
+        );
+      E.info(`Received real-time message of type '${t.type}'`);
+      const s = this.Ji.get(t.type);
+      s && s.he() > 0
+        ? s.L(t)
+        : E.info(`No subscribers for real-time message type '${t.type}'`);
+    } catch (i) {
+      E.error(
+        `Failed to parse real-time message: ${
+          i instanceof Error ? i.message : String(i)
+        }`,
+      );
+    }
+  }
+  changeUser(i = !1) {
+    this.Li(),
+      !i && this.j
+        ? (this.Wi() &&
+            E.info(
+              "Clearing cached real-time messaging configuration for user change",
+            ),
+          this.j.Nt(s.ct.qi),
+          this.j.Nt(s.ct.zi),
+          (this.mite = null),
+          (this.yi = null))
+        : i &&
+          this.Wi() &&
+          E.info(
+            "Preserving cached real-time messaging configuration for anonymous->identified user transition",
+          ),
+      (this.Mi = 0),
+      (this.Ui = !0);
+  }
+  clearData(i = !1) {
+    (this.Ui = !1),
+      this.Li(),
+      i &&
+        this.j &&
+        (this.Wi() &&
+          E.info(
+            "Clearing cached real-time messaging configuration (wipeData)",
+          ),
+        this.j.Nt(s.ct.qi),
+        this.j.Nt(s.ct.zi),
+        (this.mite = null),
+        (this.yi = null)),
+      (this.Mi = 0);
+  }
+  destroy() {
+    (this.Ui = !1),
+      this.Li(),
+      (this.mite = null),
+      (this.Mi = 0),
+      this.ki &&
+        (window.removeEventListener("beforeunload", this.ki), (this.ki = null)),
+      this.xi &&
+        (window.removeEventListener("pagehide", this.xi), (this.xi = null)),
+      this.Pi &&
+        (window.removeEventListener("pageshow", this.Pi), (this.Pi = null)),
+      this.D && (r.removeSubscription(this.D), (this.D = null));
+  }
+}

package/src/DUST/index.js

@@ -0,0 +1,3 @@
+export { default as DustProviderFactory } from "./dust-provider-factory.js";
+export { default as DustProvider } from "./dust-provider.js";
+export { subscribeToDust } from "./subscribe-to-dust.js";

package/src/DUST/subscribe-to-dust.js

@@ -0,0 +1,24 @@
+import r from "../managers/braze-instance.js";
+import ir from "./dust-provider-factory.js";
+export function subscribeToDust() {
+  const t = r.l(),
+    n = r.nn();
+  if (!t || !n) return null;
+  const o = ir.o(),
+    s = () => {
+      if (!o.jt()) {
+        o.Hi();
+        const r = n.rn(() => {
+          t.Xi() && o.Vi();
+        });
+        return r && o.yt(r), o.Wi() && o.Gi(), r;
+      }
+      return o.jt();
+    };
+  return t.Xi()
+    ? s()
+    : (t.Tr(() => {
+        r.ao() && t.Xi() && (o.Vi(), s());
+      }),
+      null);
+}

package/src/DUST/types.js

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

package/src/FeatureFlags/feature-flags-provider-factory.js

@@ -1,19 +1,19 @@
 import r from "../managers/braze-instance.js";
-import tr from "./feature-flags-provider.js";
-const nr = {
+import nr from "./feature-flags-provider.js";
+const ar = {
   i: !1,
   provider: null,
   o: () => (
-    nr.t(),
-    nr.provider ||
-      ((nr.provider = new tr(r.l(), r.m(), r.p(), r.u())), r.v(nr.provider)),
-    nr.provider
+    ar.t(),
+    ar.provider ||
+      ((ar.provider = new nr(r.l(), r.m(), r.p(), r.u())), r.v(ar.provider)),
+    ar.provider
   ),
   t: () => {
-    nr.i || (r.g(nr), (nr.i = !0));
+    ar.i || (r.g(ar), (ar.i = !0));
   },
   destroy: () => {
-    (nr.provider = null), (nr.i = !1);
+    (ar.provider = null), (ar.i = !1);
   },
 };
-export default nr;
+export default ar;

package/src/FeatureFlags/feature-flags-provider.js

@@ -10,44 +10,44 @@ import {
   newFeatureFlagFromSerializedValue as ht,
 } from "./feature-flag-factory.js";
 import h from "../util/request-header-utils.js";
-export default class tr extends t {
+export default class nr extends t {
   constructor(t, s, e, i) {
     super(),
       (this.h = t),
       (this.B = s),
       (this.j = e),
       (this.C = i),
-      (this.he = []),
-      (this.je = 0),
+      (this.je = []),
+      (this.ye = 0),
       (this.h = t),
       (this.B = s),
       (this.j = e),
       (this.C = i),
-      (this.ye = null),
-      (this.Ce = new u()),
+      (this.Ce = null),
+      (this.Re = new u()),
       (this.S = 10),
       (this.T = null),
       (this.I = null),
-      r.q(this.Ce);
+      r.q(this.Re);
   }
   N(t) {
     var s;
     if (
-      (null === (s = this.h) || void 0 === s ? void 0 : s.Re()) &&
+      (null === (s = this.h) || void 0 === s ? void 0 : s.Te()) &&
       null != t &&
       t.feature_flags
     ) {
-      this.he = [];
+      this.je = [];
       for (const s of t.feature_flags) {
         const t = at(s);
-        t && this.he.push(t);
+        t && this.je.push(t);
       }
-      (this.je = new Date().getTime()), this.Te(), this.Ce.L(this.he);
+      (this.ye = new Date().getTime()), this.De(), this.Re.L(this.je);
     }
   }
-  De() {
+  Ie() {
     let t = {};
-    this.j && (t = this.j.lt(s.ct.Ie));
+    this.j && (t = this.j.lt(s.ct.Se));
     const e = {};
     for (const s in t) {
       const i = ht(t[s]);
@@ -55,27 +55,27 @@ export default class tr extends t {
     }
     return e;
   }
-  Se() {
+  qe() {
     var t;
     return (
-      (null === (t = this.j) || void 0 === t ? void 0 : t.lt(s.ct.qe)) || {}
+      (null === (t = this.j) || void 0 === t ? void 0 : t.lt(s.ct.Ne)) || {}
     );
   }
-  Ne(t) {
-    this.j && this.j.ft(s.ct.qe, t);
+  ze(t) {
+    this.j && this.j.ft(s.ct.Ne, t);
   }
   St(t) {
-    return this.Ce.wt(t);
+    return this.Re.wt(t);
   }
   refreshFeatureFlags(t, s, e = !1, i = !0) {
     const r = () => {
-      "function" == typeof s && s(), this.Ce.L(this.he);
+      "function" == typeof s && s(), this.Re.L(this.je);
     };
-    if (!this.ze(e))
+    if (!this.Ue(e))
       return (
-        !this.ye &&
+        !this.Ce &&
           this.h &&
-          (this.ye = this.h.Ue(() => {
+          (this.Ce = this.h.$e(() => {
             this.refreshFeatureFlags(t, s);
           })),
         void r()
@@ -84,7 +84,7 @@ export default class tr extends t {
     if (!o) return void r();
     i && this.X();
     const n = o.$({}, !0),
-      u = o.A(n, h.H.$e);
+      u = o.A(n, h.H.ke);
     let f = !1;
     o.J(
       n,
@@ -92,7 +92,7 @@ export default class tr extends t {
         const o = this.B;
         if (!o) return void r();
         const c = new Date().valueOf();
-        h.K(this.j, h.H.$e, c),
+        h.K(this.j, h.H.ke, c),
           -1 !== i && u.push(["X-Braze-Req-Tokens-Remaining", i.toString()]),
           a.O({
             url: `${o.V()}/feature_flags/sync`,
@@ -117,7 +117,7 @@ export default class tr extends t {
                 () => {
                   this.refreshFeatureFlags(t, s, e, !0);
                 },
-                h.H.$e,
+                h.H.ke,
                 (t) => this.it(t),
                 () => this.X(),
                 a,
@@ -125,7 +125,7 @@ export default class tr extends t {
             },
           });
       },
-      h.H.$e,
+      h.H.ke,
       s,
     );
   }
@@ -135,49 +135,49 @@ export default class tr extends t {
   it(t) {
     this.X(), (this.I = t);
   }
-  ze(t) {
+  Ue(t) {
     if (!this.h) return !1;
     if (!t) {
-      const t = this.h.ke();
+      const t = this.h.Be();
       if (null == t) return !1;
       let s = !1;
       if (!isNaN(t)) {
         if (-1 === t) return E.info("Feature flag refreshes not allowed"), !1;
-        s = new Date().getTime() >= (this.je || 0) + 1e3 * t;
+        s = new Date().getTime() >= (this.ye || 0) + 1e3 * t;
       }
       if (!s)
         return (
           E.info(`Feature flag refreshes were rate limited to ${t} seconds`), !1
         );
     }
-    return this.h.Re();
+    return this.h.Te();
   }
-  Be() {
+  Me() {
     var t;
     return (
-      (null === (t = this.j) || void 0 === t ? void 0 : t.lt(s.ct.Me)) || null
+      (null === (t = this.j) || void 0 === t ? void 0 : t.lt(s.ct.Xe)) || null
     );
   }
-  Xe() {
+  _e() {
     var t, e;
     null === (t = this.j) ||
       void 0 === t ||
-      t.ft(s.ct.Me, null === (e = this.C) || void 0 === e ? void 0 : e.bt());
+      t.ft(s.ct.Xe, null === (e = this.C) || void 0 === e ? void 0 : e.bt());
   }
-  _e() {
+  Ae() {
     var t;
     const s = null === (t = this.C) || void 0 === t ? void 0 : t.bt(),
-      e = this.Be();
+      e = this.Me();
     return null == e || s === e;
   }
-  Te() {
+  De() {
     if (!this.j) return;
     const t = {};
-    for (const s of this.he) {
+    for (const s of this.je) {
       const e = s.dt();
       t[s.id] = e;
     }
-    this.j.ft(s.ct.Ie, t), this.j.ft(s.ct.Ae, this.je), this.Xe();
+    this.j.ft(s.ct.Se, t), this.j.ft(s.ct.Ee, this.ye), this._e();
   }
   changeUser() {
     this.X();

package/src/FeatureFlags/get-all-feature-flags.js

@@ -1,11 +1,11 @@
 import r from "../managers/braze-instance.js";
-import nr from "./feature-flags-provider-factory.js";
+import ar from "./feature-flags-provider-factory.js";
 export function getAllFeatureFlags() {
   if (!r.rr()) return;
   const t = [],
     e = r.l();
-  if (e && !e.Re()) return t;
-  const n = nr.o().De();
+  if (e && !e.Te()) return t;
+  const n = ar.o().Ie();
   for (const r in n) t.push(n[r]);
   return t;
 }

package/src/FeatureFlags/get-feature-flag.js

@@ -1,9 +1,9 @@
 import r from "../managers/braze-instance.js";
-import nr from "./feature-flags-provider-factory.js";
+import ar from "./feature-flags-provider-factory.js";
 export function getFeatureFlag(t) {
   if (!r.rr()) return;
   const e = r.l();
-  if (e && !e.Re()) return null;
-  const n = nr.o().De();
+  if (e && !e.Te()) return null;
+  const n = ar.o().Ie();
   return n[t] ? n[t] : null;
 }

package/src/FeatureFlags/log-feature-flag-impression.js

@@ -1,17 +1,17 @@
 import { logger as E, EventTypes as m } from "../../shared-lib/index.js";
 import c from "../common/event-logger.js";
 import r from "../managers/braze-instance.js";
-import nr from "./feature-flags-provider-factory.js";
+import ar from "./feature-flags-provider-factory.js";
 export function logFeatureFlagImpression(e) {
   if (!r.rr()) return;
   if (!e) return !1;
   const t =
       "Not logging a feature flag impression. The feature flag was not part of any matching experiment.",
-    o = nr.o().De();
+    o = ar.o().Ie();
   if (!o[e]) return E.info(t), !1;
   const n = o[e].trackingString;
   if (!n) return E.info(t), !1;
-  const i = nr.o().Se();
+  const i = ar.o().qe();
   if (i[n])
     return (
       E.info(
@@ -19,7 +19,7 @@ export function logFeatureFlagImpression(e) {
       ),
       !1
     );
-  (i[n] = !0), nr.o().Ne(i);
+  (i[n] = !0), ar.o().ze(i);
   const s = { fid: e, fts: n };
-  return c.rt(m.Fr, s).W;
+  return c.rt(m.Ir, s).W;
 }

package/src/FeatureFlags/refresh-feature-flags.js

@@ -1,9 +1,9 @@
 import r from "../managers/braze-instance.js";
-import nr from "./feature-flags-provider-factory.js";
-function ar(e, t, a = !1) {
-  if (r.rr()) return nr.o().refreshFeatureFlags(e, t, a);
+import ar from "./feature-flags-provider-factory.js";
+function fr(e, t, a = !1) {
+  if (r.rr()) return ar.o().refreshFeatureFlags(e, t, a);
 }
 export function refreshFeatureFlags(r, e) {
-  ar(r, e);
+  fr(r, e);
 }
-export default ar;
+export default fr;

package/src/FeatureFlags/subscribe-to-feature-flags-updates.js

@@ -1,10 +1,10 @@
 import r from "../managers/braze-instance.js";
-import nr from "./feature-flags-provider-factory.js";
+import ar from "./feature-flags-provider-factory.js";
 import { getAllFeatureFlags } from "./get-all-feature-flags.js";
 export function subscribeToFeatureFlagsUpdates(t) {
   if (!r.rr()) return;
-  const e = nr.o();
-  if (e._e()) {
+  const e = ar.o();
+  if (e.Ae()) {
     const r = getAllFeatureFlags();
     r && "function" == typeof t && t(r);
   }

package/src/InAppMessage/defer-in-app-message.js

@@ -8,6 +8,6 @@ export function deferInAppMessage(e) {
     return e instanceof ControlMessage
       ? (E.info("Not deferring since this is a ControlMessage."), !1)
       : e instanceof InAppMessage
-      ? se.ea().Ee(e)
+      ? se.ea().Ge(e)
       : (E.info("Not an instance of InAppMessage, ignoring."), !1);
 }

package/src/InAppMessage/display/html-message-to-html.js

@@ -18,7 +18,7 @@ export default function ct(t, e, o, s, n) {
         if (t.Oe()) {
           const e = document.createElement("style");
           (e.innerHTML = t.css || ""),
-            (e.id = t.Ge() || ""),
+            (e.id = t.He() || ""),
             null != n && e.setAttribute("nonce", n),
             l.appendChild(e);
         }
@@ -42,7 +42,7 @@ export default function ct(t, e, o, s, n) {
         },
       );
       if (
-        ((s.appboyBridge = r), (s.brazeBridge = r), t.He !== InAppMessage.Ke.Je)
+        ((s.appboyBridge = r), (s.brazeBridge = r), t.Je !== InAppMessage.Le.Ke)
       ) {
         const e = s.document.getElementsByTagName("a");
         for (let s = 0; s < e.length; s++) e[s].onclick = lt(t, i, e[s], o);
@@ -51,7 +51,7 @@ export default function ct(t, e, o, s, n) {
       }
       const c = s.document.body;
       if (null != c) {
-        t.Le() && (c.id = t.htmlId || "");
+        t.Pe() && (c.id = t.htmlId || "");
         const e = document.createElement("hidden");
         (e.onclick = r.closeMessage),
           (e.className = "ab-programmatic-close-button"),
@@ -67,8 +67,8 @@ export default function ct(t, e, o, s, n) {
   ) {
     const e = document.createElement("div");
     return (
-      (e.className = "ab-ios-scroll-wrapper"), e.appendChild(i), (t.Pe = e), e
+      (e.className = "ab-ios-scroll-wrapper"), e.appendChild(i), (t.Qe = e), e
     );
   }
-  return (t.Pe = i), i;
+  return (t.Qe = i), i;
 }