@streamlayer/react 1.20.6 → 1.20.7

package/lib/dist/cjs/gamification-feature2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("./masters.js"),u=require("react"),S=(t,n,a)=>{const r=n>=e.A.lg&&n<e.A.xl?75:52;t.current&&window.scrollTo({top:t.current.offsetTop-r,...a})},A=e.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),k=e.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),C=e.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),_=e.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var h=(t=>(t.HOME="home",t.LEADERBOARD="leaderboard",t))(h||{});const y=({title:t,active:n,onClick:a})=>s.jsx(C,{"data-a":"intr",onClick:a,"data-selected":n,children:s.jsx(_,{"data-a":"intr",children:t})}),$=({activePage:t="home",toggleActivePage:n})=>s.jsx(A,{children:s.jsxs(k,{"data-position":t==="home"?"left":"right",children:[s.jsx(y,{title:"Home",active:t==="home",onClick:()=>n("home")}),s.jsx(y,{title:"Friends",active:t==="leaderboard",onClick:()=>n("leaderboard")})]})}),N=e.styled_default("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),w=()=>e.B1,M=e.styled_default(w())({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!0}),T=e.styled_default("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),D=e.styled_default("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),E=e.styled_default("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),L=()=>e.B1,R=e.styled_default(L())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),P=({title:t,description:n,onClick:a,className:r})=>{const[o]=e.f({type:"invitation",action:"sent",payload:{from:e.InvitationFrom.TITLE_CARD}});return s.jsxs(N,{"data-a":"intr",onClick:o(a),className:r,children:[s.jsx(M,{name:"icon-friends"}),s.jsxs(T,{children:[s.jsx(D,{children:t}),s.jsx(E,{children:n})]}),s.jsx(R,{name:"icon-copy"})]})},F=e.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),q=e.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),B=e.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),O=e.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),U=e.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),z=e.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),H=e.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),V=()=>e.B1,Q=e.styled_default(V())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),K=({friendsRank:t,avatar:n,name:a,userId:r,points:o,isCurrentUser:l,style:c})=>s.jsxs(F,{"data-name":r,style:c,children:[s.jsx(q,{children:t||0}),s.jsxs(U,{children:[n?s.jsx(B,{alt:"leaderboard-item-avatar",src:n}):s.jsx(O,{children:e.I(a||"")}),s.jsxs(z,{children:[s.jsx(H,{children:a||""}),l&&s.jsx(Q,{name:"icon-star"})]})]}),s.jsx("div",{children:e.s(o)})]}),W=e.styled_default("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),G=({items:t,currentUserId:n,openItemDetail:a,fetchMore:r,scrollNode:o,hasMore:l})=>{const c=u.useCallback(i=>{const d=i.target.getAttribute("data-name");d&&a(d)},[a]);return s.jsx(e.InfiniteScroll,{loadMore:r,initialLoad:!1,hasMore:l,useWindow:!1,getScrollParent:()=>o.current,children:s.jsx(W,{"data-a":"intr",onClick:c,children:t.map(i=>s.jsx(K,{...i,isCurrentUser:!!n&&n===i.userId},i.userId))})})},J=e.styled_default("div")({name:"InviteFriendsContainer",class:"i1c9dygq",propsAsIs:!1}),X=({deepLink:t})=>s.jsx(J,{children:s.jsx(e.M,{inviteLink:t,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),Y=e.styled_default("div")({name:"InviteLinkContainer",class:"i1odbhm4",propsAsIs:!1}),Z=({gamification:t,scrollNode:n,scrollStore:a})=>{const r=u.useRef(null),{data:o,hasMore:l,loading:c,key:i}=e.useStore(t.leaderboardList.$store),{data:d}=e.useStore(t.deepLink.$store),[p,f]=e.T(r);return!o.length&&!c?s.jsx(X,{deepLink:d}):s.jsxs(s.Fragment,{children:[s.jsx(G,{items:o,scrollNode:n,scrollStore:a,fetchMore:t.leaderboardList.fetchMore,hasMore:l,openItemDetail:t.openUser,currentUserId:t.currentUserId.get()},i),d&&s.jsx(Y,{ref:r,children:s.jsx(P,{"data-a":"intr",onClick:()=>p(d),title:"Invite Friends",description:"Challenge them now!"})}),f]})},ee=({store:t,openQuestion:n})=>{const{sdk:a}=e.p(),r=e.useStore(t);return s.jsx(e.k,{openQuestion:n,questions:r.data,controlVideo:a==null?void 0:a.controlVideoPlayer})},se=({userSummary:t})=>{var n;const[a,r]=u.useState(void 0);return u.useEffect(()=>{const o=t.$store.subscribe(l=>{l&&r(l)});return()=>{o()}},[t]),s.jsx(e.z,{loading:!(a!=null&&a.summary),...a==null?void 0:a.summary,successRate:(n=a==null?void 0:a.percentage)==null?void 0:n.correct})},te=({gamification:t,className:n,scrollStore:a,scrollNode:r,appNode:o,style:l,responsiveStore:c})=>{const{tabsShown:i}=e.useStore(a,{keys:["tabsShown"]}),d=e.useStore(t.friendsTabEnabled),[p,f]=u.useState(h.HOME),[,I]=e.useTransition(),{sdkInDesktopView:v,screen:g}=e.useStore(c,{keys:["sdkInDesktopView"]}),b=m=>{I(()=>{var j;f(m),v===!1&&(((j=o.current)==null?void 0:j.getBoundingClientRect().y)||0)<0&&S(o,g.size,{behavior:"instant"})})};u.useEffect(()=>a.subscribe(m=>{if(m.scrollPosition===0){a.setKey("tabsShown",!0);return}c.get().sdkInDesktopView?a.setKey("tabsShown",m.scrollDirection==="backward"):a.setKey("tabsShown",m.scrollDirection==="forward")}),[a,c]),u.useEffect(()=>{d||f(h.HOME)},[d]);let x="0px";return v?x=i?"0px":"calc(0px - var(--header-height))":x=i?"var(--header-height)":"0px",s.jsxs(e.l,{className:e.cx_default(n,"SL-Tabs","sl-hide-on-modal"),style:l,children:[d&&s.jsx(e.S,{style:{top:x},children:s.jsx($,{activePage:p,toggleActivePage:b})}),p===h.HOME&&s.jsxs(s.Fragment,{children:[s.jsx(e.m,{children:s.jsx(e.d,{children:s.jsx(se,{userSummary:t.userSummary})})}),s.jsx(e.n,{style:{flex:1},children:s.jsx(ee,{openQuestion:t.openQuestion,store:t.feedList.getStore()})})]}),p===h.LEADERBOARD&&s.jsx(e.C$1,{children:s.jsx(Z,{scrollStore:a,scrollNode:r,gamification:t})})]})},ae=({gamification:t,scrollStore:n,className:a,appNode:r,scrollNode:o,responsiveStore:l})=>s.jsx(te,{appNode:r,scrollStore:n,scrollNode:o,className:a,gamification:t,responsiveStore:l});exports.default=ae;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("./masters.js");require("@nanostores/react");const u=require("react");require("nanostores");require("react-countdown-circle-timer");require("react-dom");require("react-countup");require("lodash.throttle");const A=require("react-infinite-scroller"),S=(t,a,r)=>{const n=a>=e.A.lg&&a<e.A.xl?75:52;t.current&&window.scrollTo({top:t.current.offsetTop-n,...r})},k=e.styled_default("div")({name:"Container",class:"c115qtkr",propsAsIs:!1}),C=e.styled_default("div")({name:"STabs",class:"sxnslc8",propsAsIs:!1}),_=e.styled_default("button")({name:"Button",class:"b1umzux0",propsAsIs:!1}),$=e.styled_default("span")({name:"Title",class:"tspsaas",propsAsIs:!1});var h=(t=>(t.HOME="home",t.LEADERBOARD="leaderboard",t))(h||{});const y=({title:t,active:a,onClick:r})=>s.jsx(_,{"data-a":"intr",onClick:r,"data-selected":a,children:s.jsx($,{"data-a":"intr",children:t})}),N=({activePage:t="home",toggleActivePage:a})=>s.jsx(k,{children:s.jsxs(C,{"data-position":t==="home"?"left":"right",children:[s.jsx(y,{title:"Home",active:t==="home",onClick:()=>a("home")}),s.jsx(y,{title:"Friends",active:t==="leaderboard",onClick:()=>a("leaderboard")})]})}),w=e.styled_default("div")({name:"Container",class:"c1ux29ft",propsAsIs:!1}),q=()=>e.B1,M=e.styled_default(q())({name:"FriendsIcon",class:"f10ncfg2",propsAsIs:!0}),T=e.styled_default("div")({name:"Content",class:"c1yc07bd",propsAsIs:!1}),D=e.styled_default("div")({name:"Title",class:"tj6cq7w",propsAsIs:!1}),E=e.styled_default("div")({name:"Description",class:"d1ag78xo",propsAsIs:!1}),L=()=>e.B1,R=e.styled_default(L())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),P=({title:t,description:a,onClick:r,className:n})=>{const[o]=e.f({type:"invitation",action:"sent",payload:{from:e.InvitationFrom.TITLE_CARD}});return s.jsxs(w,{"data-a":"intr",onClick:o(r),className:n,children:[s.jsx(M,{name:"icon-friends"}),s.jsxs(T,{children:[s.jsx(D,{children:t}),s.jsx(E,{children:a})]}),s.jsx(R,{name:"icon-copy"})]})},F=e.styled_default("div")({name:"Container",class:"culdu4a",propsAsIs:!1}),B=e.styled_default("div")({name:"Position",class:"pwf8e69",propsAsIs:!1}),O=e.styled_default("img")({name:"Avatar",class:"atf4yh4",propsAsIs:!1}),U=e.styled_default("div")({name:"AvatarPlaceholder",class:"a1dg29ja",propsAsIs:!1}),z=e.styled_default("div")({name:"Content",class:"c10a68rc",propsAsIs:!1}),H=e.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),V=e.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),Q=()=>e.B1,K=e.styled_default(Q())({name:"CurrentUserBadge",class:"c17uc4zr",propsAsIs:!0}),W=({friendsRank:t,avatar:a,name:r,userId:n,points:o,isCurrentUser:l,style:c})=>s.jsxs(F,{"data-name":n,style:c,children:[s.jsx(B,{children:t||0}),s.jsxs(z,{children:[a?s.jsx(O,{alt:"leaderboard-item-avatar",src:a}):s.jsx(U,{children:e.I(r||"")}),s.jsxs(H,{children:[s.jsx(V,{children:r||""}),l&&s.jsx(K,{name:"icon-star"})]})]}),s.jsx("div",{children:e.s(o)})]}),G=e.styled_default("div")({name:"Container",class:"c16btbfp",propsAsIs:!1}),J=({items:t,currentUserId:a,openItemDetail:r,fetchMore:n,scrollNode:o,hasMore:l})=>{const c=u.useCallback(i=>{const d=i.target.getAttribute("data-name");d&&r(d)},[r]);return s.jsx(A,{loadMore:n,initialLoad:!1,hasMore:l,useWindow:!1,getScrollParent:()=>o.current,children:s.jsx(G,{"data-a":"intr",onClick:c,children:t.map(i=>s.jsx(W,{...i,isCurrentUser:!!a&&a===i.userId},i.userId))})})},X=e.styled_default("div")({name:"InviteFriendsContainer",class:"i1c9dygq",propsAsIs:!1}),Y=({deepLink:t})=>s.jsx(X,{children:s.jsx(e.M,{inviteLink:t,inviteCardTitle:"It’s More Fun With Friends",inviteCardSubtext:"Invite and compete against your friends for the top spot on the leaderboard."})}),Z=e.styled_default("div")({name:"InviteLinkContainer",class:"i1odbhm4",propsAsIs:!1}),ee=({gamification:t,scrollNode:a,scrollStore:r})=>{const n=u.useRef(null),{data:o,hasMore:l,loading:c,key:i}=e.useStore(t.leaderboardList.$store),{data:d}=e.useStore(t.deepLink.$store),[p,f]=e.T(n);return!o.length&&!c?s.jsx(Y,{deepLink:d}):s.jsxs(s.Fragment,{children:[s.jsx(J,{items:o,scrollNode:a,scrollStore:r,fetchMore:t.leaderboardList.fetchMore,hasMore:l,openItemDetail:t.openUser,currentUserId:t.currentUserId.get()},i),d&&s.jsx(Z,{ref:n,children:s.jsx(P,{"data-a":"intr",onClick:()=>p(d),title:"Invite Friends",description:"Challenge them now!"})}),f]})},se=({store:t,openQuestion:a})=>{const{sdk:r}=e.p(),n=e.useStore(t);return s.jsx(e.k,{openQuestion:a,questions:n.data,controlVideo:r==null?void 0:r.controlVideoPlayer})},te=({userSummary:t})=>{var a;const[r,n]=u.useState(void 0);return u.useEffect(()=>{const o=t.$store.subscribe(l=>{l&&n(l)});return()=>{o()}},[t]),s.jsx(e.z,{loading:!(r!=null&&r.summary),...r==null?void 0:r.summary,successRate:(a=r==null?void 0:r.percentage)==null?void 0:a.correct})},re=({gamification:t,className:a,scrollStore:r,scrollNode:n,appNode:o,style:l,responsiveStore:c})=>{const{tabsShown:i}=e.useStore(r,{keys:["tabsShown"]}),d=e.useStore(t.friendsTabEnabled),[p,f]=u.useState(h.HOME),[,I]=e.useTransition(),{sdkInDesktopView:v,screen:g}=e.useStore(c,{keys:["sdkInDesktopView"]}),b=m=>{I(()=>{var j;f(m),v===!1&&(((j=o.current)==null?void 0:j.getBoundingClientRect().y)||0)<0&&S(o,g.size,{behavior:"instant"})})};u.useEffect(()=>r.subscribe(m=>{if(m.scrollPosition===0){r.setKey("tabsShown",!0);return}c.get().sdkInDesktopView?r.setKey("tabsShown",m.scrollDirection==="backward"):r.setKey("tabsShown",m.scrollDirection==="forward")}),[r,c]),u.useEffect(()=>{d||f(h.HOME)},[d]);let x="0px";return v?x=i?"0px":"calc(0px - var(--header-height))":x=i?"var(--header-height)":"0px",s.jsxs(e.l,{className:e.cx_default(a,"SL-Tabs","sl-hide-on-modal"),style:l,children:[d&&s.jsx(e.S,{style:{top:x},children:s.jsx(N,{activePage:p,toggleActivePage:b})}),p===h.HOME&&s.jsxs(s.Fragment,{children:[s.jsx(e.m,{children:s.jsx(e.d,{children:s.jsx(te,{userSummary:t.userSummary})})}),s.jsx(e.n,{style:{flex:1},children:s.jsx(se,{openQuestion:t.openQuestion,store:t.feedList.getStore()})})]}),p===h.LEADERBOARD&&s.jsx(e.C$1,{children:s.jsx(ee,{scrollStore:r,scrollNode:n,gamification:t})})]})},ae=({gamification:t,scrollStore:a,className:r,appNode:n,scrollNode:o,responsiveStore:l})=>s.jsx(re,{appNode:n,scrollStore:a,scrollNode:o,className:r,gamification:t,responsiveStore:l});exports.default=ae;

package/lib/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("./masters.js");require("react");exports.BetPackStandalone=e.BetPackStandalone;exports.MastersStreamLayerProvider=e.MastersStreamLayerProvider;exports.MastersStreamLayerSDKReact=e.MastersStreamLayerSDKReact;exports.StreamLayerLogin=e.StreamLayerLogin;exports.StreamLayerSDKPoints=e.StreamLayerSDKPoints;exports.useStreamLayer=e.useStreamLayer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("lodash.throttle");require("react");require("@nanostores/react");require("nanostores");const e=require("./masters.js");require("react-dom");require("react-countup");exports.BetPackStandalone=e.BetPackStandalone;exports.MastersStreamLayerProvider=e.MastersStreamLayerProvider;exports.MastersStreamLayerSDKReact=e.MastersStreamLayerSDKReact;exports.StreamLayerLogin=e.StreamLayerLogin;exports.StreamLayerSDKPoints=e.StreamLayerSDKPoints;exports.useStreamLayer=e.useStreamLayer;