@streamlayer/react 1.14.8 → 1.15.1

package/lib/classic/es/masters2.js

@@ -1,7 +1,7 @@
 import { jsx as s, jsxs as h, Fragment as x } from "react/jsx-runtime";
-import { s as c, m as Y, a as m, A as N, i as V, F as a2, n as l2, o as d2, p as c2, q as p2, g as C2, H as u2, r as m2, t as f2, v as h2, x as j, w as P, l as y, k as X, I as g2, y as v2, B as E2, e as L2, N as w, C as M, D as S2, E as _2, G as T2, R as N2, J as b, K as z, L as J, M as e2, c as F, O as I2, Q as b2, S as R2, T as y2, U as A2 } from "./provider.js";
-import { useRef as I, useState as _, useEffect as v, createContext as k2, useContext as n2, lazy as w2, useMemo as A, Suspense as x2, forwardRef as D2, useLayoutEffect as F2, useCallback as $, Component as O2 } from "react";
-import { e as B2 } from "./index2.js";
+import { s as c, m as Y, a as m, A as N, i as V, F as a2, n as l2, o as d2, p as c2, q as p2, g as C2, H as u2, r as m2, t as f2, v as h2, x as j, w as P, l as A, k as X, I as g2, y as v2, B as E2, e as L2, N as w, C as M, D as S2, E as _2, G as T2, R as N2, J as b, K as z, L as J, M as e2, c as F, O as I2, Q as b2, S as R2, T as A2, U as y2 } from "./provider.js";
+import { useRef as I, useState as _, useEffect as v, createContext as k2, useContext as n2, lazy as w2, useMemo as y, Suspense as x2, forwardRef as D2, useLayoutEffect as F2, useCallback as $, Component as O2 } from "react";
+import { n as B2 } from "./index2.js";
 import { Q as V2, S as k } from "./useStreamLayerApp2.js";
 const $2 = /* @__PURE__ */ c("div")({
   name: "SDKContainer",
@@ -215,7 +215,7 @@ const $2 = /* @__PURE__ */ c("div")({
     })
   });
 }, o0 = w2(() => import("./gamification-feature2.js")), r0 = ({ sdk: n, feature: e, className: t }) => {
-  const i = A(() => e && e.featureConfig.get().type === k.GAMES ? /* @__PURE__ */ s(Q2, { className: t, sdk: n, feature: e, children: /* @__PURE__ */ s(o0, { className: t, gamification: e }) }) : null, [n, e, t]);
+  const i = y(() => e && e.featureConfig.get().type === k.GAMES ? /* @__PURE__ */ s(Q2, { className: t, sdk: n, feature: e, children: /* @__PURE__ */ s(o0, { className: t, gamification: e }) }) : null, [n, e, t]);
   return /* @__PURE__ */ s(
     x2,
     {
@@ -247,7 +247,7 @@ const $2 = /* @__PURE__ */ c("div")({
 }), p0 = "hlc2pcy", C0 = D2(({
   className: n
 }, e) => /* @__PURE__ */ h(l0, {
-  className: y(n, p0),
+  className: A(n, p0),
   children: [/* @__PURE__ */ s(d0, {
     children: /* @__PURE__ */ h(c0, {
       children: [/* @__PURE__ */ s(X, {
@@ -344,7 +344,7 @@ const $2 = /* @__PURE__ */ c("div")({
   sdk: a
 }) => {
   var r, d, l, C, u, p, f;
-  const E = m(i.friends.getStore()), [S, D] = _(void 0), L = A(() => {
+  const E = m(i.friends.getStore()), [S, D] = _(void 0), L = y(() => {
     var T, R;
     const G = a.getInviter();
     return G ? (R = (T = E.data) == null ? void 0 : T.find(({
@@ -390,7 +390,7 @@ const $2 = /* @__PURE__ */ c("div")({
       inviterName: L
     })
   });
-}, y0 = ({
+}, A0 = ({
   sdk: n,
   notification: e,
   saveHeight: t,
@@ -399,7 +399,7 @@ const $2 = /* @__PURE__ */ c("div")({
   responsiveStore: a
 }) => {
   var r;
-  const d = I(null), l = e.data.onboarding, [C, u] = _(l == null ? void 0 : l.instantOpen), p = n.getFeature(k.GAMES), f = A(() => H == null ? void 0 : H.map(({
+  const d = I(null), l = e.data.onboarding, [C, u] = _(l == null ? void 0 : l.instantOpen), p = n.getFeature(k.GAMES), f = y(() => H == null ? void 0 : H.map(({
     graphicSrc: L
   }) => L), []), {
     screen: E
@@ -457,7 +457,7 @@ const $2 = /* @__PURE__ */ c("div")({
       })
     })]
   });
-}, A0 = () => P, k0 = /* @__PURE__ */ c(A0())({
+}, y0 = () => P, k0 = /* @__PURE__ */ c(y0())({
   name: "Container",
   class: "c1f0y7nw",
   propsAsIs: !0
@@ -530,7 +530,7 @@ const $2 = /* @__PURE__ */ c("div")({
     hiding: e.hiding,
     ...e.data.question,
     mastersApp: !0
-  }) : e.type === w.ONBOARDING ? /* @__PURE__ */ s(y0, {
+  }) : e.type === w.ONBOARDING ? /* @__PURE__ */ s(A0, {
     style: {
       height: e.hiding ? 0 : l
     },
@@ -576,7 +576,7 @@ const $2 = /* @__PURE__ */ c("div")({
         behavior: "smooth"
       }), e(null);
     },
-    className: y(p && $0, "sl-pill-button")
+    className: A(p && $0, "sl-pill-button")
   }), E.current);
 }, P0 = ({
   sdk: n,
@@ -587,7 +587,7 @@ const $2 = /* @__PURE__ */ c("div")({
   appNode: a,
   scrollStore: r
 }) => {
-  const [d] = _(n.getNotificationsStore()), l = m(d), [C, u] = _(null), p = A(() => n.getActiveNotification(), [n, l]);
+  const [d] = _(n.getNotificationsStore()), l = m(d), [C, u] = _(null), p = y(() => n.getActiveNotification(), [n, l]);
   return v(() => {
     p && L2.emit("notification", {
       action: "rendered",
@@ -744,7 +744,7 @@ const $2 = /* @__PURE__ */ c("div")({
   `}${z.intermediate("xl", "lg")`
     --header-offset: 0px;
   `}`;
-const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ s("div", { className: y("masters-theme", z0), style: e, children: n }) }), q0 = ({ sdk: n, className: e }) => {
+const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ s("div", { className: A("masters-theme", z0), style: e, children: n }) }), q0 = ({ sdk: n, className: e }) => {
   const [, t] = I2(n);
   return /* @__PURE__ */ s(r0, { className: e, feature: t, sdk: n });
 }, Q0 = ({ sdk: n, className: e, appNode: t, responsiveStore: i, useContainer: o }) => {
@@ -777,8 +777,8 @@ const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("di
     });
   }, [n]), J(t, { enabled: !0, event: "click", listener: e2 }), v(() => {
     import("./gamification-feature2.js");
-  }, []), /* @__PURE__ */ h($2, { className: y("SDKContainer", !e && H2), ref: t, children: [
-    /* @__PURE__ */ s(C0, { className: y(F), ref: a }),
+  }, []), /* @__PURE__ */ h($2, { className: A("SDKContainer", !e && H2), ref: t, children: [
+    /* @__PURE__ */ s(C0, { className: A(F), ref: a }),
     /* @__PURE__ */ h(P2, { className: "sl-hide-on-modal", ref: d, children: [
       C && /* @__PURE__ */ s(
         P0,
@@ -806,7 +806,7 @@ const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("di
     ] })
   ] });
 }, Y0 = ({ sdk: n, betPack: e, useContainer: t }) => {
-  const [i, o] = _(e), a = !!m(n.userId()), r = A(() => ({ sdk: n }), [n]), d = $(() => {
+  const [i, o] = _(e), a = !!m(n.userId()), r = y(() => ({ sdk: n }), [n]), d = $(() => {
     o(!1);
     const l = n == null ? void 0 : n.getFeature(k.GAMES);
     l == null || l.closeQuestion();
@@ -844,8 +844,8 @@ const z0 = "m1ojpy2l", K0 = ({ children: n, style: e }) => /* @__PURE__ */ s("di
   betPack: n,
   useContainer: e
 }) => {
-  const { sdk: t, status: i } = n2(y2);
-  return i === A2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), null) : t ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(K0, { style: { height: "100%" }, children: /* @__PURE__ */ s(Y0, { sdk: t, betPack: n, useContainer: e }) }) }) : null;
+  const { sdk: t, status: i } = n2(A2);
+  return i === y2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), null) : t ? /* @__PURE__ */ s("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ s(K0, { style: { height: "100%" }, children: /* @__PURE__ */ s(Y0, { sdk: t, betPack: n, useContainer: e }) }) }) : null;
 };
 class o1 extends O2 {
   constructor(e) {

package/lib/classic/es/notification.js

@@ -18,11 +18,11 @@ const $ = /* @__PURE__ */ s("div")({
   name: "MediaImgRounded",
   class: "myx3xoi",
   propsAsIs: !0
-}), te = () => $, oe = /* @__PURE__ */ s(te())({
+}), te = () => $, ie = /* @__PURE__ */ s(te())({
   name: "MediaImgCentered",
   class: "m1bwv0gx",
   propsAsIs: !0
-}), ie = () => $, ae = /* @__PURE__ */ s(ie())({
+}), oe = () => $, ae = /* @__PURE__ */ s(oe())({
   name: "MediaImgInsight",
   class: "mntjanp",
   propsAsIs: !0
@@ -34,22 +34,22 @@ const $ = /* @__PURE__ */ s("div")({
   [m.UNSET]: N,
   [m.NONE]: N,
   [m.ROUNDED]: ne,
-  [m.CENTERED]: oe,
+  [m.CENTERED]: ie,
   [m.TRANSPARENT]: X
 }, b = ({
   src: t,
-  imageMode: o = m.UNSET,
-  withVideo: i,
+  imageMode: i = m.UNSET,
+  withVideo: o,
   fromInsight: a
 }) => {
-  if (o === m.NONE)
+  if (i === m.NONE)
     return null;
-  const n = a ? ae : re[o];
+  const n = a ? ae : re[i];
   return /* @__PURE__ */ c(n, {
     children: [/* @__PURE__ */ e("img", {
       src: t,
       alt: ""
-    }), i && /* @__PURE__ */ e(ce, {
+    }), o && /* @__PURE__ */ e(ce, {
       children: /* @__PURE__ */ e(u, {
         name: "icon-play"
       })
@@ -95,7 +95,7 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "ccvukea",
   propsAsIs: !1
-}), ye = ({ image: t, tweet: o, account: i, accountVerified: a, body: n, title: d }) => {
+}), ye = ({ image: t, tweet: i, account: o, accountVerified: a, body: n, title: d }) => {
   var l;
   return /* @__PURE__ */ c($e, { children: [
     d && /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ e(he, { children: d }) }),
@@ -103,38 +103,38 @@ const $ = /* @__PURE__ */ s("div")({
       L,
       {
         image: t,
-        name: (l = o == null ? void 0 : o.meta) == null ? void 0 : l.accountName,
-        userName: i,
+        name: (l = i == null ? void 0 : i.meta) == null ? void 0 : l.accountName,
+        userName: o,
         verified: a,
-        createdTweet: o == null ? void 0 : o.date
+        createdTweet: i == null ? void 0 : i.date
       }
     ),
     /* @__PURE__ */ e(Ae, { children: O(n) })
   ] });
-}, fe = ({ title: t, questionType: o, questionTypeData: i }) => /* @__PURE__ */ c(M, { children: [
+}, fe = ({ title: t, questionType: i, questionTypeData: o }) => /* @__PURE__ */ c(M, { children: [
   /* @__PURE__ */ e(
     R,
     {
-      questionTypeData: i,
-      questionType: o,
+      questionTypeData: o,
+      questionType: i,
       questionStatus: K.UNSET
     }
   ),
   t && /* @__PURE__ */ e(pe, { children: t })
 ] }), ge = ({ tweet: t }) => t ? /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(ye, { ...t, controlVideo: () => {
-} }) }) : null, Te = ({ action: t, questionType: o, inApp: i, insight: a, tweet: n }) => {
+} }) }) : null, Te = ({ action: t, questionType: i, inApp: o, insight: a, tweet: n }) => {
   var d;
-  const l = B[o], r = P[o];
-  if (!l || !i || !i.notification)
+  const l = B[i], r = P[i];
+  if (!l || !o || !o.notification)
     return null;
-  const { title: p, image: I, imageMode: v } = i.notification;
+  const { title: p, image: I, imageMode: v } = o.notification;
   let h = I;
-  o === A.TWEET && n != null && n.tweetMedia && (h = n.tweetMedia.image), v === m.NONE && (h = "");
-  const f = i.useMediaFromContent && (a == null ? void 0 : a.image), T = o === A.TWEET && ((d = n == null ? void 0 : n.tweetMedia) == null ? void 0 : d.video) || o === A.FACTOID && (a == null ? void 0 : a.video);
-  return /* @__PURE__ */ e(de, { className: "SL_InApp", onClick: t, children: /* @__PURE__ */ c(le, { style: h ? {} : { paddingLeft: "1.5rem" }, children: [
+  i === A.TWEET && n != null && n.tweetMedia && (h = n.tweetMedia.image), v === m.NONE && (h = "");
+  const f = o.useMediaFromContent && (a == null ? void 0 : a.image), T = i === A.TWEET && ((d = n == null ? void 0 : n.tweetMedia) == null ? void 0 : d.video) || i === A.FACTOID && (a == null ? void 0 : a.video);
+  return /* @__PURE__ */ e(de, { "data-a": "intr", className: "SL_InApp", onClick: t, children: /* @__PURE__ */ c(le, { style: h ? {} : { paddingLeft: "1.5rem" }, children: [
     h && !f && /* @__PURE__ */ e(b, { src: h, imageMode: v, withVideo: !!T }),
     f && /* @__PURE__ */ e(b, { src: f, fromInsight: !0, withVideo: !!T }),
-    o === A.TWEET ? /* @__PURE__ */ e(ge, { tweet: n }) : /* @__PURE__ */ e(fe, { questionTypeData: l, questionType: o, title: p }),
+    i === A.TWEET ? /* @__PURE__ */ e(ge, { tweet: n }) : /* @__PURE__ */ e(fe, { questionTypeData: l, questionType: i, title: p }),
     /* @__PURE__ */ e(me, { name: "inapp-button", children: r || "Open" }),
     /* @__PURE__ */ e(Ie, { name: "chevronRight" })
   ] }) });
@@ -176,15 +176,16 @@ const $ = /* @__PURE__ */ s("div")({
   propsAsIs: !1
 }), je = ({
   open: t,
-  close: o,
-  ...i
+  close: i,
+  ...o
 }) => {
   var a, n;
   return /* @__PURE__ */ c(
     ke,
     {
+      "data-a": "intr",
       onClick: () => {
-        t == null || t(), i && (i.instantOpen = !0);
+        t == null || t(), o && (o.instantOpen = !0);
       },
       children: [
         /* @__PURE__ */ c(Ne, { children: [
@@ -200,10 +201,10 @@ const $ = /* @__PURE__ */ s("div")({
         /* @__PURE__ */ c(Se, { children: [
           /* @__PURE__ */ c(Ee, { children: [
             /* @__PURE__ */ e(Ce, { name: "icon-trophy-solid" }),
-            (a = i == null ? void 0 : i.titleCard) == null ? void 0 : a.title
+            (a = o == null ? void 0 : o.titleCard) == null ? void 0 : a.title
           ] }),
           /* @__PURE__ */ c(xe, { children: [
-            /* @__PURE__ */ e("span", { children: (n = i == null ? void 0 : i.titleCard) == null ? void 0 : n.subtitle }),
+            /* @__PURE__ */ e("span", { children: (n = o == null ? void 0 : o.titleCard) == null ? void 0 : n.subtitle }),
             /* @__PURE__ */ e(Me, { name: "inapp-button", children: "Play Now" })
           ] })
         ] }),
@@ -211,7 +212,7 @@ const $ = /* @__PURE__ */ s("div")({
           qe,
           {
             close: (d) => {
-              d == null || d.stopPropagation(), o == null || o();
+              d == null || d.stopPropagation(), i == null || i();
             }
           }
         )
@@ -248,8 +249,8 @@ const $ = /* @__PURE__ */ s("div")({
   propsAsIs: !1
 }), Ve = ({
   step: t,
-  children: o,
-  answer: i,
+  children: i,
+  answer: o,
   state: a = "pending"
 }) => {
   const [n, d] = y(0), [l] = y(() => new ResizeObserver((p) => {
@@ -272,7 +273,7 @@ const $ = /* @__PURE__ */ s("div")({
         minWidth: `${n}px`
       },
       children: /* @__PURE__ */ e(Qe, {
-        children: o
+        children: i
       }, t)
     }), /* @__PURE__ */ e(Ue, {
       ref: r,
@@ -280,7 +281,7 @@ const $ = /* @__PURE__ */ s("div")({
       children: /* @__PURE__ */ c("div", {
         children: [/* @__PURE__ */ e(Le, {
           name: "icon-check"
-        }), "Your Pick: ", i]
+        }), "Your Pick: ", o]
       })
     })]
   });
@@ -332,16 +333,16 @@ const $ = /* @__PURE__ */ s("div")({
   name: "Caption",
   class: "c1c8xjus",
   propsAsIs: !1
-}), os = /* @__PURE__ */ s("div")({
+}), is = /* @__PURE__ */ s("div")({
   name: "Title",
   class: "t1d1uekn",
   propsAsIs: !1
-}), is = ({
+}), os = ({
   title: t
 }) => /* @__PURE__ */ c(ns, {
   children: [/* @__PURE__ */ e(ts, {
     children: "Results for"
-  }), /* @__PURE__ */ e(os, {
+  }), /* @__PURE__ */ e(is, {
     children: t
   })]
 }), j = /* @__PURE__ */ s("div")({
@@ -412,11 +413,11 @@ const $ = /* @__PURE__ */ s("div")({
   2: 4e3,
   3: 4e3,
   4: 4e3
-}, hs = ({ close: t, action: o, setStep: i, votedAnswer: a, correct: n, correctAnswerTitle: d, questionTitle: l, step: r }) => {
+}, hs = ({ close: t, action: i, setStep: o, votedAnswer: a, correct: n, correctAnswerTitle: d, questionTitle: l, step: r }) => {
   if (x(() => {
-    if (i) {
+    if (o) {
       const I = setTimeout(() => {
-        S[r + 1] && (n || r < 3) ? i(r + 1) : t == null || t();
+        S[r + 1] && (n || r < 3) ? o(r + 1) : t == null || t();
       }, S[r]);
       return () => {
         I && clearTimeout(I);
@@ -424,26 +425,26 @@ const $ = /* @__PURE__ */ s("div")({
     }
     return () => {
     };
-  }, [i, r, t, n]), r === 1)
+  }, [o, r, t, n]), r === 1)
     return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(ss, {}) }) });
   let p = "pending";
-  return (r === 3 || r === 4) && (p = n ? "correct" : "incorrect"), /* @__PURE__ */ e(w, { onClick: () => o == null ? void 0 : o(), children: /* @__PURE__ */ c(q, { children: [
+  return (r === 3 || r === 4) && (p = n ? "correct" : "incorrect"), /* @__PURE__ */ e(w, { "data-a": "intr", onClick: () => i == null ? void 0 : i(), children: /* @__PURE__ */ c(q, { children: [
     r !== 1 && /* @__PURE__ */ e(He, {}, r),
     /* @__PURE__ */ c(Ve, { state: p, step: r, answer: (a == null ? void 0 : a.title) || "unknown", children: [
-      r === 2 && /* @__PURE__ */ e(is, { title: l || "unknown" }),
+      r === 2 && /* @__PURE__ */ e(os, { title: l || "unknown" }),
       r === 3 && n && /* @__PURE__ */ e(ls, {}),
       r === 3 && !n && /* @__PURE__ */ e(ds, { title: d || "unknown" }),
       r === 4 && /* @__PURE__ */ e(vs, { points: (a == null ? void 0 : a.points) || 0 })
     ] })
   ] }) });
-}, As = ({ close: t, action: o, votedAnswer: i, correct: a, correctAnswerTitle: n, questionTitle: d }) => {
+}, As = ({ close: t, action: i, votedAnswer: o, correct: a, correctAnswerTitle: n, questionTitle: d }) => {
   const [l, r] = y(1);
   return /* @__PURE__ */ e(
     hs,
     {
       close: t,
-      action: o,
-      votedAnswer: i,
+      action: i,
+      votedAnswer: o,
       correct: a,
       correctAnswerTitle: n,
       questionTitle: d,
@@ -457,7 +458,7 @@ const $ = /* @__PURE__ */ s("div")({
   class: "n1i4h28u",
   propsAsIs: !1
 }), ys = (t) => /* @__PURE__ */ e($s, { children: /* @__PURE__ */ e(As, { ...t }) }), fs = ({ sdk: t }) => {
-  const [o] = y(t.getNotificationsStore()), i = V(o), a = t.getFeature(Z.GAMES), n = E(() => t.getActiveNotification(), [t, i]);
+  const [i] = y(t.getNotificationsStore()), o = V(i), a = t.getFeature(Z.GAMES), n = E(() => t.getActiveNotification(), [t, o]);
   return x(() => {
     n && F.emit("notification", {
       action: "rendered",
@@ -475,8 +476,8 @@ const $ = /* @__PURE__ */ s("div")({
     }
   ) : null : n && n.type === k.ONBOARDING ? n.data.onboarding ? /* @__PURE__ */ e(je, { open: a == null ? void 0 : a.openFeature, close: n.close, ...n.data.onboarding }) : null : n && /* @__PURE__ */ e(Te, { ...n.data, action: n.action });
 }, bs = ({ theme: t }) => {
-  const o = W(), i = G(), a = Y();
-  return o && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(_, { customTheme: t ?? i.theme, themeMode: i.themeMode, children: /* @__PURE__ */ e(fs, { sdk: o }) }) }) : null;
+  const i = W(), o = G(), a = Y();
+  return i && (a.appNotification || a.onboardingNotification) ? a.app && !a.onboardingNotification ? null : /* @__PURE__ */ e("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ e(_, { customTheme: t ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ e(fs, { sdk: i }) }) }) : null;
 };
 export {
   bs as StreamLayerSDKNotification,

package/lib/classic/es/points.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { useState as u, useEffect as d } from "react";
-import { s as a, k as h, c as y, d as S, a as f, F as c, e as p, u as v, b as k, h as g } from "./provider.js";
+import { s as a, k as h, c as y, d as S, a as f, F as p, e as r, u as v, b as k, h as g } from "./provider.js";
 import { S as b } from "./useStreamLayerApp2.js";
 const A = /* @__PURE__ */ a("div")({
   name: "PointsContainer",
@@ -33,23 +33,29 @@ const A = /* @__PURE__ */ a("div")({
     /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(S, { value: s }) })
   ] })
 ] }), j = ({ gamification: s }) => {
-  const e = s.userSummary.$store, [o, m] = u(0);
+  const e = s.userSummary.$store, [n, m] = u(0);
   return d(() => {
-    const n = e.subscribe((r) => {
-      var i;
-      (i = r == null ? void 0 : r.summary) != null && i.points && m(r.summary.points);
+    const o = e.subscribe((i) => {
+      var c;
+      (c = i == null ? void 0 : i.summary) != null && c.points && m(i.summary.points);
     });
     return () => {
-      n();
+      o();
     };
-  }, [e]), /* @__PURE__ */ t(C, { points: o, onClick: () => {
-    const n = s.status.get();
-    n === c.Suspended ? (s.openFeature(), p.emit("app", {
+  }, [e]), /* @__PURE__ */ t(C, { points: n, onClick: () => {
+    const o = s.status.get();
+    o === p.Suspended ? (s.openFeature(), r.emit("app", {
       action: "open",
       payload: {}
-    })) : n === c.Ready && (s.closeFeature(!1), p.emit("app", {
+    }), r.emit("interactions", {
+      action: "tap",
+      payload: {}
+    })) : o === p.Ready && (s.closeFeature(!1), r.emit("app", {
       action: "close",
       payload: {}
+    }), r.emit("interactions", {
+      action: "tap",
+      payload: {}
     }));
   } });
 }, M = ({ sdk: s }) => {
@@ -58,8 +64,8 @@ const A = /* @__PURE__ */ a("div")({
   const e = s.getFeature(b.GAMES);
   return e ? /* @__PURE__ */ t(j, { gamification: e }) : null;
 }, K = ({ theme: s }) => {
-  const e = v(), o = k();
-  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(g, { customTheme: s ?? o.theme, themeMode: o.themeMode, children: /* @__PURE__ */ t(M, { sdk: e }) }) }) : null;
+  const e = v(), n = k();
+  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(g, { customTheme: s ?? n.theme, themeMode: n.themeMode, children: /* @__PURE__ */ t(M, { sdk: e }) }) }) : null;
 };
 export {
   K as StreamLayerSDKPoints