@streamlayer/react 1.24.6 → 1.24.8-pre.11da316

package/lib/es/index9.js

@@ -1,10 +1,9 @@
-import { jsx as F } from "react/jsx-runtime";
-import { d as n } from "./index15.js";
-import { useEffect as D, useState as S, useCallback as C } from "react";
-import { s as I } from "./feature.js";
-import { CountdownCircleTimer as t } from "react-countdown-circle-timer";
-import { B as a } from "./index8.js";
-const f = {
+import { jsx as d } from "react/jsx-runtime";
+import { d as v } from "./index15.js";
+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 { M as b } from "./index5.js";
+const K = {
   BLUE_QUESTION_ACTION_BTN: "#1589ee",
   WHITE: "#FFFFFF",
   BLUE: "#2d6ffd",
@@ -74,7 +73,7 @@ const f = {
   IN_APP_QUESTION_RESULT_LINE: "#babfc5",
   QUOTE_BORDER: "#E8E8E8",
   QUOTE_TEXT: "rgba(10, 14, 19, 0.70)"
-}, c = {
+}, W = {
   BG_PRIMARY: "#13212b",
   BG_SECONDARY: "#152430",
   BG_SECONDARY1: "#435059",
@@ -84,7 +83,7 @@ const f = {
   TEXT_SECONDARY: "rgba(255, 255, 255, 0.8)",
   TEXT_SECONDARY1: "#878787",
   WHITE: "#fff"
-}, l = ["#107D57", "#DF2F3B", "#DF2F3B", "#E8E8E8"], L = "#cee5de", P = "#f9d6d8", U = "#E8E8E8", x = {
+}, x = ["#107D57", "#DF2F3B", "#DF2F3B", "#E8E8E8"], M = "#cee5de", V = "#f9d6d8", Q = "#E8E8E8", le = {
   xs: 324,
   sm: 576,
   md: 768,
@@ -92,91 +91,150 @@ const f = {
   xl: 1200,
   xxl: 1440
 };
-Object.entries(f).reduce((_, [E, T]) => `
-    ${_}
-    --color-${E.toLowerCase().replaceAll("_", "-")}: ${T};
+Object.entries(K).reduce((t, [e, i]) => `
+    ${t}
+    --color-${e.toLowerCase().replaceAll("_", "-")}: ${i};
   `, "");
-Object.entries(c).reduce((_, [E, T]) => `
-    ${_}
-    --color-adv-${E.toLowerCase().replaceAll("_", "-")}: ${T};
+Object.entries(W).reduce((t, [e, i]) => `
+    ${t}
+    --color-adv-${e.toLowerCase().replaceAll("_", "-")}: ${i};
   `, "");
-const d = (_) => {
-  const { Component: E, options: T, customOptions: e, autoFocus: R, ...O } = _, N = n.useFocusable({
-    ...T,
-    ...e,
-    onEnterPress: () => _.onClick?.({ currentTarget: N.ref.current, stopPropagation: () => {
+const X = (t) => {
+  const { Component: e, options: i, customOptions: n, autoFocus: r, ...a } = t, E = v.useFocusable({
+    ...i,
+    ...n,
+    onEnterPress: () => t.onClick?.({ currentTarget: E.ref.current, stopPropagation: () => {
     } })
   });
-  return D(() => {
-    R && N.focusSelf();
-  }, []), /* @__PURE__ */ F(E, { ...O, ...N, "data-is-with-focus": "true" });
+  return L(() => {
+    r && E.focusSelf();
+  }, []), /* @__PURE__ */ d(e, { ...a, ...E, "data-is-with-focus": "true" });
 };
-function Q(_, E) {
-  return ({ webos: T, options: e, ...R }) => T ? /* @__PURE__ */ F(d, { Component: _, options: E, customOptions: e, ...R }) : /* @__PURE__ */ F(_, { ...R });
+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 });
 }
-const m = [10, 10, 1, 0], G = /* @__PURE__ */ I("div")({
+var U = typeof window > "u" ? L : w, j = ({ 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) {
+      o.current = u, _.current = requestAnimationFrame(m);
+      return;
+    }
+    let F = u - o.current, C = T.current + F;
+    o.current = u, T.current = C;
+    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) => {
+    I(), T.current = 0;
+    let u = typeof f == "number" ? f : i;
+    R.current = u, l(u), t && (_.current = requestAnimationFrame(m));
+  }, [t, i]);
+  return U(() => {
+    if (a?.(E), e && E >= e) {
+      s.current += e * 1e3;
+      let { shouldRepeat: f = !1, delay: u = 0, newStartAt: F } = r?.(s.current / 1e3) || {};
+      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) => {
+  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) => {
+  if (n === 0) return e;
+  let a = (r ? n - t : t) / n;
+  return e + i * a;
+}, $ = (t) => {
+  var e, i;
+  return (i = (e = t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (n, r, a, E) => `#${r}${r}${a}${a}${E}${E}`).substring(1).match(/.{2}/g)) == null ? void 0 : e.map((n) => parseInt(n, 16))) != null ? i : [];
+}, J = (t, e) => {
+  var i;
+  let { colors: n, colorsTime: r, isSmoothColorTransition: a = !0 } = t;
+  if (typeof n == "string") return n;
+  let E = (i = r?.findIndex((o, c) => o >= e && e >= r[c + 1])) != null ? i : -1;
+  if (!r || E === -1) return n[0];
+  if (!a) return n[E];
+  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 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: 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 O.createElement("div", { style: H(_) }, 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")({
   name: "RemainingTimeCircle",
   class: "r165427",
   propsAsIs: !1
-}), p = /* @__PURE__ */ I("div")({
+}), re = /* @__PURE__ */ y("div")({
   name: "RemainingTime",
   class: "r17garf3",
   propsAsIs: !1
-}), Y = L, B = P, o = U, X = ({
-  className: _,
-  duration: E = 30,
-  onTimerExpired: T,
-  isPlaying: e = !0
-}) => /* @__PURE__ */ F(t, {
-  isPlaying: e,
+}), ne = M, h = V, Y = Q, se = ({
+  className: t,
+  duration: e = 30,
+  onTimerExpired: i,
+  isPlaying: n = !0
+}) => /* @__PURE__ */ d(P, {
+  isPlaying: n,
   strokeWidth: 0,
-  duration: E,
-  colors: B,
+  duration: e,
+  colors: h,
   size: 24,
-  onComplete: T,
+  onComplete: i,
   children: ({
-    remainingTime: R
-  }) => /* @__PURE__ */ F(p, {
-    className: _,
-    children: E === 0 ? 0 : R
+    remainingTime: r
+  }) => /* @__PURE__ */ d(re, {
+    className: t,
+    children: e === 0 ? 0 : r
   })
-}), M = ({
-  isPlaying: _ = !0,
-  duration: E = 30,
-  onTimerExpired: T
+}), Re = ({
+  isPlaying: t = !0,
+  duration: e = 30,
+  onTimerExpired: i
 }) => {
-  const [e, R] = S(E > 10 ? Y : B), [O, N] = S(2);
-  D(() => {
-    E === 0 && (N(0), R(o));
-  }, [E]);
-  const i = ({
-    remainingTime: r
-  }) => /* @__PURE__ */ F(G, {
-    children: E === 0 ? 0 : r
-  }), s = C(() => {
-    T?.(), R(o);
-  }, [T, R]), A = C((r) => {
-    r === 10 && R(B);
-  }, [R]);
-  return /* @__PURE__ */ F(t, {
-    isPlaying: _,
-    duration: E,
-    colors: l,
-    colorsTime: m,
+  const [n, r] = A(e > 10 ? ne : h), [a, E] = A(2);
+  L(() => {
+    e === 0 && (E(0), r(Y));
+  }, [e]);
+  const l = ({
+    remainingTime: s
+  }) => /* @__PURE__ */ d(te, {
+    children: e === 0 ? 0 : s
+  }), T = p(() => {
+    i?.(), r(Y);
+  }, [i, r]), R = p((s) => {
+    s === 10 && r(h);
+  }, [r]);
+  return /* @__PURE__ */ d(P, {
+    isPlaying: t,
+    duration: e,
+    colors: x,
+    colorsTime: ee,
     size: 32,
-    strokeWidth: O,
+    strokeWidth: a,
     trailStrokeWidth: 2,
-    trailColor: e,
-    onComplete: s,
-    onUpdate: A,
-    children: i
+    trailColor: n,
+    onComplete: T,
+    onUpdate: R,
+    children: l
   });
-}, W = ({ height: _ = "37px", width: E = "37px" }) => /* @__PURE__ */ F("div", { style: { height: _, width: E }, children: /* @__PURE__ */ F(a, { name: "loader" }) });
+}, ue = ({ height: t = "37px", width: e = "37px" }) => /* @__PURE__ */ d("div", { style: { height: t, width: e }, children: /* @__PURE__ */ d(b, { name: "loader" }) });
 export {
-  x as A,
-  X as G,
-  M as L,
-  f as R,
-  Q as b,
-  W as d
+  le as A,
+  se as G,
+  Re as L,
+  K as R,
+  Te as b,
+  ue as d
 };

package/lib/es/insight.js

@@ -2,9 +2,9 @@ import { jsx as u, jsxs as c } from "react/jsx-runtime";
 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";
+import { t as I } from "./Question.js";
 import { S as g } from "./useStreamLayerApp2.js";
-import { Y as S, _ as k, g as Q } from "./hooks-n9ax4LRT.js";
+import { w as S, q as k, j as Q } from "./hooks-42q2i9Iw.js";
 const y = () => I, A = /* @__PURE__ */ h(y())({
   name: "QuestionWrap",
   class: "q10hhsxv",

package/lib/es/masters.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import { S as s, M as m } from "./masters2.js";
 import "react";
-import { Y as S } from "./hooks-n9ax4LRT.js";
+import { w as S } from "./hooks-42q2i9Iw.js";
 export {
   s as MastersStreamLayerProvider,
   m as MastersStreamLayerSDKReact,

package/lib/es/masters2.js

@@ -1,22 +1,21 @@
 import { jsx as n, jsxs as f, Fragment as I } from "react/jsx-runtime";
-import { s as c, u as p, F as J, c as S, N as T } from "./feature.js";
+import { s as c, u as p, F as J, c as g, N as T } from "./feature.js";
 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 { useRef as S, 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 "./index9.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 { f as G, c as a2, A as M, a as Q } from "./analytics.js";
+import { Q as l2, z as d2, T as K, I as c2, n as C2, f as p2, w as B, a as u2, p as m2 } from "./index16.js";
 import { m as A } from "./theme.js";
 import { a as f2 } from "./index4.js";
-import "nanostores";
 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 { O as S2, d as g2, f as _2, a as N2 } from "./index12.js";
 import { Q as T2, S as N } from "./useStreamLayerApp2.js";
-import { B as x } from "./index8.js";
+import { M as x } from "./index5.js";
 import { createPortal as I2 } from "react-dom";
 import { e as v2 } from "./index3.js";
 import "./storage.js";
-import { e as R2 } from "./index11.js";
-import { V as A2, g as y2, i as k2, j as D2 } from "./hooks-n9ax4LRT.js";
+import { e as R2 } from "./index10.js";
+import { _ as A2, j as y2, i as k2, k as D2 } from "./hooks-42q2i9Iw.js";
 const b2 = /* @__PURE__ */ c("div")({
   name: "SDKContainer",
   class: "s8zgqze",
@@ -47,7 +46,7 @@ const b2 = /* @__PURE__ */ c("div")({
     ...t
   });
 }, H2 = 15, $2 = (s, e, t) => {
-  const r = g(null), i = g(0), [a] = L(
+  const r = S(null), i = S(0), [a] = L(
     G({
       scrollPosition: 0,
       tabsShown: !1,
@@ -63,7 +62,7 @@ const b2 = /* @__PURE__ */ c("div")({
       const C = m.target;
       if (!C)
         return;
-      let d = 0;
+      let d;
       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))
@@ -155,7 +154,7 @@ const b2 = /* @__PURE__ */ c("div")({
     return null;
   const r = e.type;
   return /* @__PURE__ */ f(G2, {
-    children: [/* @__PURE__ */ n(g2, {
+    children: [/* @__PURE__ */ n(S2, {
       close: s.closeQuestion,
       type: e.attributes?.type || T2.UNSET,
       mastersApp: !0
@@ -165,7 +164,7 @@ const b2 = /* @__PURE__ */ c("div")({
       extendedQuestion: t
     }), r !== "question" && /* @__PURE__ */ n(M2, {
       openedQuestion: e
-    }), /* @__PURE__ */ n(S2, {
+    }), /* @__PURE__ */ n(g2, {
       mastersApp: !0
     })]
   });
@@ -173,11 +172,11 @@ const b2 = /* @__PURE__ */ c("div")({
   const { sdk: r } = O(), i = p(s);
   return E(() => {
     t.set(!0);
-  }, [t]), /* @__PURE__ */ n(a2, { openQuestion: e, questions: i.data, controlVideo: r?.controlVideoPlayer });
+  }, [t]), /* @__PURE__ */ n(l2, { openQuestion: e, questions: i.data, controlVideo: r?.controlVideoPlayer });
 }, Z2 = ({ userSummary: s }) => {
   const e = p(s.$store);
   return /* @__PURE__ */ n(
-    l2,
+    d2,
     {
       hideFriendsRank: !0,
       loading: !e?.summary,
@@ -199,7 +198,7 @@ const b2 = /* @__PURE__ */ c("div")({
   name: "OpenedContainer",
   class: "o1seszvt",
   propsAsIs: !0
-}), d1 = ({
+}), l1 = ({
   gamification: s,
   className: e
 }) => /* @__PURE__ */ n(q2, {
@@ -270,7 +269,7 @@ const b2 = /* @__PURE__ */ c("div")({
 }), r0 = "hlc2pcy", i0 = n2(({
   className: s
 }, e) => /* @__PURE__ */ f(s0, {
-  className: S(s, r0),
+  className: g(s, r0),
   children: [/* @__PURE__ */ n(t0, {
     children: /* @__PURE__ */ f(n0, {
       children: [/* @__PURE__ */ n(x, {
@@ -347,7 +346,7 @@ const b2 = /* @__PURE__ */ c("div")({
   name: "OnboardingContainer",
   class: "on59ra",
   propsAsIs: !1
-}), h0 = () => F, g0 = /* @__PURE__ */ c(h0())({
+}), h0 = () => F, S0 = /* @__PURE__ */ c(h0())({
   name: "OnboardingNotificationContainer",
   class: "op1wk5d",
   propsAsIs: !0
@@ -355,7 +354,7 @@ const b2 = /* @__PURE__ */ c("div")({
   name: "InnerContainer",
   class: "i1i1g2vj",
   propsAsIs: !1
-}), S0 = ({
+}), g0 = ({
   deepLink: s,
   onboardingOpts: e,
   notification: t,
@@ -363,7 +362,7 @@ const b2 = /* @__PURE__ */ c("div")({
   loading: i,
   sdk: a
 }) => {
-  const o = p(r.friends ? r.friends.getStore() : c2({
+  const o = p(r.friends ? r.friends.getStore() : a2({
     data: []
   })), [l, u] = L(void 0), m = _(() => {
     const C = a.getInviter();
@@ -417,7 +416,7 @@ const b2 = /* @__PURE__ */ c("div")({
   appNode: i,
   responsiveStore: a
 }) => {
-  const o = g(null), l = e.data.onboarding, [u, m] = L(l?.instantOpen), C = s.getFeature(N.GAMES), d = _(() => Y?.map(({
+  const o = S(null), l = e.data.onboarding, [u, m] = L(l?.instantOpen), C = s.getFeature(N.GAMES), d = _(() => Y?.map(({
     graphicSrc: X
   }) => X), []), {
     screen: v
@@ -430,11 +429,11 @@ const b2 = /* @__PURE__ */ c("div")({
   const {
     loading: R,
     throttled: W
-  } = d2(d);
+  } = c2(d);
   return u && C && l && i.current && !W ? /* @__PURE__ */ n(K, {
     container: i,
     useContainer: !1,
-    children: /* @__PURE__ */ n(S0, {
+    children: /* @__PURE__ */ n(g0, {
       notification: e,
       setOpened: m,
       gamification: C,
@@ -457,7 +456,7 @@ const b2 = /* @__PURE__ */ c("div")({
         },
         onboarding: l
       })
-    }), /* @__PURE__ */ n(g0, {
+    }), /* @__PURE__ */ n(S0, {
       style: r,
       hiding: e.hiding,
       children: /* @__PURE__ */ n(w, {
@@ -494,7 +493,7 @@ const b2 = /* @__PURE__ */ c("div")({
   class: "pht79xf",
   propsAsIs: !0
 }), k0 = (s) => {
-  const [e, t] = L(0), r = g(null), i = b((o) => {
+  const [e, t] = L(0), r = S(null), i = b((o) => {
     r.current = o;
   }, []);
   E(() => {
@@ -588,7 +587,7 @@ const b2 = /* @__PURE__ */ c("div")({
         behavior: "smooth"
       }), e(null);
     },
-    className: S(m && b0, "sl-pill-button")
+    className: g(m && b0, "sl-pill-button")
   }), d.current);
 }, O0 = ({
   sdk: s,
@@ -742,7 +741,7 @@ Object.entries(V0).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 }) }), c1 = ({ sdkKey: s, plugins: e, children: t, event: r, onDeepLinkHandled: i, videoPlayerController: a, production: o = !0 }) => /* @__PURE__ */ f(
+const w0 = "m1ojpy2l", P0 = ({ children: s, style: e }) => /* @__PURE__ */ n("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ n("div", { className: g("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,
@@ -780,10 +779,10 @@ const w0 = "m1ojpy2l", P0 = ({ children: s, style: e }) => /* @__PURE__ */ n("di
     ) : null;
   }) : null;
 }, U0 = (s) => {
-  const e = g(null);
+  const e = S(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 = S(null), r = p(s.status), i = p(s.sdkStore.slStreamId), a = S(null), [o] = B0(t), [l, u] = $2(t, o, e), m = r === "ready" && !!i.data;
   return E(() => {
     window.requestAnimationFrame(() => {
       s.initializeApp().then(() => {
@@ -792,8 +791,8 @@ const w0 = "m1ojpy2l", P0 = ({ children: s, style: e }) => /* @__PURE__ */ n("di
     });
   }, [s]), M(t, { enabled: !0, event: "click", listener: Q }), E(() => {
     import("./gamification-feature2.js");
-  }, []), /* @__PURE__ */ f(b2, { className: S("SDKContainer", !e && F2), ref: t, children: [
-    /* @__PURE__ */ n(i0, { className: S(A), ref: a }),
+  }, []), /* @__PURE__ */ f(b2, { className: g("SDKContainer", !e && F2), ref: t, children: [
+    /* @__PURE__ */ n(i0, { className: g(A), ref: a }),
     /* @__PURE__ */ f(O2, { className: "sl-hide-on-modal", ref: l, children: [
       m && /* @__PURE__ */ n(
         O0,
@@ -843,7 +842,7 @@ const w0 = "m1ojpy2l", P0 = ({ children: s, style: e }) => /* @__PURE__ */ n("di
   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;
 };
-class C1 extends i2 {
+class c1 extends i2 {
   constructor(e) {
     super(e), this.state = { hasError: !1 };
   }
@@ -858,7 +857,7 @@ class C1 extends i2 {
   }
 }
 export {
-  d1 as C,
-  C1 as M,
-  c1 as S
+  l1 as C,
+  c1 as M,
+  d1 as S
 };