@streamlayer/web-os 0.4.3 → 0.4.4

package/lib/index.d.ts

@@ -1,18 +1,7 @@
 import { StreamLayerSDKTvOptions, PauseAdProps } from '@streamlayer/react-ui/webos';
-import { StreamLayerProvider as DefaultStreamLayerProvider, VideoPlayerCallback } from '@streamlayer/react';
-import '@streamlayer/sdk-web-api';
-import '@streamlayer/sdk-web-core';
-import '@streamlayer/sdk-web-types';
-import '@streamlayer/sdk-web-logger';
-import '@streamlayer/sdk-web-storage';
-import '@streamlayer/sdk-web-features';
-import '@streamlayer/sdk-web-interfaces';
-import '@streamlayer/sdk-web-notifications';
-import '@streamlayer/feature-gamification';
-import '@streamlayer/sdk-web-anonymous-auth';
-import '@streamlayer/react';
+import { StreamLayerProvider as DefaultStreamLayerProvider, VideoPlayerCallback } from './core';
 import '@streamlayer/react-ui/style.css';
-export { useStreamLayer, useStreamLayerUI, type VideoPlayerCallback, type VideoPlayerData } from '@streamlayer/react';
+export { useStreamLayer, useStreamLayerUI, type VideoPlayerCallback, type VideoPlayerData } from './core';
 type StreamLayerProviderProps = Omit<Parameters<typeof DefaultStreamLayerProvider>[0], 'themeMode' | 'withAd' | 'withAdNotification' | 'autoEnable' | 'plugins' | 'webOS' | 'friendsTab' | 'hideFriends' | 'onDeepLinkHandled' | 'skipOnboarding'>;
 export declare const StreamLayerProvider: React.FC<StreamLayerProviderProps>;
 export type StreamLayerSDKTvProps = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/web-os",
-  "version": "0.4.3",
+  "version": "0.4.4",
   "author": "StreamLayer, Inc (https://streamlayer.io)",
   "maintainers": [
     {
@@ -35,12 +35,26 @@
     "package.json"
   ],
   "dependencies": {
-    "@streamlayer/sl-eslib": "^5.225.0"
-  },
-  "peerDependencies": {
+    "@streamlayer/sl-eslib": "^5.225.0",
     "@bufbuild/protobuf": "^2.2.2",
     "@connectrpc/connect": "^2.0.0",
     "@connectrpc/connect-web": "^2.0.0",
+    "@streamlayer/feature-gamification": "^1.23.4",
+    "@streamlayer/react-polyfills": "^0.1.49",
+    "@streamlayer/react-ui": "^1.32.4",
+    "@streamlayer/sdk-web": "^1.16.4",
+    "@streamlayer/sdk-web-analytics": "^1.13.4",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.3.4",
+    "@streamlayer/sdk-web-api": "^1.14.4",
+    "@streamlayer/sdk-web-core": "^1.17.4",
+    "@streamlayer/sdk-web-features": "^1.0.89",
+    "@streamlayer/sdk-web-interfaces": "^1.8.4",
+    "@streamlayer/sdk-web-logger": "^1.0.89",
+    "@streamlayer/sdk-web-notifications": "^1.3.51",
+    "@streamlayer/sdk-web-storage": "^1.0.89",
+    "@streamlayer/sdk-web-types": "^1.16.4"
+  },
+  "peerDependencies": {
     "@fastify/deepmerge": "^2.0.0",
     "@lottiefiles/react-lottie-player": "^3.5.4",
     "@nanostores/query": "^0.2.10",
@@ -92,21 +106,6 @@
     "rollup-plugin-visualizer": "^5.12.0",
     "size-limit": "^11.1.6",
     "url-loader": "^4.1.1",
-    "vite-plugin-dts": "^4.2.3",
-    "@streamlayer/feature-gamification": "^1.23.3",
-    "@streamlayer/react": "^1.21.3",
-    "@streamlayer/react-polyfills": "^0.1.48",
-    "@streamlayer/react-ui": "^1.32.3",
-    "@streamlayer/sdk-web": "^1.16.3",
-    "@streamlayer/sdk-web-analytics": "^1.13.3",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.3.3",
-    "@streamlayer/sdk-web-api": "^1.14.3",
-    "@streamlayer/sdk-web-core": "^1.17.3",
-    "@streamlayer/sdk-web-features": "^1.0.88",
-    "@streamlayer/sdk-web-interfaces": "^1.8.3",
-    "@streamlayer/sdk-web-logger": "^1.0.88",
-    "@streamlayer/sdk-web-notifications": "^1.3.50",
-    "@streamlayer/sdk-web-storage": "^1.0.88",
-    "@streamlayer/sdk-web-types": "^1.16.3"
+    "vite-plugin-dts": "^4.2.3"
   }
 }

