@streamlayer/react 1.21.3 → 1.22.1

package/lib/classic/es/analytics.js

@@ -0,0 +1,28 @@
+import { useEffect as l } from "react";
+import { e as i } from "./index3.js";
+import { A as s } from "./sl-types.js";
+const u = (e) => [(t) => (...n) => (e && i.emit(e == null ? void 0 : e.type, e), t ? t(n) : null)], p = (e) => {
+  const t = e.target;
+  t instanceof HTMLAnchorElement && t.target === "_blank" && t.getAttribute("data-a") === "web-link" && i.emit("poll", {
+    action: "navigated",
+    payload: {}
+  }), t instanceof Element && t.getAttribute("data-a") === "intr" && i.emit("interactions", {
+    action: "tap",
+    payload: {}
+  });
+}, f = (e, t) => {
+  const n = window.innerWidth < s.xl;
+  l(() => {
+    const a = n && t.useDomNode ? document : e.current, o = (r) => {
+      t.listener(r, e);
+    };
+    return t.enabled && (a == null || a.addEventListener(t.event, o)), () => {
+      a == null || a.removeEventListener(t.event, o);
+    };
+  }, [n, t.enabled, t.listener]);
+};
+export {
+  p as A,
+  f as b,
+  u as f
+};

package/lib/classic/es/auth.js

@@ -1,11 +1,11 @@
 import { useEffect as o } from "react";
-import { u } from "./provider.js";
-const f = ({ token: t, schema: i }) => {
-  const r = u();
+import { B as f } from "./hooks-B0Qttldg.js";
+const p = ({ token: t, schema: i }) => {
+  const r = f();
   return o(() => {
     t && i && r && r.authorizationBypass(i, t), r && (r.withAuth = !0);
   }, [t, i, r]), null;
 };
 export {
-  f as StreamLayerLogin
+  p as StreamLayerLogin
 };

package/lib/classic/es/bet-pack.js

@@ -1,9 +1,13 @@
 import { jsx as P, jsxs as F } from "react/jsx-runtime";
-import { s as _, B as te, o as vt, p as gt, e as Se, j as wt, n as Ee, u as bt, i as yt } from "./provider.js";
-import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as Y, useLayoutEffect as St, createContext as He, useMemo as Re, useCallback as qe, memo as Et } from "react";
-import { ConnectError as xt, Code as Tt } from "@connectrpc/connect";
-import Ct from "lodash.throttle";
-import { S as We } from "./useStreamLayerApp2.js";
+import { c as vt, e as gt } from "./index3.js";
+import { s as _, u as Se, c as Ee } from "./sl-types.js";
+import $, { forwardRef as Ae, useState as W, useRef as D, useEffect as Y, useLayoutEffect as wt, createContext as He, useMemo as Re, useCallback as qe, memo as bt } from "react";
+import yt from "lodash.throttle";
+import { B as te } from "./index5.js";
+import { d as St } from "./index10.js";
+import { e as Et } from "./index13.js";
+import { d as xt, e as Tt, S as We } from "./useStreamLayerApp2.js";
+import { B as Ct } from "./hooks-B0Qttldg.js";
 function _e(t) {
   return t !== null && typeof t == "object" && "constructor" in t && t.constructor === Object;
 }
@@ -439,7 +443,7 @@ function Ft(t) {
     observeSlideChildren: !1
   }), r("init", o), r("destroy", c);
 }
-var jt = {
+var Vt = {
   on(t, e, s) {
     const r = this;
     if (!r.eventsListeners || r.destroyed || typeof e != "function") return r;
@@ -494,7 +498,7 @@ var jt = {
     }), t;
   }
 };
