@streamlayer/web-os 0.1.1 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/README.md +230 -2
  2. package/lib/cjs/index.js +288 -1
  3. package/lib/es/index.js +48912 -7
  4. package/lib/index.d.ts +16 -1
  5. package/lib/style.css +1 -1
  6. package/package.json +17 -15
  7. package/lib/cjs/gamification-feature.js +0 -1
  8. package/lib/cjs/gamification-feature2.js +0 -1
  9. package/lib/cjs/index2.js +0 -94
  10. package/lib/es/gamification-feature.js +0 -4
  11. package/lib/es/gamification-feature2.js +0 -684
  12. package/lib/es/index2.js +0 -29826
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamlayer/web-os",
3
- "version": "0.1.1",
3
+ "version": "0.2.0",
4
4
  "type": "module",
5
5
  "author": "StreamLayer, Inc (https://streamlayer.io)",
6
6
  "maintainers": [
@@ -27,18 +27,19 @@
27
27
  "package.json"
28
28
  ],
29
29
  "dependencies": {
30
- "@streamlayer/feature-gamification": "^1.19.0",
31
- "@streamlayer/sdk-web": "^1.13.0",
32
- "@streamlayer/sdk-web-analytics": "^1.10.0",
33
- "@streamlayer/sdk-web-api": "^1.11.0",
34
- "@streamlayer/sdk-web-features": "^1.0.65",
35
- "@streamlayer/sdk-web-core": "^1.14.0",
36
- "@streamlayer/sdk-web-interfaces": "^1.6.3",
37
- "@streamlayer/sdk-web-notifications": "^1.3.27",
38
- "@streamlayer/sdk-web-storage": "^1.0.65",
39
- "@streamlayer/react-polyfills": "^0.1.25",
40
- "@streamlayer/sdk-web-logger": "^1.0.65",
41
- "@streamlayer/sdk-web-types": "^1.13.0"
30
+ "@streamlayer/feature-gamification": "^1.21.0",
31
+ "@streamlayer/sdk-web": "^1.14.4",
32
+ "@streamlayer/sdk-web-analytics": "^1.11.4",
33
+ "@streamlayer/sdk-web-api": "^1.12.4",
34
+ "@streamlayer/sdk-web-core": "^1.15.4",
35
+ "@streamlayer/sdk-web-features": "^1.0.71",
36
+ "@streamlayer/sdk-web-interfaces": "^1.7.4",
37
+ "@streamlayer/sdk-web-logger": "^1.0.71",
38
+ "@streamlayer/sdk-web-notifications": "^1.3.33",
39
+ "@streamlayer/sdk-web-storage": "^1.0.71",
40
+ "@streamlayer/sdk-web-anonymous-auth": "^1.1.50",
41
+ "@streamlayer/react-polyfills": "^0.1.31",
42
+ "@streamlayer/sdk-web-types": "^1.14.4"
42
43
  },
43
44
  "peerDependencies": {
44
45
  "@bufbuild/protobuf": "^2.2.2",
@@ -55,6 +56,7 @@
55
56
  "pino": "^9.4.0",
56
57
  "react-auth-code-input": "^3.2.1",
57
58
  "react-countdown-circle-timer": "^3.2.1",
59
+ "@noriginmedia/norigin-spatial-navigation": "^2.3.0",
58
60
  "react-countup": "^6.5.3",
59
61
  "react-infinite-scroller": "^1.2.6",
60
62
  "react-phone-number-input": "^3.4.8"
@@ -94,7 +96,7 @@
94
96
  "size-limit": "^11.1.6",
95
97
  "url-loader": "^4.1.1",
96
98
  "vite-plugin-dts": "^4.2.3",
97
- "@streamlayer/react": "^1.17.0",
98
- "@streamlayer/react-ui": "^1.26.0"
99
+ "@streamlayer/react": "^1.18.4",
100
+ "@streamlayer/react-ui": "^1.28.0"
99
101
  }
100
102
  }
