@streamlayer/react 1.24.6 → 1.24.8

package/lib/es/index9.js

@@ -1,182 +1,11 @@
-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 = {
-  BLUE_QUESTION_ACTION_BTN: "#1589ee",
-  WHITE: "#FFFFFF",
-  BLUE: "#2d6ffd",
-  GREY_PRIMARY: "#909395",
-  GREY_PRIMARY_ONBOARDING_INAPP: "#B5B7B8",
-  PRIMARY_1: "#1D7BFF",
-  // main
-  PRIMARY_2: "#095CD1",
-  // hover, active, ...etc (darken 10%)
-  PRIMARY_TEXT: "#090E13",
-  SECONDARY_TEXT: "rgba(10, 14, 19, 0.70)",
-  QUESTION_TYPE_ICON: "#1D7BFF",
-  QUESTION_BODY_TEXT: "#090E13",
-  PRESENTED_BY_TEXT: "#090E13",
-  SUCCESS: "#107D57",
-  UNSUCCESS: "#DF2F3B",
-  SECONDARY_RED1: "#DF2F3B",
-  NEUTRALS_WHITE: "#FFFFFF",
-  NEUTRALS_WHITE1: "#FFFFFF",
-  NEUTRALS_GRAY1: "#F7F7F7",
-  NEUTRALS_GRAY2: "#F2F2F1",
-  NEUTRALS_GRAY3: "#E8E8E8",
-  NEUTRALS_GRAY4: "#D9D9D6",
-  NEUTRALS_GRAY5: "#B1B3B3",
-  NEUTRALS_GRAY6: "#888B8D",
-  NEUTRALS_GRAY7: "#6B6F73",
-  NEUTRALS_GRAY9: "#25282A",
-  SDK_CONTAINER_BG: "#F7F7F7",
-  SDK_WHITE_CONTAINER_BG: "#fff",
-  SDK_DARK_CONTAINER_BG: "#fff",
-  SDK_PREDICTION_RESULT_SUCCESS_BG: "#fff",
-  SDK_PREDICTION_RESULT_INCORRECT_BG: "#fff",
-  SDK_PREDICTION_RESULT_SUCCESS_TEXT: "#107D57",
-  SDK_PREDICTION_RESULT_ERROR_TITLE: "#090E13",
-  SDK_PREDICTION_RESULT_ERROR_SUBTITLE: "#DF2F3B",
-  SDK_PREDICTION_RESULT_CLOSE_ICON: "#6B6F73",
-  SDK_PREDICTION_FEEDBACK_SUCCESS_ICON: "#107D57",
-  SDK_PREDICTION_FEEDBACK_INCORRECT_RECT1: "#CD2525",
-  SDK_PREDICTION_FEEDBACK_INCORRECT_RECT2: "#fff",
-  PREDICTION_BG_LINES_CORRECT: "#01AB58",
-  PREDICTION_BG_LINES_INCORRECT: "#888B8D",
-  SKELETON_COLOR_1: "#f1efef",
-  SKELETON_COLOR_2: "#f9f8f8",
-  TABS_CONTAINER_BG: "#F2F2F1",
-  TABS_ACTIVE_BG: "#FFFFFF",
-  TABS_COLOR: "#6B6F73",
-  TABS_ACTIVE_COLOR: "#1D7BFF",
-  CARD_BG: "#FFFFFF",
-  CARD_BORDER: "#fff",
-  BORDER: "#E8E8E8",
-  VOTE_BTN_BG: "#F7F7F7",
-  VOTE_BTN_BORDER: "rgb(232, 232, 232)",
-  VOTE_BTN_DISABLED_BORDER: "#B1B3B3",
-  VOTE_BTN_SELECTED_BORDER: "#25282A",
-  VOTE_BTN_NOT_SELECTED_BORDER: "#E8E8E8",
-  VOTE_BTN_SELECTED_BG: "#FFFFFF",
-  VOTE_BTN_SELECTED_BG_AD_UNIT: "#FFFFFF",
-  VOTE_BTN_NOT_SELECTED_BG: "#FFFFFF",
-  VOTE_BTN_NOT_SELECTED_BG_UNSET: "rgb(196, 196, 196)",
-  VOTED_ANSWER_BG: "#FFFFFF",
-  VOTED_BTN_RCT_BG: "#2d5694",
-  IN_APP_BG: "rgba(255, 255, 255, 0.90)",
-  IN_APP_QUESTION_TYPE_ICON: "#1D7BFF",
-  IN_APP_QUESTION_TYPE_LABEL: "#82899E",
-  IN_APP_QUESTION_QUOTE: "rgba(10, 14, 19, 0.70)",
-  IN_APP_QUESTION_RESULT_SUBTITLE_BG: "#1D7BFF",
-  IN_APP_QUESTION_RESULT_LINE: "#babfc5",
-  QUOTE_BORDER: "#E8E8E8",
-  QUOTE_TEXT: "rgba(10, 14, 19, 0.70)"
-}, c = {
-  BG_PRIMARY: "#13212b",
-  BG_SECONDARY: "#152430",
-  BG_SECONDARY1: "#435059",
-  BORDER_PRIMARY: "rgba(255, 255, 255, 0.1)",
-  TEXT_PRIMARY: "#f9f9f9",
-  TEXT_PRIMARY1: "#f9f9f9",
-  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 = {
-  xs: 324,
-  sm: 576,
-  md: 768,
-  lg: 992,
-  xl: 1200,
-  xxl: 1440
-};
-Object.entries(f).reduce((_, [E, T]) => `
-    ${_}
-    --color-${E.toLowerCase().replaceAll("_", "-")}: ${T};
-  `, "");
-Object.entries(c).reduce((_, [E, T]) => `
-    ${_}
-    --color-adv-${E.toLowerCase().replaceAll("_", "-")}: ${T};
-  `, "");
-const d = (_) => {
-  const { Component: E, options: T, customOptions: e, autoFocus: R, ...O } = _, N = n.useFocusable({
-    ...T,
-    ...e,
-    onEnterPress: () => _.onClick?.({ currentTarget: N.ref.current, stopPropagation: () => {
-    } })
-  });
-  return D(() => {
-    R && N.focusSelf();
-  }, []), /* @__PURE__ */ F(E, { ...O, ...N, "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 });
-}
-const m = [10, 10, 1, 0], G = /* @__PURE__ */ I("div")({
-  name: "RemainingTimeCircle",
-  class: "r165427",
-  propsAsIs: !1
-}), p = /* @__PURE__ */ I("div")({
-  name: "RemainingTime",
-  class: "r17garf3",
+import { jsx as t } from "react/jsx-runtime";
+import { s as l } from "./feature.js";
+const i = /* @__PURE__ */ l("div")({
+  name: "Container",
+  class: "cqg02m",
   propsAsIs: !1
-}), Y = L, B = P, o = U, X = ({
-  className: _,
-  duration: E = 30,
-  onTimerExpired: T,
-  isPlaying: e = !0
-}) => /* @__PURE__ */ F(t, {
-  isPlaying: e,
-  strokeWidth: 0,
-  duration: E,
-  colors: B,
-  size: 24,
-  onComplete: T,
-  children: ({
-    remainingTime: R
-  }) => /* @__PURE__ */ F(p, {
-    className: _,
-    children: E === 0 ? 0 : R
-  })
-}), M = ({
-  isPlaying: _ = !0,
-  duration: E = 30,
-  onTimerExpired: T
-}) => {
-  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,
-    size: 32,
-    strokeWidth: O,
-    trailStrokeWidth: 2,
-    trailColor: e,
-    onComplete: s,
-    onUpdate: A,
-    children: i
-  });
-}, W = ({ height: _ = "37px", width: E = "37px" }) => /* @__PURE__ */ F("div", { style: { height: _, width: E }, children: /* @__PURE__ */ F(a, { name: "loader" }) });
+}), a = ({ children: s, style: e, loading: o }) => o ? /* @__PURE__ */ t(i, { style: e, children: s }) : s;
 export {
-  x as A,
-  X as G,
-  M as L,
-  f as R,
-  Q as b,
-  W as d
+  i as e,
+  a as i
 };

package/lib/es/masters2.js

@@ -2,20 +2,19 @@ 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 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 "./index9.js";
+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 "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 { Q as T2, S as N } from "./useStreamLayerApp2.js";
-import { B as x } from "./index8.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";
-import { e as R2 } from "./index11.js";
+import { e as R2 } from "./index10.js";
 import { V as A2, g as y2, i as k2, j as D2 } from "./hooks-n9ax4LRT.js";
 const b2 = /* @__PURE__ */ c("div")({
   name: "SDKContainer",
@@ -29,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
@@ -37,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
@@ -46,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,
@@ -66,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({
@@ -186,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,
     {
@@ -199,7 +198,7 @@ const b2 = /* @__PURE__ */ c("div")({
   name: "OpenedContainer",
   class: "o1seszvt",
   propsAsIs: !0
-}), d1 = ({
+}), l1 = ({
   gamification: s,
   className: e
 }) => /* @__PURE__ */ n(q2, {
@@ -316,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 }),
@@ -450,7 +449,7 @@ const b2 = /* @__PURE__ */ c("div")({
         position: "absolute",
         visibility: "hidden"
       },
-      children: /* @__PURE__ */ n(V, {
+      children: /* @__PURE__ */ n(B, {
         close: () => {
         },
         action: () => {
@@ -461,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, {
@@ -517,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, {
@@ -529,7 +528,7 @@ const b2 = /* @__PURE__ */ c("div")({
         style: {
           height: "100%"
         },
-        children: /* @__PURE__ */ n(B, {
+        children: /* @__PURE__ */ n(V, {
           ...e,
           controlVideo: i?.controlVideoPlayer
         })
@@ -633,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;
@@ -647,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));
@@ -670,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
@@ -738,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 }) }), c1 = ({ 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,
@@ -759,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 }) => {
@@ -783,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(() => {
@@ -807,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,
         {
@@ -841,9 +840,9 @@ 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 {
+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
 };

package/lib/es/notification.js

@@ -4,12 +4,12 @@ import { useState as I, useRef as Q, useEffect as $, useCallback as As, useMemo
 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 "./index11.js";
-import { B as A } from "./index8.js";
+import { D as vs, j as gs, e as K, o as ws } from "./index10.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 "./index9.js";
+import { b as S } from "./index8.js";
 import { V as Ts, y as ys } from "./index14.js";
-import { p as Cs } from "./index5.js";
+import { p as Cs } from "./index11.js";
 import { Y as Ns, _ as ks, q as qs } from "./hooks-n9ax4LRT.js";
 const w = /* @__PURE__ */ e("div")({
   name: "Media",
@@ -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/points.js

@@ -3,9 +3,9 @@ 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 "./index5.js";
+import { p as h } from "./index11.js";
 import { m as y } from "./theme.js";
-import { B as S } from "./index8.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
 };