-function Vt() {
+function jt() {
   const t = this;
   let e, s;
   const r = t.el;
@@ -543,15 +547,15 @@ function Ht() {
         if (L && (x.style.transform = "none"), O && (x.style.webkitTransform = "none"), s.roundLengths)
           I = t.isHorizontal() ? Te(x, "width") : Te(x, "height");
         else {
-          const C = e(k, "width"), z = e(k, "padding-left"), U = e(k, "padding-right"), j = e(k, "margin-left"), G = e(k, "margin-right"), V = k.getPropertyValue("box-sizing");
-          if (V && V === "border-box")
-            I = C + j + G;
+          const C = e(k, "width"), z = e(k, "padding-left"), U = e(k, "padding-right"), V = e(k, "margin-left"), G = e(k, "margin-right"), j = k.getPropertyValue("box-sizing");
+          if (j && j === "border-box")
+            I = C + V + G;
           else {
             const {
               clientWidth: ft,
               offsetWidth: ht
             } = x;
-            I = C + z + U + j + G + (ht - ft);
+            I = C + z + U + V + G + (ht - ft);
           }
         }
         L && (x.style.transform = L), O && (x.style.webkitTransform = O), s.roundLengths && (I = Math.floor(I));
@@ -852,7 +856,7 @@ function Kt(t, e) {
   r.slideToClickedSlide && s.clickedIndex !== void 0 && s.clickedIndex !== s.activeIndex && s.slideToClickedSlide();
 }
 var Jt = {
-  updateSize: Vt,
+  updateSize: jt,
   updateSlides: Ht,
   updateAutoHeight: Rt,
   updateSlidesOffset: qt,
@@ -1292,8 +1296,8 @@ function ws(t) {
       const z = C - Math.floor(C / A) * A;
       if (g) {
         const U = A - z - 1;
-        for (let j = d.length - 1; j >= 0; j -= 1)
-          d[j].column === U && y.push(j);
+        for (let V = d.length - 1; V >= 0; V -= 1)
+          d[V].column === U && y.push(V);
       } else
         y.push(A - z - 1);
     }
@@ -1301,8 +1305,8 @@ function ws(t) {
     L = Math.max(O - (A - m * 2), p), I && (L = Math.max(L, w - A + M + 1));
     for (let C = 0; C < L; C += 1) {
       const z = C - Math.floor(C / A) * A;
-      g ? d.forEach((U, j) => {
-        U.column === z && T.push(j);
+      g ? d.forEach((U, V) => {
+        U.column === z && T.push(V);
       }) : T.push(z);
     }
   }
@@ -1836,11 +1840,11 @@ function Fs() {
   } = t;
   !e || typeof e == "string" || (e.classList.remove(...s), t.emitContainerClasses());
 }
-var js = {
+var Vs = {
   addClasses: Ds,
   removeClasses: Fs
 };
-function Vs() {
+function js() {
   const t = this, {
     isLocked: e,
     params: s
@@ -1855,7 +1859,7 @@ function Vs() {
   s.allowSlideNext === !0 && (t.allowSlideNext = !t.isLocked), s.allowSlidePrev === !0 && (t.allowSlidePrev = !t.isLocked), e && e !== t.isLocked && (t.isEnd = !1), e !== t.isLocked && t.emit(t.isLocked ? "lock" : "unlock");
 }
 var Hs = {
-  checkOverflow: Vs
+  checkOverflow: js
 }, Pe = {
   init: !0,
   direction: "horizontal",
@@ -1997,7 +2001,7 @@ function Rs(t, e) {
   };
 }
 const be = {
-  eventsEmitter: jt,
+  eventsEmitter: Vt,
   update: Jt,
   translate: is,
   transition: os,
@@ -2007,7 +2011,7 @@ const be = {
   events: _s,
   breakpoints: Bs,
   checkOverflow: Hs,
-  classes: js
+  classes: Vs
 }, ye = {};
 let ze = class q {
   constructor() {
@@ -2615,7 +2619,7 @@ function Js(t, e, s) {
   }));
 }
 function ee(t, e) {
-  return typeof window > "u" ? Y(t, e) : St(t, e);
+  return typeof window > "u" ? Y(t, e) : wt(t, e);
 }
 const De = /* @__PURE__ */ He(null), Zs = /* @__PURE__ */ He(null), ot = /* @__PURE__ */ Ae(function(t, e) {
   let {
@@ -2638,8 +2642,8 @@ const De = /* @__PURE__ */ He(null), Zs = /* @__PURE__ */ He(null), ot = /* @__P
     h(!v);
   };
   Object.assign(I.on, {
-    _containerClasses(G, V) {
-      d(V);
+    _containerClasses(G, j) {
+      d(j);
     }
   });
   const C = () => {
@@ -2649,13 +2653,13 @@ const De = /* @__PURE__ */ He(null), Zs = /* @__PURE__ */ He(null), ot = /* @__P
     };
     if (delete G.wrapperClass, w.current = new ze(G), w.current.virtual && w.current.params.virtual.enabled) {
       w.current.virtual.slides = k;
-      const V = {
+      const j = {
         cache: !1,
         slides: k,
         renderExternal: f,
         renderExternalUpdate: !1
       };
-      J(w.current.params.virtual, V), J(w.current.originalParams.virtual, V);
+      J(w.current.params.virtual, j), J(w.current.originalParams.virtual, j);
     }
   };
   M.current || C(), w.current && w.current.on("_beforeBreakpoint", O);
@@ -2686,7 +2690,7 @@ const De = /* @__PURE__ */ He(null), Zs = /* @__PURE__ */ He(null), ot = /* @__P
       };
   }, []), ee(() => {
     z();
-    const G = Us(S, p.current, k, m.current, (V) => V.key);
+    const G = Us(S, p.current, k, m.current, (j) => j.key);
     return p.current = S, m.current = k, G.length && w.current && !w.current.destroyed && Ws({
       swiper: w.current,
       slides: k,
@@ -2702,10 +2706,10 @@ const De = /* @__PURE__ */ He(null), Zs = /* @__PURE__ */ He(null), ot = /* @__P
   }), ee(() => {
     Qs(w.current);
   }, [u]);
-  function j() {
-    return I.virtual ? Js(w.current, k, u) : k.map((G, V) => /* @__PURE__ */ $.cloneElement(G, {
+  function V() {
+    return I.virtual ? Js(w.current, k, u) : k.map((G, j) => /* @__PURE__ */ $.cloneElement(G, {
       swiper: w.current,
-      swiperSlideIndex: V
+      swiperSlideIndex: j
     }));
   }
   return /* @__PURE__ */ $.createElement(r, pe({
@@ -2715,7 +2719,7 @@ const De = /* @__PURE__ */ He(null), Zs = /* @__PURE__ */ He(null), ot = /* @__P
     value: w.current
   }, L["container-start"], /* @__PURE__ */ $.createElement(n, {
     className: qs(I.wrapperClass)
-  }, L["wrapper-start"], j(), L["wrapper-end"]), st(I) && /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("div", {
+  }, L["wrapper-start"], V(), L["wrapper-end"]), st(I) && /* @__PURE__ */ $.createElement($.Fragment, null, /* @__PURE__ */ $.createElement("div", {
     ref: y,
     className: "swiper-button-prev"
   }), /* @__PURE__ */ $.createElement("div", {
@@ -2855,12 +2859,12 @@ const er = () => ot, tr = /* @__PURE__ */ _(er())({
   name: "EndScreenSponsorIcon",
   class: "e1uswib2",
   propsAsIs: !0
-}), mr = ({ onEvent: t, height: e }) => {
-  const [s, r] = W(
+}), mr = ({ onEvent: t }) => {
+  const [e, s] = W(
     0
     /* FIRST */
   );
-  return s === 0 ? /* @__PURE__ */ P(me, { height: e, children: /* @__PURE__ */ F(Me, { children: [
+  return e === 0 ? /* @__PURE__ */ P(me, { children: /* @__PURE__ */ F(Me, { children: [
     /* @__PURE__ */ P(ur, {}),
     /* @__PURE__ */ F(ct, { children: [
       /* @__PURE__ */ P(pt, { children: "Great picks!" }),
@@ -2871,7 +2875,7 @@ const er = () => ot, tr = /* @__PURE__ */ _(er())({
       {
         "data-a": "intr",
         onClick: () => {
-          r(
+          s(
             1
             /* LAST */
           );
@@ -2880,7 +2884,7 @@ const er = () => ot, tr = /* @__PURE__ */ _(er())({
         children: "Continue"
       }
     )
-  ] }) }, "end") : /* @__PURE__ */ P(me, { height: e, children: /* @__PURE__ */ F(Me, { children: [
+  ] }) }, "end") : /* @__PURE__ */ P(me, { children: /* @__PURE__ */ F(Me, { children: [
     /* @__PURE__ */ P(cr, { src: "https://cdn.streamlayer.io/assets/sdk-web/onboarding-steps/bet_pack_end_screen.png" }),
     /* @__PURE__ */ P(ke, { children: "Look for more live match insights, predictions and more." }),
     /* @__PURE__ */ P(ue, { "data-a": "intr", onClick: () => t({ type: "slOpenGameCenter" }), children: "Open Game Center" })
@@ -2893,8 +2897,8 @@ const er = () => ot, tr = /* @__PURE__ */ _(er())({
   className: t
 }) => /* @__PURE__ */ P(fr, {
   className: t,
-  children: /* @__PURE__ */ P(vt, {})
-}), hr = ({ question: t, vote: e }) => t ? /* @__PURE__ */ P(gt, { close: () => {
+  children: /* @__PURE__ */ P(St, {})
+}), hr = ({ question: t, vote: e }) => t ? /* @__PURE__ */ P(Et, { close: () => {
 }, openedQuestion: t, vote: e, isLoading: !1, isEarlyPrediction: !0 }) : null, vr = /* @__PURE__ */ _("span")({
   name: "NextButton",
   class: "n991vvm",
@@ -3239,7 +3243,7 @@ const Tr = ({ data: t, gamification: e, onEvent: s, swipeable: r, autoplay: n })
     e.closeQuestion();
   }, [u, f] = W(1.1);
   return Y(() => {
-    const v = Ct(() => {
+    const v = yt(() => {
       var h;
       const b = (h = l.current) == null ? void 0 : h.size;
       if (!b)
@@ -3310,7 +3314,7 @@ handle this request.`
   name: "BetPackContainer",
   class: "b18vssq2",
   propsAsIs: !1
-}), ie = "slBetPackCb", Mr = wt("betPack-ui"), kr = (t, e = {}) => {
+}), ie = "slBetPackCb", Mr = vt("betPack-ui"), kr = (t, e = {}) => {
   var s, r;
   const { questionId: n, answerId: i } = e, l = { questionId: n, answerId: i };
   Mr.debug({ id: ie, type: t, ...l }), (s = window.top) == null || s.postMessage({ id: ie, type: t, ...l }, "*"), window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers[ie] && window.webkit.messageHandlers[ie].postMessage({ type: t, ...l }), (r = window.slBetPackCb) != null && r.postMessage && window.slBetPackCb.postMessage(JSON.stringify({ type: t, ...l, from: "base" }));
@@ -3348,7 +3352,7 @@ handle this request.`
   name: "Footer",
   class: "f1vakhu9",
   propsAsIs: !1
-}), je = /* @__PURE__ */ _("button")({
+}), Ve = /* @__PURE__ */ _("button")({
   name: "SlideSwitchButton",
   class: "spp13y7",
   propsAsIs: !1
@@ -3386,8 +3390,8 @@ Ae(({ sdk: t, onEvent: e, close: s }, r) => {
     ] }),
     /* @__PURE__ */ P(Br, { children: /* @__PURE__ */ P(mt, { sdk: t, onEvent: o, overlay: !0 }) }),
     /* @__PURE__ */ F(Nr, { children: [
-      /* @__PURE__ */ P(je, { "data-a": "intr", onClick: n == null ? void 0 : n.prev, disabled: !(l != null && l.canPrev), children: /* @__PURE__ */ P(ut, { "data-a": "intr", name: "iconArrowPrev", className: Ee((l == null ? void 0 : l.canPrev) && Fe) }) }),
-      /* @__PURE__ */ P(je, { "data-a": "intr", onClick: n == null ? void 0 : n.next, disabled: !(l != null && l.canNext), children: /* @__PURE__ */ P(_r, { "data-a": "intr", name: "iconArrowPrev", className: Ee((l == null ? void 0 : l.canNext) && Fe) }) })
+      /* @__PURE__ */ P(Ve, { "data-a": "intr", onClick: n == null ? void 0 : n.prev, disabled: !(l != null && l.canPrev), children: /* @__PURE__ */ P(ut, { "data-a": "intr", name: "iconArrowPrev", className: Ee((l == null ? void 0 : l.canPrev) && Fe) }) }),
+      /* @__PURE__ */ P(Ve, { "data-a": "intr", onClick: n == null ? void 0 : n.next, disabled: !(l != null && l.canNext), children: /* @__PURE__ */ P(_r, { "data-a": "intr", name: "iconArrowPrev", className: Ee((l == null ? void 0 : l.canNext) && Fe) }) })
     ] })
   ] });
 });
@@ -3399,7 +3403,7 @@ const Dr = ({ user: t, gamification: e, overlay: s, swipeable: r, onEvent: n })
     description: `You are not authorized to
 view this resource.`
   }
-) : /* @__PURE__ */ P(Le, {}), mt = Et(({ sdk: t, swipeable: e = !0, onEvent: s = Ir, overlay: r }) => {
+) : /* @__PURE__ */ P(Le, {}), mt = bt(({ sdk: t, swipeable: e = !0, onEvent: s = Ir, overlay: r }) => {
   const n = Se(t.featuresList.getStore()), i = Re(() => t.getFeature(We.GAMES), [n]), l = Se(t.getUserStore());
   return Y(() => (t.writeOverlaySessionId(), () => {
     t.writeOverlaySessionId("");
@@ -3410,18 +3414,18 @@ view this resource.`
       children: /* @__PURE__ */ P(Dr, { overlay: r, user: l, gamification: i, onEvent: s, swipeable: e })
     }
   );
-}), Ve = (t) => {
+}), je = (t) => {
   const e = t.target;
-  e instanceof Element && e.getAttribute("data-a") === "intr" && yt.emit("interactions", {
+  e instanceof Element && e.getAttribute("data-a") === "intr" && gt.emit("interactions", {
     action: "tap",
     payload: {}
   });
-}, Wr = () => {
-  const t = bt();
-  return Y(() => (document == null || document.addEventListener("click", Ve), () => {
-    document == null || document.removeEventListener("click", Ve);
+}, Qr = () => {
+  const t = Ct();
+  return Y(() => (document == null || document.addEventListener("click", je), () => {
+    document == null || document.removeEventListener("click", je);
   }), []), t ? /* @__PURE__ */ P(mt, { sdk: t }) : null;
 };
 export {
-  Wr as BetPackProvider
+  Qr as BetPackProvider
 };

package/lib/classic/es/gamification-feature.js

@@ -1,4 +1,4 @@
-import { g as f } from "./provider.js";
+import { B as f } from "./index2.js";
 export {
   f as default
 };

package/lib/classic/es/hooks-B0Qttldg.js

@@ -0,0 +1,98 @@
+import { createContext as P, useEffect as s, useRef as g, useMemo as w, useContext as u, useState as h } from "react";
+import { jsxs as N, jsx as O } from "react/jsx-runtime";
+import { $ as T } from "./useStreamLayerApp2.js";
+const L = ({
+  event: e,
+  internal: r
+}) => {
+  const n = H(), o = j();
+  return s(() => (n && (e && (n.createEventSession(e, r), o && (o.current = e)), !e && o != null && o.current && (n.createEventSession("", r), o.current = "")), () => {
+    n && n.disableApp();
+  }), [e, r, o, n]), null;
+};
+var x = /* @__PURE__ */ ((e) => (e[e.UNSET = 0] = "UNSET", e[e.CONNECTED = 1] = "CONNECTED", e[e.READY = 2] = "READY", e))(x || {});
+const M = {
+  status: 0,
+  sdk: null
+}, d = P(M), U = ({
+  sdkKey: e,
+  theme: r,
+  themeMode: n,
+  plugins: o,
+  children: a,
+  event: m,
+  production: y = !0,
+  autoEnable: E = !0,
+  withAdNotification: C,
+  withAd: S = !0,
+  betPack: c = !1,
+  hideFriends: f,
+  skipOnboarding: p,
+  friendsTab: v = "enabled",
+  onDeepLinkHandled: i,
+  videoPlayerController: l,
+  onContentActivate: A,
+  containerId: b,
+  webOS: D
+}) => {
+  const t = T({
+    sdkKey: e,
+    plugins: o,
+    production: y,
+    autoEnable: E,
+    onDeepLinkHandled: i,
+    videoPlayerController: l,
+    onContentActivate: A,
+    hideFriends: f,
+    skipOnboarding: p,
+    withAdNotification: C,
+    withAd: S,
+    friendsTab: v,
+    betPack: c,
+    webOS: D
+  }), k = g(""), K = w(() => t ? { sdk: t, status: 2, event: k } : { status: 1, sdk: null, event: k }, [t]);
+  return s(() => {
+    t && (t.options.setKey("friendsTab", v), t.options.setKey("theme", r), t.options.setKey("themeMode", n), t.options.setKey("skipOnboarding", p), t.options.setKey("betPack", c), t.options.setKey("containerId", b));
+  }, [t, v, r, n, p, c, b]), s(() => () => {
+    i && (t == null || t.removeDeepLinkHandler(i)), l && (t == null || t.removeVideoPlayerController(l));
+  }, [t]), s(() => {
+    localStorage.getItem("SL_DEBUG") && console.log("StreamLayerProvider mounted with props:", {
+      sdkKey: !!e,
+      onDeepLinkHandled: !!i,
+      videoPlayerController: !!l
+    });
+  }, [e, i, l]), /* @__PURE__ */ N(d.Provider, { value: K, children: [
+    m !== void 0 && /* @__PURE__ */ O(L, { event: m }),
+    a
+  ] });
+}, H = () => {
+  const { sdk: e } = u(d);
+  return e;
+}, j = () => {
+  const { event: e } = u(d);
+  return e;
+}, Y = () => {
+  const { sdk: e } = u(d), [r, n] = h({});
+  return s(() => {
+    var o;
+    return e != null && e.options ? (o = e == null ? void 0 : e.options) == null ? void 0 : o.subscribe((a) => {
+      n({ theme: a.theme, themeMode: a.themeMode });
+    }) : () => {
+    };
+  }, [e == null ? void 0 : e.options]), r;
+}, B = () => {
+  const { sdk: e } = u(d), [r, n] = h({});
+  return s(() => e != null && e.uiState ? e == null ? void 0 : e.uiState.subscribe((o) => {
+    n({ ...o });
+  }) : () => {
+  }, [e == null ? void 0 : e.uiState]), r;
+};
+export {
+  H as B,
+  B as F,
+  x as Y,
+  d as c,
+  L as j,
+  U as q,
+  Y as z
+};

package/lib/classic/es/index-DSi8Qgfs.js

@@ -0,0 +1,65 @@
+let n = [], f = 0;
+const r = 4;
+let s = (o) => {
+  let l = [], e = {
+    get() {
+      return e.lc || e.listen(() => {
+      })(), e.value;
+    },
+    lc: 0,
+    listen(t) {
+      return e.lc = l.push(t), () => {
+        for (let i = f + r; i < n.length; )
+          n[i] === t ? n.splice(i, r) : i += r;
+        let u = l.indexOf(t);
+        ~u && (l.splice(u, 1), --e.lc || e.off());
+      };
+    },
+    notify(t, u) {
+      let i = !n.length;
+      for (let v of l)
+        n.push(
+          v,
+          e.value,
+          t,
+          u
+        );
+      if (i) {
+        for (f = 0; f < n.length; f += r)
+          n[f](
+            n[f + 1],
+            n[f + 2],
+            n[f + 3]
+          );
+        n.length = 0;
+      }
+    },
+    /* It will be called on last listener unsubscribing.
+       We will redefine it in onMount and onStop. */
+    off() {
+    },
+    set(t) {
+      let u = e.value;
+      u !== t && (e.value = t, e.notify(u));
+    },
+    subscribe(t) {
+      let u = e.listen(t);
+      return t(e.value), u;
+    },
+    value: o
+  };
+  return e;
+}, a = (o = {}) => {
+  let l = s(o);
+  return l.setKey = function(e, t) {
+    let u = l.value;
+    typeof t > "u" && e in l.value ? (l.value = { ...l.value }, delete l.value[e], l.notify(u, e)) : l.value[e] !== t && (l.value = {
+      ...l.value,
+      [e]: t
+    }, l.notify(u, e));
+  }, l;
+};
+export {
+  s as a,
+  a as i
+};

package/lib/classic/es/index.js

@@ -1,19 +1,18 @@
-import { S as s, a as y, b as L, h as p, u as c, d as f, c as u } from "./provider.js";
-import "nanostores";
-import "react/jsx-runtime";
 import "react";
-import "lodash.throttle";
-import "react-dom";
-import "react-countup";
-import { StreamLayerSDKNotification as K, StreamLayerSDKNotificationUI as d } from "./notification.js";
+import { q as o, j as S, B as s, z as i, F as y } from "./hooks-B0Qttldg.js";
+import "react/jsx-runtime";
+import "./useStreamLayerApp2.js";
+import { h as p } from "./index7.js";
+import { b as K } from "./index2.js";
+import { a as D, K as c } from "./notification2.js";
 export {
-  s as StreamLayerProvider,
-  y as StreamLayerSDKEvent,
-  K as StreamLayerSDKNotification,
-  d as StreamLayerSDKNotificationUI,
-  L as StreamLayerSDKReact,
+  o as StreamLayerProvider,
+  S as StreamLayerSDKEvent,
+  D as StreamLayerSDKNotification,
+  c as StreamLayerSDKNotificationUI,
+  K as StreamLayerSDKReact,
   p as StreamLayerThemeProvider,
-  c as useStreamLayer,
-  f as useStreamLayerTheme,
-  u as useStreamLayerUI
+  s as useStreamLayer,
+  i as useStreamLayerTheme,
+  y as useStreamLayerUI
 };

package/lib/classic/es/index10.js

@@ -0,0 +1,87 @@
+import { jsx as n } from "react/jsx-runtime";
+import { d as x } from "./index11.js";
+import { useEffect as h, useState as d, useCallback as p } from "react";
+import { s as f, N as O, I as k, O as y, S as E } from "./sl-types.js";
+import { CountdownCircleTimer as g } from "react-countdown-circle-timer";
+import { B as P } from "./index5.js";
+const v = (i) => {
+  const { Component: o, options: t, customOptions: s, autoFocus: r, ...l } = i, e = x.useFocusable({
+    ...t,
+    ...s,
+    onEnterPress: () => {
+      var a;
+      return (a = i.onClick) == null ? void 0 : a.call(i, { currentTarget: e.ref.current, stopPropagation: () => {
+      } });
+    }
+  });
+  return h(() => {
+    r && e.focusSelf();
+  }, []), /* @__PURE__ */ n(o, { ...l, ...e, "data-is-with-focus": "true" });
+};
+function B(i, o) {
+  return ({ webos: t, options: s, ...r }) => t ? /* @__PURE__ */ n(v, { Component: i, options: o, customOptions: s, ...r }) : /* @__PURE__ */ n(i, { ...r });
+}
+const w = [10, 10, 1, 0], I = /* @__PURE__ */ f("div")({
+  name: "RemainingTimeCircle",
+  class: "r165427",
+  propsAsIs: !1
+}), S = /* @__PURE__ */ f("div")({
+  name: "RemainingTime",
+  class: "r17garf3",
+  propsAsIs: !1
+}), b = y, c = O, u = E, F = ({
+  className: i,
+  duration: o = 30,
+  onTimerExpired: t,
+  isPlaying: s = !0
+}) => /* @__PURE__ */ n(g, {
+  isPlaying: s,
+  strokeWidth: 0,
+  duration: o,
+  colors: c,
+  size: 24,
+  onComplete: t,
+  children: ({
+    remainingTime: r
+  }) => /* @__PURE__ */ n(S, {
+    className: i,
+    children: o === 0 ? 0 : r
+  })
+}), j = ({
+  isPlaying: i = !0,
+  duration: o = 30,
+  onTimerExpired: t
+}) => {
+  const [s, r] = d(o > 10 ? b : c), [l, e] = d(2);
+  h(() => {
+    o === 0 && (e(0), r(u));
+  }, [o]);
+  const a = ({
+    remainingTime: m
+  }) => /* @__PURE__ */ n(I, {
+    children: o === 0 ? 0 : m
+  }), C = p(() => {
+    t == null || t(), r(u);
+  }, [t, r]), T = p((m) => {
+    m === 10 && r(c);
+  }, [r]);
+  return /* @__PURE__ */ n(g, {
+    isPlaying: i,
+    duration: o,
+    colors: k,
+    colorsTime: w,
+    size: 32,
+    strokeWidth: l,
+    trailStrokeWidth: 2,
+    trailColor: s,
+    onComplete: C,
+    onUpdate: T,
+    children: a
+  });
+}, G = ({ height: i = "37px", width: o = "37px" }) => /* @__PURE__ */ n("div", { style: { height: i, width: o }, children: /* @__PURE__ */ n(P, { name: "loader" }) });
+export {
+  F as G,
+  j as L,
+  B as O,
+  G as d
+};