package/lib/cjs/gamification-feature.js DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.js");exports.default=e.GC;
package/lib/cjs/gamification-feature2.js DELETED
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("./index2.js"),u=require("react"),E=e.fileDesc("CjZzdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbnMvaW52aXRhdGlvbnMucHJvdG8SJHN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucyLhAgoXVG90YWxJbnZpdGF0aW9uc1JlcXVlc3QSYAoGZmlsdGVyGAEgASgLMlAuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLlRvdGFsSW52aXRhdGlvbnNSZXF1ZXN0LlRvdGFsUmVxdWVzdEZpbHRlchrjAQoSVG90YWxSZXF1ZXN0RmlsdGVyEjcKBnBlcmlvZBgBIAEoCzInLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uUGVyaW9kEhEKCWV2ZW50X2lkcxgCIAMoBBJMCgpjYXRlZ29yaWVzGAMgAygOMjguc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLkludml0YXRpb25DYXRlZ29yeRIzCgRraW5kGAQgASgOMiUuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5LaW5kIrABChhUb3RhbEludml0YXRpb25zUmVzcG9uc2USXgoEZGF0YRgBIAMoCzJQLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5Ub3RhbEludml0YXRpb25zUmVzcG9uc2UuVG90YWxSZXNwb25zZURhdGEaNAoRVG90YWxSZXNwb25zZURhdGESEAoIZXZlbnRfaWQYASABKAQSDQoFY291bnQYAiABKAQiqQIKJVRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlcXVlc3QScQoGZmlsdGVyGAEgASgLMmEuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLlRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlcXVlc3QuVG90YWxCeVRpbWVMaW5lRmlsdGVyGowBChVUb3RhbEJ5VGltZUxpbmVGaWx0ZXISNwoGcGVyaW9kGAEgASgLMicuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5QZXJpb2QSEAoIZXZlbnRfaWQYAiABKAQSEQoJZXZlbnRfaWRzGAMgAygEEhUKDXN1bW1hcnlfY291bnQYBCABKAgikgIKJlRvdGFsSW52aXRhdGlvbnNTZW50QnlUaW1lbGluZVJlc3BvbnNlEhAKCGV2ZW50X2lkGAEgASgEEm4KBGRhdGEYAiADKAsyYC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuVG90YWxJbnZpdGF0aW9uc1NlbnRCeVRpbWVsaW5lUmVzcG9uc2UuVG90YWxCeVRpbWVMaW5lRGF0YRIRCglldmVudF9pZHMYAyADKAQaUwoTVG90YWxCeVRpbWVMaW5lRGF0YRItCgl0aW1lX2xpbmUYASABKAsyGi5nb29nbGUucHJvdG9idWYuVGltZXN0YW1wEg0KBWNvdW50GAIgASgEIrECCilUb3RhbEludml0YXRpb25zQWNjZXB0ZWRCeVRpbWVsaW5lUmVxdWVzdBJ1CgZmaWx0ZXIYASABKAsyZS5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuVG90YWxJbnZpdGF0aW9uc0FjY2VwdGVkQnlUaW1lbGluZVJlcXVlc3QuVG90YWxCeVRpbWVMaW5lRmlsdGVyGowBChVUb3RhbEJ5VGltZUxpbmVGaWx0ZXISNwoGcGVyaW9kGAEgASgLMicuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5QZXJpb2QSEAoIZXZlbnRfaWQYAiABKAQSEQoJZXZlbnRfaWRzGAMgAygEEhUKDXN1bW1hcnlfY291bnQYBCABKAgimgIKKlRvdGFsSW52aXRhdGlvbnNBY2NlcHRlZEJ5VGltZWxpbmVSZXNwb25zZRIQCghldmVudF9pZBgBIAEoBBIRCglldmVudF9pZHMYAyADKAQScgoEZGF0YRgCIAMoCzJkLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5Ub3RhbEludml0YXRpb25zQWNjZXB0ZWRCeVRpbWVsaW5lUmVzcG9uc2UuVG90YWxCeVRpbWVMaW5lRGF0YRpTChNUb3RhbEJ5VGltZUxpbmVEYXRhEi0KCXRpbWVfbGluZRgBIAEoCzIaLmdvb2dsZS5wcm90b2J1Zi5UaW1lc3RhbXASDQoFY291bnQYAiABKAQi7gUKFlNlbmRJbnZpdGF0aW9uc1JlcXVlc3QSXAoEZGF0YRgBIAMoCzJOLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5pbnZpdGF0aW9ucy5TZW5kSW52aXRhdGlvbnNSZXF1ZXN0LkNyZWF0ZVJlcXVlc3REYXRhGvUEChFDcmVhdGVSZXF1ZXN0RGF0YRIQCghldmVudF9pZBgBIAEoBBIPCgd1c2VyX2lkGAIgASgEEkoKCGNhdGVnb3J5GAMgASgOMjguc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmludml0YXRpb25zLkludml0YXRpb25DYXRlZ29yeRIzCgRraW5kGAQgASgOMiUuc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLnYxLmNvbW1vbi5LaW5kEjMKD3RyYWNrX3RpbWVzdGFtcBgFIAEoCzIaLmdvb2dsZS5wcm90b2J1Zi5UaW1lc3RhbXASEQoJcm91dGVfbWFwGAYgASgJEhEKCWRldmljZV9pZBgHIAEoCRIKCgJvcxgIIAEoCRISCgp1c2VyX2FnZW50GAkgASgJEhYKDnNsX3Nka192ZXJzaW9uGAogASgJEhIKCnNlc3Npb25faWQYCyABKAkSGgoSb3ZlcmxheV9zZXNzaW9uX2lkGAwgASgJEhAKCHRvcGljX2lkGA0gASgJEhMKC3VzZXJfaWRfc3RyGA4gASgJEk4KEnNjcmVlbl9vcmllbnRhdGlvbhgPIAEoDjIyLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uU2NyZWVuT3JpZW50YXRpb24SPgoKdG9waWNfdHlwZRgQIAEoDjIqLnN0cmVhbWxheWVyLmFuYWx5dGljcy52MS5jb21tb24uVG9waWNUeXBlEkIKBGZyb20YESABKA4yNC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuSW52aXRhdGlvbkZyb20izgEKF1NlbmRJbnZpdGF0aW9uc1Jlc3BvbnNlEl4KBGRhdGEYASABKAsyUC5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuaW52aXRhdGlvbnMuU2VuZEludml0YXRpb25zUmVzcG9uc2UuQ3JlYXRlUmVzcG9uc2VEYXRhGlMKEkNyZWF0ZVJlc3BvbnNlRGF0YRI9CgZyZXN1bHQYASABKA4yLS5zdHJlYW1sYXllci5hbmFseXRpY3MudjEuY29tbW9uLlJlc3VsdFN0YXR1cyq4AQoSSW52aXRhdGlvbkNhdGVnb3J5Eh0KGUlOVklUQVRJT05fQ0FURUdPUllfVU5TRVQQABIgChxJTlZJVEFUSU9OX0NBVEVHT1JZX1dBVENISU5HEAESIQodSU5WSVRBVElPTl9DQVRFR09SWV9NRVNTQUdJTkcQAhIfChtJTlZJVEFUSU9OX0NBVEVHT1JZX1ZPSUNJTkcQAxIdChlJTlZJVEFUSU9OX0NBVEVHT1JZX0dBTUVTEAQqZQoOSW52aXRhdGlvbkZyb20SGQoVSU5WSVRBVElPTl9GUk9NX1VOU0VUEAASHgoaSU5WSVRBVElPTl9GUk9NX1RJVExFX0NBUkQQARIYChRJTlZJVEFUSU9OX0ZST01fTUVOVRACQrYBCihjb20uc3RyZWFtbGF5ZXIuYW5hbHl0aWNzLmludml0YXRpb25zLnYxQhtTdHJlYW1MYXllckludml0YXRpb25zUHJvdG9QAVpiZ2l0aHViLmNvbS9zdHJlYW1sYXllci9zbC1wcm90b2ZpbGVzLy5idWlsZC9nby9zdHJlYW1sYXllci9hbmFseXRpY3MvdjEvaW52aXRhdGlvbnM7c2xfaW52aXRhdGlvbnOiAgZTTF9BUEliBnByb3RvMw",[e.file_streamlayer_analytics_v1_common_analytics_common,e.file_google_protobuf_timestamp]),N=e.enumDesc(E,1),G=e.tsEnum(N),x=e.styled_default("div")({name:"SDKContentContainer",class:"s1meqjjv",propsAsIs:!1}),k=()=>x,S=e.styled_default(k())({name:"SDKWhiteContainer",class:"s1burm22",propsAsIs:!0}),F=()=>S,_=e.styled_default(F())({name:"SDKSummaryContainer",class:"sm5r3j5",propsAsIs:!0}),$=e.styled_default("div")({name:"TabsContainer",class:"tysxwr6",propsAsIs:!1}),U=()=>x,L=e.styled_default(U())({name:"LeaderboardContainer",class:"l9er3b1",propsAsIs:!0}),B=()=>S,J=e.styled_default(B())({name:"TabsNavContainer",class:"t19dtrb3",propsAsIs:!0}),Q=e.styled_default("div")({name:"UserSummaryContainer",class:"u1552n3j",propsAsIs:!1}),M=(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})},z=e.styled_default("div")({name:"Container",class:"c1zy8a",propsAsIs:!1}),w=e.styled_default("div")({name:"Title",class:"t1vih9p5",propsAsIs:!1}),T=e.styled_default("div")({name:"Indicator",class:"i1fbnvpb",propsAsIs:!1}),g=({indicator:l,title:t})=>s.jsxs(z,{children:[s.jsx(w,{children:t}),s.jsx(T,{children:l})]}),K=e.styled_default("div")({name:"Container",class:"ctmhwyc",propsAsIs:!1}),H=e.styled_default("div")({name:"Indicator",class:"i1jri200",propsAsIs:!1}),D=e.styled_default("div")({name:"Title",class:"t8s05oq",propsAsIs:!1}),A=({indicator:l,title:t})=>s.jsxs(K,{children:[s.jsx(H,{children:l}),s.jsx(D,{children:t})]}),q=e.styled_default("div")({name:"Container",class:"c1yrpn9o",propsAsIs:!1}),P=e.styled_default("div")({name:"TopInfo",class:"t17fwahh",propsAsIs:!1}),O=e.styled_default("div")({name:"BottomInfo",class:"by6w7e9",propsAsIs:!1}),ss=e.styled_default("div")({name:"User",class:"u1g7arbm",propsAsIs:!1}),es=e.styled_default("img")({name:"Avatar",class:"a1ldeata",propsAsIs:!1}),ls=e.styled_default("div")({name:"UserInfo",class:"u10d4koz",propsAsIs:!1}),ts=e.styled_default("div")({name:"UserName",class:"u1q6roj0",propsAsIs:!1}),as=e.styled_default("div")({name:"UserRating",class:"ui0m425",propsAsIs:!1}),ns=e.styled_default("img")({name:"TrophyIcon",class:"t1el3mrn",propsAsIs:!1}),ds=e.styled_default("div")({name:"RtsContainer",class:"r2vgnxv",propsAsIs:!1}),is=e.styled_default("div")({name:"RtsDivider",class:"roqn06j",propsAsIs:!1}),rs=e.styled_default("div")({name:"Rts",class:"r15adx7c",propsAsIs:!1}),R=e.styled_default("div")({name:"RtsIndicator",class:"rv59lta",propsAsIs:!1}),f=e.styled_default("div")({name:"RtsLabel",class:"r55lotb",propsAsIs:!1}),os=e.styled_default("div")({name:"Divider",class:"d1knfgqt",propsAsIs:!1}),cs=e.styled_default("div")({name:"Ranks",class:"r1mqo824",propsAsIs:!1}),us=e.styled_default("div")({name:"Statistics",class:"sxareh6",propsAsIs:!1}),ps=e.styled_default("div")({name:"AvatarPlaceholder",class:"amcu48h",propsAsIs:!1}),ms=e.styled_default("button")({name:"UserAccountBtn",class:"u32nfkp",propsAsIs:!1}),bs="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",hs=({loading:l,hideFriendsRank:t,avatar:a,name:d,points:n,friendsRank:i,rank:o,streak:c,correct:r,incorrect:p,inTop:m,successRate:y})=>s.jsxs(q,{"data-loading":l,children:[s.jsx(P,{children:s.jsx(e.i,{loading:l,children:s.jsxs(ss,{children:[s.jsxs(ms,{children:[a&&s.jsx(es,{alt:"avatar",src:a}),!a&&s.jsx(ps,{children:e.I(d||"")})]}),s.jsxs(ls,{children:[s.jsx(ts,{children:d}),s.jsxs(as,{children:[s.jsxs(ds,{children:[s.jsxs(rs,{children:[s.jsx(ns,{alt:"rank-icon",src:bs}),s.jsxs(R,{children:[e.s(n),s.jsx(f,{children:"PTS"})]})]}),t&&s.jsxs(R,{children:[s.jsx(is,{}),o||0,s.jsx(f,{children:"global rank"})]})]}),!t&&s.jsxs(s.Fragment,{children:[s.jsx(os,{}),s.jsxs("div",{children:["TOP ",m||0,"%"]})]})]})]})]})})}),s.jsxs(O,{children:[!t&&s.jsxs(cs,{children:[s.jsx(e.i,{loading:l,style:{width:"100%"},children:s.jsx(g,{indicator:i||0,title:"Friends rank"})}),s.jsx(e.i,{loading:l,style:{width:"100%"},children:s.jsx(g,{indicator:o||0,title:"Global rank"})})]}),s.jsx(e.i,{loading:l,children:s.jsxs(us,{children:[s.jsx(A,{indicator:c||0,title:"Win streak"}),s.jsx(A,{indicator:r||0,title:"Correct"}),s.jsx(A,{indicator:p||0,title:"Incorrect"}),s.jsx(A,{indicator:`${y||0}%`,title:"Succ. rate"})]})})]})]}),As=e.styled_default("div")({name:"Container",class:"cgn5uen",propsAsIs:!1}),j="c1px8nt6",ys=e.styled_default("div")({name:"Content",class:"c5et2jt",propsAsIs:!1}),vs=e.styled_default("h3")({name:"Title",class:"t1i2kpk2",propsAsIs:!1}),xs=e.styled_default("div")({name:"Description",class:"dd3lh3p",propsAsIs:!1}),Is=e.styled_default("img")({name:"Image",class:"i1gfjeu5",propsAsIs:!1}),Ws=e.styled_default("div")({name:"ImageContainer",class:"i58y999",propsAsIs:!1}),gs=({instantView:l,isDetail:t,notification:a,controlVideo:d})=>{const n=l==null?void 0:l.heading,i=l==null?void 0:l.body,o=n||i,c=a==null?void 0:a.title,r=a==null?void 0:a.body;return s.jsxs(As,{children:[(l==null?void 0:l.video)&&s.jsx(e.R,{className:j,source:l.video.url,poster:l.video.thumbnailUrl,controlVideo:d,autoPlay:t&&l.autoPlayVideo===e.AutoPlayVideo.ENABLED}),(l==null?void 0:l.image)&&!(l!=null&&l.video)&&s.jsx(Ws,{className:j,"data-rounded":l.imageMode===e.QuestionImages.ROUNDED,children:s.jsx(Is,{src:l==null?void 0:l.image})}),s.jsxs(ys,{children:[s.jsx(vs,{children:t&&o?n:c}),s.jsx(xs,{children:t&&o?i:r})]})]})},Rs=e.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),fs=e.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),js=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 C=({title:l,active:t,onClick:a})=>s.jsx(js,{"data-a":"intr",onClick:a,"data-selected":t,children:s.jsx(Cs,{"data-a":"intr",children:l})}),Vs=({activePage:l="home",toggleActivePage:t})=>s.jsx(Rs,{children:s.jsxs(fs,{"data-position":l==="home"?"left":"right",children:[s.jsx(C,{title:"Home",active:l==="home",onClick:()=>t("home")}),s.jsx(C,{title:"Friends",active:l==="leaderboard",onClick:()=>t("leaderboard")})]})}),Gs=e.styled_default("button")({name:"Container",class:"cpjnajb",propsAsIs:!1}),Ss=e.styled_default("div")({name:"Content",class:"c4m6kaz",propsAsIs:!1}),Zs=e.styled_default("span")({name:"Title",class:"t1h8t9cc",propsAsIs:!1}),Xs=()=>s.jsx(Gs,{children:s.jsxs(Ss,{children:[s.jsx(e.k1,{name:"iconCopySuccess"}),s.jsx(Zs,{children:"Link Copied to Clipboard"})]})}),Z=l=>{const t=u.useRef(),[a,d]=u.useState(null),n=u.useCallback(async i=>{var o;if(i&&(o=navigator==null?void 0:navigator.clipboard)!=null&&o.writeText){t.current&&(clearTimeout(t.current),d(null));try{await navigator.clipboard.writeText(i),l.current&&(d(e.Df.createPortal(s.jsx(Xs,{}),l.current)),t.current=setTimeout(()=>{d(null)},1e3))}catch(c){console.error("Unable to copy to clipboard",c)}}},[l]);return u.useEffect(()=>()=>{clearTimeout(t.current)},[]),[n,a]},Ys=e.styled_default("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),Es=()=>e.k1,Ns=e.styled_default(Es())({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!0}),ks=e.styled_default("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),Fs=e.styled_default("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),_s=e.styled_default("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),$s=()=>e.k1,Us=e.styled_default($s())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),Ls=({title:l,description:t,onClick:a,className:d})=>{const[n]=e.f({type:"invitation",action:"sent",payload:{from:G.TITLE_CARD}});return s.jsxs(Ys,{"data-a":"intr",onClick:n(a),className:d,children:[s.jsx(Ns,{name:"icon-friends"}),s.jsxs(ks,{children:[s.jsx(Fs,{children:l}),s.jsx(_s,{children:t})]}),s.jsx(Us,{name:"icon-copy"})]})},Bs=e.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),Js=e.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),Qs=e.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),Ms=e.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),zs=e.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),ws=e.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),Ts=e.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),Ks=()=>e.k1,Hs=e.styled_default(Ks())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),Ds=({friendsRank:l,avatar:t,name:a,userId:d,points:n,isCurrentUser:i,style:o})=>s.jsxs(Bs,{"data-name":d,style:o,children:[s.jsx(Js,{children:l||0}),s.jsxs(zs,{children:[t?s.jsx(Qs,{alt:"leaderboard-item-avatar",src:t}):s.jsx(Ms,{children:e.I(a||"")}),s.jsxs(ws,{children:[s.jsx(Ts,{children:a||""}),i&&s.jsx(Hs,{name:"icon-star"})]})]}),s.jsx("div",{children:e.s(n)})]}),qs=e.styled_default("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),Ps=({items:l,currentUserId:t,openItemDetail:a,fetchMore:d,scrollNode:n,hasMore:i})=>{const o=u.useCallback(c=>{const r=c.target.getAttribute("data-name");r&&a(r)},[a]);return s.jsx(e.InfiniteScroll,{loadMore:d,initialLoad:!1,hasMore:i,useWindow:!1,getScrollParent:()=>n.current,children:s.jsx(qs,{"data-a":"intr",onClick:o,children:l.map(c=>s.jsx(Ds,{...c,isCurrentUser:!!t&&t===c.userId},c.userId))})})},Os=e.styled_default("div")({name:"Container",class:"c1itm4k7",propsAsIs:!1}),se=e.styled_default("div")({name:"IconContainer",class:"i1w4fsni",propsAsIs:!1}),ee=()=>e.k1,le=e.styled_default(ee())({name:"InviteGameIcon",class:"i19m85r1",propsAsIs:!0}),te=e.styled_default("div")({name:"Content",class:"c1mbu204",propsAsIs:!1}),ae=e.styled_default("div")({name:"Heading",class:"h1amdqtv",propsAsIs:!1}),ne=e.styled_default("div")({name:"Subtext",class:"s1lhlj9j",propsAsIs:!1}),de=e.styled_default("div")({name:"LinkContainer",class:"l1wot35e",propsAsIs:!1}),ie=e.styled_default("div")({name:"LinkInfo",class:"l1jdw39q",propsAsIs:!1}),re=e.styled_default("span")({name:"LinkTitle",class:"l1cr5mk",propsAsIs:!1}),oe=e.styled_default("span")({name:"LinkAddress",class:"lvi87q4",propsAsIs:!1}),ce=()=>e.k1,ue=e.styled_default(ce())({name:"LinkIcon",class:"l1pqlvw3",propsAsIs:!0}),pe=({inviteLink:l,inviteCardTitle:t,inviteCardSubtext:a,primaryColor:d,className:n})=>{const i=u.useRef(null),[o,c]=Z(i),[r]=e.f({type:"invitation",action:"sent",payload:{from:G.MENU}});return s.jsxs(Os,{className:n,children:[s.jsx(se,{style:{backgroundColor:d},children:s.jsx(le,{name:"invite-game-icon"})}),s.jsxs(te,{children:[s.jsx(ae,{children:t||""}),s.jsx(ne,{children:a||""})]}),l&&s.jsxs(de,{ref:i,"data-a":"intr",onClick:r(()=>o(l)),children:[s.jsxs(ie,{children:[s.jsx(re,{children:"Invite link"}),s.jsx(oe,{children:l})]}),s.jsx(ue,{name:"icon-copy"})]}),c]})},me=e.styled_default("div")({name:"InviteFriendsContainer",class:"i1c9dygq",propsAsIs:!1}),be=({deepLink:l})=>s.jsx(me,{children:s.jsx(pe,{inviteLink:l,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),he=e.styled_default("div")({name:"InviteLinkContainer",class:"i1odbhm4",propsAsIs:!1}),Ae=({gamification:l,scrollNode:t,scrollStore:a})=>{const d=u.useRef(null),{data:n,hasMore:i,loading:o,key:c}=e.useStore(l.leaderboardList.$store),{data:r}=e.useStore(l.deepLink.$store),[p,m]=Z(d);return!n.length&&!o?s.jsx(be,{deepLink:r}):s.jsxs(s.Fragment,{children:[s.jsx(Ps,{items:n,scrollNode:t,scrollStore:a,fetchMore:l.leaderboardList.fetchMore,hasMore:i,openItemDetail:l.openUser,currentUserId:l.currentUserId.get()},c),r&&s.jsx(he,{ref:d,children:s.jsx(Ls,{"data-a":"intr",onClick:()=>p(r),title:"Invite Friends",description:"Challenge them now!"})}),m]})},ye=()=>e.r,ve=e.styled_default(ye())({name:"Container",class:"cll3md7",propsAsIs:!0}),xe=()=>e.S,Ie=e.styled_default(xe())({name:"ActionBtn",class:"a10g1iik",propsAsIs:!0}),We=({questionId:l,...t})=>s.jsxs(ve,{"data-a":"intr","data-name":l,children:[s.jsx(gs,{questionId:l,...t}),s.jsx(Ie,{"data-a":"intr","data-name":l,children:"View Insight"})]}),ge=()=>e.r,Re=e.styled_default(ge())({name:"Container",class:"cl56x6b",propsAsIs:!0}),fe=e.styled_default("button")({name:"ActionButton",class:"a11pzf92",propsAsIs:!1}),je=e.styled_default("blockquote")({name:"Quote",class:"q1hbaleq",propsAsIs:!1}),Ce=({...l})=>s.jsxs(Re,{"data-a":"intr","data-name":l.tweetId,children:[l.title&&s.jsx(je,{children:l.title}),s.jsx(e.$,{...l}),s.jsx(fe,{"data-a":"intr","data-name":l.tweetId,children:"View Insight"})]}),V=e.styled_default("div")({name:"QuestionsContainer",class:"qvghv3l",propsAsIs:!1}),Ve=({questions:l,openQuestion:t,controlVideo:a})=>{const d=n=>{const i=n.target.getAttribute("data-name");i&&(e.Q(),t(i,{openedFrom:"list"}))};return l?s.jsx(V,{"data-a":"intr",onClick:d,children:l==null?void 0:l.map(n=>{var i,o,c;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$1,{...r},r.questionId)}if(n.type==="insight"&&((o=n.attributes)==null?void 0:o.attributes.case)==="insight"){const r=n.attributes.attributes.value;return s.jsx(We,{controlVideo:a,...r},r.questionId)}if(n.type==="tweet"&&((c=n.attributes)==null?void 0:c.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(V,{children:Array.from({length:5}).map((n,i)=>s.jsx(e.D,{},i))})},Ge=({store:l,openQuestion:t})=>{const{sdk:a}=e.p(),d=e.useStore(l);return s.jsx(Ve,{openQuestion:t,questions:d.data,controlVideo:a==null?void 0:a.controlVideoPlayer})},Se=({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(hs,{loading:!(a!=null&&a.summary),...a==null?void 0:a.summary,successRate:(t=a==null?void 0:a.percentage)==null?void 0:t.correct})},Ze=({gamification:l,className:t,scrollStore:a,scrollNode:d,appNode:n,style:i,responsiveStore:o})=>{const{tabsShown:c}=e.useStore(a,{keys:["tabsShown"]}),r=e.useStore(l.friendsTabEnabled),[p,m]=u.useState(h.HOME),[,y]=e.useTransition(),{sdkInDesktopView:I,screen:X}=e.useStore(o,{keys:["sdkInDesktopView"]}),Y=b=>{y(()=>{var W;m(b),I===!1&&(((W=n.current)==null?void 0:W.getBoundingClientRect().y)||0)<0&&M(n,X.size,{behavior:"instant"})})};u.useEffect(()=>a.subscribe(b=>{if(b.scrollPosition===0){a.setKey("tabsShown",!0);return}o.get().sdkInDesktopView?a.setKey("tabsShown",b.scrollDirection==="backward"):a.setKey("tabsShown",b.scrollDirection==="forward")}),[a,o]),u.useEffect(()=>{r||m(h.HOME)},[r]);let v="0px";return I?v=c?"0px":"calc(0px - var(--header-height))":v=c?"var(--header-height)":"0px",s.jsxs($,{className:e.cx_default(t,"SL-Tabs"),style:i,children:[r&&s.jsx(J,{style:{top:v},children:s.jsx(Vs,{activePage:p,toggleActivePage:Y})}),p===h.HOME&&s.jsxs(s.Fragment,{children:[s.jsx(_,{children:s.jsx(Q,{children:s.jsx(Se,{userSummary:l.userSummary})})}),s.jsx(x,{style:{flex:1},children:s.jsx(Ge,{openQuestion:l.openQuestion,store:l.feedList.getStore()})})]}),p===h.LEADERBOARD&&s.jsx(L,{children:s.jsx(Ae,{scrollStore:a,scrollNode:d,gamification:l})})]})},Xe=({gamification:l,scrollStore:t,className:a,appNode:d,scrollNode:n,responsiveStore:i})=>s.jsx(Ze,{appNode:d,scrollStore:t,scrollNode:n,className:a,gamification:l,responsiveStore:i});exports.default=Xe;