@streamlayer/web-os 0.4.1 → 0.4.3

package/lib/classic/es/index3.js

@@ -3,14 +3,13 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import * as React36 from "react";
-import React36__default, { useCallback, useEffect as useEffect$1, createContext, useContext, useState as useState$1, useRef, useMemo, useLayoutEffect as useLayoutEffect$1, forwardRef, memo, PureComponent, lazy, Component } from "react";
-import "@nanostores/react";
+import React36__default, { useEffect as useEffect$1, createContext, useContext, useState as useState$1, useRef, useCallback, useMemo, useLayoutEffect as useLayoutEffect$1, forwardRef, memo, PureComponent, lazy, Component } from "react";
 import { listenKeys } from "nanostores";
 import { useFocusable, updateAllLayouts, init } from "@noriginmedia/norigin-spatial-navigation";
 import { CountdownCircleTimer } from "react-countdown-circle-timer";
 import "react-dom";
-import z7 from "react-countup";
-import L3 from "lodash.throttle";
+import Yn from "react-countup";
+import I3 from "lodash.throttle";
 import "react-infinite-scroller";
 import "uuid";
 import { Code as Code$1, createContextKey as createContextKey$1 } from "@connectrpc/connect";
@@ -8226,9 +8225,23 @@ useSyncExternalStoreShim_production.useSyncExternalStore = void 0 !== React.useS
   shim$1.exports = useSyncExternalStoreShim_production;
 }
 var shimExports = shim$1.exports;
-function useStore$1(store, opts = {}) {
-  const subscribe = useCallback((onChange) => opts.keys ? listenKeys(store, opts.keys, onChange) : store.listen(onChange), [opts.keys, store]);
-  const get = store.get.bind(store);
+const emit = (snapshotRef, onChange) => (value) => {
+  if (snapshotRef.current === value)
+    return;
+  snapshotRef.current = value;
+  onChange();
+};
+function useStore$1(store, { keys, deps = [store, keys] } = {}) {
+  const snapshotRef = React36__default.useRef();
+  snapshotRef.current = store.get();
+  const subscribe = React36__default.useCallback((onChange) => {
+    emit(snapshotRef, onChange)(store.value);
+    return (keys == null ? void 0 : keys.length) > 0 ? listenKeys(store, keys, emit(snapshotRef, onChange)) : store.listen(emit(snapshotRef, onChange));
+  }, deps);
+  const get = () => snapshotRef.current;
+  if (React36__default.useSyncExternalStore) {
+    return React36__default.useSyncExternalStore(subscribe, get, get);
+  }
   return shimExports.useSyncExternalStore(subscribe, get, get);
 }
 const useStore = useStore$1;
@@ -8240,7 +8253,7 @@ const legacyUseTransition = () => {
     }
   ];
 };
