@streamlayer/web-os 0.1.2 → 0.2.0

package/lib/es/gamification-feature.js

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

package/lib/es/gamification-feature2.js

@@ -1,684 +0,0 @@
-import { jsxs as i, jsx as e, Fragment as C } from "react/jsx-runtime";
-import { t as j, e as K, f as H, a as D, b as q, s as n, A as Y, i as I, I as f, c as L, R as P, d as O, Q as _, k as h, D as ss, g as x, h as es, u as b, r as B, S as ns, $ as as, j as ls, l as ts, m as is, p as os, n as rs, o as cs } from "./index2.js";
-import { useRef as G, useState as Z, useCallback as J, useEffect as g } from "react";
-const ds = /* @__PURE__ */ H("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbnMvaW52aXRhdGlvbnMucHJvdG8SJHN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucyLhAgoXVG90YWxJbnZpdGF0aW9uc1JlcXVlc3QSYAoGZmlsdGVyGAEgASgLMlAuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLlRvdGFsSW52aXRhdGlvbnNSZXF1ZXN0LlRvdGFsUmVxdWVzdEZpbHRlchrjAQoSVG90YWxSZXF1ZXN0RmlsdGVyEjcKBnBlcmlvZBgBIAEoCzInLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uUGVyaW9kEhEKCWV2ZW50X2lkcxgCIAMoBBJMCgpjYXRlZ29yaWVzGAMgAygOMjguc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLkludml0YXRpb25DYXRlZ29yeRIzCgRraW5kGAQgASgOMiUuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5LaW5kIrABChhUb3RhbEludml0YXRpb25zUmVzcG9uc2USXgoEZGF0YRgBIAMoCzJQLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5Ub3RhbEludml0YXRpb25zUmVzcG9uc2UuVG90YWxSZXNwb25zZURhdGEaNAoRVG90YWxSZXNwb25zZURhdGESEAoIZXZlbnRfaWQYASABKAQSDQoFY291bnQYAiABKAQiqQIKJVRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlcXVlc3QScQoGZmlsdGVyGAEgASgLMmEuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLlRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlcXVlc3QuVG90YWxCeVRpbWVMaW5lRmlsdGVyGowBChVUb3RhbEJ5VGltZUxpbmVGaWx0ZXISNwoGcGVyaW9kGAEgASgLMicuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5QZXJpb2QSEAoIZXZlbnRfaWQYAiABKAQSEQoJZXZlbnRfaWRzGAMgAygEEhUKDXN1bW1hcnlfY291bnQYBCABKAgikgIKJlRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlc3BvbnNlEhAKCGV2ZW50X2lkGAEgASgEEm4KBGRhdGEYAiADKAsyYC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuVG90YWxJbnZpdGF0aW9uc1NlbnRCeVRpbWVsaW5lUmVzcG9uc2UuVG90YWxCeVRpbWVMaW5lRGF0YRIRCglldmVudF9pZHMYAyADKAQaUwoTVG90YWxCeVRpbWVMaW5lRGF0YRItCgl0aW1lX2xpbmUYASABKAsyGi5nb29nbGUucHJvdG9idWYuVGltZXN0YW1wEg0KBWNvdW50GAIgASgEIrECCilUb3RhbEludml0YXRpb25zQWNjZXB0ZWRCeVRpbWVsaW5lUmVxdWVzdBJ1CgZmaWx0ZXIYASABKAsyZS5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuVG90YWxJbnZpdGF0aW9uc0FjY2VwdGVkQnlUaW1lbGluZVJlcXVlc3QuVG90YWxCeVRpbWVMaW5lRmlsdGVyGowBChVUb3RhbEJ5VGltZUxpbmVGaWx0ZXISNwoGcGVyaW9kGAEgASgLMicuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5QZXJpb2QSEAoIZXZlbnRfaWQYAiABKAQSEQoJZXZlbnRfaWRzGAMgAygEEhUKDXN1bW1hcnlfY291bnQYBCABKAgimgIKKlRvdGFsSW52aXRhdGlvbnNBY2NlcHRlZEJ5VGltZWxpbmVSZXNwb25zZRIQCghldmVudF9pZBgBIAEoBBIRCglldmVudF9pZHMYAyADKAQScgoEZGF0YRgCIAMoCzJkLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5Ub3RhbEludml0YXRpb25zQWNjZXB0ZWRCeVRpbWVsaW5lUmVzcG9uc2UuVG90YWxCeVRpbWVMaW5lRGF0YRpTChNUb3RhbEJ5VGltZUxpbmVEYXRhEi0KCXRpbWVfbGluZRgBIAEoCzIaLmdvb2dsZS5wcm90b2J1Zi5UaW1lc3RhbXASDQoFY291bnQYAiABKAQi7gUKFlNlbmRJbnZpdGF0aW9uc1JlcXVlc3QSXAoEZGF0YRgBIAMoCzJOLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5TZW5kSW52aXRhdGlvbnNSZXF1ZXN0LkNyZWF0ZVJlcXVlc3REYXRhGvUEChFDcmVhdGVSZXF1ZXN0RGF0YRIQCghldmVudF9pZBgBIAEoBBIPCgd1c2VyX2lkGAIgASgEEkoKCGNhdGVnb3J5GAMgASgOMjguc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLkludml0YXRpb25DYXRlZ29yeRIzCgRraW5kGAQgASgOMiUuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5LaW5kEjMKD3RyYWNrX3RpbWVzdGFtcBgFIAEoCzIaLmdvb2dsZS5wcm90b2J1Zi5UaW1lc3RhbXASEQoJcm91dGVfbWFwGAYgASgJEhEKCWRldmljZV9pZBgHIAEoCRIKCgJvcxgIIAEoCRISCgp1c2VyX2FnZW50GAkgASgJEhYKDnNsX3Nka192ZXJzaW9uGAogASgJEhIKCnNlc3Npb25faWQYCyABKAkSGgoSb3ZlcmxheV9zZXNzaW9uX2lkGAwgASgJEhAKCHRvcGljX2lkGA0gASgJEhMKC3VzZXJfaWRfc3RyGA4gASgJEk4KEnNjcmVlbl9vcmllbnRhdGlvbhgPIAEoDjIyLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uU2NyZWVuT3JpZW50YXRpb24SPgoKdG9waWNfdHlwZRgQIAEoDjIqLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uVG9waWNUeXBlEkIKBGZyb20YESABKA4yNC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuSW52aXRhdGlvbkZyb20izgEKF1NlbmRJbnZpdGF0aW9uc1Jlc3BvbnNlEl4KBGRhdGEYASABKAsyUC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuU2VuZEludml0YXRpb25zUmVzcG9uc2UuQ3JlYXRlUmVzcG9uc2VEYXRhGlMKEkNyZWF0ZVJlc3BvbnNlRGF0YRI9CgZyZXN1bHQYASABKA4yLS5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuY29tbW9uLlJlc3VsdFN0YXR1cyq4AQoSSW52aXRhdGlvbkNhdGVnb3J5Eh0KGUlOVklUQVRJT05fQ0FURUdPUllfVU5TRVQQABIgChxJTlZJVEFUSU9OX0NBVEVHT1JZX1dBVENISU5HEAESIQodSU5WSVRBVElPTl9DQVRFR09SWV9NRVNTQUdJTkcQAhIfChtJTlZJVEFUSU9OX0NBVEVHT1JZX1ZPSUNJTkcQAxIdChlJTlZJVEFUSU9OX0NBVEVHT1JZX0dBTUVTEAQqZQoOSW52aXRhdGlvbkZyb20SGQoVSU5WSVRBVElPTl9GUk9NX1VOU0VUEAASHgoaSU5WSVRBVElPTl9GUk9NX1RJVExFX0NBUkQQARIYChRJTlZJVEFUSU9OX0ZST01fTUVOVRACQrYBCihjb20uc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLmludml0YXRpb25zLnYxQhtTdHJlYW1MYXllckludml0YXRpb25zUHJvdG9QAVpiZ2l0aHViLmNvbS9zdHJlYW1sYXllci9zbC1wcm90b2ZpbGVzLy5idWlsZC9nby9zdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbnM7c2xfaW52aXRhdGlvbnOiAgZTTF9BUEliBnByb3RvMw", [D, q]), ps = /* @__PURE__ */ K(ds, 1), Q = /* @__PURE__ */ j(ps), S = /* @__PURE__ */ n("div")({
-  name: "SDKContentContainer",
-  class: "s1meqjjv",
-  propsAsIs: !1
-}), ms = () => S, M = /* @__PURE__ */ n(ms())({
-  name: "SDKWhiteContainer",
-  class: "s1burm22",
-  propsAsIs: !0
-}), us = () => M, bs = /* @__PURE__ */ n(us())({
-  name: "SDKSummaryContainer",
-  class: "sm5r3j5",
-  propsAsIs: !0
-}), hs = /* @__PURE__ */ n("div")({
-  name: "TabsContainer",
-  class: "tysxwr6",
-  propsAsIs: !1
-}), As = () => S, vs = /* @__PURE__ */ n(As())({
-  name: "LeaderboardContainer",
-  class: "l9er3b1",
-  propsAsIs: !0
-}), Is = () => M, Ws = /* @__PURE__ */ n(Is())({
-  name: "TabsNavContainer",
-  class: "t19dtrb3",
-  propsAsIs: !0
-}), gs = /* @__PURE__ */ n("div")({
-  name: "UserSummaryContainer",
-  class: "u1552n3j",
-  propsAsIs: !1
-}), Rs = (s, a, l) => {
-  const r = a >= Y.lg && a < Y.xl ? 75 : 52;
-  s.current && window.scrollTo({
-    top: s.current.offsetTop - r,
-    ...l
-  });
-}, Vs = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c1zy8a",
-  propsAsIs: !1
-}), Cs = /* @__PURE__ */ n("div")({
-  name: "Title",
-  class: "t1vih9p5",
-  propsAsIs: !1
-}), Gs = /* @__PURE__ */ n("div")({
-  name: "Indicator",
-  class: "i1fbnvpb",
-  propsAsIs: !1
-}), E = ({ indicator: s, title: a }) => /* @__PURE__ */ i(Vs, { children: [
-  /* @__PURE__ */ e(Cs, { children: a }),
-  /* @__PURE__ */ e(Gs, { children: s })
-] }), Zs = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "ctmhwyc",
-  propsAsIs: !1
-}), Ss = /* @__PURE__ */ n("div")({
-  name: "Indicator",
-  class: "i1jri200",
-  propsAsIs: !1
-}), ys = /* @__PURE__ */ n("div")({
-  name: "Title",
-  class: "t8s05oq",
-  propsAsIs: !1
-}), W = ({ indicator: s, title: a }) => /* @__PURE__ */ i(Zs, { children: [
-  /* @__PURE__ */ e(Ss, { children: s }),
-  /* @__PURE__ */ e(ys, { children: a })
-] }), Xs = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c1yrpn9o",
-  propsAsIs: !1
-}), Ys = /* @__PURE__ */ n("div")({
-  name: "TopInfo",
-  class: "t17fwahh",
-  propsAsIs: !1
-}), Es = /* @__PURE__ */ n("div")({
-  name: "BottomInfo",
-  class: "by6w7e9",
-  propsAsIs: !1
-}), Ns = /* @__PURE__ */ n("div")({
-  name: "User",
-  class: "u1g7arbm",
-  propsAsIs: !1
-}), $s = /* @__PURE__ */ n("img")({
-  name: "Avatar",
-  class: "a1ldeata",
-  propsAsIs: !1
-}), ks = /* @__PURE__ */ n("div")({
-  name: "UserInfo",
-  class: "u10d4koz",
-  propsAsIs: !1
-}), Fs = /* @__PURE__ */ n("div")({
-  name: "UserName",
-  class: "u1q6roj0",
-  propsAsIs: !1
-}), Us = /* @__PURE__ */ n("div")({
-  name: "UserRating",
-  class: "ui0m425",
-  propsAsIs: !1
-}), fs = /* @__PURE__ */ n("img")({
-  name: "TrophyIcon",
-  class: "t1el3mrn",
-  propsAsIs: !1
-}), Ls = /* @__PURE__ */ n("div")({
-  name: "RtsContainer",
-  class: "r2vgnxv",
-  propsAsIs: !1
-}), xs = /* @__PURE__ */ n("div")({
-  name: "RtsDivider",
-  class: "roqn06j",
-  propsAsIs: !1
-}), Bs = /* @__PURE__ */ n("div")({
-  name: "Rts",
-  class: "r15adx7c",
-  propsAsIs: !1
-}), N = /* @__PURE__ */ n("div")({
-  name: "RtsIndicator",
-  class: "rv59lta",
-  propsAsIs: !1
-}), $ = /* @__PURE__ */ n("div")({
-  name: "RtsLabel",
-  class: "r55lotb",
-  propsAsIs: !1
-}), Js = /* @__PURE__ */ n("div")({
-  name: "Divider",
-  class: "d1knfgqt",
-  propsAsIs: !1
-}), Qs = /* @__PURE__ */ n("div")({
-  name: "Ranks",
-  class: "r1mqo824",
-  propsAsIs: !1
-}), Ms = /* @__PURE__ */ n("div")({
-  name: "Statistics",
-  class: "sxareh6",
-  propsAsIs: !1
-}), zs = /* @__PURE__ */ n("div")({
-  name: "AvatarPlaceholder",
-  class: "amcu48h",
-  propsAsIs: !1
-}), ws = /* @__PURE__ */ n("button")({
-  name: "UserAccountBtn",
-  class: "u32nfkp",
-  propsAsIs: !1
-}), Ts = "data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Trophy'%3e%3cpath%20id='Combined%20Shape'%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.69197%204.66662C3.69197%205.99705%203.92914%207.17787%204.4035%208.20912C3.49966%208.02451%202.74487%207.66486%202.1391%207.13014C1.53333%206.59542%201.23046%206.0798%201.23046%205.58328V4.66662H3.69197ZM14.7686%204.66662V5.58328C14.7686%206.0798%2014.4658%206.59542%2013.86%207.13014C13.2542%207.66486%2012.4994%208.02451%2011.5956%208.20912C12.0699%207.17787%2012.3071%205.99705%2012.3071%204.66662H14.7686ZM15.9998%205.58329V4.36108C15.9998%204.10645%2015.9101%203.89002%2015.7306%203.71178C15.5511%203.53354%2015.3332%203.44442%2015.0768%203.44442H12.3076V2.52776C12.3076%202.10763%2012.1569%201.74797%2011.8556%201.44878C11.5544%201.14959%2011.1922%201%2010.7691%201H5.23072C4.80764%201%204.44547%201.14959%204.14419%201.44878C3.84291%201.74797%203.69227%202.10763%203.69227%202.52776V3.44442H0.923068C0.666659%203.44442%200.448714%203.53354%200.269228%203.71178C0.0897418%203.89002%200%204.10645%200%204.36108V5.58329C0%206.03525%200.13301%206.49039%200.399034%206.94872C0.665059%207.40705%201.02403%207.82082%201.47595%208.19003C1.92787%208.55924%202.48234%208.86957%203.13939%209.12101C3.79644%209.37246%204.48713%209.51409%205.21149%209.54592C5.48071%209.88967%205.7852%2010.192%206.12494%2010.453C6.36853%2010.6695%206.53679%2010.9002%206.62974%2011.1453C6.72269%2011.3904%206.76916%2011.6752%206.76916%2011.9999C6.76916%2012.3436%206.67141%2012.6333%206.4759%2012.8688C6.28038%2013.1043%205.96789%2013.2221%205.53841%2013.2221C5.05764%2013.2221%204.62976%2013.3669%204.25476%2013.6566C3.87977%2013.9462%203.69227%2014.3106%203.69227%2014.7499V15.361C3.69227%2015.4501%203.72112%2015.5233%203.77881%2015.5806C3.8365%2015.6379%203.91022%2015.6665%203.99996%2015.6665H11.9999C12.0896%2015.6665%2012.1633%2015.6379%2012.221%2015.5806C12.2787%2015.5233%2012.3076%2015.4501%2012.3076%2015.361V14.7499C12.3076%2014.3106%2012.1201%2013.9462%2011.7451%2013.6566C11.3701%2013.3669%2010.9422%2013.2221%2010.4614%2013.2221C10.0319%2013.2221%209.71945%2013.1043%209.52394%2012.8688C9.32843%2012.6333%209.23068%2012.3436%209.23068%2011.9999C9.23068%2011.6752%209.27715%2011.3904%209.3701%2011.1453C9.46305%2010.9002%209.63131%2010.6695%209.8749%2010.453C10.2146%2010.192%2010.5191%209.88967%2010.7884%209.54592C11.5127%209.51409%2012.2034%209.37246%2012.8604%209.12101C13.5175%208.86957%2014.072%208.55924%2014.5239%208.19003C14.9758%207.82082%2015.3348%207.40705%2015.6008%206.94872C15.8668%206.49039%2015.9998%206.03525%2015.9998%205.58329ZM6.76047%207.1798L8.05109%206.49997L9.3417%207.1798L9.09521%205.73989L10.1393%204.72015L8.69639%204.51007L8.05109%203.2L7.40578%204.51007L5.96283%204.72015L7.00696%205.73989L6.76047%207.1798Z'%20fill='%23F2C94C'/%3e%3c/g%3e%3c/svg%3e", js = ({
-  loading: s,
-  hideFriendsRank: a,
-  avatar: l,
-  name: r,
-  points: t,
-  friendsRank: o,
-  rank: d,
-  streak: p,
-  correct: c,
-  incorrect: m,
-  inTop: u,
-  successRate: R
-}) => /* @__PURE__ */ i(Xs, { "data-loading": s, children: [
-  /* @__PURE__ */ e(Ys, { children: /* @__PURE__ */ e(I, { loading: s, children: /* @__PURE__ */ i(Ns, { children: [
-    /* @__PURE__ */ i(ws, { children: [
-      l && /* @__PURE__ */ e($s, { alt: "avatar", src: l }),
-      !l && /* @__PURE__ */ e(zs, { children: f(r || "") })
-    ] }),
-    /* @__PURE__ */ i(ks, { children: [
-      /* @__PURE__ */ e(Fs, { children: r }),
-      /* @__PURE__ */ i(Us, { children: [
-        /* @__PURE__ */ i(Ls, { children: [
-          /* @__PURE__ */ i(Bs, { children: [
-            /* @__PURE__ */ e(fs, { alt: "rank-icon", src: Ts }),
-            /* @__PURE__ */ i(N, { children: [
-              L(t),
-              /* @__PURE__ */ e($, { children: "PTS" })
-            ] })
-          ] }),
-          a && /* @__PURE__ */ i(N, { children: [
-            /* @__PURE__ */ e(xs, {}),
-            d || 0,
-            /* @__PURE__ */ e($, { children: "global rank" })
-          ] })
-        ] }),
-        !a && /* @__PURE__ */ i(C, { children: [
-          /* @__PURE__ */ e(Js, {}),
-          /* @__PURE__ */ i("div", { children: [
-            "TOP ",
-            u || 0,
-            "%"
-          ] })
-        ] })
-      ] })
-    ] })
-  ] }) }) }),
-  /* @__PURE__ */ i(Es, { children: [
-    !a && /* @__PURE__ */ i(Qs, { children: [
-      /* @__PURE__ */ e(I, { loading: s, style: { width: "100%" }, children: /* @__PURE__ */ e(E, { indicator: o || 0, title: "Friends rank" }) }),
-      /* @__PURE__ */ e(I, { loading: s, style: { width: "100%" }, children: /* @__PURE__ */ e(E, { indicator: d || 0, title: "Global rank" }) })
-    ] }),
-    /* @__PURE__ */ e(I, { loading: s, children: /* @__PURE__ */ i(Ms, { children: [
-      /* @__PURE__ */ e(W, { indicator: p || 0, title: "Win streak" }),
-      /* @__PURE__ */ e(W, { indicator: c || 0, title: "Correct" }),
-      /* @__PURE__ */ e(W, { indicator: m || 0, title: "Incorrect" }),
-      /* @__PURE__ */ e(W, { indicator: `${R || 0}%`, title: "Succ. rate" })
-    ] }) })
-  ] })
-] }), Ks = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "cgn5uen",
-  propsAsIs: !1
-}), k = "c1px8nt6", Hs = /* @__PURE__ */ n("div")({
-  name: "Content",
-  class: "c5et2jt",
-  propsAsIs: !1
-}), Ds = /* @__PURE__ */ n("h3")({
-  name: "Title",
-  class: "t1i2kpk2",
-  propsAsIs: !1
-}), qs = /* @__PURE__ */ n("div")({
-  name: "Description",
-  class: "dd3lh3p",
-  propsAsIs: !1
-}), Ps = /* @__PURE__ */ n("img")({
-  name: "Image",
-  class: "i1gfjeu5",
-  propsAsIs: !1
-}), Os = /* @__PURE__ */ n("div")({
-  name: "ImageContainer",
-  class: "i58y999",
-  propsAsIs: !1
-}), _s = ({
-  instantView: s,
-  isDetail: a,
-  notification: l,
-  controlVideo: r
-}) => {
-  const t = s == null ? void 0 : s.heading, o = s == null ? void 0 : s.body, d = t || o, p = l == null ? void 0 : l.title, c = l == null ? void 0 : l.body;
-  return /* @__PURE__ */ i(Ks, { children: [
-    (s == null ? void 0 : s.video) && /* @__PURE__ */ e(
-      P,
-      {
-        className: k,
-        source: s.video.url,
-        poster: s.video.thumbnailUrl,
-        controlVideo: r,
-        autoPlay: a && s.autoPlayVideo === O.ENABLED
-      }
-    ),
-    (s == null ? void 0 : s.image) && !(s != null && s.video) && /* @__PURE__ */ e(
-      Os,
-      {
-        className: k,
-        "data-rounded": s.imageMode === _.ROUNDED,
-        children: /* @__PURE__ */ e(Ps, { src: s == null ? void 0 : s.image })
-      }
-    ),
-    /* @__PURE__ */ i(Hs, { children: [
-      /* @__PURE__ */ e(Ds, { children: a && d ? t : p }),
-      /* @__PURE__ */ e(qs, { children: a && d ? o : c })
-    ] })
-  ] });
-}, se = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c115qtkr",
-  propsAsIs: !1
-}), ee = /* @__PURE__ */ n("div")({
-  name: "STabs",
-  class: "sxnslc8",
-  propsAsIs: !1
-}), ne = /* @__PURE__ */ n("button")({
-  name: "Button",
-  class: "b1umzux0",
-  propsAsIs: !1
-}), ae = /* @__PURE__ */ n("span")({
-  name: "Title",
-  class: "tspsaas",
-  propsAsIs: !1
-});
-var v = /* @__PURE__ */ ((s) => (s.HOME = "home", s.LEADERBOARD = "leaderboard", s))(v || {});
-const F = ({ title: s, active: a, onClick: l }) => /* @__PURE__ */ e(ne, { "data-a": "intr", onClick: l, "data-selected": a, children: /* @__PURE__ */ e(ae, { "data-a": "intr", children: s }) }), le = ({ activePage: s = "home", toggleActivePage: a }) => /* @__PURE__ */ e(se, { children: /* @__PURE__ */ i(ee, { "data-position": s === "home" ? "left" : "right", children: [
-  /* @__PURE__ */ e(F, { title: "Home", active: s === "home", onClick: () => a(
-    "home"
-    /* HOME */
-  ) }),
-  /* @__PURE__ */ e(
-    F,
-    {
-      title: "Friends",
-      active: s === "leaderboard",
-      onClick: () => a(
-        "leaderboard"
-        /* LEADERBOARD */
-      )
-    }
-  )
-] }) }), te = /* @__PURE__ */ n("button")({
-  name: "Container",
-  class: "cpjnajb",
-  propsAsIs: !1
-}), ie = /* @__PURE__ */ n("div")({
-  name: "Content",
-  class: "c4m6kaz",
-  propsAsIs: !1
-}), oe = /* @__PURE__ */ n("span")({
-  name: "Title",
-  class: "t1h8t9cc",
-  propsAsIs: !1
-}), re = () => /* @__PURE__ */ e(te, { children: /* @__PURE__ */ i(ie, { children: [
-  /* @__PURE__ */ e(h, { name: "iconCopySuccess" }),
-  /* @__PURE__ */ e(oe, { children: "Link Copied to Clipboard" })
-] }) }), z = (s) => {
-  const a = G(), [l, r] = Z(null), t = J(
-    async (o) => {
-      var d;
-      if (o && (d = navigator == null ? void 0 : navigator.clipboard) != null && d.writeText) {
-        a.current && (clearTimeout(a.current), r(null));
-        try {
-          await navigator.clipboard.writeText(o), s.current && (r(ss.createPortal(/* @__PURE__ */ e(re, {}), s.current)), a.current = setTimeout(() => {
-            r(null);
-          }, 1e3));
-        } catch (p) {
-          console.error("Unable to copy to clipboard", p);
-        }
-      }
-    },
-    [s]
-  );
-  return g(() => () => {
-    clearTimeout(a.current);
-  }, []), [t, l];
-}, ce = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c1ux29ft",
-  propsAsIs: !1
-}), de = () => h, pe = /* @__PURE__ */ n(de())({
-  name: "FriendsIcon",
-  class: "f10ncfg2",
-  propsAsIs: !0
-}), me = /* @__PURE__ */ n("div")({
-  name: "Content",
-  class: "c1yc07bd",
-  propsAsIs: !1
-}), ue = /* @__PURE__ */ n("div")({
-  name: "Title",
-  class: "tj6cq7w",
-  propsAsIs: !1
-}), be = /* @__PURE__ */ n("div")({
-  name: "Description",
-  class: "d1ag78xo",
-  propsAsIs: !1
-}), he = () => h, Ae = /* @__PURE__ */ n(he())({
-  name: "ArrowInviteIcon",
-  class: "awohrz6",
-  propsAsIs: !0
-}), ve = ({ title: s, description: a, onClick: l, className: r }) => {
-  const [t] = x({
-    type: "invitation",
-    action: "sent",
-    payload: {
-      from: Q.TITLE_CARD
-    }
-  });
-  return /* @__PURE__ */ i(ce, { "data-a": "intr", onClick: t(l), className: r, children: [
-    /* @__PURE__ */ e(pe, { name: "icon-friends" }),
-    /* @__PURE__ */ i(me, { children: [
-      /* @__PURE__ */ e(ue, { children: s }),
-      /* @__PURE__ */ e(be, { children: a })
-    ] }),
-    /* @__PURE__ */ e(Ae, { name: "icon-copy" })
-  ] });
-}, Ie = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "culdu4a",
-  propsAsIs: !1
-}), We = /* @__PURE__ */ n("div")({
-  name: "Position",
-  class: "pwf8e69",
-  propsAsIs: !1
-}), ge = /* @__PURE__ */ n("img")({
-  name: "Avatar",
-  class: "atf4yh4",
-  propsAsIs: !1
-}), Re = /* @__PURE__ */ n("div")({
-  name: "AvatarPlaceholder",
-  class: "a1dg29ja",
-  propsAsIs: !1
-}), Ve = /* @__PURE__ */ n("div")({
-  name: "Content",
-  class: "c10a68rc",
-  propsAsIs: !1
-}), Ce = /* @__PURE__ */ n("div")({
-  name: "NameContainer",
-  class: "nc4kck5",
-  propsAsIs: !1
-}), Ge = /* @__PURE__ */ n("span")({
-  name: "Name",
-  class: "njsrqgr",
-  propsAsIs: !1
-}), Ze = () => h, Se = /* @__PURE__ */ n(Ze())({
-  name: "CurrentUserBadge",
-  class: "c17uc4zr",
-  propsAsIs: !0
-}), ye = ({
-  friendsRank: s,
-  avatar: a,
-  name: l,
-  userId: r,
-  points: t,
-  isCurrentUser: o,
-  style: d
-}) => /* @__PURE__ */ i(Ie, { "data-name": r, style: d, children: [
-  /* @__PURE__ */ e(We, { children: s || 0 }),
-  /* @__PURE__ */ i(Ve, { children: [
-    a ? /* @__PURE__ */ e(ge, { alt: "leaderboard-item-avatar", src: a }) : /* @__PURE__ */ e(Re, { children: f(l || "") }),
-    /* @__PURE__ */ i(Ce, { children: [
-      /* @__PURE__ */ e(Ge, { children: l || "" }),
-      o && /* @__PURE__ */ e(Se, { name: "icon-star" })
-    ] })
-  ] }),
-  /* @__PURE__ */ e("div", { children: L(t) })
-] }), Xe = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c16btbfp",
-  propsAsIs: !1
-}), Ye = ({
-  items: s,
-  currentUserId: a,
-  openItemDetail: l,
-  fetchMore: r,
-  scrollNode: t,
-  hasMore: o
-}) => {
-  const d = J((p) => {
-    const c = p.target.getAttribute("data-name");
-    c && l(c);
-  }, [l]);
-  return /* @__PURE__ */ e(es, {
-    loadMore: r,
-    initialLoad: !1,
-    hasMore: o,
-    useWindow: !1,
-    getScrollParent: () => t.current,
-    children: /* @__PURE__ */ e(Xe, {
-      "data-a": "intr",
-      onClick: d,
-      children: s.map((p) => /* @__PURE__ */ e(ye, {
-        ...p,
-        isCurrentUser: !!a && a === p.userId
-      }, p.userId))
-    })
-  });
-}, Ee = /* @__PURE__ */ n("div")({
-  name: "Container",
-  class: "c1itm4k7",
-  propsAsIs: !1
-}), Ne = /* @__PURE__ */ n("div")({
-  name: "IconContainer",
-  class: "i1w4fsni",
-  propsAsIs: !1
-}), $e = () => h, ke = /* @__PURE__ */ n($e())({
-  name: "InviteGameIcon",
-  class: "i19m85r1",
-  propsAsIs: !0
-}), Fe = /* @__PURE__ */ n("div")({
-  name: "Content",
-  class: "c1mbu204",
-  propsAsIs: !1
-}), Ue = /* @__PURE__ */ n("div")({
-  name: "Heading",
-  class: "h1amdqtv",
-  propsAsIs: !1
-}), fe = /* @__PURE__ */ n("div")({
-  name: "Subtext",
-  class: "s1lhlj9j",
-  propsAsIs: !1
-}), Le = /* @__PURE__ */ n("div")({
-  name: "LinkContainer",
-  class: "l1wot35e",
-  propsAsIs: !1
-}), xe = /* @__PURE__ */ n("div")({
-  name: "LinkInfo",
-  class: "l1jdw39q",
-  propsAsIs: !1
-}), Be = /* @__PURE__ */ n("span")({
-  name: "LinkTitle",
-  class: "l1cr5mk",
-  propsAsIs: !1
-}), Je = /* @__PURE__ */ n("span")({
-  name: "LinkAddress",
-  class: "lvi87q4",
-  propsAsIs: !1
-}), Qe = () => h, Me = /* @__PURE__ */ n(Qe())({
-  name: "LinkIcon",
-  class: "l1pqlvw3",
-  propsAsIs: !0
-}), ze = ({
-  inviteLink: s,
-  inviteCardTitle: a,
-  inviteCardSubtext: l,
-  primaryColor: r,
-  className: t
-}) => {
-  const o = G(null), [d, p] = z(o), [c] = x({
-    type: "invitation",
-    action: "sent",
-    payload: {
-      from: Q.MENU
-    }
-  });
-  return /* @__PURE__ */ i(Ee, { className: t, children: [
-    /* @__PURE__ */ e(Ne, { style: { backgroundColor: r }, children: /* @__PURE__ */ e(ke, { name: "invite-game-icon" }) }),
-    /* @__PURE__ */ i(Fe, { children: [
-      /* @__PURE__ */ e(Ue, { children: a || "" }),
-      /* @__PURE__ */ e(fe, { children: l || "" })
-    ] }),
-    s && /* @__PURE__ */ i(Le, { ref: o, "data-a": "intr", onClick: c(() => d(s)), children: [
-      /* @__PURE__ */ i(xe, { children: [
-        /* @__PURE__ */ e(Be, { children: "Invite link" }),
-        /* @__PURE__ */ e(Je, { children: s })
-      ] }),
-      /* @__PURE__ */ e(Me, { name: "icon-copy" })
-    ] }),
-    p
-  ] });
-}, we = /* @__PURE__ */ n("div")({
-  name: "InviteFriendsContainer",
-  class: "i1c9dygq",
-  propsAsIs: !1
-}), Te = ({
-  deepLink: s
-}) => /* @__PURE__ */ e(we, {
-  children: /* @__PURE__ */ e(ze, {
-    inviteLink: s,
-    inviteCardTitle: "It’s More Fun With Friends",
-    inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
-  })
-}), je = /* @__PURE__ */ n("div")({
-  name: "InviteLinkContainer",
-  class: "i1odbhm4",
-  propsAsIs: !1
-}), Ke = ({
-  gamification: s,
-  scrollNode: a,
-  scrollStore: l
-}) => {
-  const r = G(null), {
-    data: t,
-    hasMore: o,
-    loading: d,
-    key: p
-  } = b(s.leaderboardList.$store), {
-    data: c
-  } = b(s.deepLink.$store), [m, u] = z(r);
-  return !t.length && !d ? /* @__PURE__ */ e(Te, {
-    deepLink: c
-  }) : /* @__PURE__ */ i(C, {
-    children: [/* @__PURE__ */ e(Ye, {
-      items: t,
-      scrollNode: a,
-      scrollStore: l,
-      fetchMore: s.leaderboardList.fetchMore,
-      hasMore: o,
-      openItemDetail: s.openUser,
-      currentUserId: s.currentUserId.get()
-    }, p), c && /* @__PURE__ */ e(je, {
-      ref: r,
-      children: /* @__PURE__ */ e(ve, {
-        "data-a": "intr",
-        onClick: () => m(c),
-        title: "Invite Friends",
-        description: "Challenge them now!"
-      })
-    }), u]
-  });
-}, He = () => B, De = /* @__PURE__ */ n(He())({
-  name: "Container",
-  class: "cll3md7",
-  propsAsIs: !0
-}), qe = () => ns, Pe = /* @__PURE__ */ n(qe())({
-  name: "ActionBtn",
-  class: "a10g1iik",
-  propsAsIs: !0
-}), Oe = ({ questionId: s, ...a }) => /* @__PURE__ */ i(De, { "data-a": "intr", "data-name": s, children: [
-  /* @__PURE__ */ e(_s, { questionId: s, ...a }),
-  /* @__PURE__ */ e(Pe, { "data-a": "intr", "data-name": s, children: "View Insight" })
-] }), _e = () => B, sn = /* @__PURE__ */ n(_e())({
-  name: "Container",
-  class: "cl56x6b",
-  propsAsIs: !0
-}), en = /* @__PURE__ */ n("button")({
-  name: "ActionButton",
-  class: "a11pzf92",
-  propsAsIs: !1
-}), nn = /* @__PURE__ */ n("blockquote")({
-  name: "Quote",
-  class: "q1hbaleq",
-  propsAsIs: !1
-}), an = ({ ...s }) => /* @__PURE__ */ i(sn, { "data-a": "intr", "data-name": s.tweetId, children: [
-  s.title && /* @__PURE__ */ e(nn, { children: s.title }),
-  /* @__PURE__ */ e(as, { ...s }),
-  /* @__PURE__ */ e(en, { "data-a": "intr", "data-name": s.tweetId, children: "View Insight" })
-] }), U = /* @__PURE__ */ n("div")({
-  name: "QuestionsContainer",
-  class: "qvghv3l",
-  propsAsIs: !1
-}), ln = ({ questions: s, openQuestion: a, controlVideo: l }) => s ? /* @__PURE__ */ e(U, { "data-a": "intr", onClick: (t) => {
-  const o = t.target.getAttribute("data-name");
-  o && (is(), a(o, { openedFrom: "list" }));
-}, children: s == null ? void 0 : s.map((t) => {
-  var o, d, p;
-  if (t.type === "question" && ((o = t.attributes) == null ? void 0 : o.attributes.case) === "question") {
-    const c = t.attributes.attributes.value;
-    return /* @__PURE__ */ e(ls, { ...c }, c.questionId);
-  }
-  if (t.type === "insight" && ((d = t.attributes) == null ? void 0 : d.attributes.case) === "insight") {
-    const c = t.attributes.attributes.value;
-    return /* @__PURE__ */ e(Oe, { controlVideo: l, ...c }, c.questionId);
-  }
-  if (t.type === "tweet" && ((p = t.attributes) == null ? void 0 : p.attributes.case) === "tweet") {
-    const c = t.attributes.attributes.value, m = t.attributes.id;
-    return /* @__PURE__ */ e(an, { controlVideo: l, ...c, tweetId: m }, m);
-  }
-  return null;
-}) }) : /* @__PURE__ */ e(U, { children: Array.from({ length: 5 }).map((t, o) => /* @__PURE__ */ e(ts, {}, o)) }), tn = ({ store: s, openQuestion: a }) => {
-  const { sdk: l } = os(), r = b(s);
-  return /* @__PURE__ */ e(ln, { openQuestion: a, questions: r.data, controlVideo: l == null ? void 0 : l.controlVideoPlayer });
-}, on = ({ userSummary: s }) => {
-  var a;
-  const [l, r] = Z(void 0);
-  return g(() => {
-    const t = s.$store.subscribe((o) => {
-      o && r(o);
-    });
-    return () => {
-      t();
-    };
-  }, [s]), /* @__PURE__ */ e(js, { loading: !(l != null && l.summary), ...l == null ? void 0 : l.summary, successRate: (a = l == null ? void 0 : l.percentage) == null ? void 0 : a.correct });
-}, rn = ({ gamification: s, className: a, scrollStore: l, scrollNode: r, appNode: t, style: o, responsiveStore: d }) => {
-  const { tabsShown: p } = b(l, { keys: ["tabsShown"] }), c = b(s.friendsTabEnabled), [m, u] = Z(v.HOME), [, R] = rs(), { sdkInDesktopView: y, screen: w } = b(d, { keys: ["sdkInDesktopView"] }), T = (A) => {
-    R(() => {
-      var X;
-      u(A), y === !1 && (((X = t.current) == null ? void 0 : X.getBoundingClientRect().y) || 0) < 0 && Rs(t, w.size, { behavior: "instant" });
-    });
-  };
-  g(() => l.subscribe((A) => {
-    if (A.scrollPosition === 0) {
-      l.setKey("tabsShown", !0);
-      return;
-    }
-    d.get().sdkInDesktopView ? l.setKey("tabsShown", A.scrollDirection === "backward") : l.setKey("tabsShown", A.scrollDirection === "forward");
-  }), [l, d]), g(() => {
-    c || u(v.HOME);
-  }, [c]);
-  let V = "0px";
-  return y ? V = p ? "0px" : "calc(0px - var(--header-height))" : V = p ? "var(--header-height)" : "0px", /* @__PURE__ */ i(hs, { className: cs(a, "SL-Tabs"), style: o, children: [
-    c && /* @__PURE__ */ e(
-      Ws,
-      {
-        style: {
-          top: V
-        },
-        children: /* @__PURE__ */ e(le, { activePage: m, toggleActivePage: T })
-      }
-    ),
-    m === v.HOME && /* @__PURE__ */ i(C, { children: [
-      /* @__PURE__ */ e(bs, { children: /* @__PURE__ */ e(gs, { children: /* @__PURE__ */ e(on, { userSummary: s.userSummary }) }) }),
-      /* @__PURE__ */ e(S, { style: { flex: 1 }, children: /* @__PURE__ */ e(tn, { openQuestion: s.openQuestion, store: s.feedList.getStore() }) })
-    ] }),
-    m === v.LEADERBOARD && /* @__PURE__ */ e(vs, { children: /* @__PURE__ */ e(Ke, { scrollStore: l, scrollNode: r, gamification: s }) })
-  ] });
-}, mn = ({
-  gamification: s,
-  scrollStore: a,
-  className: l,
-  appNode: r,
-  scrollNode: t,
-  responsiveStore: o
-}) => /* @__PURE__ */ e(rn, {
-  appNode: r,
-  scrollStore: a,
-  scrollNode: t,
-  className: l,
-  gamification: s,
-  responsiveStore: o
-});
-export {
-  mn as default
-};