@braze/web-sdk 5.7.0 → 5.8.0

package/index.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definitions for @braze/web-sdk v5.7.0
+* Type definitions for @braze/web-sdk v5.8.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
@@ -2162,7 +2162,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.7/service-worker.js');
+ * self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.8/service-worker.js');
  * ```
  *
  * For more details, see [Our Product Documentation](https://www.braze.com/docs/developer_guide/platform_integration_guides/web/push_notifications/integration).
@@ -2475,7 +2475,7 @@ 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, 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 +2630,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.7/service-worker.js');` or by including the content
+   *   `self.importScripts('https://js.appboycdn.com/web-sdk-develop/5.8/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.7.0",
+  "version": "5.8.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 = {
-  On: function (t) {
+  Cn: function (t) {
     const r = (t + "=".repeat((4 - (t.length % 4)) % 4))
         .replace(/\-/g, "+")
         .replace(/_/g, "/"),

package/shared-lib/event-types.js

@@ -3,28 +3,28 @@ const d = {
     Pr: "p",
     gc: "pc",
     Ac: "ca",
-    Mu: "i",
-    Tu: "ie",
+    zu: "i",
+    Du: "ie",
     xt: "cci",
     $t: "ccic",
     lt: "ccc",
     dt: "ccd",
-    Kl: "ss",
-    Gl: "se",
+    Il: "ss",
+    Dl: "se",
     Ir: "si",
     Mr: "sc",
     Tr: "sbc",
     Mc: "sfe",
-    zo: "iec",
+    qo: "iec",
     fc: "lr",
     mc: "uae",
     yt: "ci",
     ut: "cc",
     wc: "lcaa",
     bc: "lcar",
-    Xn: "inc",
-    Jn: "add",
-    Qn: "rem",
+    Jn: "inc",
+    Mn: "add",
+    Yn: "rem",
     Hn: "set",
     Kn: "ncam",
     kc: "sgu",

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

@@ -180,7 +180,7 @@ export default class tt {
         });
     });
   }
-  jr(t, e, n) {
+  cr(t, e, n) {
     if (!this.isSupported()) return "function" == typeof n && n(), !1;
     const o = this;
     return this.Bd((i) => {
@@ -307,7 +307,7 @@ export default class tt {
     for (const e in this.database.Ks) {
       const n = e;
       this.database.Ks.hasOwnProperty(e) &&
-        this.database.Ks[n] !== this.database.Ks.ie &&
+        this.database.Ks[n] !== this.database.Ks.oe &&
         t.push(this.database.Ks[n]);
     }
     const e = this;
@@ -338,15 +338,15 @@ tt._s = {
     Sd: "AppboyServiceWorkerAsyncStorage",
     VERSION: 6,
     Ks: {
-      zu: "data",
-      hr: "pushClicks",
+      Su: "data",
+      jr: "pushClicks",
       cu: "pushSubscribed",
       Cd: "fallbackDevice",
       Hs: "cardUpdates",
-      ie: "optOut",
-      $r: "pendingData",
+      oe: "optOut",
+      kr: "pendingData",
       yh: "sdkAuthenticationSignature",
     },
-    oe: 1,
+    te: 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.7.0)";
+      const o = "Braze SDK Warning: " + n + " (v5.8.0)";
       null != N.vd ? N.vd(o) : console.warn(o);
     }
   },
   error: function (n) {
     if (N.zg) {
-      const o = "Braze SDK Error: " + n + " (v5.7.0)";
+      const o = "Braze SDK Error: " + n + " (v5.8.0)";
       null != N.vd ? N.vd(o) : console.error(o);
     }
   },

package/shared-lib/supported-options.js

@@ -1,28 +1,28 @@
 export default {
-  Oo: "allowCrawlerActivity",
-  Wo: "baseUrl",
-  Vo: "noCookies",
-  Ko: "devicePropertyAllowlist",
+  Wo: "allowCrawlerActivity",
+  Vo: "baseUrl",
+  Ko: "noCookies",
+  Yo: "devicePropertyAllowlist",
   Da: "disablePushTokenMaintenance",
-  Yo: "enableLogging",
-  Ho: "enableSdkAuthentication",
+  Xo: "enableLogging",
+  Zo: "enableSdkAuthentication",
   Ca: "manageServiceWorkerExternally",
-  Xo: "minimumIntervalBetweenTriggerActionsInSeconds",
-  Zo: "sessionTimeoutInSeconds",
-  Qo: "appVersion",
-  Wh: "appVersionNumber",
+  Qo: "minimumIntervalBetweenTriggerActionsInSeconds",
+  Wh: "sessionTimeoutInSeconds",
+  Vh: "appVersion",
+  $h: "appVersionNumber",
   _a: "serviceWorkerLocation",
   Ba: "safariWebsitePushId",
   Ea: "localization",
-  ir: "contentSecurityNonce",
-  er: "allowUserSuppliedJavascript",
-  Do: "inAppMessageZIndex",
-  To: "openInAppMessagesInNewTab",
+  er: "contentSecurityNonce",
+  re: "allowUserSuppliedJavascript",
+  To: "inAppMessageZIndex",
+  Fo: "openInAppMessagesInNewTab",
   en: "openNewsFeedCardsInNewTab",
   mh: "requireExplicitInAppMessageDismissal",
-  Vh: "doNotLoadFontAwesome",
-  $h: "deviceId",
+  Yh: "doNotLoadFontAwesome",
+  Xh: "deviceId",
   Aa: "serviceWorkerScope",
-  Yh: "sdkFlavor",
+  Zh: "sdkFlavor",
   tn: "openCardsInNewTab",
 };

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

@@ -1,12 +1,11 @@
-import { logger as N } from "../../shared-lib/index.js";
 import r from "../managers/braze-instance.js";
 import i from "./banner-provider-factory.js";
 import { getBannerIfNotExpired as v } from "./get-banner.js";
 export function getAllBanners() {
   if (!r.rr()) return;
   const n = {},
-    e = r.v();
-  if (e && !e.Ds()) return N.info("Banners are not enabled."), n;
+    t = r.v();
+  if (t && !t.Ds()) return n;
   const o = i.m().fs();
   for (const r in o) n[r] = v(o, r);
   return n;

package/src/Banner/get-banner.js

@@ -1,19 +1,19 @@
 import { logger as N } from "../../shared-lib/index.js";
 import r from "../managers/braze-instance.js";
 import i from "./banner-provider-factory.js";
-export function getBannerIfNotExpired(n, e) {
-  const r = n[e];
-  if (!r) return null;
-  const t = r.it,
-    a = new Date().valueOf();
-  return -1 !== t && 1e3 * t < a
-    ? (N.info(`Banner with ID: ${r.id} and placement ID: ${e} has expired.`),
+export function getBannerIfNotExpired(n, r) {
+  const e = n[r];
+  if (!e) return null;
+  const t = e.it,
+    o = new Date().valueOf();
+  return -1 !== t && 1e3 * t < o
+    ? (N.info(`Banner with ID: ${e.id} and placement ID: ${r} has expired.`),
       null)
-    : r;
+    : e;
 }
 export function getBanner(n) {
   if (!r.rr()) return;
-  const e = r.v();
-  if (e && !e.Ds()) return N.info("Banners are not enabled."), null;
-  return getBannerIfNotExpired(i.m().fs(), n);
+  const e = i.m();
+  if (!e.L()) return null;
+  return getBannerIfNotExpired(e.fs(), n);
 }

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

@@ -1,26 +1,34 @@
 import { logger as N } from "../../shared-lib/index.js";
 import { BRAZE_MUST_BE_INITIALIZED_ERROR as p } from "../common/constants.js";
-import r from "../managers/braze-instance.js";
-import { isArray as w } from "../util/code-utils.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";
 import i from "./banner-provider-factory.js";
-export function requestBannersRefresh(e, n, o) {
+export function requestBannersRefresh(e, n, t) {
   if (!r.rr()) return void N.warn(p);
-  const t = r.v();
-  if (!t) return void N.warn(p);
-  if (!t.Ds()) return void N.info("Banners are not enabled.");
-  if (!w(e) || 0 === e.length)
+  const s = r.v();
+  if (!s) return;
+  if (!z(e) || 0 === e.length)
     return void N.warn("placementIds should be a non-empty array.");
+  if (!r.ee(w.re))
+    return void N.error(
+      "Banners are disabled. Use the 'allowUserSuppliedJavascript' option for braze.initialize to enable these messages.",
+    );
+  const o = i.m();
   if (i.m().Rs())
     return void N.warn(
       "Banners can be refreshed only once per session per user.",
     );
-  const s = t.ee();
-  e.length > s &&
+  if (!s || !o.L())
+    return void s.A(() => {
+      requestBannersRefresh(e, n, t);
+    });
+  const a = s.ne();
+  e.length > a &&
     (N.warn(
-      `Number of placement IDs requested exceeds the max allowed. Trimming placementIds array from length ${e.length} to ${s} (max allowed).`,
+      `Number of placement IDs requested exceeds the max allowed. Trimming placementIds array from length ${e.length} to ${a} (max allowed).`,
     ),
-    (e = e.slice(0, s))),
+    (e = e.slice(0, a))),
     0 !==
       (e = e.filter(
         (e) =>
@@ -31,5 +39,5 @@ export function requestBannersRefresh(e, n, o) {
           !1),
       )).length &&
       (N.info(`Requesting banners for placement IDs: ${JSON.stringify(e)}`),
-      i.m().$(e, n, o));
+      i.m().$(e, n, t));
 }

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

@@ -2,22 +2,23 @@ import r from "../managers/braze-instance.js";
 import i from "./banner-provider-factory.js";
 import { getAllBanners } from "./get-all-banners.js";
 export function subscribeToBannersUpdates(n) {
+  var o;
   if (!r.rr()) return;
-  const o = i.m();
-  if (o.Is()) {
+  const t = i.m();
+  if (t.Is()) {
     const r = getAllBanners();
     r && "function" == typeof n && n(r);
   }
-  const t = o.qs(n);
-  if (!o.Cs()) {
-    const n = r.nn();
-    if (n) {
-      const r = n.rn(() => {
-        const n = o.ls();
-        n && n.length > 0 && o.$(n);
-      });
-      r && o.Ts(r);
-    }
+  const s = t.qs(n);
+  if (!t.Cs()) {
+    const n =
+      null === (o = r.nn()) || void 0 === o
+        ? void 0
+        : o.rn(() => {
+            const n = t.ls();
+            n && n.length > 0 && t.$(n);
+          });
+    n && t.Ts(n);
   }
-  return t;
+  return s;
 }

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

@@ -1,24 +1,26 @@
 import N from "../../../shared-lib/logger.js";
 import { SUBSCRIPTION_ID_DATA_ATTRIBUTE as f } from "../../common/constants.js";
-import r, { OPTIONS as z } from "../../managers/braze-instance.js";
+import r, { OPTIONS as w } from "../../managers/braze-instance.js";
 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 { subscribeToBannersUpdates } from "../subscribe-to-banners-updates.js";
-export function insertBanner(o, s) {
+export function insertBanner(o, e) {
   if (!r.rr()) return;
-  if (!o || !s) return void N.error("Banner or parentNode is not provided.");
-  if (!r.sr(z.er))
+  if (!o) return void N.error("Not inserting banner: banner was not provided.");
+  if (!e)
+    return void N.error("Not inserting banner: parentNode was not provided.");
+  if (!r.ee(w.re))
     return void N.error(
       "Banners are disabled. Use the 'allowUserSuppliedJavascript' option for braze.initialize to enable these messages.",
     );
   U();
-  const e = S(o, r.sr(z.ir)),
-    i = subscribeToBannersUpdates((i) => {
-      const t = i[o.placementId];
-      t ? s.replaceChildren(S(t, r.sr(z.ir))) : A(e);
+  const n = S(o, r.ee(w.er)),
+    s = subscribeToBannersUpdates((s) => {
+      const i = s[o.placementId];
+      i ? e.replaceChildren(S(i, r.ee(w.er))) : A(n);
     });
-  i && e.setAttribute(f, i), s.replaceChildren(e), J(window, "scroll", C), C();
+  s && n.setAttribute(f, s), e.replaceChildren(n), J(window, "scroll", C), C();
 }

package/src/Card/log-card-impressions.js

@@ -1,12 +1,12 @@
 import { Card } from "./models/index.js";
 import _ from "./card-manager-factory.js";
 import r from "../managers/braze-instance.js";
-import { isArray as w } from "../util/code-utils.js";
+import { isArray as z } from "../util/code-utils.js";
 import { MUST_BE_CARD_WARNING_SUFFIX as K } from "../common/constants.js";
 import { logger as N } from "../../shared-lib/index.js";
 export function logCardImpressions(o, n) {
   if (!r.rr()) return !1;
-  if (!w(o)) return N.error("cards must be an array"), !1;
+  if (!z(o)) return N.error("cards must be an array"), !1;
   for (const r of o)
     if (!(r instanceof Card)) return N.error(`Each card in cards ${K}`), !1;
   return _.ea().jt(o, n).ss;

package/src/ContentCards/content-cards-provider-factory.js

@@ -6,7 +6,7 @@ const W = {
   m: () => (
     W.p(),
     W.provider ||
-      ((W.provider = new Q(r.tr(), r.j(), r.v(), r.nr(), r.g())),
+      ((W.provider = new Q(r.ir(), r.j(), r.v(), r.tr(), r.g())),
       r._(W.provider)),
     W.provider
   ),

package/src/ContentCards/content-cards.js

@@ -14,11 +14,11 @@ export default class ContentCards extends rr {
   logCardClick(r) {
     return logCardClick(r, !0);
   }
-  dr() {
+  sr() {
     requestContentCardsRefresh();
   }
-  ur() {
+  nr() {
     return !0;
   }
 }
-ContentCards.ar = 6e4;
+ContentCards.dr = 6e4;

package/src/ContentCards/ui/show-content-cards.js

@@ -1,4 +1,4 @@
-import r, { OPTIONS as z } from "../../managers/braze-instance.js";
+import r, { OPTIONS as w } from "../../managers/braze-instance.js";
 import { ContentCards, subscribeToContentCardsUpdates } from "../index.js";
 import W from "../content-cards-provider-factory.js";
 import {
@@ -18,17 +18,17 @@ export function showContentCards(n, t) {
   fn();
   let e = !1;
   null == n && ((n = document.body), (e = !0));
-  const o = r.sr(z.tn) || r.sr(z.en) || !1,
+  const o = r.ee(w.tn) || r.ee(w.en) || !1,
     i = W.m().Ri(!1);
   "function" == typeof t && an(i, t(i.cards.slice()), i.lastUpdated, null, o);
   const a = tn(i, o, e),
     s = W.m(),
     f = s.Zs();
   (null == i.lastUpdated ||
-    new Date().valueOf() - i.lastUpdated.valueOf() > ContentCards.ar) &&
-    (null == f || new Date().valueOf() - f > ContentCards.ar) &&
+    new Date().valueOf() - i.lastUpdated.valueOf() > ContentCards.dr) &&
+    (null == f || new Date().valueOf() - f > ContentCards.dr) &&
     (N.info(
-      `Cached content cards were older than max TTL of ${ContentCards.ar} ms, requesting an update from the server.`,
+      `Cached content cards were older than max TTL of ${ContentCards.dr} ms, requesting an update from the server.`,
     ),
     on(i, a),
     s.fi(new Date().valueOf()));

package/src/Core/add-sdk-metadata.js

@@ -1,7 +1,7 @@
 import aa from "../managers/braze-instance.js";
 import BrazeSdkMetadata from "./braze-sdk-metadata.js";
 import {
-  isArray as w,
+  isArray as z,
   validateValueIsFromEnum as ta,
 } from "../util/code-utils.js";
 import { logger as N } from "../../shared-lib/index.js";
@@ -9,7 +9,7 @@ export function addSdkMetadata(a) {
   if (!aa.rr()) return;
   const t = aa.g();
   if (t) {
-    if (!w(a))
+    if (!z(a))
       return (
         N.error("Cannot set SDK metadata because metadata is not an array."), !1
       );

package/src/Core/change-user.js

@@ -7,11 +7,11 @@ export function changeUser(e, i) {
   if (!r.rr()) return;
   if (null == e || 0 === e.length || e != e)
     return void N.error("changeUser requires a non-empty userId.");
-  if (er(e) > User.mr)
+  if (er(e) > User.ur)
     return void N.error(
-      `Rejected user id "${e}" because it is longer than ${User.mr} bytes.`,
+      `Rejected user id "${e}" because it is longer than ${User.ur} bytes.`,
     );
   if (null != i && !ir(i, "set signature for new user", "signature")) return;
   const t = r.nn();
-  t && t.changeUser(e.toString(), r.lr(), i);
+  t && t.changeUser(e.toString(), r.ar(), i);
 }

package/src/Core/disable-sdk.js

@@ -4,12 +4,12 @@ import ne, { STORAGE_KEYS as t } from "../managers/storage-manager.js";
 export function disableSDK() {
   const e = r.nn();
   e && e.requestImmediateDataFlush();
-  const n = new ne.ne(null, !0),
-    s = "This-cookie-will-expire-in-" + n.se();
-  n.store(t.ae, s);
+  const n = new ne.se(null, !0),
+    s = "This-cookie-will-expire-in-" + n.ae();
+  n.store(t.ie, s);
   const a = tt._s.Xs;
-  new tt(a, N).setItem(a.Ks.ie, a.oe, !0),
+  new tt(a, N).setItem(a.Ks.oe, a.te, !0),
     N.info("disableSDK was called"),
     r.destroy(!1),
-    r.re(!0);
+    r.le(!0);
 }

package/src/Core/enable-sdk.js

@@ -2,10 +2,10 @@ import r from "../managers/braze-instance.js";
 import { logger as N, IndexedDBAdapter as tt } from "../../shared-lib/index.js";
 import ne, { STORAGE_KEYS as t } from "../managers/storage-manager.js";
 export function enableSDK() {
-  new ne.ne(null, !0).remove(t.ae);
+  new ne.se(null, !0).remove(t.ie);
   const e = tt._s.Xs;
-  new tt(e, N).me(e.Ks.ie, e.oe),
+  new tt(e, N).me(e.Ks.oe, e.te),
     N.info("enableSDK was called"),
     r.destroy(!1),
-    r.re(!1);
+    r.le(!1);
 }

package/src/Core/get-device-id.js

@@ -2,9 +2,9 @@ import r from "../managers/braze-instance.js";
 import { logger as N } from "../../shared-lib/index.js";
 export function getDeviceId(e) {
   if (!r.rr()) return;
-  const t = r.te();
+  const t = r.ce();
   if (!t) return;
-  const i = t.ce().id;
+  const i = t.de().id;
   if ("function" != typeof e) return i;
   N.warn(
     "The callback for getDeviceId is deprecated. You can access its return value directly instead (e.g. `const id = braze.getDeviceId()`)",

package/src/Core/get-user.js

@@ -1,4 +1,4 @@
 import r from "../managers/braze-instance.js";
 export function getUser() {
-  if (r.rr()) return r.cr();
+  if (r.rr()) return r.mr();
 }

package/src/Core/is-disabled.js

@@ -1,4 +1,4 @@
 import ne, { STORAGE_KEYS as t } from "../managers/storage-manager.js";
 export function isDisabled() {
-  return !!new ne.ne(null, !0).gr(t.ae);
+  return !!new ne.se(null, !0).gr(t.ie);
 }

package/src/Core/open-session.js

@@ -9,17 +9,17 @@ export function openSession() {
   i.openSession();
   const t = tt._s.Xs,
     o = new tt(t, N);
-  o.jr(t.Ks.hr, (r, n) => {
+  o.cr(t.Ks.jr, (r, n) => {
     const e = n.lastClick,
       s = n.trackingString;
     N.info(`Firing push click trigger from ${s} push click at ${e}`);
-    const c = i.br(e, s),
+    const c = i.lr(e, s),
       g = function () {
-        ot.m().ue(et.kr, [s], c);
+        ot.m().ue(et.hr, [s], c);
       };
-    i.vr(g, g), o.me(t.Ks.hr, r);
+    i.br(g, g), o.me(t.Ks.jr, r);
   }),
-    o.Gs(t.Ks.$r, function (r) {
-      i.wr(r);
+    o.Gs(t.Ks.kr, function (r) {
+      i.vr(r);
     });
 }

package/src/Core/wipe-data.js

@@ -12,5 +12,5 @@ export function wipeData() {
       r = tt._s[n];
     new tt(r, N).clearData();
   }
-  if (r.rr()) for (const o of r.lr()) o.clearData(!0);
+  if (r.rr()) for (const o of r.ar()) o.clearData(!0);
 }

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

@@ -1,22 +1,22 @@
 import { logger as N } from "../../shared-lib/index.js";
 import FeatureFlag from "./feature-flag.js";
 export function newFeatureFlagFromJson(e) {
-  if (e[FeatureFlag.li.Et] && "boolean" == typeof e[FeatureFlag.li.le])
+  if (e[FeatureFlag.li.Et] && "boolean" == typeof e[FeatureFlag.li.pe])
     return new FeatureFlag(
       e[FeatureFlag.li.Et],
-      e[FeatureFlag.li.le],
       e[FeatureFlag.li.pe],
       e[FeatureFlag.li.Fe],
+      e[FeatureFlag.li.be],
     );
   N.info(`Unable to create feature flag from ${JSON.stringify(e, null, 2)}`);
 }
 export function newFeatureFlagFromSerializedValue(e) {
-  if (e[FeatureFlag.qt.Et] && "boolean" == typeof e[FeatureFlag.qt.le])
+  if (e[FeatureFlag.qt.Et] && "boolean" == typeof e[FeatureFlag.qt.pe])
     return new FeatureFlag(
       e[FeatureFlag.qt.Et],
-      e[FeatureFlag.qt.le],
       e[FeatureFlag.qt.pe],
       e[FeatureFlag.qt.Fe],
+      e[FeatureFlag.qt.be],
     );
   N.info(
     `Unable to deserialize feature flag from ${JSON.stringify(e, null, 2)}`,