@streamlayer/web-os 0.3.6 → 0.3.7

package/lib/es/gamification-feature2.js

@@ -1,10 +1,17 @@
 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 K, d as f, g as D, u, r as L, S as q, O, h as P, R as _, j as ss, w as es, p as as, k as ns, l as ls, m as ts, n as is, o as cs, q as os, v as rs, C as ds } 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 $, 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 "@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 "react-countup";
+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) => {
-  const c = n >= Y.lg && n < Y.xl ? 75 : 52;
+  const o = n >= Y.lg && n < Y.xl ? 75 : 52;
   e.current && window.scrollTo({
-    top: e.current.offsetTop - c,
+    top: e.current.offsetTop - o,
     ...l
   });
 }, us = /* @__PURE__ */ a("div")({
@@ -61,11 +68,11 @@ const ps = /* @__PURE__ */ T("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbn
   name: "UserInfo",
   class: "u10d4koz",
   propsAsIs: !1
-}), Ss = /* @__PURE__ */ a("div")({
+}), Xs = /* @__PURE__ */ a("div")({
   name: "UserName",
   class: "u1q6roj0",
   propsAsIs: !1
-}), Xs = /* @__PURE__ */ a("div")({
+}), Ss = /* @__PURE__ */ a("div")({
   name: "UserRating",
   class: "ui0m425",
   propsAsIs: !1
@@ -101,11 +108,11 @@ const ps = /* @__PURE__ */ T("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbn
   name: "Ranks",
   class: "r1mqo824",
   propsAsIs: !1
-}), Us = /* @__PURE__ */ a("div")({
+}), $s = /* @__PURE__ */ a("div")({
   name: "Statistics",
   class: "sxareh6",
   propsAsIs: !1
-}), $s = /* @__PURE__ */ a("div")({
+}), Us = /* @__PURE__ */ a("div")({
   name: "AvatarPlaceholder",
   class: "amcu48h",
   propsAsIs: !1
@@ -117,12 +124,12 @@ const ps = /* @__PURE__ */ T("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbn
   loading: e,
   hideFriendsRank: n,
   avatar: l,
-  name: c,
+  name: o,
   points: t,
-  friendsRank: o,
+  friendsRank: r,
   rank: d,
   streak: p,
-  correct: r,
+  correct: c,
   incorrect: m,
   inTop: b,
   successRate: g
@@ -130,16 +137,16 @@ 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($s, { children: U(c || "") })
+      !l && /* @__PURE__ */ s(Us, { children: $(o || "") })
     ] }),
     /* @__PURE__ */ i(Zs, { children: [
-      /* @__PURE__ */ s(Ss, { children: c }),
-      /* @__PURE__ */ i(Xs, { children: [
+      /* @__PURE__ */ s(Xs, { children: o }),
+      /* @__PURE__ */ i(Ss, { children: [
         /* @__PURE__ */ i(ys, { children: [
           /* @__PURE__ */ i(Ns, { children: [
             /* @__PURE__ */ s(Ys, { alt: "rank-icon", src: Ls }),
             /* @__PURE__ */ i(E, { children: [
-              $(t),
+              U(t),
               /* @__PURE__ */ s(N, { children: "PTS" })
             ] })
           ] }),
@@ -162,12 +169,12 @@ const ps = /* @__PURE__ */ T("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbn
   ] }) }) }),
   /* @__PURE__ */ i(Vs, { children: [
     !n && /* @__PURE__ */ i(ks, { children: [
-      /* @__PURE__ */ s(W, { loading: e, style: { width: "100%" }, children: /* @__PURE__ */ s(y, { indicator: o || 0, title: "Friends rank" }) }),
+      /* @__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(Us, { children: [
+    /* @__PURE__ */ s(W, { loading: e, children: /* @__PURE__ */ i($s, { children: [
       /* @__PURE__ */ s(I, { indicator: p || 0, title: "Win streak" }),
-      /* @__PURE__ */ s(I, { indicator: r || 0, title: "Correct" }),
+      /* @__PURE__ */ s(I, { indicator: c || 0, title: "Correct" }),
       /* @__PURE__ */ s(I, { indicator: m || 0, title: "Incorrect" }),
       /* @__PURE__ */ s(I, { indicator: `${g || 0}%`, title: "Succ. rate" })
     ] }) })
@@ -222,14 +229,14 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   /* @__PURE__ */ s(h, { name: "iconCopySuccess" }),
   /* @__PURE__ */ s(Hs, { children: "Link Copied to Clipboard" })
 ] }) }), J = (e) => {
-  const n = G(), [l, c] = Z(null), t = x(
-    async (o) => {
+  const n = G(), [l, o] = Z(null), t = x(
+    async (r) => {
       var d;
-      if (o && (d = navigator == null ? void 0 : navigator.clipboard) != null && d.writeText) {
-        n.current && (clearTimeout(n.current), c(null));
+      if (r && (d = navigator == null ? void 0 : navigator.clipboard) != null && d.writeText) {
+        n.current && (clearTimeout(n.current), o(null));
         try {
-          await navigator.clipboard.writeText(o), e.current && (c(K.createPortal(/* @__PURE__ */ s(js, {}), e.current)), n.current = setTimeout(() => {
-            c(null);
+          await navigator.clipboard.writeText(r), e.current && (o(K.createPortal(/* @__PURE__ */ s(js, {}), e.current)), n.current = setTimeout(() => {
+            o(null);
           }, 1e3));
         } catch (p) {
           console.error("Unable to copy to clipboard", p);
@@ -265,7 +272,7 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   name: "ArrowInviteIcon",
   class: "awohrz6",
   propsAsIs: !0
-}), ae = ({ title: e, description: n, onClick: l, className: c }) => {
+}), ae = ({ title: e, description: n, onClick: l, className: o }) => {
   const [t] = f({
     type: "invitation",
     action: "sent",
@@ -273,7 +280,7 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
       from: B.TITLE_CARD
     }
   });
-  return /* @__PURE__ */ i(Ks, { "data-a": "intr", onClick: t(l), className: c, children: [
+  return /* @__PURE__ */ i(Ks, { "data-a": "intr", onClick: t(l), className: o, children: [
     /* @__PURE__ */ s(qs, { name: "icon-friends" }),
     /* @__PURE__ */ i(Os, { children: [
       /* @__PURE__ */ s(Ps, { children: e }),
@@ -297,15 +304,15 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   name: "AvatarPlaceholder",
   class: "a1dg29ja",
   propsAsIs: !1
-}), ce = /* @__PURE__ */ a("div")({
+}), oe = /* @__PURE__ */ a("div")({
   name: "Content",
   class: "c10a68rc",
   propsAsIs: !1
-}), oe = /* @__PURE__ */ a("div")({
+}), re = /* @__PURE__ */ a("div")({
   name: "NameContainer",
   class: "nc4kck5",
   propsAsIs: !1
-}), re = /* @__PURE__ */ a("span")({
+}), ce = /* @__PURE__ */ a("span")({
   name: "Name",
   class: "njsrqgr",
   propsAsIs: !1
@@ -317,20 +324,20 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   friendsRank: e,
   avatar: n,
   name: l,
-  userId: c,
+  userId: o,
   points: t,
-  isCurrentUser: o,
+  isCurrentUser: r,
   style: d
-}) => /* @__PURE__ */ i(ne, { "data-name": c, style: d, children: [
+}) => /* @__PURE__ */ i(ne, { "data-name": o, style: d, children: [
   /* @__PURE__ */ s(le, { children: e || 0 }),
-  /* @__PURE__ */ i(ce, { children: [
-    n ? /* @__PURE__ */ s(te, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(ie, { children: U(l || "") }),
-    /* @__PURE__ */ i(oe, { children: [
-      /* @__PURE__ */ s(re, { children: l || "" }),
-      o && /* @__PURE__ */ s(pe, { name: "icon-star" })
+  /* @__PURE__ */ i(oe, { children: [
+    n ? /* @__PURE__ */ s(te, { alt: "leaderboard-item-avatar", src: n }) : /* @__PURE__ */ s(ie, { children: $(l || "") }),
+    /* @__PURE__ */ i(re, { children: [
+      /* @__PURE__ */ s(ce, { children: l || "" }),
+      r && /* @__PURE__ */ s(pe, { name: "icon-star" })
     ] })
   ] }),
-  /* @__PURE__ */ s("div", { children: $(t) })
+  /* @__PURE__ */ s("div", { children: U(t) })
 ] }), be = /* @__PURE__ */ a("div")({
   name: "Container",
   class: "c16btbfp",
@@ -339,18 +346,18 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   items: e,
   currentUserId: n,
   openItemDetail: l,
-  fetchMore: c,
+  fetchMore: o,
   scrollNode: t,
-  hasMore: o
+  hasMore: r
 }) => {
   const d = x((p) => {
-    const r = p.target.getAttribute("data-name");
-    r && l(r);
+    const c = p.target.getAttribute("data-name");
+    c && l(c);
   }, [l]);
-  return /* @__PURE__ */ s(D, {
-    loadMore: c,
+  return /* @__PURE__ */ s(ds, {
+    loadMore: o,
     initialLoad: !1,
-    hasMore: o,
+    hasMore: r,
     useWindow: !1,
     getScrollParent: () => t.current,
     children: /* @__PURE__ */ s(be, {
@@ -402,7 +409,7 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   name: "LinkAddress",
   class: "lvi87q4",
   propsAsIs: !1
-}), Se = () => h, Xe = /* @__PURE__ */ a(Se())({
+}), Xe = () => h, Se = /* @__PURE__ */ a(Xe())({
   name: "LinkIcon",
   class: "l1pqlvw3",
   propsAsIs: !0
@@ -410,10 +417,10 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   inviteLink: e,
   inviteCardTitle: n,
   inviteCardSubtext: l,
-  primaryColor: c,
+  primaryColor: o,
   className: t
 }) => {
-  const o = G(null), [d, p] = J(o), [r] = f({
+  const r = G(null), [d, p] = J(r), [c] = f({
     type: "invitation",
     action: "sent",
     payload: {
@@ -421,17 +428,17 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
     }
   });
   return /* @__PURE__ */ i(he, { className: t, children: [
-    /* @__PURE__ */ s(Ae, { style: { backgroundColor: c }, children: /* @__PURE__ */ s(We, { name: "invite-game-icon" }) }),
+    /* @__PURE__ */ s(Ae, { style: { backgroundColor: o }, children: /* @__PURE__ */ s(We, { name: "invite-game-icon" }) }),
     /* @__PURE__ */ i(Ie, { children: [
       /* @__PURE__ */ s(Re, { children: n || "" }),
       /* @__PURE__ */ s(ge, { children: l || "" })
     ] }),
-    e && /* @__PURE__ */ i(Ve, { ref: o, "data-a": "intr", onClick: r(() => d(e)), children: [
+    e && /* @__PURE__ */ i(Ve, { ref: r, "data-a": "intr", onClick: c(() => d(e)), children: [
       /* @__PURE__ */ i(Ce, { children: [
         /* @__PURE__ */ s(Ge, { children: "Invite link" }),
         /* @__PURE__ */ s(Ze, { children: e })
       ] }),
-      /* @__PURE__ */ s(Xe, { name: "icon-copy" })
+      /* @__PURE__ */ s(Se, { name: "icon-copy" })
     ] }),
     p
   ] });
@@ -456,45 +463,45 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
   scrollNode: n,
   scrollStore: l
 }) => {
-  const c = G(null), {
+  const o = G(null), {
     data: t,
-    hasMore: o,
+    hasMore: r,
     loading: d,
     key: p
   } = u(e.leaderboardList.$store), {
-    data: r
-  } = u(e.deepLink.$store), [m, b] = J(c);
+    data: c
+  } = u(e.deepLink.$store), [m, b] = J(o);
   return !t.length && !d ? /* @__PURE__ */ s(Ee, {
-    deepLink: r
+    deepLink: c
   }) : /* @__PURE__ */ i(C, {
     children: [/* @__PURE__ */ s(ue, {
       items: t,
       scrollNode: n,
       scrollStore: l,
       fetchMore: e.leaderboardList.fetchMore,
-      hasMore: o,
+      hasMore: r,
       openItemDetail: e.openUser,
       currentUserId: e.currentUserId.get()
-    }, p), r && /* @__PURE__ */ s(Ne, {
-      ref: c,
+    }, p), c && /* @__PURE__ */ s(Ne, {
+      ref: o,
       children: /* @__PURE__ */ s(ae, {
         "data-a": "intr",
-        onClick: () => m(r),
+        onClick: () => m(c),
         title: "Invite Friends",
         description: "Challenge them now!"
       })
     }), b]
   });
-}, ke = () => L, Ue = /* @__PURE__ */ a(ke())({
+}, ke = () => L, $e = /* @__PURE__ */ a(ke())({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !0
-}), $e = () => q, fe = /* @__PURE__ */ a($e())({
+}), Ue = () => D, fe = /* @__PURE__ */ a(Ue())({
   name: "ActionBtn",
   class: "a10g1iik",
   propsAsIs: !0
-}), Le = ({ questionId: e, ...n }) => /* @__PURE__ */ i(Ue, { "data-a": "intr", "data-name": e, children: [
-  /* @__PURE__ */ s(O, { questionId: e, ...n }),
+}), Le = ({ questionId: e, ...n }) => /* @__PURE__ */ i($e, { "data-a": "intr", "data-name": e, children: [
+  /* @__PURE__ */ s(q, { questionId: e, ...n }),
   /* @__PURE__ */ s(fe, { "data-a": "intr", "data-name": e, children: "View Insight" })
 ] }), xe = () => L, Be = /* @__PURE__ */ a(xe())({
   name: "Container",
@@ -510,49 +517,49 @@ 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(P, { ...e }),
+  /* @__PURE__ */ s(O, { ...e }),
   /* @__PURE__ */ s(Je, { "data-a": "intr", "data-name": e.tweetId, children: "View Insight" })
 ] }), k = /* @__PURE__ */ a("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
 }), ze = ({ questions: e, openQuestion: n, controlVideo: l }) => e ? /* @__PURE__ */ s(k, { "data-a": "intr", onClick: (t) => {
-  const o = t.target.getAttribute("data-name");
-  o && (es(), n(o, { openedFrom: "list" }));
+  const r = t.target.getAttribute("data-name");
+  r && (ss(), n(r, { openedFrom: "list" }));
 }, children: e == null ? void 0 : e.map((t) => {
-  var o, d, p;
-  if (t.type === "question" && ((o = t.attributes) == null ? void 0 : o.attributes.case) === "question") {
-    const r = t.attributes.attributes.value;
-    return /* @__PURE__ */ s(_, { ...r }, r.questionId);
+  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);
   }
   if (t.type === "insight" && ((d = t.attributes) == null ? void 0 : d.attributes.case) === "insight") {
-    const r = t.attributes.attributes.value;
-    return /* @__PURE__ */ s(Le, { controlVideo: l, ...r }, r.questionId);
+    const c = t.attributes.attributes.value;
+    return /* @__PURE__ */ s(Le, { controlVideo: l, ...c }, c.questionId);
   }
   if (t.type === "tweet" && ((p = t.attributes) == null ? void 0 : p.attributes.case) === "tweet") {
-    const r = t.attributes.attributes.value, m = t.attributes.id;
-    return /* @__PURE__ */ s(Me, { controlVideo: l, ...r, tweetId: m }, m);
+    const c = t.attributes.attributes.value, m = t.attributes.id;
+    return /* @__PURE__ */ s(Me, { controlVideo: l, ...c, tweetId: m }, m);
   }
   return null;
-}) }) : /* @__PURE__ */ s(k, { children: Array.from({ length: 5 }).map((t, o) => /* @__PURE__ */ s(ss, {}, o)) }), we = ({ store: e, openQuestion: n }) => {
-  const { sdk: l } = as(), c = u(e);
-  return /* @__PURE__ */ s(ze, { openQuestion: n, questions: c.data, controlVideo: l == null ? void 0 : l.controlVideoPlayer });
+}) }) : /* @__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);
+  return /* @__PURE__ */ s(ze, { openQuestion: n, questions: o.data, controlVideo: l == null ? void 0 : l.controlVideoPlayer });
 }, Te = ({ userSummary: e }) => {
   var n;
-  const [l, c] = Z(void 0);
+  const [l, o] = Z(void 0);
   return R(() => {
-    const t = e.$store.subscribe((o) => {
-      o && c(o);
+    const t = e.$store.subscribe((r) => {
+      r && o(r);
     });
     return () => {
       t();
     };
   }, [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: c, appNode: t, style: o, responsiveStore: d }) => {
-  const { tabsShown: p } = u(l, { keys: ["tabsShown"] }), r = u(e.friendsTabEnabled), [m, b] = Z(v.HOME), [, g] = ns(), { sdkInDesktopView: S, screen: Q } = u(d, { keys: ["sdkInDesktopView"] }), M = (A) => {
+}, 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) => {
     g(() => {
-      var X;
-      b(A), S === !1 && (((X = t.current) == null ? void 0 : X.getBoundingClientRect().y) || 0) < 0 && bs(t, Q.size, { behavior: "instant" });
+      var S;
+      b(A), X === !1 && (((S = t.current) == null ? void 0 : S.getBoundingClientRect().y) || 0) < 0 && bs(t, Q.size, { behavior: "instant" });
     });
   };
   R(() => l.subscribe((A) => {
@@ -562,12 +569,12 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
     }
     d.get().sdkInDesktopView ? l.setKey("tabsShown", A.scrollDirection === "backward") : l.setKey("tabsShown", A.scrollDirection === "forward");
   }), [l, d]), R(() => {
-    r || b(v.HOME);
-  }, [r]);
+    c || b(v.HOME);
+  }, [c]);
   let V = "0px";
-  return S ? V = p ? "0px" : "calc(0px - var(--header-height))" : V = p ? "var(--header-height)" : "0px", /* @__PURE__ */ i(ls, { className: ts(n, "SL-Tabs", "sl-hide-on-modal"), style: o, children: [
-    r && /* @__PURE__ */ s(
-      is,
+  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: [
+    c && /* @__PURE__ */ s(
+      ts,
       {
         style: {
           top: V
@@ -576,26 +583,26 @@ const F = ({ title: e, active: n, onClick: l }) => /* @__PURE__ */ s(Qs, { "data
       }
     ),
     m === v.HOME && /* @__PURE__ */ i(C, { children: [
-      /* @__PURE__ */ s(cs, { children: /* @__PURE__ */ s(os, { children: /* @__PURE__ */ s(Te, { userSummary: e.userSummary }) }) }),
+      /* @__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() }) })
     ] }),
-    m === v.LEADERBOARD && /* @__PURE__ */ s(ds, { children: /* @__PURE__ */ s(Fe, { scrollStore: l, scrollNode: c, gamification: e }) })
+    m === v.LEADERBOARD && /* @__PURE__ */ s(cs, { children: /* @__PURE__ */ s(Fe, { scrollStore: l, scrollNode: o, gamification: e }) })
   ] });
-}, qe = ({
+}, na = ({
   gamification: e,
   scrollStore: n,
   className: l,
-  appNode: c,
+  appNode: o,
   scrollNode: t,
-  responsiveStore: o
+  responsiveStore: r
 }) => /* @__PURE__ */ s(He, {
-  appNode: c,
+  appNode: o,
   scrollStore: n,
   scrollNode: t,
   className: l,
   gamification: e,
-  responsiveStore: o
+  responsiveStore: r
 });
 export {
-  qe as default
+  na as default
 };

package/lib/es/index.js

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