@streamlayer/react 1.24.7 → 1.24.8

package/lib/es/index8.js

@@ -1,8 +1,8 @@
 import { jsx as d } from "react/jsx-runtime";
 import { d as v } from "./index15.js";
-import B, { useEffect as L, useRef as S, useState as A, useCallback as p, useLayoutEffect as w } from "react";
+import O, { useEffect as L, useRef as S, useState as A, useCallback as p, useLayoutEffect as w } from "react";
 import { s as y } from "./feature.js";
-import { B as b } from "./index7.js";
+import { H as b } from "./index5.js";
 const K = {
   BLUE_QUESTION_ACTION_BTN: "#1589ee",
   WHITE: "#FFFFFF",
@@ -113,7 +113,7 @@ const X = (t) => {
 function Te(t, e) {
   return ({ webos: i, options: n, ...r }) => i ? /* @__PURE__ */ d(X, { Component: t, options: e, customOptions: n, ...r }) : /* @__PURE__ */ d(t, { ...r });
 }
-var U = typeof window > "u" ? L : w, j = ({ isPlaying: t, duration: e, startAt: i = 0, updateInterval: n = 0, onComplete: r, onUpdate: a }) => {
+var U = typeof window > "u" ? L : w, H = ({ isPlaying: t, duration: e, startAt: i = 0, updateInterval: n = 0, onComplete: r, onUpdate: a }) => {
   let [E, l] = A(i), T = S(0), R = S(i), s = S(i * -1e3), _ = S(null), o = S(null), c = S(null), m = (f) => {
     let u = f / 1e3;
     if (o.current === null) {
@@ -122,8 +122,8 @@ var U = typeof window > "u" ? L : w, j = ({ isPlaying: t, duration: e, startAt:
     }
     let F = u - o.current, C = T.current + F;
     o.current = u, T.current = C;
-    let O = R.current + (n === 0 ? C : (C / n | 0) * n), D = R.current + C, g = typeof e == "number" && D >= e;
-    l(g ? e : O), g || (_.current = requestAnimationFrame(m));
+    let B = R.current + (n === 0 ? C : (C / n | 0) * n), D = R.current + C, g = typeof e == "number" && D >= e;
+    l(g ? e : B), g || (_.current = requestAnimationFrame(m));
   }, I = () => {
     _.current && cancelAnimationFrame(_.current), c.current && clearTimeout(c.current), o.current = null;
   }, N = p((f) => {
@@ -138,10 +138,10 @@ var U = typeof window > "u" ? L : w, j = ({ isPlaying: t, duration: e, startAt:
       f && (c.current = setTimeout(() => N(F), u * 1e3));
     }
   }, [E, e]), U(() => (t && (_.current = requestAnimationFrame(m)), I), [t, e, n]), { elapsedTime: E, reset: N };
-}, z = (t, e, i) => {
+}, j = (t, e, i) => {
   let n = t / 2, r = e / 2, a = n - r, E = 2 * a, l = i === "clockwise" ? "1,0" : "0,1", T = 2 * Math.PI * a;
   return { path: `m ${n},${r} a ${a},${a} 0 ${l} 0,${E} a ${a},${a} 0 ${l} 0,-${E}`, pathLength: T };
-}, G = (t, e) => t === 0 || t === e ? 0 : typeof e == "number" ? t - e : 0, H = (t) => ({ position: "relative", width: t, height: t }), q = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, k = (t, e, i, n, r) => {
+}, G = (t, e) => t === 0 || t === e ? 0 : typeof e == "number" ? t - e : 0, z = (t) => ({ position: "relative", width: t, height: t }), q = { display: "flex", justifyContent: "center", alignItems: "center", position: "absolute", left: 0, top: 0, width: "100%", height: "100%" }, k = (t, e, i, n, r) => {
   if (n === 0) return e;
   let a = (r ? n - t : t) / n;
   return e + i * a;
@@ -158,18 +158,18 @@ var U = typeof window > "u" ? L : w, j = ({ isPlaying: t, duration: e, startAt:
   let l = r[E] - e, T = r[E] - r[E + 1], R = $(n[E]), s = $(n[E + 1]), _ = !!t.isGrowing;
   return `rgb(${R.map((o, c) => k(l, o, s[c] - o, T, _) | 0).join(",")})`;
 }, Z = (t) => {
-  let { duration: e, initialRemainingTime: i, updateInterval: n, size: r = 180, strokeWidth: a = 12, trailStrokeWidth: E, isPlaying: l = !1, isGrowing: T = !1, rotation: R = "clockwise", onComplete: s, onUpdate: _ } = t, o = S(), c = Math.max(a, E ?? 0), { path: m, pathLength: I } = z(r, c, R), { elapsedTime: N } = j({ isPlaying: l, duration: e, startAt: G(e, i), updateInterval: n, onUpdate: typeof _ == "function" ? (u) => {
+  let { duration: e, initialRemainingTime: i, updateInterval: n, size: r = 180, strokeWidth: a = 12, trailStrokeWidth: E, isPlaying: l = !1, isGrowing: T = !1, rotation: R = "clockwise", onComplete: s, onUpdate: _ } = t, o = S(), c = Math.max(a, E ?? 0), { path: m, pathLength: I } = j(r, c, R), { elapsedTime: N } = H({ isPlaying: l, duration: e, startAt: G(e, i), updateInterval: n, onUpdate: typeof _ == "function" ? (u) => {
     let F = Math.ceil(e - u);
     F !== o.current && (o.current = F, _(F));
   } : void 0, onComplete: typeof s == "function" ? (u) => {
     var F;
-    let { shouldRepeat: C, delay: O, newInitialRemainingTime: D } = (F = s(u)) != null ? F : {};
-    if (C) return { shouldRepeat: C, delay: O, newStartAt: G(e, D) };
+    let { shouldRepeat: C, delay: B, newInitialRemainingTime: D } = (F = s(u)) != null ? F : {};
+    if (C) return { shouldRepeat: C, delay: B, newStartAt: G(e, D) };
   } : void 0 }), f = e - N;
   return { elapsedTime: N, path: m, pathLength: I, remainingTime: Math.ceil(f), rotation: R, size: r, stroke: J(t, f), strokeDashoffset: k(N, 0, I, e, T), strokeWidth: a };
 }, P = (t) => {
   let { children: e, strokeLinecap: i, trailColor: n, trailStrokeWidth: r } = t, { path: a, pathLength: E, stroke: l, strokeDashoffset: T, remainingTime: R, elapsedTime: s, size: _, strokeWidth: o } = Z(t);
-  return B.createElement("div", { style: H(_) }, B.createElement("svg", { viewBox: `0 0 ${_} ${_}`, width: _, height: _, xmlns: "http://www.w3.org/2000/svg" }, B.createElement("path", { d: a, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: r ?? o }), B.createElement("path", { d: a, fill: "none", stroke: l, strokeLinecap: i ?? "round", strokeWidth: o, strokeDasharray: E, strokeDashoffset: T })), typeof e == "function" && B.createElement("div", { style: q }, e({ remainingTime: R, elapsedTime: s, color: l })));
+  return O.createElement("div", { style: z(_) }, O.createElement("svg", { viewBox: `0 0 ${_} ${_}`, width: _, height: _, xmlns: "http://www.w3.org/2000/svg" }, O.createElement("path", { d: a, fill: "none", stroke: n ?? "#d9d9d9", strokeWidth: r ?? o }), O.createElement("path", { d: a, fill: "none", stroke: l, strokeLinecap: i ?? "round", strokeWidth: o, strokeDasharray: E, strokeDashoffset: T })), typeof e == "function" && O.createElement("div", { style: q }, e({ remainingTime: R, elapsedTime: s, color: l })));
 };
 P.displayName = "CountdownCircleTimer";
 const ee = [10, 10, 1, 0], te = /* @__PURE__ */ y("div")({

package/lib/es/insight.js

@@ -1,5 +1,5 @@
 import { jsx as u, jsxs as c } from "react/jsx-runtime";
-import { h as p } from "./index6.js";
+import { h as p } from "./index7.js";
 import { u as a, s as h } from "./feature.js";
 import { useRef as f, useEffect as l } from "react";
 import { _ as I } from "./Question.js";

package/lib/es/masters2.js

@@ -4,13 +4,13 @@ import D from "lodash.throttle";
 import { useRef as g, useState as L, useEffect as E, createContext as e2, useContext as U, useMemo as _, Suspense as s2, lazy as t2, forwardRef as n2, useLayoutEffect as r2, useCallback as b, Component as i2 } from "react";
 import { A as h, R as o2 } from "./index8.js";
 import { f as G, A as M, a as Q } from "./analytics.js";
-import { Q as a2, z as l2, T as K, I as d2, c as c2, n as C2, f as p2, w as B, a as u2, p as m2 } from "./index16.js";
+import { Q as a2, z as l2, T as K, I as d2, c as c2, n as C2, f as p2, w as V, a as u2, p as m2 } from "./index16.js";
 import { m as A } from "./theme.js";
 import { a as f2 } from "./index4.js";
 import { Q as E2, Z as L2, y as h2, f as F } from "./index13.js";
 import { O as g2, d as S2, f as _2, a as N2 } from "./index12.js";
 import { Q as T2, S as N } from "./useStreamLayerApp2.js";
-import { B as x } from "./index7.js";
+import { H as x } from "./index5.js";
 import { createPortal as I2 } from "react-dom";
 import { e as v2 } from "./index3.js";
 import "./storage.js";
@@ -28,7 +28,7 @@ const b2 = /* @__PURE__ */ c("div")({
   name: "SDKContentContainer",
   class: "s14gkn7u",
   propsAsIs: !1
-}), B2 = () => Z, V2 = /* @__PURE__ */ c(B2())({
+}), V2 = () => Z, B2 = /* @__PURE__ */ c(V2())({
   name: "SDKWhiteContainer",
   class: "s1yxstm9",
   propsAsIs: !0
@@ -36,7 +36,7 @@ const b2 = /* @__PURE__ */ c("div")({
   name: "TabsContainer",
   class: "tdpty1s",
   propsAsIs: !1
-}), P2 = /* @__PURE__ */ c("div")({
+}), H2 = /* @__PURE__ */ c("div")({
   name: "UserSummaryContainer",
   class: "u136a59y",
   propsAsIs: !1
@@ -45,7 +45,7 @@ const b2 = /* @__PURE__ */ c("div")({
     top: 0,
     ...t
   });
-}, H2 = 15, $2 = (s, e, t) => {
+}, P2 = 15, $2 = (s, e, t) => {
   const r = g(null), i = g(0), [a] = L(
     G({
       scrollPosition: 0,
@@ -65,7 +65,7 @@ const b2 = /* @__PURE__ */ c("div")({
       let d = 0;
       o.screen.size < h.lg && !t ? d = s.current?.getBoundingClientRect().y || 0 : d = C.scrollTop;
       const v = i.current - d;
-      if (H2 > Math.abs(v))
+      if (P2 > Math.abs(v))
         return;
       const R = i.current < d ? "forward" : "backward";
       i.current = d, a.set({
@@ -185,7 +185,7 @@ const b2 = /* @__PURE__ */ c("div")({
     }
   );
 }, q2 = ({ gamification: s, className: e, style: t }) => /* @__PURE__ */ f(w2, { className: e, style: t, children: [
-  /* @__PURE__ */ n(V2, { style: { paddingTop: "16px" }, children: /* @__PURE__ */ n(P2, { children: /* @__PURE__ */ n(Z2, { userSummary: s.userSummary }) }) }),
+  /* @__PURE__ */ n(B2, { style: { paddingTop: "16px" }, children: /* @__PURE__ */ n(H2, { children: /* @__PURE__ */ n(Z2, { userSummary: s.userSummary }) }) }),
   /* @__PURE__ */ n(Z, { style: { flex: 1 }, children: /* @__PURE__ */ n(
     x2,
     {
@@ -315,7 +315,7 @@ const b2 = /* @__PURE__ */ c("div")({
   name: "ActionButton",
   class: "avpowqk",
   propsAsIs: !1
-}), V = ({ close: s, action: e, onboarding: t }) => /* @__PURE__ */ f(o0, { children: [
+}), B = ({ close: s, action: e, onboarding: t }) => /* @__PURE__ */ f(o0, { children: [
   /* @__PURE__ */ n(a0, { onClick: s, children: /* @__PURE__ */ n(d0, { name: "icon-cross" }) }),
   t?.titleCard?.media?.sponsorLogo && /* @__PURE__ */ f(c0, { children: [
     /* @__PURE__ */ n(C0, { alt: "sponsor-logo", src: t?.titleCard?.media?.sponsorLogo }),
@@ -449,7 +449,7 @@ const b2 = /* @__PURE__ */ c("div")({
         position: "absolute",
         visibility: "hidden"
       },
-      children: /* @__PURE__ */ n(V, {
+      children: /* @__PURE__ */ n(B, {
         close: () => {
         },
         action: () => {
@@ -460,7 +460,7 @@ const b2 = /* @__PURE__ */ c("div")({
       style: r,
       hiding: e.hiding,
       children: /* @__PURE__ */ n(w, {
-        children: /* @__PURE__ */ n(V, {
+        children: /* @__PURE__ */ n(B, {
           close: e.close,
           action: () => {
             m(!0), (i.current?.getBoundingClientRect().y || 0) < 0 && q(i, v.size, {
@@ -516,7 +516,7 @@ const b2 = /* @__PURE__ */ c("div")({
   return e.type === T.QUESTION ? /* @__PURE__ */ f(I, {
     children: [/* @__PURE__ */ n(v0, {
       ref: a,
-      children: /* @__PURE__ */ n(B, {
+      children: /* @__PURE__ */ n(V, {
         ...e
       })
     }), /* @__PURE__ */ f(T0, {
@@ -528,7 +528,7 @@ const b2 = /* @__PURE__ */ c("div")({
         style: {
           height: "100%"
         },
-        children: /* @__PURE__ */ n(B, {
+        children: /* @__PURE__ */ n(V, {
           ...e,
           controlVideo: i?.controlVideoPlayer
         })
@@ -632,11 +632,11 @@ const b2 = /* @__PURE__ */ c("div")({
       responsiveStore: i
     })]
   });
-}, P = Object.keys(h), k = () => {
+}, H = Object.keys(h), k = () => {
   const s = window.innerWidth;
   let e = "sm";
-  for (let t = P.length - 1; t > 0; t--) {
-    const r = P[t];
+  for (let t = H.length - 1; t > 0; t--) {
+    const r = H[t];
     if (!(s < h[r]) && s >= h[r]) {
       e = r;
       break;
@@ -646,21 +646,21 @@ const b2 = /* @__PURE__ */ c("div")({
     name: e,
     size: h[e]
   };
-}, H = (s) => {
+}, P = (s) => {
   const e = s.current?.getBoundingClientRect();
   return e ? e.y > -e.height && e.y < window.innerHeight : !1;
-}, $ = (s) => s >= h.lg, B0 = (s) => {
+}, $ = (s) => s >= h.lg, V0 = (s) => {
   const [e] = L(() => {
     const t = k();
     return G({
       screen: k(),
-      sdkInView: H(s),
+      sdkInView: P(s),
       sdkInDesktopView: $(t.size)
     });
   });
   return E(() => {
     const t = D(() => {
-      e.setKey("sdkInView", H(s));
+      e.setKey("sdkInView", P(s));
     }, 200), r = D(() => {
       const i = k();
       e.setKey("screen", i), e.setKey("sdkInDesktopView", $(i.size));
@@ -669,7 +669,7 @@ const b2 = /* @__PURE__ */ c("div")({
       window.removeEventListener("scroll", t), window.removeEventListener("resize", r);
     };
   }, [e, s]), [e];
-}, V0 = {
+}, B0 = {
   ...o2,
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-expect-error
@@ -737,11 +737,11 @@ const b2 = /* @__PURE__ */ c("div")({
   IN_APP_QUESTION_RESULT_LINE: "#babfc5",
   QUOTE_TEXT: "#006944"
 };
-Object.entries(V0).reduce((s, [e, t]) => `
+Object.entries(B0).reduce((s, [e, t]) => `
     ${s}
     --color-${e.toLowerCase().replaceAll("_", "-")}: ${t};
   `, "");
-const w0 = "m1ojpy2l", P0 = ({ children: s, style: e }) => /* @__PURE__ */ n("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ n("div", { className: S("masters-theme", w0), style: e, children: s }) }), d1 = ({ sdkKey: s, plugins: e, children: t, event: r, onDeepLinkHandled: i, videoPlayerController: a, production: o = !0 }) => /* @__PURE__ */ f(
+const w0 = "m1ojpy2l", H0 = ({ children: s, style: e }) => /* @__PURE__ */ n("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ n("div", { className: S("masters-theme", w0), style: e, children: s }) }), d1 = ({ sdkKey: s, plugins: e, children: t, event: r, onDeepLinkHandled: i, videoPlayerController: a, production: o = !0 }) => /* @__PURE__ */ f(
   A2,
   {
     sdkKey: s,
@@ -758,7 +758,7 @@ const w0 = "m1ojpy2l", P0 = ({ children: s, style: e }) => /* @__PURE__ */ n("di
       t
     ]
   }
-), H0 = ({ sdk: s, className: e }) => {
+), P0 = ({ sdk: s, className: e }) => {
   const [, t] = m2(s);
   return /* @__PURE__ */ n(J2, { className: e, feature: t, sdk: s });
 }, $0 = ({ sdk: s, className: e, appNode: t, responsiveStore: r, useContainer: i }) => {
@@ -782,7 +782,7 @@ const w0 = "m1ojpy2l", P0 = ({ children: s, style: e }) => /* @__PURE__ */ n("di
   const e = g(null);
   return M(e, { enabled: !0, event: "click", listener: Q }), /* @__PURE__ */ n(f2, { ref: e, ...s });
 }, G0 = ({ sdk: s, useContainer: e }) => {
-  const t = g(null), r = p(s.status), i = p(s.sdkStore.slStreamId), a = g(null), [o] = B0(t), [l, u] = $2(t, o, e), m = r === "ready" && !!i.data;
+  const t = g(null), r = p(s.status), i = p(s.sdkStore.slStreamId), a = g(null), [o] = V0(t), [l, u] = $2(t, o, e), m = r === "ready" && !!i.data;
   return E(() => {
     window.requestAnimationFrame(() => {
       s.initializeApp().then(() => {
@@ -806,7 +806,7 @@ const w0 = "m1ojpy2l", P0 = ({ children: s, style: e }) => /* @__PURE__ */ n("di
           useContainer: e
         }
       ),
-      m && /* @__PURE__ */ n(H0, { className: A, sdk: s }),
+      m && /* @__PURE__ */ n(P0, { className: A, sdk: s }),
       m && /* @__PURE__ */ n(
         $0,
         {
@@ -840,7 +840,7 @@ const w0 = "m1ojpy2l", P0 = ({ children: s, style: e }) => /* @__PURE__ */ n("di
   useContainer: e
 }) => {
   const { sdk: t, status: r } = U(k2);
-  return r === D2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), null) : t ? /* @__PURE__ */ n("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ n(P0, { style: { height: "100%" }, children: /* @__PURE__ */ n(M0, { sdk: t, betPack: s, useContainer: e }) }) }) : null;
+  return r === D2.UNSET ? (console.error("Wrap app in `StreamLayerProvider`"), null) : t ? /* @__PURE__ */ n("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ n(H0, { style: { height: "100%" }, children: /* @__PURE__ */ n(M0, { sdk: t, betPack: s, useContainer: e }) }) }) : null;
 };
 class c1 extends i2 {
   constructor(e) {

package/lib/es/notification.js

@@ -1,11 +1,11 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { h as us } from "./index6.js";
+import { h as us } from "./index7.js";
 import { useState as I, useRef as Q, useEffect as $, useCallback as As, useMemo as fs } from "react";
 import { s as e, c as hs, u as Is, N as M } from "./feature.js";
 import { e as $s } from "./index3.js";
 import { x as W } from "./storage.js";
 import { D as vs, j as gs, e as K, o as ws } from "./index10.js";
-import { B as A } from "./index7.js";
+import { H as A } from "./index5.js";
 import { d, Q as f, a as G, N as x, S as bs, A as R } from "./useStreamLayerApp2.js";
 import { b as S } from "./index8.js";
 import { V as Ts, y as ys } from "./index14.js";
@@ -73,7 +73,7 @@ const w = /* @__PURE__ */ e("div")({
   name: "NotificationContainer",
   class: "ns1nzpg",
   propsAsIs: !1
-}), X = /* @__PURE__ */ e("div")({
+}), H = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "b1j59nzs",
   propsAsIs: !1
@@ -105,7 +105,7 @@ const w = /* @__PURE__ */ e("div")({
   name: "Container",
   class: "ccvukea",
   propsAsIs: !1
-}), Xs = ({ image: n, tweet: o, account: i, accountVerified: a, body: r, title: t }) => /* @__PURE__ */ l(Gs, { children: [
+}), Hs = ({ image: n, tweet: o, account: i, accountVerified: a, body: r, title: t }) => /* @__PURE__ */ l(Gs, { children: [
   t && /* @__PURE__ */ s(Qs, { children: /* @__PURE__ */ s(Ws, { children: t }) }),
   /* @__PURE__ */ s(
     vs,
@@ -118,7 +118,7 @@ const w = /* @__PURE__ */ e("div")({
     }
   ),
   /* @__PURE__ */ s(Ks, { children: gs(r) })
-] }), Zs = ({ title: n, questionType: o, questionTypeData: i }) => /* @__PURE__ */ l(X, { children: [
+] }), Xs = ({ title: n, questionType: o, questionTypeData: i }) => /* @__PURE__ */ l(H, { children: [
   /* @__PURE__ */ s(
     W,
     {
@@ -128,7 +128,7 @@ const w = /* @__PURE__ */ e("div")({
     }
   ),
   n && /* @__PURE__ */ s(Vs, { children: n })
-] }), Hs = ({ tweet: n }) => n ? /* @__PURE__ */ s(X, { children: /* @__PURE__ */ s(Xs, { ...n, controlVideo: () => {
+] }), Zs = ({ tweet: n }) => n ? /* @__PURE__ */ s(H, { children: /* @__PURE__ */ s(Hs, { ...n, controlVideo: () => {
 } }) }) : null, Js = ({ action: n, questionType: o, inApp: i, insight: a, tweet: r }) => {
   const t = K[o], p = ws[o];
   if (!t || !i || !i.notification)
@@ -140,7 +140,7 @@ const w = /* @__PURE__ */ e("div")({
   return /* @__PURE__ */ s(Us, { "data-a": "intr", className: "SL_InApp", onClick: n, children: /* @__PURE__ */ l(zs, { style: h ? {} : { paddingLeft: "1.5rem" }, children: [
     h && !g && /* @__PURE__ */ s(j, { src: h, imageMode: u, withVideo: !!b }),
     g && /* @__PURE__ */ s(j, { src: g, fromInsight: !0, withVideo: !!b }),
-    o === f.TWEET ? /* @__PURE__ */ s(Hs, { tweet: r }) : /* @__PURE__ */ s(Zs, { questionTypeData: t, questionType: o, title: c }),
+    o === f.TWEET ? /* @__PURE__ */ s(Zs, { tweet: r }) : /* @__PURE__ */ s(Xs, { questionTypeData: t, questionType: o, title: c }),
     /* @__PURE__ */ s(Fs, { name: "inapp-button", children: p || "Open" }),
     /* @__PURE__ */ s(_s, { name: "chevronRight" })
   ] }) });
@@ -223,7 +223,7 @@ const w = /* @__PURE__ */ e("div")({
   });
 }, he = () => ({
   withoutPadding: n
-}) => n ? "0px" : "1rem", Z = /* @__PURE__ */ e("div")({
+}) => n ? "0px" : "1rem", X = /* @__PURE__ */ e("div")({
   name: "NotificationContent",
   class: "n1p3bk1c",
   propsAsIs: !1,
@@ -238,7 +238,7 @@ const w = /* @__PURE__ */ e("div")({
   name: "StyledChevronRight",
   class: "sx1hq4c",
   propsAsIs: !0
-}), H = /* @__PURE__ */ e("div")({
+}), Z = /* @__PURE__ */ e("div")({
   name: "NotificationContainer",
   class: "n1fcriet",
   propsAsIs: !1
@@ -288,7 +288,7 @@ const w = /* @__PURE__ */ e("div")({
   name: "LogoImg",
   class: "ln4a3eh",
   propsAsIs: !1
-}), Se = () => H, De = /* @__PURE__ */ e(Se())({
+}), Se = () => Z, De = /* @__PURE__ */ e(Se())({
   name: "NotificationInterstitialContainer",
   class: "no2k63v",
   propsAsIs: !0
@@ -332,7 +332,7 @@ const w = /* @__PURE__ */ e("div")({
     webos: a,
     onClick: i,
     "data-webos": a,
-    children: /* @__PURE__ */ s(Z, { withoutPadding: !0, children: /* @__PURE__ */ s(J, { src: o }) })
+    children: /* @__PURE__ */ s(X, { withoutPadding: !0, children: /* @__PURE__ */ s(J, { src: o }) })
   }
 ), Fe = ({
   action: n,
@@ -361,7 +361,7 @@ const w = /* @__PURE__ */ e("div")({
       onClick: () => u(!1)
     }
   ) : /* @__PURE__ */ l(
-    H,
+    Z,
     {
       "data-a": "intr",
       className: hs("SL_InApp", c),
@@ -372,7 +372,7 @@ const w = /* @__PURE__ */ e("div")({
       "data-webos": p,
       children: [
         a?.sponsorLogo && /* @__PURE__ */ s(Ee, { children: /* @__PURE__ */ s(J, { src: a?.sponsorLogo }) }),
-        /* @__PURE__ */ l(Z, { children: [
+        /* @__PURE__ */ l(X, { children: [
           /* @__PURE__ */ l(Ie, { children: [
             !k && /* @__PURE__ */ s(B, { src: ms, imageMode: y, withVideo: !!N, color: t }),
             k && /* @__PURE__ */ s(
@@ -437,15 +437,15 @@ const w = /* @__PURE__ */ e("div")({
   name: "Close",
   class: "c1sur0q2",
   propsAsIs: !0
-}), Xe = /* @__PURE__ */ e("div")({
+}), He = /* @__PURE__ */ e("div")({
   name: "Body",
   class: "bai9j52",
   propsAsIs: !1
-}), Ze = /* @__PURE__ */ e("div")({
+}), Xe = /* @__PURE__ */ e("div")({
   name: "Title",
   class: "t1bnt25p",
   propsAsIs: !1
-}), He = /* @__PURE__ */ e("div")({
+}), Ze = /* @__PURE__ */ e("div")({
   name: "Description",
   class: "dmixjec",
   propsAsIs: !1
@@ -475,12 +475,12 @@ const w = /* @__PURE__ */ e("div")({
           }
         )
       ] }),
-      /* @__PURE__ */ l(Xe, { children: [
-        /* @__PURE__ */ l(Ze, { children: [
+      /* @__PURE__ */ l(He, { children: [
+        /* @__PURE__ */ l(Xe, { children: [
           /* @__PURE__ */ s(We, { name: "icon-trophy-solid" }),
           i?.titleCard?.title
         ] }),
-        /* @__PURE__ */ l(He, { children: [
+        /* @__PURE__ */ l(Ze, { children: [
           /* @__PURE__ */ s("span", { children: i?.titleCard?.subtitle }),
           /* @__PURE__ */ s(Je, { name: "inapp-button", children: "Play Now" })
         ] })
@@ -785,21 +785,21 @@ const w = /* @__PURE__ */ e("div")({
   name: "Line1",
   class: "l1anth16",
   propsAsIs: !0
-}), Gn = () => L, Xn = /* @__PURE__ */ e(Gn())({
+}), Gn = () => L, Hn = /* @__PURE__ */ e(Gn())({
   name: "Line2",
   class: "l193yd7v",
   propsAsIs: !0
-}), Zn = () => L, Hn = /* @__PURE__ */ e(Zn())({
+}), Xn = () => L, Zn = /* @__PURE__ */ e(Xn())({
   name: "Line3",
   class: "lhbflsp",
   propsAsIs: !0
 }), Jn = () => /* @__PURE__ */ l(Qn, {
   children: [/* @__PURE__ */ s(Kn, {
     children: /* @__PURE__ */ s("div", {})
-  }), /* @__PURE__ */ s(Xn, {
-    children: /* @__PURE__ */ s("div", {})
   }), /* @__PURE__ */ s(Hn, {
     children: /* @__PURE__ */ s("div", {})
+  }), /* @__PURE__ */ s(Zn, {
+    children: /* @__PURE__ */ s("div", {})
   })]
 }), so = /* @__PURE__ */ e("div")({
   name: "Container",

package/lib/es/pause-ad.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as B } from "react/jsx-runtime";
-import { h as F } from "./index6.js";
+import { h as F } from "./index7.js";
 import { useEffect as i, useState as _, useRef as g, useCallback as R, Component as M } from "react";
 import { s as h, c as w, u as j } from "./feature.js";
 import { e as k } from "./index3.js";

package/lib/es/points.js

@@ -1,11 +1,11 @@
 import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { h as c } from "./index6.js";
+import { h as c } from "./index7.js";
 import { useState as u, useEffect as d } from "react";
 import { s as o, u as f, F as m } from "./feature.js";
 import { e as n } from "./index3.js";
 import { p as h } from "./index11.js";
 import { m as y } from "./theme.js";
-import { B as S } from "./index7.js";
+import { H as S } from "./index5.js";
 import { S as v } from "./useStreamLayerApp2.js";
 import { Y as g, _ as A } from "./hooks-n9ax4LRT.js";
 const I = /* @__PURE__ */ o("div")({
@@ -32,13 +32,13 @@ const I = /* @__PURE__ */ o("div")({
   name: "PointsValue",
   class: "prj9b3v",
   propsAsIs: !1
-}), B = ({ points: s, onClick: e }) => /* @__PURE__ */ p(I, { className: y, onClick: e, children: [
+}), C = ({ points: s, onClick: e }) => /* @__PURE__ */ p(I, { className: y, onClick: e, children: [
   /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(k, { name: "icon-trophy-solid" }) }),
   /* @__PURE__ */ p(F, { children: [
     /* @__PURE__ */ t(T, { children: "Total points" }),
     /* @__PURE__ */ t(x, { children: /* @__PURE__ */ t(h, { value: s }) })
   ] })
-] }), C = ({ gamification: s }) => {
+] }), $ = ({ gamification: s }) => {
   const e = s.userSummary.$store, [a, l] = u(0);
   return d(() => {
     const r = e.subscribe((i) => {
@@ -47,7 +47,7 @@ const I = /* @__PURE__ */ o("div")({
     return () => {
       r();
     };
-  }, [e]), /* @__PURE__ */ t(B, { points: a, onClick: () => {
+  }, [e]), /* @__PURE__ */ t(C, { points: a, onClick: () => {
     const r = s.status.get();
     r === m.Suspended ? (s.openFeature(), n.emit("app", {
       action: "open",
@@ -63,15 +63,15 @@ const I = /* @__PURE__ */ o("div")({
       payload: {}
     }));
   } });
-}, $ = ({ sdk: s }) => {
+}, j = ({ sdk: s }) => {
   if (!f(s.featuresList.getStore()))
     return null;
   const e = s.getFeature(v.GAMES);
-  return e ? /* @__PURE__ */ t(C, { gamification: e }) : null;
-}, O = ({ theme: s }) => {
+  return e ? /* @__PURE__ */ t($, { gamification: e }) : null;
+}, G = ({ theme: s }) => {
   const e = g(), a = A();
-  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(c, { customTheme: s ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ t($, { sdk: e }) }) }) : null;
+  return e ? /* @__PURE__ */ t("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ t(c, { customTheme: s ?? a.theme, themeMode: a.themeMode, children: /* @__PURE__ */ t(j, { sdk: e }) }) }) : null;
 };
 export {
-  O as StreamLayerSDKPoints
+  G as StreamLayerSDKPoints
 };

package/lib/es/polymarket.js

@@ -1,9 +1,9 @@
 import { jsxs as K, jsx as E } from "react/jsx-runtime";
-import { h as fs } from "./index6.js";
+import { h as fs } from "./index7.js";
 import { s as k, u as js, c as Vs } from "./feature.js";
 import { q as ds, Y as ms, _ as ps } from "./hooks-n9ax4LRT.js";
 import { useRef as Ds, useEffect as Ks } from "react";
-import "./index5.js";
+import "./index6.js";
 function _(h) {
   var t = h.width, i = h.height;
   if (t < 0)

package/lib/es/storage.js

@@ -2,7 +2,7 @@ import { jsxs as o, jsx as s } from "react/jsx-runtime";
 import { s as e } from "./feature.js";
 import { e as f } from "./index10.js";
 import { e as A, i as c } from "./index9.js";
-import { B as m } from "./index7.js";
+import { H as m } from "./index5.js";
 import { Q as l, a as Q, P as n } from "./useStreamLayerApp2.js";
 const h = /* @__PURE__ */ e("div")({
   name: "QuestionItem",
@@ -48,20 +48,20 @@ const h = /* @__PURE__ */ e("div")({
   name: "SkeletonContainer",
   class: "s1f43z3r",
   propsAsIs: !1
-}), D = () => A, B = /* @__PURE__ */ e(D())({
+}), D = () => A, C = /* @__PURE__ */ e(D())({
   name: "SkeletonButton",
   class: "s16k8geu",
   propsAsIs: !0
-}), C = {
+}), O = {
   [n.LOST]: /* @__PURE__ */ s(i, { name: "incorrectVoted" }),
   [n.WON]: /* @__PURE__ */ s(E, { name: "icon-check" }),
   [n.UNSET]: /* @__PURE__ */ s(i, { name: "icon-arrow" }),
   [n.DNP]: /* @__PURE__ */ s(i, { name: "icon-arrow" })
-}, F = () => /* @__PURE__ */ o(x, { children: [
+}, z = () => /* @__PURE__ */ o(x, { children: [
   /* @__PURE__ */ s(c, { loading: !0, style: { width: "35%" } }),
   /* @__PURE__ */ s(c, { loading: !0, style: { width: "70%" } }),
-  /* @__PURE__ */ s(B, {})
-] }), O = ({ questionTypeData: t, questionType: a, questionStatus: r }) => /* @__PURE__ */ o(S, { className: "SL_QuestionCaption", children: [
+  /* @__PURE__ */ s(C, {})
+] }), R = ({ questionTypeData: t, questionType: a, questionStatus: r }) => /* @__PURE__ */ o(S, { className: "SL_QuestionCaption", children: [
   /* @__PURE__ */ s(
     P,
     {
@@ -76,7 +76,7 @@ const h = /* @__PURE__ */ e("div")({
     t.label,
     a === l.TRIVIA && r === Q.RESOLVED && " • Expired"
   ] })
-] }), H = ({
+] }), F = ({
   questionId: t,
   questionType: a,
   questionStatus: r,
@@ -84,11 +84,11 @@ const h = /* @__PURE__ */ e("div")({
   openForVoting: I,
   status: y
 }) => {
-  const p = f[a], q = C[y];
+  const p = f[a], q = O[y];
   return p ? /* @__PURE__ */ o(h, { "data-a": "intr", "data-name": t, children: [
     /* @__PURE__ */ o(g, { children: [
       /* @__PURE__ */ s(
-        O,
+        R,
         {
           questionTypeData: p,
           questionType: a,
@@ -105,9 +105,9 @@ var u;
   t.OPENED = "opened";
 })(u || (u = {}));
 export {
-  F as D,
-  H as R,
+  z as D,
+  F as R,
   w as S,
   h as r,
-  O as x
+  R as x
 };