package/lib/cjs/gamification-feature2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("./index2.js");require("@noriginmedia/norigin-spatial-navigation");const u=require("react");require("react-countdown-circle-timer");const S=require("react-dom");require("react-countup");require("nanostores");require("lodash.throttle");const X=require("react-infinite-scroller"),Y=e.fileDesc("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbnMvaW52aXRhdGlvbnMucHJvdG8SJHN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucyLhAgoXVG90YWxJbnZpdGF0aW9uc1JlcXVlc3QSYAoGZmlsdGVyGAEgASgLMlAuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLlRvdGFsSW52aXRhdGlvbnNSZXF1ZXN0LlRvdGFsUmVxdWVzdEZpbHRlchrjAQoSVG90YWxSZXF1ZXN0RmlsdGVyEjcKBnBlcmlvZBgBIAEoCzInLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uUGVyaW9kEhEKCWV2ZW50X2lkcxgCIAMoBBJMCgpjYXRlZ29yaWVzGAMgAygOMjguc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLkludml0YXRpb25DYXRlZ29yeRIzCgRraW5kGAQgASgOMiUuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5LaW5kIrABChhUb3RhbEludml0YXRpb25zUmVzcG9uc2USXgoEZGF0YRgBIAMoCzJQLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5Ub3RhbEludml0YXRpb25zUmVzcG9uc2UuVG90YWxSZXNwb25zZURhdGEaNAoRVG90YWxSZXNwb25zZURhdGESEAoIZXZlbnRfaWQYASABKAQSDQoFY291bnQYAiABKAQiqQIKJVRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlcXVlc3QScQoGZmlsdGVyGAEgASgLMmEuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLlRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlcXVlc3QuVG90YWxCeVRpbWVMaW5lRmlsdGVyGowBChVUb3RhbEJ5VGltZUxpbmVGaWx0ZXISNwoGcGVyaW9kGAEgASgLMicuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5QZXJpb2QSEAoIZXZlbnRfaWQYAiABKAQSEQoJZXZlbnRfaWRzGAMgAygEEhUKDXN1bW1hcnlfY291bnQYBCABKAgikgIKJlRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlc3BvbnNlEhAKCGV2ZW50X2lkGAEgASgEEm4KBGRhdGEYAiADKAsyYC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuVG90YWxJbnZpdGF0aW9uc1NlbnRCeVRpbWVsaW5lUmVzcG9uc2UuVG90YWxCeVRpbWVMaW5lRGF0YRIRCglldmVudF9pZHMYAyADKAQaUwoTVG90YWxCeVRpbWVMaW5lRGF0YRItCgl0aW1lX2xpbmUYASABKAsyGi5nb29nbGUucHJvdG9idWYuVGltZXN0YW1wEg0KBWNvdW50GAIgASgEIrECCilUb3RhbEludml0YXRpb25zQWNjZXB0ZWRCeVRpbWVsaW5lUmVxdWVzdBJ1CgZmaWx0ZXIYASABKAsyZS5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuVG90YWxJbnZpdGF0aW9uc0FjY2VwdGVkQnlUaW1lbGluZVJlcXVlc3QuVG90YWxCeVRpbWVMaW5lRmlsdGVyGowBChVUb3RhbEJ5VGltZUxpbmVGaWx0ZXISNwoGcGVyaW9kGAEgASgLMicuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5QZXJpb2QSEAoIZXZlbnRfaWQYAiABKAQSEQoJZXZlbnRfaWRzGAMgAygEEhUKDXN1bW1hcnlfY291bnQYBCABKAgimgIKKlRvdGFsSW52aXRhdGlvbnNBY2NlcHRlZEJ5VGltZWxpbmVSZXNwb25zZRIQCghldmVudF9pZBgBIAEoBBIRCglldmVudF9pZHMYAyADKAQScgoEZGF0YRgCIAMoCzJkLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5Ub3RhbEludml0YXRpb25zQWNjZXB0ZWRCeVRpbWVsaW5lUmVzcG9uc2UuVG90YWxCeVRpbWVMaW5lRGF0YRpTChNUb3RhbEJ5VGltZUxpbmVEYXRhEi0KCXRpbWVfbGluZRgBIAEoCzIaLmdvb2dsZS5wcm90b2J1Zi5UaW1lc3RhbXASDQoFY291bnQYAiABKAQi7gUKFlNlbmRJbnZpdGF0aW9uc1JlcXVlc3QSXAoEZGF0YRgBIAMoCzJOLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5TZW5kSW52aXRhdGlvbnNSZXF1ZXN0LkNyZWF0ZVJlcXVlc3REYXRhGvUEChFDcmVhdGVSZXF1ZXN0RGF0YRIQCghldmVudF9pZBgBIAEoBBIPCgd1c2VyX2lkGAIgASgEEkoKCGNhdGVnb3J5GAMgASgOMjguc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLkludml0YXRpb25DYXRlZ29yeRIzCgRraW5kGAQgASgOMiUuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5LaW5kEjMKD3RyYWNrX3RpbWVzdGFtcBgFIAEoCzIaLmdvb2dsZS5wcm90b2J1Zi5UaW1lc3RhbXASEQoJcm91dGVfbWFwGAYgASgJEhEKCWRldmljZV9pZBgHIAEoCRIKCgJvcxgIIAEoCRISCgp1c2VyX2FnZW50GAkgASgJEhYKDnNsX3Nka192ZXJzaW9uGAogASgJEhIKCnNlc3Npb25faWQYCyABKAkSGgoSb3ZlcmxheV9zZXNzaW9uX2lkGAwgASgJEhAKCHRvcGljX2lkGA0gASgJEhMKC3VzZXJfaWRfc3RyGA4gASgJEk4KEnNjcmVlbl9vcmllbnRhdGlvbhgPIAEoDjIyLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uU2NyZWVuT3JpZW50YXRpb24SPgoKdG9waWNfdHlwZRgQIAEoDjIqLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uVG9waWNUeXBlEkIKBGZyb20YESABKA4yNC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuSW52aXRhdGlvbkZyb20izgEKF1NlbmRJbnZpdGF0aW9uc1Jlc3BvbnNlEl4KBGRhdGEYASABKAsyUC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuU2VuZEludml0YXRpb25zUmVzcG9uc2UuQ3JlYXRlUmVzcG9uc2VEYXRhGlMKEkNyZWF0ZVJlc3BvbnNlRGF0YRI9CgZyZXN1bHQYASABKA4yLS5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuY29tbW9uLlJlc3VsdFN0YXR1cyq4AQoSSW52aXRhdGlvbkNhdGVnb3J5Eh0KGUlOVklUQVRJT05fQ0FURUdPUllfVU5TRVQQABIgChxJTlZJVEFUSU9OX0NBVEVHT1JZX1dBVENISU5HEAESIQodSU5WSVRBVElPTl9DQVRFR09SWV9NRVNTQUdJTkcQAhIfChtJTlZJVEFUSU9OX0NBVEVHT1JZX1ZPSUNJTkcQAxIdChlJTlZJVEFUSU9OX0NBVEVHT1JZX0dBTUVTEAQqZQoOSW52aXRhdGlvbkZyb20SGQoVSU5WSVRBVElPTl9GUk9NX1VOU0VUEAASHgoaSU5WSVRBVElPTl9GUk9NX1RJVExFX0NBUkQQARIYChRJTlZJVEFUSU9OX0ZST01fTUVOVRACQrYBCihjb20uc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLmludml0YXRpb25zLnYxQhtTdHJlYW1MYXllckludml0YXRpb25zUHJvdG9QAVpiZ2l0aHViLmNvbS9zdHJlYW1sYXllci9zbC1wcm90b2ZpbGVzLy5idWlsZC9nby9zdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbnM7c2xfaW52aXRhdGlvbnOiAgZTTF9BUEliBnByb3RvMw",[e.file_streamlayer_analytics_v1_common_analytics_common,e.file_google_protobuf_timestamp]),E=e.enumDesc(Y,1),f=e.tsEnum(E),N=(l,t,a)=>{const d=t>=e.A.lg&&t<e.A.xl?75:52;l.current&&window.scrollTo({top:l.current.offsetTop-d,...a})},F=e.styled_default("div")({name:"Container",class:"c1zy8a",propsAsIs:!1}),k=e.styled_default("div")({name:"Title",class:"t1vih9p5",propsAsIs:!1}),U=e.styled_default("div")({name:"Indicator",class:"i1fbnvpb",propsAsIs:!1}),I=({indicator:l,title:t})=>s.jsxs(F,{children:[s.jsx(k,{children:t}),s.jsx(U,{children:l})]}),_=e.styled_default("div")({name:"Container",class:"ctmhwyc",propsAsIs:!1}),L=e.styled_default("div")({name:"Indicator",class:"i1jri200",propsAsIs:!1}),B=e.styled_default("div")({name:"Title",class:"t8s05oq",propsAsIs:!1}),A=({indicator:l,title:t})=>s.jsxs(_,{children:[s.jsx(L,{children:l}),s.jsx(B,{children:t})]}),J=e.styled_default("div")({name:"Container",class:"c1yrpn9o",propsAsIs:!1}),$=e.styled_default("div")({name:"TopInfo",class:"t17fwahh",propsAsIs:!1}),Q=e.styled_default("div")({name:"BottomInfo",class:"by6w7e9",propsAsIs:!1}),M=e.styled_default("div")({name:"User",class:"u1g7arbm",propsAsIs:!1}),z=e.styled_default("img")({name:"Avatar",class:"a1ldeata",propsAsIs:!1}),w=e.styled_default("div")({name:"UserInfo",class:"u10d4koz",propsAsIs:!1}),T=e.styled_default("div")({name:"UserName",class:"u1q6roj0",propsAsIs:!1}),H=e.styled_default("div")({name:"UserRating",class:"ui0m425",propsAsIs:!1}),K=e.styled_default("img")({name:"TrophyIcon",class:"t1el3mrn",propsAsIs:!1}),q=e.styled_default("div")({name:"RtsContainer",class:"r2vgnxv",propsAsIs:!1}),D=e.styled_default("div")({name:"RtsDivider",class:"roqn06j",propsAsIs:!1}),O=e.styled_default("div")({name:"Rts",class:"r15adx7c",propsAsIs:!1}),R=e.styled_default("div")({name:"RtsIndicator",class:"rv59lta",propsAsIs:!1}),g=e.styled_default("div")({name:"RtsLabel",class:"r55lotb",propsAsIs:!1}),P=e.styled_default("div")({name:"Divider",class:"d1knfgqt",propsAsIs:!1}),ss=e.styled_default("div")({name:"Ranks",class:"r1mqo824",propsAsIs:!1}),es=e.styled_default("div")({name:"Statistics",class:"sxareh6",propsAsIs:!1}),ls=e.styled_default("div")({name:"AvatarPlaceholder",class:"amcu48h",propsAsIs:!1}),ts=e.styled_default("button")({name:"UserAccountBtn",class:"u32nfkp",propsAsIs:!1}),as="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",ns=({loading:l,hideFriendsRank:t,avatar:a,name:d,points:n,friendsRank:i,rank:c,streak:o,correct:r,incorrect:p,inTop:m,successRate:x})=>s.jsxs(J,{"data-loading":l,children:[s.jsx($,{children:s.jsx(e.i,{loading:l,children:s.jsxs(M,{children:[s.jsxs(ts,{children:[a&&s.jsx(z,{alt:"avatar",src:a}),!a&&s.jsx(ls,{children:e.I(d||"")})]}),s.jsxs(w,{children:[s.jsx(T,{children:d}),s.jsxs(H,{children:[s.jsxs(q,{children:[s.jsxs(O,{children:[s.jsx(K,{alt:"rank-icon",src:as}),s.jsxs(R,{children:[e.s(n),s.jsx(g,{children:"PTS"})]})]}),t&&s.jsxs(R,{children:[s.jsx(D,{}),c||0,s.jsx(g,{children:"global rank"})]})]}),!t&&s.jsxs(s.Fragment,{children:[s.jsx(P,{}),s.jsxs("div",{children:["TOP ",m||0,"%"]})]})]})]})]})})}),s.jsxs(Q,{children:[!t&&s.jsxs(ss,{children:[s.jsx(e.i,{loading:l,style:{width:"100%"},children:s.jsx(I,{indicator:i||0,title:"Friends rank"})}),s.jsx(e.i,{loading:l,style:{width:"100%"},children:s.jsx(I,{indicator:c||0,title:"Global rank"})})]}),s.jsx(e.i,{loading:l,children:s.jsxs(es,{children:[s.jsx(A,{indicator:o||0,title:"Win streak"}),s.jsx(A,{indicator:r||0,title:"Correct"}),s.jsx(A,{indicator:p||0,title:"Incorrect"}),s.jsx(A,{indicator:`${x||0}%`,title:"Succ. rate"})]})})]})]}),ds=e.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),is=e.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),rs=e.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),cs=e.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var h=(l=>(l.HOME="home",l.LEADERBOARD="leaderboard",l))(h||{});const V=({title:l,active:t,onClick:a})=>s.jsx(rs,{"data-a":"intr",onClick:a,"data-selected":t,children:s.jsx(cs,{"data-a":"intr",children:l})}),os=({activePage:l="home",toggleActivePage:t})=>s.jsx(ds,{children:s.jsxs(is,{"data-position":l==="home"?"left":"right",children:[s.jsx(V,{title:"Home",active:l==="home",onClick:()=>t("home")}),s.jsx(V,{title:"Friends",active:l==="leaderboard",onClick:()=>t("leaderboard")})]})}),us=e.styled_default("button")({name:"Container",class:"cpjnajb",propsAsIs:!1}),ps=e.styled_default("div")({name:"Content",class:"c4m6kaz",propsAsIs:!1}),ms=e.styled_default("span")({name:"Title",class:"t1h8t9cc",propsAsIs:!1}),bs=()=>s.jsx(us,{children:s.jsxs(ps,{children:[s.jsx(e.B1,{name:"iconCopySuccess"}),s.jsx(ms,{children:"Link Copied to Clipboard"})]})}),C=l=>{const t=u.useRef(),[a,d]=u.useState(null),n=u.useCallback(async i=>{var c;if(i&&(c=navigator==null?void 0:navigator.clipboard)!=null&&c.writeText){t.current&&(clearTimeout(t.current),d(null));try{await navigator.clipboard.writeText(i),l.current&&(d(S.createPortal(s.jsx(bs,{}),l.current)),t.current=setTimeout(()=>{d(null)},1e3))}catch(o){console.error("Unable to copy to clipboard",o)}}},[l]);return u.useEffect(()=>()=>{clearTimeout(t.current)},[]),[n,a]},hs=e.styled_default("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),As=()=>e.B1,xs=e.styled_default(As())({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!0}),vs=e.styled_default("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),ys=e.styled_default("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),Ws=e.styled_default("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),Is=()=>e.B1,Rs=e.styled_default(Is())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),gs=({title:l,description:t,onClick:a,className:d})=>{const[n]=e.f({type:"invitation",action:"sent",payload:{from:f.TITLE_CARD}});return s.jsxs(hs,{"data-a":"intr",onClick:n(a),className:d,children:[s.jsx(xs,{name:"icon-friends"}),s.jsxs(vs,{children:[s.jsx(ys,{children:l}),s.jsx(Ws,{children:t})]}),s.jsx(Rs,{name:"icon-copy"})]})},Vs=e.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),js=e.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),fs=e.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),Cs=e.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),Gs=e.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),Zs=e.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),Ss=e.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),Xs=()=>e.B1,Ys=e.styled_default(Xs())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),Es=({friendsRank:l,avatar:t,name:a,userId:d,points:n,isCurrentUser:i,style:c})=>s.jsxs(Vs,{"data-name":d,style:c,children:[s.jsx(js,{children:l||0}),s.jsxs(Gs,{children:[t?s.jsx(fs,{alt:"leaderboard-item-avatar",src:t}):s.jsx(Cs,{children:e.I(a||"")}),s.jsxs(Zs,{children:[s.jsx(Ss,{children:a||""}),i&&s.jsx(Ys,{name:"icon-star"})]})]}),s.jsx("div",{children:e.s(n)})]}),Ns=e.styled_default("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),Fs=({items:l,currentUserId:t,openItemDetail:a,fetchMore:d,scrollNode:n,hasMore:i})=>{const c=u.useCallback(o=>{const r=o.target.getAttribute("data-name");r&&a(r)},[a]);return s.jsx(X,{loadMore:d,initialLoad:!1,hasMore:i,useWindow:!1,getScrollParent:()=>n.current,children:s.jsx(Ns,{"data-a":"intr",onClick:c,children:l.map(o=>s.jsx(Es,{...o,isCurrentUser:!!t&&t===o.userId},o.userId))})})},ks=e.styled_default("div")({name:"Container",class:"c1itm4k7",propsAsIs:!1}),Us=e.styled_default("div")({name:"IconContainer",class:"i1w4fsni",propsAsIs:!1}),_s=()=>e.B1,Ls=e.styled_default(_s())({name:"InviteGameIcon",class:"i19m85r1",propsAsIs:!0}),Bs=e.styled_default("div")({name:"Content",class:"c1mbu204",propsAsIs:!1}),Js=e.styled_default("div")({name:"Heading",class:"h1amdqtv",propsAsIs:!1}),$s=e.styled_default("div")({name:"Subtext",class:"s1lhlj9j",propsAsIs:!1}),Qs=e.styled_default("div")({name:"LinkContainer",class:"l1wot35e",propsAsIs:!1}),Ms=e.styled_default("div")({name:"LinkInfo",class:"l1jdw39q",propsAsIs:!1}),zs=e.styled_default("span")({name:"LinkTitle",class:"l1cr5mk",propsAsIs:!1}),ws=e.styled_default("span")({name:"LinkAddress",class:"lvi87q4",propsAsIs:!1}),Ts=()=>e.B1,Hs=e.styled_default(Ts())({name:"LinkIcon",class:"l1pqlvw3",propsAsIs:!0}),Ks=({inviteLink:l,inviteCardTitle:t,inviteCardSubtext:a,primaryColor:d,className:n})=>{const i=u.useRef(null),[c,o]=C(i),[r]=e.f({type:"invitation",action:"sent",payload:{from:f.MENU}});return s.jsxs(ks,{className:n,children:[s.jsx(Us,{style:{backgroundColor:d},children:s.jsx(Ls,{name:"invite-game-icon"})}),s.jsxs(Bs,{children:[s.jsx(Js,{children:t||""}),s.jsx($s,{children:a||""})]}),l&&s.jsxs(Qs,{ref:i,"data-a":"intr",onClick:r(()=>c(l)),children:[s.jsxs(Ms,{children:[s.jsx(zs,{children:"Invite link"}),s.jsx(ws,{children:l})]}),s.jsx(Hs,{name:"icon-copy"})]}),o]})},qs=e.styled_default("div")({name:"InviteFriendsContainer",class:"i1c9dygq",propsAsIs:!1}),Ds=({deepLink:l})=>s.jsx(qs,{children:s.jsx(Ks,{inviteLink:l,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),Os=e.styled_default("div")({name:"InviteLinkContainer",class:"i1odbhm4",propsAsIs:!1}),Ps=({gamification:l,scrollNode:t,scrollStore:a})=>{const d=u.useRef(null),{data:n,hasMore:i,loading:c,key:o}=e.useStore(l.leaderboardList.$store),{data:r}=e.useStore(l.deepLink.$store),[p,m]=C(d);return!n.length&&!c?s.jsx(Ds,{deepLink:r}):s.jsxs(s.Fragment,{children:[s.jsx(Fs,{items:n,scrollNode:t,scrollStore:a,fetchMore:l.leaderboardList.fetchMore,hasMore:i,openItemDetail:l.openUser,currentUserId:l.currentUserId.get()},o),r&&s.jsx(Os,{ref:d,children:s.jsx(gs,{"data-a":"intr",onClick:()=>p(r),title:"Invite Friends",description:"Challenge them now!"})}),m]})},se=()=>e.r,ee=e.styled_default(se())({name:"Container",class:"cll3md7",propsAsIs:!0}),le=()=>e.S,te=e.styled_default(le())({name:"ActionBtn",class:"a10g1iik",propsAsIs:!0}),ae=({questionId:l,...t})=>s.jsxs(ee,{"data-a":"intr","data-name":l,children:[s.jsx(e.O,{questionId:l,...t}),s.jsx(te,{"data-a":"intr","data-name":l,children:"View Insight"})]}),ne=()=>e.r,de=e.styled_default(ne())({name:"Container",class:"cl56x6b",propsAsIs:!0}),ie=e.styled_default("button")({name:"ActionButton",class:"a11pzf92",propsAsIs:!1}),re=e.styled_default("blockquote")({name:"Quote",class:"q1hbaleq",propsAsIs:!1}),ce=({...l})=>s.jsxs(de,{"data-a":"intr","data-name":l.tweetId,children:[l.title&&s.jsx(re,{children:l.title}),s.jsx(e.b,{...l}),s.jsx(ie,{"data-a":"intr","data-name":l.tweetId,children:"View Insight"})]}),j=e.styled_default("div")({name:"QuestionsContainer",class:"qvghv3l",propsAsIs:!1}),oe=({questions:l,openQuestion:t,controlVideo:a})=>{const d=n=>{const i=n.target.getAttribute("data-name");i&&(e.wt(),t(i,{openedFrom:"list"}))};return l?s.jsx(j,{"data-a":"intr",onClick:d,children:l==null?void 0:l.map(n=>{var i,c,o;if(n.type==="question"&&((i=n.attributes)==null?void 0:i.attributes.case)==="question"){const r=n.attributes.attributes.value;return s.jsx(e.R,{...r},r.questionId)}if(n.type==="insight"&&((c=n.attributes)==null?void 0:c.attributes.case)==="insight"){const r=n.attributes.attributes.value;return s.jsx(ae,{controlVideo:a,...r},r.questionId)}if(n.type==="tweet"&&((o=n.attributes)==null?void 0:o.attributes.case)==="tweet"){const r=n.attributes.attributes.value,p=n.attributes.id;return s.jsx(ce,{controlVideo:a,...r,tweetId:p},p)}return null})}):s.jsx(j,{children:Array.from({length:5}).map((n,i)=>s.jsx(e.D,{},i))})},ue=({store:l,openQuestion:t})=>{const{sdk:a}=e.p(),d=e.useStore(l);return s.jsx(oe,{openQuestion:t,questions:d.data,controlVideo:a==null?void 0:a.controlVideoPlayer})},pe=({userSummary:l})=>{var t;const[a,d]=u.useState(void 0);return u.useEffect(()=>{const n=l.$store.subscribe(i=>{i&&d(i)});return()=>{n()}},[l]),s.jsx(ns,{loading:!(a!=null&&a.summary),...a==null?void 0:a.summary,successRate:(t=a==null?void 0:a.percentage)==null?void 0:t.correct})},me=({gamification:l,className:t,scrollStore:a,scrollNode:d,appNode:n,style:i,responsiveStore:c})=>{const{tabsShown:o}=e.useStore(a,{keys:["tabsShown"]}),r=e.useStore(l.friendsTabEnabled),[p,m]=u.useState(h.HOME),[,x]=e.useTransition(),{sdkInDesktopView:y,screen:G}=e.useStore(c,{keys:["sdkInDesktopView"]}),Z=b=>{x(()=>{var W;m(b),y===!1&&(((W=n.current)==null?void 0:W.getBoundingClientRect().y)||0)<0&&N(n,G.size,{behavior:"instant"})})};u.useEffect(()=>a.subscribe(b=>{if(b.scrollPosition===0){a.setKey("tabsShown",!0);return}c.get().sdkInDesktopView?a.setKey("tabsShown",b.scrollDirection==="backward"):a.setKey("tabsShown",b.scrollDirection==="forward")}),[a,c]),u.useEffect(()=>{r||m(h.HOME)},[r]);let v="0px";return y?v=o?"0px":"calc(0px - var(--header-height))":v=o?"var(--header-height)":"0px",s.jsxs(e.l,{className:e.cx_default(t,"SL-Tabs","sl-hide-on-modal"),style:i,children:[r&&s.jsx(e.S$1,{style:{top:v},children:s.jsx(os,{activePage:p,toggleActivePage:Z})}),p===h.HOME&&s.jsxs(s.Fragment,{children:[s.jsx(e.m,{children:s.jsx(e.d,{children:s.jsx(pe,{userSummary:l.userSummary})})}),s.jsx(e.n,{style:{flex:1},children:s.jsx(ue,{openQuestion:l.openQuestion,store:l.feedList.getStore()})})]}),p===h.LEADERBOARD&&s.jsx(e.C,{children:s.jsx(Ps,{scrollStore:a,scrollNode:d,gamification:l})})]})},be=({gamification:l,scrollStore:t,className:a,appNode:d,scrollNode:n,responsiveStore:i})=>s.jsx(me,{appNode:d,scrollStore:t,scrollNode:n,className:a,gamification:l,responsiveStore:i});exports.default=be;