@braze/web-sdk 5.8.1 → 5.9.0

package/index.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definitions for @braze/web-sdk v5.8.1
+* Type definitions for @braze/web-sdk v5.9.0
 * Project: https://github.com/braze-inc/braze-web-sdk
 * (c) Braze, Inc. 2025 - http://braze.com
 * License available at https://github.com/braze-inc/braze-web-sdk/blob/master/LICENSE
@@ -58,7 +58,8 @@ export class DeviceProperties {
 
 /**
  * Abstract base for news feed and Content Cards cards. Use subclasses `ClassicCard`, `CaptionedImage`,
- *   `ImageOnly`, and `ControlCard`.
+ *   `ImageOnly`, and `ControlCard`. For example, you can check `if (card instanceof ClassicCard)` to
+ *   determine if the card is of the type `ClassicCard`.
  */
 export class Card {
   /**
@@ -517,7 +518,8 @@ type CropType =
 
 /**
  *  Abstract base for in-app messages. Use subclasses `SlideUpMessage`,
- *    `ModalMessage`, `FullScreenMessage`, and `HtmlMessage`.
+ *    `ModalMessage`, `FullScreenMessage`, and `HtmlMessage`. For example, you can check `if (message instanceof FullScreenMessage)` to
+ *   determine if the message is of the type `FullScreenMessage`.
  */
 export class InAppMessage {
   static SlideFrom: {
@@ -1446,7 +1448,7 @@ export class User {
   /**
    * Sets the LINE user ID for the user.
    *
-   * @param lineId - Must be a non-empty string no greater than 33 characters in length. 
+   * @param lineId - Must be a non-empty string no greater than 33 characters in length.
    *   Accepts an explicit null value to null out attribute.
    *
    * @returns Whether the update was successfully enqueued.
@@ -2162,7 +2164,7 @@ export function openSession(): void;
  * - Create a `service-worker.js` file with the content below and place it in the root directory of your website:
  *
  * ```
- * self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.8/service-worker.js');
+ * self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.9/service-worker.js');
  * ```
  *
  * For more details, see [Our Product Documentation](https://www.braze.com/docs/developer_guide/platform_integration_guides/web/push_notifications/integration).
@@ -2402,8 +2404,8 @@ export function handleBrazeAction(
  * Gets a feature flag by its ID.
  *
  * @param id - The ID of the feature flag.
- * @returns - An object of type `FeatureFlag`, if feature flag with given ID exists. The method returns null if feature flag does not exist,
- *    or if feature flags are disabled. Returns undefined if the SDK has not been initialized.
+ * @returns - An object of type `FeatureFlag`, if feature flag with given ID is enabled or explicitly disabled via experiment or canvas.
+ * The method returns `null` if feature flag is not rolled out to the user or does not exist, or returns `undefined` if the SDK has not been initialized.
  */
 export function getFeatureFlag(id: string): FeatureFlag | null | undefined;
 
@@ -2475,7 +2477,10 @@ export function getBanner(placementId: string): Banner | null | undefined;
  * @param banner - The `Banner` to insert onto the page.
  * @param parentNode - The HTML element to render the banner into.
  */
-export function insertBanner(banner: Banner | null | undefined, parentNode: HTMLElement): void;
+export function insertBanner(
+  banner: Banner | null | undefined,
+  parentNode: HTMLElement,
+): void;
 
 /**
  * Logs that the user clicked the given banner. This should generally be called through the Braze JavaScript bridge
@@ -2630,7 +2635,7 @@ export type InitializationOptions = {
    *   lifecycle of, set this option to true and the Braze SDK will not register or unregister a service worker. If you set this
    *   option to true, in order for push to function correctly you must register the service worker yourself BEFORE calling
    *   `requestPushPermission`, and ensure that it contains Braze's service worker code, either with
-   *   `self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.8/service-worker.js');` or by including the content
+   *   `self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.9/service-worker.js');` or by including the content
    *   of that file directly. When this option is true, the `serviceWorkerLocation` option is irrelevant and is ignored.
    */
   manageServiceWorkerExternally?: boolean;

package/package.json

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

package/shared-lib/encoding-utils.js

@@ -1,5 +1,5 @@
 const ei = {
-  Vn: function (t) {
+  qn: function (t) {
     const r = (t + "=".repeat((4 - (t.length % 4)) % 4))
         .replace(/\-/g, "+")
         .replace(/_/g, "/"),

package/shared-lib/event-types.js

@@ -1,33 +1,33 @@
 const d = {
     CustomEvent: "ce",
     Pr: "p",
-    fc: "pc",
+    bc: "pc",
     Ac: "ca",
-    Cu: "i",
-    bu: "ie",
-    ss: "cci",
-    os: "ccic",
+    Su: "i",
+    qu: "ie",
+    ts: "cci",
+    rs: "ccic",
     Mt: "ccc",
     Wt: "ccd",
-    Bl: "ss",
+    Fl: "ss",
     Dl: "se",
-    Li: "si",
-    Qi: "sc",
-    Vi: "sbc",
+    Ki: "si",
+    Li: "sc",
+    Qi: "sbc",
     Mc: "sfe",
-    Eo: "iec",
-    mc: "lr",
-    dc: "uae",
-    ns: "ci",
+    Do: "iec",
+    vc: "lr",
+    fc: "uae",
+    ss: "ci",
     Ot: "cc",
-    wc: "lcaa",
-    bc: "lcar",
-    Gn: "inc",
-    Rn: "add",
-    On: "rem",
+    yc: "lcaa",
+    kc: "lcar",
+    Hn: "inc",
+    On: "add",
+    Gn: "rem",
     $n: "set",
     Bn: "ncam",
-    kc: "sgu",
+    jc: "sgu",
     yr: "ffi",
     ro: "bi",
     ct: "bc",

package/shared-lib/guid.js

@@ -1,4 +1,4 @@
-const G = {
+const K = {
   ce: function () {
     const t = (t = !1) => {
       const n = (Math.random().toString(16) + "000000000").substr(2, 8);
@@ -7,4 +7,4 @@ const G = {
     return t() + t(!0) + t(!0) + t();
   },
 };
-export default G;
+export default K;

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

@@ -1,4 +1,4 @@
-export default class tt {
+export default class st {
   constructor(t, e) {
     (this.database = t),
       (this.vd = e),
@@ -333,7 +333,7 @@ export default class tt {
     });
   }
 }
-tt.Ls = {
+st.Ls = {
   Fs: {
     Sd: "AppboyServiceWorkerAsyncStorage",
     VERSION: 6,
@@ -345,7 +345,7 @@ tt.Ls = {
       Js: "cardUpdates",
       pe: "optOut",
       kr: "pendingData",
-      qh: "sdkAuthenticationSignature",
+      yh: "sdkAuthenticationSignature",
     },
     be: 1,
   },

package/shared-lib/logger.js

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

package/shared-lib/supported-options.js

@@ -4,25 +4,25 @@ export default {
   Wh: "noCookies",
   Vh: "devicePropertyAllowlist",
   Da: "disablePushTokenMaintenance",
-  Kh: "enableLogging",
-  $h: "enableSdkAuthentication",
+  $h: "enableLogging",
+  Yh: "enableSdkAuthentication",
   Ca: "manageServiceWorkerExternally",
-  Yh: "minimumIntervalBetweenTriggerActionsInSeconds",
-  Xh: "sessionTimeoutInSeconds",
-  Zh: "appVersion",
-  Qh: "appVersionNumber",
+  Xh: "minimumIntervalBetweenTriggerActionsInSeconds",
+  Zh: "sessionTimeoutInSeconds",
+  Qh: "appVersion",
+  Ea: "appVersionNumber",
   _a: "serviceWorkerLocation",
   Ba: "safariWebsitePushId",
-  Xn: "localization",
+  Zn: "localization",
   er: "contentSecurityNonce",
   re: "allowUserSuppliedJavascript",
-  No: "inAppMessageZIndex",
+  Go: "inAppMessageZIndex",
   Ko: "openInAppMessagesInNewTab",
   en: "openNewsFeedCardsInNewTab",
   mh: "requireExplicitInAppMessageDismissal",
-  Ea: "doNotLoadFontAwesome",
-  Ia: "deviceId",
+  Ia: "doNotLoadFontAwesome",
+  Na: "deviceId",
   Aa: "serviceWorkerScope",
-  Na: "sdkFlavor",
+  Oa: "sdkFlavor",
   tn: "openCardsInNewTab",
 };

package/src/Banner/banner-provider.js

@@ -26,10 +26,10 @@ export default class e extends t {
       (this.R = 10),
       (this.I = null),
       (this.q = null),
-      (this.F = new u()),
-      r.N(this.F),
-      (this.k = null),
-      (this.D = null);
+      (this.D = new u()),
+      r.F(this.D),
+      (this.N = null),
+      (this.k = null);
   }
   U(t) {
     if (this.L() && null != t && t.banners) {
@@ -41,7 +41,7 @@ export default class e extends t {
         null != i && null != i.banner && (e = n(i.banner)),
           e && (this.banners[t] = e);
       }
-      this.M(), this.F.X(this.banners);
+      this.M(), this.D.X(this.banners);
     }
   }
   $(t, s, i, e = !0) {
@@ -87,7 +87,7 @@ export default class e extends t {
             },
             nt: (e, r) => {
               let o;
-              if (((this.D = t), m)) {
+              if (((this.k = t), m)) {
                 let t = this.I;
                 (null == t || t < 1e3 * this.R) && (t = 1e3 * this.R),
                   (o = Math.min(3e5, a(1e3 * this.R, 3 * t)));
@@ -110,7 +110,7 @@ export default class e extends t {
     );
   }
   ht() {
-    return this.D;
+    return this.k;
   }
   lt(t, s) {
     const i = { id: t.id };
@@ -158,10 +158,10 @@ export default class e extends t {
     );
   }
   Ct() {
-    return this.k;
+    return this.N;
   }
   Tt(t) {
-    this.k = t;
+    this.N = t;
   }
   Rt() {
     var t;
@@ -176,26 +176,29 @@ export default class e extends t {
     return null == i || s === i;
   }
   qt(t) {
-    return this.F.Ft(t);
+    return this.D.Dt(t);
   }
-  Nt() {
+  Ft() {
     var t;
     return (
-      (null === (t = this.C) || void 0 === t ? void 0 : t.ft(s.gt.kt)) || {}
+      (null === (t = this.C) || void 0 === t ? void 0 : t.ft(s.gt.Nt)) || {}
     );
   }
-  xt(t) {
-    this.C && this.C.Bt(s.gt.kt, t);
+  kt(t) {
+    this.C && this.C.Bt(s.gt.Nt, t);
   }
   changeUser() {
-    this.zt();
+    this.xt(), this.G();
+  }
+  clearData() {
+    this.G();
   }
   L() {
-    return !!this.B && (!!this.B.Dt() || (0 !== this.B.Et() && this.zt(), !1));
+    return !!this.B && (!!this.B.zt() || (0 !== this.B.Et() && this.xt(), !1));
   }
-  zt() {
+  xt() {
     (this.banners = {}),
-      this.C && (this.C.Ut(s.gt.vt), this.C.Ut(s.gt.kt)),
-      this.F.X({});
+      this.C && (this.C.Ut(s.gt.vt), this.C.Ut(s.gt.Nt)),
+      this.D.X({});
   }
 }

package/src/Banner/display/banner-to-html.js

@@ -9,49 +9,54 @@ import { logBannerClick } from "../log-banner-click.js";
 export const BANNER_PLACEMENT_ID = "data-ab-banner-placement-id";
 export const BANNER_HTML_CLASS = "ab-html-banner";
 export const CONTROL_BANNER_HTML_CLASS = "ab-html-control-banner";
-export function controlBannerToHtml(t) {
-  const n = document.createElement("div");
+export function controlBannerToHtml(n) {
+  const t = document.createElement("div");
   return (
-    (n.id = t.id),
-    (n.className = "ab-html-control-banner"),
-    n.setAttribute(BANNER_PLACEMENT_ID, t.placementId),
-    n
+    (t.id = n.id),
+    (t.className = "ab-html-control-banner"),
+    t.setAttribute(BANNER_PLACEMENT_ID, n.placementId),
+    t
   );
 }
-export function bannerToHtml(t, n) {
-  if (t.Jt()) return controlBannerToHtml(t);
-  const o = document.createElement("iframe");
+export function bannerToHtml(n, t) {
+  if (n.Jt()) return controlBannerToHtml(n);
+  const e = document.createElement("iframe");
   return (
-    (o.id = t.id),
-    n && o.setAttribute("nonce", n),
-    (o.className = "ab-html-banner"),
-    o.setAttribute(BANNER_PLACEMENT_ID, t.placementId),
-    o.setAttribute("title", "Banner"),
-    m(o, t.html, n),
-    (o.onload = () => {
-      const n = o.contentWindow,
-        e = n.document.getElementsByTagName("title");
-      e && e.length > 0 && o.setAttribute("title", e[0].textContent || "");
+    (e.id = n.id),
+    t && e.setAttribute("nonce", t),
+    (e.className = "ab-html-banner"),
+    e.setAttribute(BANNER_PLACEMENT_ID, n.placementId),
+    e.setAttribute("title", "Banner"),
+    m(e, n.html, t),
+    (e.onload = () => {
+      const t = e.contentWindow,
+        o = t.document.getElementsByTagName("title");
+      o && o.length > 0 && e.setAttribute("title", o[0].textContent || "");
       const a = Object.assign(
         Object.assign(
           {},
-          b(o, () => {
-            import("../../Feed/ui/show-feed.js").then((t) => {
-              r._t() ? t.showFeed() : N.error(p);
+          b(e, () => {
+            import("../../Feed/ui/show-feed.js").then((n) => {
+              r.nn() ? n.showFeed() : N.error(p);
             });
           }),
         ),
         {
           logClick: function () {
-            logBannerClick(t, ...arguments);
+            logBannerClick(n, ...arguments);
           },
           closeMessage: function () {},
+          setBannerHeight: (n) => {
+            isNaN(n) || !isFinite(n) || n < 0
+              ? N.warn(`Invalid banner height: ${n}`)
+              : (e.style.height = `${n}px`);
+          },
         },
       );
-      (n.brazeBridge = a),
-        (n.appboyBridge = a),
-        n.dispatchEvent(new CustomEvent("ab.BridgeReady"));
+      (t.brazeBridge = a),
+        (t.appboyBridge = a),
+        t.dispatchEvent(new CustomEvent("ab.BridgeReady"));
     }),
-    o
+    e
   );
 }

package/src/Banner/get-all-banners.js

@@ -1,12 +1,18 @@
+import { logger as N } from "../../shared-lib/index.js";
+import { BANNERS_DISABLED_MESSAGE as v } from "../common/constants.js";
 import r from "../managers/braze-instance.js";
 import i from "./banner-provider-factory.js";
-import { getBannerIfNotExpired as v } from "./get-banner.js";
+import { getBannerIfNotExpired as y } from "./get-banner.js";
 export function getAllBanners() {
   if (!r.rr()) return;
   const n = {},
-    t = r.v();
-  if (t && !t.Dt()) return n;
-  const o = i.m().dt();
-  for (const r in o) n[r] = v(o, r);
+    o = r.v();
+  if (
+    (!1 === (null == o ? void 0 : o.zt()) && N.error(v),
+    !(null == o ? void 0 : o.zt()))
+  )
+    return n;
+  const t = i.m().dt();
+  for (const r in t) n[r] = y(t, r);
   return n;
 }

package/src/Banner/get-banner.js

@@ -1,4 +1,5 @@
 import { logger as N } from "../../shared-lib/index.js";
+import { BANNERS_DISABLED_MESSAGE as v } from "../common/constants.js";
 import r from "../managers/braze-instance.js";
 import i from "./banner-provider-factory.js";
 export function getBannerIfNotExpired(n, r) {
@@ -12,8 +13,10 @@ export function getBannerIfNotExpired(n, r) {
     : e;
 }
 export function getBanner(n) {
+  var e;
   if (!r.rr()) return;
-  const e = i.m();
-  if (!e.L()) return null;
-  return getBannerIfNotExpired(e.dt(), n);
+  !1 === (null === (e = r.v()) || void 0 === e ? void 0 : e.zt()) && N.error(v);
+  const t = i.m();
+  if (!t.L()) return null;
+  return getBannerIfNotExpired(t.dt(), n);
 }

package/src/Banner/log-banner-click.js

@@ -2,7 +2,7 @@ import r from "../managers/braze-instance.js";
 import Banner from "./banner.js";
 import { logger as N } from "../../shared-lib/index.js";
 import i from "./banner-provider-factory.js";
-import { keys as y } from "../util/code-utils.js";
+import { keys as C } from "../util/code-utils.js";
 export function logBannerClick(n, o) {
   if (!r.rr()) return;
   if (!(n instanceof Banner))
@@ -11,7 +11,7 @@ export function logBannerClick(n, o) {
     );
   const e = i.m(),
     t = e.dt();
-  return 0 === y(t).length
+  return 0 === C(t).length
     ? (N.info("Not logging banner click. No banners exist."), !1)
     : t[n.placementId]
     ? e.lt(n, o)

package/src/Banner/log-banner-impressions.js

@@ -1,16 +1,16 @@
 import { logger as N, EventTypes as d } from "../../shared-lib/index.js";
 import c from "../common/event-logger.js";
 import r from "../managers/braze-instance.js";
-import { keys as y } from "../util/code-utils.js";
+import { keys as C } from "../util/code-utils.js";
 import i from "./banner-provider-factory.js";
 export function logBannerImpressions(o) {
   if (!r.rr()) return;
   if (!o || o.length <= 0) return !1;
   const n = i.m(),
     s = n.dt();
-  if (0 === y(s).length)
+  if (0 === C(s).length)
     return N.info("Not logging banners impression. No banners exist."), !1;
-  const e = n.Nt(),
+  const e = n.Ft(),
     t = [];
   for (const r of o) {
     const o = s[r];
@@ -25,7 +25,7 @@ export function logBannerImpressions(o) {
         );
   }
   if (0 === t.length) return !1;
-  n.xt(e);
+  n.kt(e);
   const a = { ids: t };
   return c.ut(d.ro, a).tt;
 }

package/src/Banner/request-banners-refresh.js

@@ -1,5 +1,8 @@
 import { logger as N } from "../../shared-lib/index.js";
-import { BRAZE_MUST_BE_INITIALIZED_ERROR as p } from "../common/constants.js";
+import {
+  BANNERS_DISABLED_MESSAGE as v,
+  BRAZE_MUST_BE_INITIALIZED_ERROR as p,
+} from "../common/constants.js";
 import r, { OPTIONS as w } from "../managers/braze-instance.js";
 import { isArray as z } from "../util/code-utils.js";
 import { isValidBannerPlacementId as D } from "../util/validation-utils.js";
@@ -19,7 +22,7 @@ export function requestBannersRefresh(e, n, t) {
     return void N.warn(
       "Banners can be refreshed only once per session per user.",
     );
-  if (!s || !o.L())
+  if ((!1 === s.zt() && N.error(v), !o.L()))
     return void s.A(() => {
       requestBannersRefresh(e, n, t);
     });

package/src/Banner/subscribe-to-banners-updates.js

@@ -12,9 +12,9 @@ export function subscribeToBannersUpdates(n) {
   const s = t.qt(n);
   if (!t.Ct()) {
     const n =
-      null === (o = r.nn()) || void 0 === o
+      null === (o = r.rn()) || void 0 === o
         ? void 0
-        : o.rn(() => {
+        : o.on(() => {
             const n = t.ht();
             n && n.length > 0 && t.$(n);
           });

package/src/Banner/ui/insert-banner.js

@@ -5,7 +5,7 @@ import { setupBannerUI as U } from "../../ui/js/banner-css.js";
 import { addPassiveEventListener as J } from "../../util/dom-utils.js";
 import { bannerToHtml as S } from "../display/banner-to-html.js";
 import { destroyBannerHtml as A } from "../display/destroy-banner-html.js";
-import { detectBannerImpressions as C } from "../display/detect-banner-impressions.js";
+import { detectBannerImpressions as E } from "../display/detect-banner-impressions.js";
 import { subscribeToBannersUpdates } from "../subscribe-to-banners-updates.js";
 export function insertBanner(o, e) {
   if (!r.rr()) return;
@@ -22,5 +22,5 @@ export function insertBanner(o, e) {
       const i = s[o.placementId];
       i ? e.replaceChildren(S(i, r.ee(w.er))) : A(n);
     });
-  s && n.setAttribute(f, s), e.replaceChildren(n), J(window, "scroll", C), C();
+  s && n.setAttribute(f, s), e.replaceChildren(n), J(window, "scroll", E), E();
 }

package/src/Card/card-manager.js

@@ -1,6 +1,6 @@
 import { ControlCard } from "./models/index.js";
 import c from "../common/event-logger.js";
-import E from "../models/request-result.js";
+import F from "../models/request-result.js";
 import { logger as N, EventTypes as d } from "../../shared-lib/index.js";
 import { STORAGE_KEYS as s } from "../managers/storage-manager.js";
 export default class M {
@@ -8,7 +8,7 @@ export default class M {
     (this.C = t), (this.C = t);
   }
   logClick(t, n) {
-    const r = new E();
+    const r = new F();
     if ((t.$t(), null == t.url || "" === t.url))
       return (
         N.info(`Card ${t.id} has no url. Not logging click to Braze servers.`),
@@ -24,7 +24,7 @@ export default class M {
     return c.ut(o, i);
   }
   Pt(t) {
-    const n = new E();
+    const n = new F();
     if (!t.Qt())
       return (
         N.info(
@@ -40,13 +40,13 @@ export default class M {
     return null == r ? n : c.ut(d.Wt, r);
   }
   Xt(t, n) {
-    const r = new E(!0),
+    const r = new F(!0),
       i = [],
       o = [];
     let e = {};
     this.C && (e = n ? this.C.ft(s.gt.Yt) || {} : this.C.ft(s.gt.Zt) || {});
     for (const s of t) {
-      s.ts()
+      s._t()
         ? (s instanceof ControlCard ? o.push(s) : i.push(s),
           s.id && (e[s.id] = !0))
         : N.info(
@@ -59,13 +59,13 @@ export default class M {
     if (
       (this.C && (n ? this.C.Bt(s.gt.Yt, e) : this.C.Bt(s.gt.Zt, e)), null != l)
     ) {
-      const t = n ? d.ss : d.ns,
+      const t = n ? d.ts : d.ss,
         s = c.ut(t, l);
-      r.rs(s);
+      r.ns(s);
     }
     if (null != a && n) {
-      const t = c.ut(d.os, a);
-      r.rs(t);
+      const t = c.ut(d.rs, a);
+      r.ns(t);
     }
     return r;
   }

package/src/Card/display/card-display.js

@@ -1,8 +1,8 @@
 import { createCloseButton as T } from "../../util/component-utils.js";
 import { detectSwipe as H, DIRECTIONS as R } from "../../util/dom-utils.js";
-import { _handleBrazeAction as F } from "../../Core/handle-braze-action.js";
+import { _handleBrazeAction as G } from "../../Core/handle-braze-action.js";
 import { logCardDismissal } from "../index.js";
-import { Guid as G } from "../../../shared-lib/index.js";
+import { Guid as K } from "../../../shared-lib/index.js";
 export function markCardAsRead(t) {
   if (null != t) {
     const e = t.querySelectorAll(".ab-unread-indicator")[0];
@@ -38,7 +38,7 @@ export function cardToHtml(t, logCardClick, e, o = "ltr") {
   let i = "",
     n = !1;
   t.url && "" !== t.url && ((i = t.url), (n = !0));
-  const d = (o) => (markCardAsRead(a), n && (logCardClick(t), F(i, e, o)), !1);
+  const d = (o) => (markCardAsRead(a), n && (logCardClick(t), G(i, e, o)), !1);
   if (t.pinned) {
     const t = document.createElement("div");
     t.className = "ab-pinned-indicator";
@@ -84,7 +84,7 @@ export function cardToHtml(t, logCardClick, e, o = "ltr") {
     const t = document.createElement("h1");
     if (
       ((t.className = "ab-title"),
-      (t.id = G.ce()),
+      (t.id = K.ce()),
       a.setAttribute("aria-labelledby", t.id),
       n)
     ) {
@@ -99,7 +99,7 @@ export function cardToHtml(t, logCardClick, e, o = "ltr") {
   const m = document.createElement("div");
   if (
     ((m.className = s ? "ab-description" : "ab-description ab-no-title"),
-    (m.id = G.ce()),
+    (m.id = K.ce()),
     a.setAttribute("aria-describedby", m.id),
     t.description && m.appendChild(document.createTextNode(t.description)),
     n)