@streamlayer/react 1.24.6 → 1.24.7

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/insight.js

@@ -1,5 +1,5 @@
 import { jsx as u, jsxs as c } from "react/jsx-runtime";
-import { h as p } from "./index7.js";
+import { h as p } from "./index6.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

@@ -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 { 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 { B as x } from "./index7.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",
@@ -199,7 +198,7 @@ const b2 = /* @__PURE__ */ c("div")({
   name: "OpenedContainer",
   class: "o1seszvt",
   propsAsIs: !0
-}), d1 = ({
+}), l1 = ({
   gamification: s,
   className: e
 }) => /* @__PURE__ */ n(q2, {
@@ -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: 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,
@@ -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
 };

package/lib/es/notification.js

@@ -1,15 +1,15 @@
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
-import { h as us } from "./index7.js";
+import { h as us } from "./index6.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 "./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 { B as A } from "./index7.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",

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 "./index7.js";
+import { h as F } from "./index6.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 "./index7.js";
+import { h as c } from "./index6.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 { B as S } from "./index7.js";
 import { S as v } from "./useStreamLayerApp2.js";
 import { Y as g, _ as A } from "./hooks-n9ax4LRT.js";
 const I = /* @__PURE__ */ o("div")({

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 "./index7.js";
+import { h as fs } from "./index6.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 "./index6.js";
+import "./index5.js";
 function _(h) {
   var t = h.width, i = h.height;
   if (t < 0)

package/lib/es/storage.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as s } from "react/jsx-runtime";
 import { s as e } from "./feature.js";
-import { e as f } from "./index11.js";
-import { e as A, i as c } from "./index10.js";
-import { B as m } from "./index8.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 { Q as l, a as Q, P as n } from "./useStreamLayerApp2.js";
 const h = /* @__PURE__ */ e("div")({
   name: "QuestionItem",