-const useTransition = legacyUseTransition;
+const useTransition = React36__default.useTransition || legacyUseTransition;
 var cx = function cx2() {
   const presentClassNames = Array.prototype.slice.call(arguments).filter(Boolean);
   const atomicClasses = {};
@@ -9492,7 +9505,7 @@ const d$g = /* @__PURE__ */ styled_default("div")({
 const d$f = ({ value: n2 = 0, decimals: o2, duration: r2 = 1, preserveValue: e2 = true, ...s2 }) => {
   const [, t2] = n2.toString().split("."), i4 = o2 != null ? o2 : (t2 == null ? void 0 : t2.length) || 0;
   return /* @__PURE__ */ jsx(
-    z7,
+    Yn,
     {
       end: n2,
       ...s2,
@@ -11165,7 +11178,7 @@ const o$8 = /* @__PURE__ */ styled_default("div")({
 const J$4 = () => {
   const [c2, s2] = useState$1("desktop");
   return useEffect$1(() => {
-    const t2 = L3(() => {
+    const t2 = I3(() => {
       const o2 = window.innerWidth, a2 = window.innerHeight, y3 = o2 > a2 ? "landscape" : "portrait";
       s2(o2 < 1024 && y3 === "portrait" ? "mobile" : "desktop");
     }, 200);
@@ -14901,17 +14914,17 @@ export {
   f$d as k,
   r$c as l,
   b$5 as m,
-  l$q as n,
-  cx_default as o,
+  useTransition as n,
+  l$q as o,
   p$s as p,
-  S$b as q,
+  cx_default as q,
   re as r,
   styled_default as s,
   tsEnum as t,
   useStore as u,
-  m$g as v,
+  S$b as v,
   wt as w,
-  d$m as x,
-  n$g as y,
-  useTransition as z
+  m$g as x,
+  d$m as y,
+  n$g as z
 };

package/lib/es/gamification-feature.js

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

package/lib/es/gamification-feature2.js

@@ -1,12 +1,11 @@
 import { jsxs as i, jsx as s, Fragment as C } from "react/jsx-runtime";
-import { t as z, e as w, f as T, a as H, b as j, A as Y, s as a, i as W, I as U, c as $, B as h, d as f, u, r as L, S as K, O as D, g as q, h as O, D as P, w as _, p as ss, j as es, l as as, k as ns, m as ls, n as ts, o as is, q as os, C as rs } from "./index2.js";
-import "@nanostores/react";
-import { useRef as G, useState as Z, useCallback as x, useEffect as R } from "react";
-import "nanostores";
+import { t as z, e as w, f as T, a as H, b as j, A as Y, s as a, i as W, I as U, c as $, B as h, d as f, u, r as L, S as K, O as D, g as q, R as O, D as P, w as _, p as ss, h as es, l as as, j as ns, k as ls, m as ts, n as is, o as os, C as rs } from "./index2.js";
 import "@noriginmedia/norigin-spatial-navigation";
+import { useRef as G, useState as Z, useCallback as x, useEffect as R } from "react";
 import "react-countdown-circle-timer";
 import { createPortal as cs } from "react-dom";
 import "react-countup";
+import "nanostores";
 import "lodash.throttle";
 import ds from "react-infinite-scroller";
 const ps = /* @__PURE__ */ T("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbnMvaW52aXRhdGlvbnMucHJvdG8SJHN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucyLhAgoXVG90YWxJbnZpdGF0aW9uc1JlcXVlc3QSYAoGZmlsdGVyGAEgASgLMlAuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLlRvdGFsSW52aXRhdGlvbnNSZXF1ZXN0LlRvdGFsUmVxdWVzdEZpbHRlchrjAQoSVG90YWxSZXF1ZXN0RmlsdGVyEjcKBnBlcmlvZBgBIAEoCzInLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uUGVyaW9kEhEKCWV2ZW50X2lkcxgCIAMoBBJMCgpjYXRlZ29yaWVzGAMgAygOMjguc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLkludml0YXRpb25DYXRlZ29yeRIzCgRraW5kGAQgASgOMiUuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5LaW5kIrABChhUb3RhbEludml0YXRpb25zUmVzcG9uc2USXgoEZGF0YRgBIAMoCzJQLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5Ub3RhbEludml0YXRpb25zUmVzcG9uc2UuVG90YWxSZXNwb25zZURhdGEaNAoRVG90YWxSZXNwb25zZURhdGESEAoIZXZlbnRfaWQYASABKAQSDQoFY291bnQYAiABKAQiqQIKJVRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlcXVlc3QScQoGZmlsdGVyGAEgASgLMmEuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLlRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlcXVlc3QuVG90YWxCeVRpbWVMaW5lRmlsdGVyGowBChVUb3RhbEJ5VGltZUxpbmVGaWx0ZXISNwoGcGVyaW9kGAEgASgLMicuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5QZXJpb2QSEAoIZXZlbnRfaWQYAiABKAQSEQoJZXZlbnRfaWRzGAMgAygEEhUKDXN1bW1hcnlfY291bnQYBCABKAgikgIKJlRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlc3BvbnNlEhAKCGV2ZW50X2lkGAEgASgEEm4KBGRhdGEYAiADKAsyYC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuVG90YWxJbnZpdGF0aW9uc1NlbnRCeVRpbWVsaW5lUmVzcG9uc2UuVG90YWxCeVRpbWVMaW5lRGF0YRIRCglldmVudF9pZHMYAyADKAQaUwoTVG90YWxCeVRpbWVMaW5lRGF0YRItCgl0aW1lX2xpbmUYASABKAsyGi5nb29nbGUucHJvdG9idWYuVGltZXN0YW1wEg0KBWNvdW50GAIgASgEIrECCilUb3RhbEludml0YXRpb25zQWNjZXB0ZWRCeVRpbWVsaW5lUmVxdWVzdBJ1CgZmaWx0ZXIYASABKAsyZS5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuVG90YWxJbnZpdGF0aW9uc0FjY2VwdGVkQnlUaW1lbGluZVJlcXVlc3QuVG90YWxCeVRpbWVMaW5lRmlsdGVyGowBChVUb3RhbEJ5VGltZUxpbmVGaWx0ZXISNwoGcGVyaW9kGAEgASgLMicuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5QZXJpb2QSEAoIZXZlbnRfaWQYAiABKAQSEQoJZXZlbnRfaWRzGAMgAygEEhUKDXN1bW1hcnlfY291bnQYBCABKAgimgIKKlRvdGFsSW52aXRhdGlvbnNBY2NlcHRlZEJ5VGltZWxpbmVSZXNwb25zZRIQCghldmVudF9pZBgBIAEoBBIRCglldmVudF9pZHMYAyADKAQScgoEZGF0YRgCIAMoCzJkLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5Ub3RhbEludml0YXRpb25zQWNjZXB0ZWRCeVRpbWVsaW5lUmVzcG9uc2UuVG90YWxCeVRpbWVMaW5lRGF0YRpTChNUb3RhbEJ5VGltZUxpbmVEYXRhEi0KCXRpbWVfbGluZRgBIAEoCzIaLmdvb2dsZS5wcm90b2J1Zi5UaW1lc3RhbXASDQoFY291bnQYAiABKAQi7gUKFlNlbmRJbnZpdGF0aW9uc1JlcXVlc3QSXAoEZGF0YRgBIAMoCzJOLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5TZW5kSW52aXRhdGlvbnNSZXF1ZXN0LkNyZWF0ZVJlcXVlc3REYXRhGvUEChFDcmVhdGVSZXF1ZXN0RGF0YRIQCghldmVudF9pZBgBIAEoBBIPCgd1c2VyX2lkGAIgASgEEkoKCGNhdGVnb3J5GAMgASgOMjguc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLkludml0YXRpb25DYXRlZ29yeRIzCgRraW5kGAQgASgOMiUuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5LaW5kEjMKD3RyYWNrX3RpbWVzdGFtcBgFIAEoCzIaLmdvb2dsZS5wcm90b2J1Zi5UaW1lc3RhbXASEQoJcm91dGVfbWFwGAYgASgJEhEKCWRldmljZV9pZBgHIAEoCRIKCgJvcxgIIAEoCRISCgp1c2VyX2FnZW50GAkgASgJEhYKDnNsX3Nka192ZXJzaW9uGAogASgJEhIKCnNlc3Npb25faWQYCyABKAkSGgoSb3ZlcmxheV9zZXNzaW9uX2lkGAwgASgJEhAKCHRvcGljX2lkGA0gASgJEhMKC3VzZXJfaWRfc3RyGA4gASgJEk4KEnNjcmVlbl9vcmllbnRhdGlvbhgPIAEoDjIyLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uU2NyZWVuT3JpZW50YXRpb24SPgoKdG9waWNfdHlwZRgQIAEoDjIqLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uVG9waWNUeXBlEkIKBGZyb20YESABKA4yNC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuSW52aXRhdGlvbkZyb20izgEKF1NlbmRJbnZpdGF0aW9uc1Jlc3BvbnNlEl4KBGRhdGEYASABKAsyUC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuU2VuZEludml0YXRpb25zUmVzcG9uc2UuQ3JlYXRlUmVzcG9uc2VEYXRhGlMKEkNyZWF0ZVJlc3BvbnNlRGF0YRI9CgZyZXN1bHQYASABKA4yLS5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuY29tbW9uLlJlc3VsdFN0YXR1cyq4AQoSSW52aXRhdGlvbkNhdGVnb3J5Eh0KGUlOVklUQVRJT05fQ0FURUdPUllfVU5TRVQQABIgChxJTlZJVEFUSU9OX0NBVEVHT1JZX1dBVENISU5HEAESIQodSU5WSVRBVElPTl9DQVRFR09SWV9NRVNTQUdJTkcQAhIfChtJTlZJVEFUSU9OX0NBVEVHT1JZX1ZPSUNJTkcQAxIdChlJTlZJVEFUSU9OX0NBVEVHT1JZX0dBTUVTEAQqZQoOSW52aXRhdGlvbkZyb20SGQoVSU5WSVRBVElPTl9GUk9NX1VOU0VUEAASHgoaSU5WSVRBVElPTl9GUk9NX1RJVExFX0NBUkQQARIYChRJTlZJVEFUSU9OX0ZST01fTUVOVRACQrYBCihjb20uc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLmludml0YXRpb25zLnYxQhtTdHJlYW1MYXllckludml0YXRpb25zUHJvdG9QAVpiZ2l0aHViLmNvbS9zdHJlYW1sYXllci9zbC1wcm90b2ZpbGVzLy5idWlsZC9nby9zdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbnM7c2xfaW52aXRhdGlvbnOiAgZTTF9BUEliBnByb3RvMw", [H, j]), ms = /* @__PURE__ */ w(ps, 1), B = /* @__PURE__ */ z(ms), bs = (e, n, l) => {
@@ -589,7 +588,7 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
     ] }),
     m === v.LEADERBOARD && /* @__PURE__ */ s(rs, { children: /* @__PURE__ */ s(Fe, { scrollStore: l, scrollNode: o, gamification: e }) })
   ] });
-}, la = ({
+}, na = ({
   gamification: e,
   scrollStore: n,
   className: l,
@@ -605,5 +604,5 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   responsiveStore: r
 });
 export {
-  la as default
+  na as default
 };

package/lib/es/index.js

@@ -1,16 +1,15 @@
 import "react/jsx-runtime";
-import { v as p, z as y, x as L, y as v, E as u, F as D } from "./index2.js";
+import { q as i, y as p, v as y, x as L, z as v, E as u } from "./index2.js";
 import "nanostores";
 import "react";
-import "@nanostores/react";
 import "lodash.throttle";
 import "react-dom";
 import "react-countup";
 export {
-  p as StreamLayerProvider,
-  y as StreamLayerSDKTv,
-  L as StreamLayerSDKTvContent,
-  v as StreamLayerSDKTvPauseAd,
-  u as useStreamLayer,
-  D as useStreamLayerUI
+  i as StreamLayerProvider,
+  p as StreamLayerSDKTv,
+  y as StreamLayerSDKTvContent,
+  L as StreamLayerSDKTvPauseAd,
+  v as useStreamLayer,
+  u as useStreamLayerUI
 };