@streamlayer/react 1.12.0 → 1.13.0

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

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

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

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

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.BetPack=e.BetPack;exports.BetPackStandalone=e.BetPackStandalone;exports.MastersStreamLayerProvider=e.MastersStreamLayerProvider;exports.MastersStreamLayerSDKReact=e.MastersStreamLayerSDKReact;exports.StreamLayerLogin=e.StreamLayerLogin;exports.StreamLayerSDKPoints=e.StreamLayerSDKPoints;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const e=require("./masters.js");require("react");exports.BetPack=e.BetPack;exports.BetPackStandalone=e.BetPackStandalone;exports.MastersStreamLayerProvider=e.MastersStreamLayerProvider;exports.MastersStreamLayerSDKReact=e.MastersStreamLayerSDKReact;exports.StreamLayerLogin=e.StreamLayerLogin;exports.StreamLayerSDKPoints=e.StreamLayerSDKPoints;exports.useStreamLayer=e.useStreamLayer;