@streamlayer/react 1.17.1 → 1.18.1

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.k1,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.k1,P=e.styled_default(L())({name:"ArrowInviteIcon",class:"awohrz6",propsAsIs:!0}),R=({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(P,{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}),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}),B=e.styled_default("div")({name:"NameContainer",class:"nc4kck5",propsAsIs:!1}),H=e.styled_default("span")({name:"Name",class:"njsrqgr",propsAsIs:!1}),V=()=>e.k1,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:d})=>s.jsxs(F,{"data-name":r,style:d,children:[s.jsx(q,{children:t||0}),s.jsxs(z,{children:[n?s.jsx(O,{alt:"leaderboard-item-avatar",src:n}):s.jsx(U,{children:e.I(a||"")}),s.jsxs(B,{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 d=u.useCallback(i=>{const c=i.target.getAttribute("data-name");c&&a(c)},[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:d,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:d,key:i}=e.useStore(t.leaderboardList.$store),{data:c}=e.useStore(t.deepLink.$store),[p,f]=e.T(r);return!o.length&&!d?s.jsx(X,{deepLink:c}):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),c&&s.jsx(Y,{ref:r,children:s.jsx(R,{"data-a":"intr",onClick:()=>p(c),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:d})=>{const{tabsShown:i}=e.useStore(a,{keys:["tabsShown"]}),c=e.useStore(t.friendsTabEnabled),[p,f]=u.useState(h.HOME),[,I]=e.useTransition(),{sdkInDesktopView:v,screen:g}=e.useStore(d,{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}d.get().sdkInDesktopView?a.setKey("tabsShown",m.scrollDirection==="backward"):a.setKey("tabsShown",m.scrollDirection==="forward")}),[a,d]),u.useEffect(()=>{c||f(h.HOME)},[c]);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"),style:l,children:[c&&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"),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;