@streamlayer/web-os 0.3.8 → 0.3.9

package/lib/es/gamification-feature.js

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

package/lib/es/gamification-feature2.js

@@ -1,10 +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 $, c as U, B as h, D as K, d as f, u, r as L, S as D, O as q, g as O, R as P, h as _, w as ss, p as es, j as as, l as ns, k as ls, m as ts, n as is, o as os, q as rs, C as cs } from "./index2.js";
+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 "@noriginmedia/norigin-spatial-navigation";
 import "react-countdown-circle-timer";
+import { createPortal as cs } from "react-dom";
 import "react-countup";
 import "lodash.throttle";
 import ds from "react-infinite-scroller";
@@ -108,11 +109,11 @@ const ps = /* @__PURE__ */ T("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbn
   name: "Ranks",
   class: "r1mqo824",
   propsAsIs: !1
-}), $s = /* @__PURE__ */ a("div")({
+}), Us = /* @__PURE__ */ a("div")({
   name: "Statistics",
   class: "sxareh6",
   propsAsIs: !1
-}), Us = /* @__PURE__ */ a("div")({
+}), $s = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
   class: "amcu48h",
   propsAsIs: !1
@@ -137,7 +138,7 @@ const ps = /* @__PURE__ */ T("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbn
   /* @__PURE__ */ s(gs, { children: /* @__PURE__ */ s(W, { loading: e, children: /* @__PURE__ */ i(Cs, { children: [
     /* @__PURE__ */ i(fs, { children: [
       l && /* @__PURE__ */ s(Gs, { alt: "avatar", src: l }),
-      !l && /* @__PURE__ */ s(Us, { children: $(o || "") })
+      !l && /* @__PURE__ */ s($s, { children: U(o || "") })
     ] }),
     /* @__PURE__ */ i(Zs, { children: [
       /* @__PURE__ */ s(Xs, { children: o }),
@@ -146,7 +147,7 @@ const ps = /* @__PURE__ */ T("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbn
           /* @__PURE__ */ i(Ns, { children: [
             /* @__PURE__ */ s(Ys, { alt: "rank-icon", src: Ls }),
             /* @__PURE__ */ i(E, { children: [
-              U(t),
+              $(t),
               /* @__PURE__ */ s(N, { children: "PTS" })
             ] })
           ] }),
@@ -172,7 +173,7 @@ const ps = /* @__PURE__ */ T("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbn
       /* @__PURE__ */ s(W, { loading: e, style: { width: "100%" }, children: /* @__PURE__ */ s(y, { indicator: r || 0, title: "Friends rank" }) }),
       /* @__PURE__ */ s(W, { loading: e, style: { width: "100%" }, children: /* @__PURE__ */ s(y, { indicator: d || 0, title: "Global rank" }) })
     ] }),
-    /* @__PURE__ */ s(W, { loading: e, children: /* @__PURE__ */ i($s, { children: [
+    /* @__PURE__ */ s(W, { loading: e, children: /* @__PURE__ */ i(Us, { children: [
       /* @__PURE__ */ s(I, { indicator: p || 0, title: "Win streak" }),
       /* @__PURE__ */ s(I, { indicator: c || 0, title: "Correct" }),
       /* @__PURE__ */ s(I, { indicator: m || 0, title: "Incorrect" }),
@@ -235,7 +236,7 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
       if (r && (d = navigator == null ? void 0 : navigator.clipboard) != null && d.writeText) {
         n.current && (clearTimeout(n.current), o(null));
         try {
-          await navigator.clipboard.writeText(r), e.current && (o(K.createPortal(/* @__PURE__ */ s(js, {}), e.current)), n.current = setTimeout(() => {
+          await navigator.clipboard.writeText(r), e.current && (o(cs(/* @__PURE__ */ s(js, {}), e.current)), n.current = setTimeout(() => {
             o(null);
           }, 1e3));
         } catch (p) {
@@ -331,13 +332,13 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
 }) => /* @__PURE__ */ i(ne, { "data-name": o, style: d, children: [
   /* @__PURE__ */ s(le, { children: e || 0 }),
   /* @__PURE__ */ i(oe, { children: [
-    n ? /* @__PURE__ */ s(te, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(ie, { children: $(l || "") }),
+    n ? /* @__PURE__ */ s(te, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(ie, { children: U(l || "") }),
     /* @__PURE__ */ i(re, { children: [
       /* @__PURE__ */ s(ce, { children: l || "" }),
       r && /* @__PURE__ */ s(pe, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ s("div", { children: U(t) })
+  /* @__PURE__ */ s("div", { children: $(t) })
 ] }), be = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c16btbfp",
@@ -492,16 +493,16 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
       })
     }), b]
   });
-}, ke = () => L, $e = /* @__PURE__ */ a(ke())({
+}, ke = () => L, Ue = /* @__PURE__ */ a(ke())({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !0
-}), Ue = () => D, fe = /* @__PURE__ */ a(Ue())({
+}), $e = () => K, fe = /* @__PURE__ */ a($e())({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !0
-}), Le = ({ questionId: e, ...n }) => /* @__PURE__ */ i($e, { "data-a": "intr", "data-name": e, children: [
-  /* @__PURE__ */ s(q, { questionId: e, ...n }),
+}), Le = ({ questionId: e, ...n }) => /* @__PURE__ */ i(Ue, { "data-a": "intr", "data-name": e, children: [
+  /* @__PURE__ */ s(D, { questionId: e, ...n }),
   /* @__PURE__ */ s(fe, { "data-a": "intr", "data-name": e, children: "View Insight" })
 ] }), xe = () => L, Be = /* @__PURE__ */ a(xe())({
   name: "Container",
@@ -517,7 +518,7 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   propsAsIs: !1
 }), Me = ({ ...e }) => /* @__PURE__ */ i(Be, { "data-a": "intr", "data-name": e.tweetId, children: [
   e.title && /* @__PURE__ */ s(Qe, { children: e.title }),
-  /* @__PURE__ */ s(O, { ...e }),
+  /* @__PURE__ */ s(q, { ...e }),
   /* @__PURE__ */ s(Je, { "data-a": "intr", "data-name": e.tweetId, children: "View Insight" })
 ] }), k = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
@@ -525,12 +526,12 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   propsAsIs: !1
 }), ze = ({ questions: e, openQuestion: n, controlVideo: l }) => e ? /* @__PURE__ */ s(k, { "data-a": "intr", onClick: (t) => {
   const r = t.target.getAttribute("data-name");
-  r && (ss(), n(r, { openedFrom: "list" }));
+  r && (_(), n(r, { openedFrom: "list" }));
 }, children: e == null ? void 0 : e.map((t) => {
   var r, d, p;
   if (t.type === "question" && ((r = t.attributes) == null ? void 0 : r.attributes.case) === "question") {
     const c = t.attributes.attributes.value;
-    return /* @__PURE__ */ s(P, { ...c }, c.questionId);
+    return /* @__PURE__ */ s(O, { ...c }, c.questionId);
   }
   if (t.type === "insight" && ((d = t.attributes) == null ? void 0 : d.attributes.case) === "insight") {
     const c = t.attributes.attributes.value;
@@ -541,8 +542,8 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
     return /* @__PURE__ */ s(Me, { controlVideo: l, ...c, tweetId: m }, m);
   }
   return null;
-}) }) : /* @__PURE__ */ s(k, { children: Array.from({ length: 5 }).map((t, r) => /* @__PURE__ */ s(_, {}, r)) }), we = ({ store: e, openQuestion: n }) => {
-  const { sdk: l } = es(), o = u(e);
+}) }) : /* @__PURE__ */ s(k, { children: Array.from({ length: 5 }).map((t, r) => /* @__PURE__ */ s(P, {}, r)) }), we = ({ store: e, openQuestion: n }) => {
+  const { sdk: l } = ss(), o = u(e);
   return /* @__PURE__ */ s(ze, { openQuestion: n, questions: o.data, controlVideo: l == null ? void 0 : l.controlVideoPlayer });
 }, Te = ({ userSummary: e }) => {
   var n;
@@ -556,7 +557,7 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
     };
   }, [e]), /* @__PURE__ */ s(xs, { loading: !(l != null && l.summary), ...l == null ? void 0 : l.summary, successRate: (n = l == null ? void 0 : l.percentage) == null ? void 0 : n.correct });
 }, He = ({ gamification: e, className: n, scrollStore: l, scrollNode: o, appNode: t, style: r, responsiveStore: d }) => {
-  const { tabsShown: p } = u(l, { keys: ["tabsShown"] }), c = u(e.friendsTabEnabled), [m, b] = Z(v.HOME), [, g] = as(), { sdkInDesktopView: X, screen: Q } = u(d, { keys: ["sdkInDesktopView"] }), M = (A) => {
+  const { tabsShown: p } = u(l, { keys: ["tabsShown"] }), c = u(e.friendsTabEnabled), [m, b] = Z(v.HOME), [, g] = es(), { sdkInDesktopView: X, screen: Q } = u(d, { keys: ["sdkInDesktopView"] }), M = (A) => {
     g(() => {
       var S;
       b(A), X === !1 && (((S = t.current) == null ? void 0 : S.getBoundingClientRect().y) || 0) < 0 && bs(t, Q.size, { behavior: "instant" });
@@ -572,9 +573,9 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
     c || b(v.HOME);
   }, [c]);
   let V = "0px";
-  return X ? V = p ? "0px" : "calc(0px - var(--header-height))" : V = p ? "var(--header-height)" : "0px", /* @__PURE__ */ i(ns, { className: ls(n, "SL-Tabs", "sl-hide-on-modal"), style: r, children: [
+  return X ? V = p ? "0px" : "calc(0px - var(--header-height))" : V = p ? "var(--header-height)" : "0px", /* @__PURE__ */ i(as, { className: ns(n, "SL-Tabs", "sl-hide-on-modal"), style: r, children: [
     c && /* @__PURE__ */ s(
-      ts,
+      ls,
       {
         style: {
           top: V
@@ -583,12 +584,12 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
       }
     ),
     m === v.HOME && /* @__PURE__ */ i(C, { children: [
-      /* @__PURE__ */ s(is, { children: /* @__PURE__ */ s(os, { children: /* @__PURE__ */ s(Te, { userSummary: e.userSummary }) }) }),
-      /* @__PURE__ */ s(rs, { style: { flex: 1 }, children: /* @__PURE__ */ s(we, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
+      /* @__PURE__ */ s(ts, { children: /* @__PURE__ */ s(is, { children: /* @__PURE__ */ s(Te, { userSummary: e.userSummary }) }) }),
+      /* @__PURE__ */ s(os, { style: { flex: 1 }, children: /* @__PURE__ */ s(we, { openQuestion: e.openQuestion, store: e.feedList.getStore() }) })
     ] }),
-    m === v.LEADERBOARD && /* @__PURE__ */ s(cs, { children: /* @__PURE__ */ s(Fe, { scrollStore: l, scrollNode: o, gamification: e }) })
+    m === v.LEADERBOARD && /* @__PURE__ */ s(rs, { children: /* @__PURE__ */ s(Fe, { scrollStore: l, scrollNode: o, gamification: e }) })
   ] });
-}, na = ({
+}, la = ({
   gamification: e,
   scrollStore: n,
   className: l,
@@ -604,5 +605,5 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   responsiveStore: r
 });
 export {
-  na as default
+  la as default
 };

package/lib/es/index.js

@@ -1,13 +1,14 @@
 import "react/jsx-runtime";
-import { v as s, x as y, y as S, z as L } from "./index2.js";
+import { v as y, x as S, y as L, z as v } from "./index2.js";
 import "nanostores";
 import "react";
 import "@nanostores/react";
 import "lodash.throttle";
+import "react-dom";
 import "react-countup";
 export {
-  s as StreamLayerProvider,
-  y as StreamLayerSDKTv,
-  S as useStreamLayer,
-  L as useStreamLayerUI
+  y as StreamLayerProvider,
+  S as StreamLayerSDKTv,
+  L as useStreamLayer,
+  v as useStreamLayerUI
 };