@streamlayer/web-os 0.3.2 → 0.3.6

package/lib/cjs/gamification-feature2.js

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

package/lib/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("./index2.js");require("nanostores");require("react");require("@nanostores/react");require("lodash.throttle");require("react-countup");exports.StreamLayerProvider=e.StreamLayerProvider;exports.StreamLayerSDKTv=e.StreamLayerSDKTv;exports.useStreamLayer=e.cx;exports.useStreamLayerUI=e.px;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("./index2.js");require("react");exports.StreamLayerProvider=e.StreamLayerProvider;exports.StreamLayerSDKTv=e.StreamLayerSDKTv;exports.useStreamLayer=e.cx;exports.useStreamLayerUI=e.px;