@streamlayer/web-os 0.4.0 → 0.4.2

package/lib/classic/cjs/gamification-feature.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.js");exports.default=e.Rf;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index2.js");exports.default=e.Ff;

package/lib/classic/cjs/gamification-feature3.js

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

package/lib/classic/cjs/index.js

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