@streamlayer/react 0.27.1 → 0.28.0

package/lib/app-15ce925d.js

@@ -1,29 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useContext as i } from "react";
-import { a as m, b as a, p as o, h as s } from "./index-ad42babc.js";
-import "react-auth-code-input";
-import "react-phone-number-input";
-import "@connectrpc/connect";
-import "@connectrpc/connect-web";
-import "@streamlayer/sl-eslib/users/users_connect";
-import "react-countdown-circle-timer";
-import "@streamlayer/sdk-web-types";
-import "@streamlayer/sdk-web-interfaces";
-import "@streamlayer/sdk-web-features";
-import "@streamlayer/sdk-web-api";
-import "@streamlayer/sdk-web-storage";
-import "@nanostores/react";
-import "@streamlayer/sdk-web-notifications";
-const E = () => {
-  const { sdk: t } = i(m);
-  return t;
-}, K = () => {
-  const { sdk: t, status: e } = i(m);
-  if (e === a.UNSET)
-    throw new Error("Wrap app in `StreamLayerProvider`");
-  return e === a.CONNECTED ? /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: "wait" }) : t === null ? /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: "sdk not initialized" }) : /* @__PURE__ */ r("div", { className: "StreamLayerSDK", children: /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(s, { sdk: t }) }) });
-};
-export {
-  K as S,
-  E as u
-};

package/lib/app-bc994186.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),i=require("react"),e=require("./index-e9cf1c5b.cjs");require("react-auth-code-input");require("react-phone-number-input");require("@connectrpc/connect");require("@connectrpc/connect-web");require("@streamlayer/sl-eslib/users/users_connect");require("react-countdown-circle-timer");require("@streamlayer/sdk-web-types");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");require("@nanostores/react");require("@streamlayer/sdk-web-notifications");const s=()=>{const{sdk:t}=i.useContext(e.StreamLayerContext);return t},u=()=>{const{sdk:t,status:a}=i.useContext(e.StreamLayerContext);if(a===e.StreamLayerStatus.UNSET)throw new Error("Wrap app in `StreamLayerProvider`");return a===e.StreamLayerStatus.CONNECTED?r.jsx("div",{className:"StreamLayerSDK",children:"wait"}):t===null?r.jsx("div",{className:"StreamLayerSDK",children:"sdk not initialized"}):r.jsx("div",{className:"StreamLayerSDK",children:r.jsx(e.p,{children:r.jsx(e.hr,{sdk:t})})})};exports.StreamLayerSDKReact=u;exports.useStreamLayer=s;

package/lib/index-0f29ff3a.js

@@ -1,245 +0,0 @@
-import { jsxs as a, jsx as n, Fragment as x } from "react/jsx-runtime";
-import { s as t, q as p, o as I, Y as w, j as Q, d as k, v as b, e as d, g as y, i as $, k as f, r as _ } from "./index-ad42babc.js";
-import { useStore as r } from "@nanostores/react";
-import { useRef as j, useState as m } from "react";
-import { QuestionType as q } from "@streamlayer/sdk-web-types";
-import "react-countdown-circle-timer";
-import "./es/useStreamLayerApp.js";
-import "@streamlayer/sdk-web";
-import "@streamlayer/sdk-web-interfaces";
-import "@streamlayer/sdk-web-features";
-import "@streamlayer/sdk-web-api";
-import "@streamlayer/sdk-web-storage";
-import "@streamlayer/sdk-web-notifications";
-import "@streamlayer/sl-eslib/interactive/interactive.common_pb";
-import "@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb";
-import "@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb";
-import "@streamlayer/sl-eslib/sports/events/events_connect";
-import "@streamlayer/sl-eslib/sdkSettings/client/client_connect";
-import "@streamlayer/sl-eslib/users/users_connect";
-import "react-auth-code-input";
-import "react-phone-number-input";
-import "@connectrpc/connect";
-import "@connectrpc/connect-web";
-const N = () => p, S = () => p, E = /* @__PURE__ */ t("div")({
-  name: "a",
-  class: "acysrl1",
-  propsAsIs: !1
-}), L = /* @__PURE__ */ t("div")({
-  name: "l",
-  class: "lo57cjm",
-  propsAsIs: !1
-}), U = /* @__PURE__ */ t(N())({
-  name: "p",
-  class: "p14kwh4y",
-  propsAsIs: !0
-}), M = /* @__PURE__ */ t("span")({
-  name: "s",
-  class: "sxun7sq",
-  propsAsIs: !1
-}), O = /* @__PURE__ */ t("button")({
-  name: "c",
-  class: "c1i8ida8",
-  propsAsIs: !1
-}), D = /* @__PURE__ */ t(S())({
-  name: "g",
-  class: "g1m0xfmw",
-  propsAsIs: !0
-}), g = ({ type: s, close: e, label: o }) => {
-  const i = s ? I[s] : { label: o, iconName: void 0 };
-  return /* @__PURE__ */ a(E, { children: [
-    /* @__PURE__ */ a(L, { children: [
-      (i == null ? void 0 : i.iconName) && /* @__PURE__ */ n(U, { name: i.iconName }),
-      (i == null ? void 0 : i.label) && /* @__PURE__ */ n(M, { children: i.label })
-    ] }),
-    /* @__PURE__ */ n(O, { onClick: e, children: /* @__PURE__ */ n(D, { name: "icon-cross" }) })
-  ] });
-};
-const H = /* @__PURE__ */ t("div")({
-  name: "n",
-  class: "n1aopxp8",
-  propsAsIs: !1
-}), R = ({
-  children: s,
-  style: e,
-  className: o
-}) => /* @__PURE__ */ n(H, {
-  style: e,
-  className: o,
-  children: s
-});
-const F = /* @__PURE__ */ t("div")({
-  name: "i",
-  class: "i1bwjtdb",
-  propsAsIs: !1
-}), T = /* @__PURE__ */ t("video")({
-  name: "e",
-  class: "enb7moc",
-  propsAsIs: !1
-}), B = /* @__PURE__ */ t("img")({
-  name: "r",
-  class: "r1ws5lyh",
-  propsAsIs: !1
-}), C = /* @__PURE__ */ t("div")({
-  name: "s",
-  class: "soibf55",
-  propsAsIs: !1
-}), P = ({ poster: s, source: e }) => {
-  const o = j(null), [i, c] = m(!1), [u, v] = m(!0);
-  return /* @__PURE__ */ a(F, { onClick: () => {
-    const l = o == null ? void 0 : o.current;
-    l && c((A) => A ? (l.pause(), !1) : (l.play(), v(!1), !0));
-  }, children: [
-    /* @__PURE__ */ n(
-      T,
-      {
-        ref: o,
-        src: e,
-        onEnded: () => {
-          var l;
-          (l = o == null ? void 0 : o.current) == null || l.load(), c(!1), v(!0);
-        },
-        style: { visibility: u ? "hidden" : "visible" }
-      }
-    ),
-    /* @__PURE__ */ n(B, { src: s, style: { visibility: u ? "visible" : "hidden" } }),
-    /* @__PURE__ */ n(C, { children: !i && /* @__PURE__ */ n(p, { name: "icon-play" }) })
-  ] });
-};
-const G = /* @__PURE__ */ t("div")({
-  name: "t",
-  class: "t18unvw4",
-  propsAsIs: !1
-}), J = /* @__PURE__ */ t("div")({
-  name: "r",
-  class: "rs0uvk8",
-  propsAsIs: !1
-}), V = /* @__PURE__ */ t("h3")({
-  name: "n",
-  class: "n1hem4g7",
-  propsAsIs: !1
-}), Y = /* @__PURE__ */ t("div")({
-  name: "i",
-  class: "i193lbwv",
-  propsAsIs: !1
-}), z = /* @__PURE__ */ t("a")({
-  name: "a",
-  class: "a1dka9qs",
-  propsAsIs: !1
-}), K = ({ title: s, instantView: e }) => /* @__PURE__ */ a(G, { children: [
-  (e == null ? void 0 : e.video) && /* @__PURE__ */ n(P, { source: e.video.url, poster: e.video.thumbnailUrl }),
-  /* @__PURE__ */ a(J, { children: [
-    /* @__PURE__ */ n(V, { children: (e == null ? void 0 : e.heading) || s }),
-    /* @__PURE__ */ n(Y, { children: e == null ? void 0 : e.body }),
-    (e == null ? void 0 : e.webLink) && /* @__PURE__ */ a(z, { href: "webLink", target: "_blank", children: [
-      "Explore more of the Masters History",
-      /* @__PURE__ */ n(p, { name: "icon-external-link" })
-    ] })
-  ] })
-] });
-const W = /* @__PURE__ */ t("div")({
-  name: "d",
-  class: "dk8r1eq",
-  propsAsIs: !1
-}), X = ({
-  openedQuestion: s
-}) => {
-  var e;
-  return ((e = s == null ? void 0 : s.attributes) == null ? void 0 : e.attributes.case) === "insight" ? /* @__PURE__ */ n(K, {
-    ...s.attributes.attributes.value
-  }) : null;
-}, Z = ({
-  extendedQuestion: s,
-  vote: e
-}) => {
-  const {
-    loading: o,
-    data: i
-  } = s;
-  return !o && i ? /* @__PURE__ */ n(w, {
-    vote: e,
-    openedQuestion: i
-  }) : null;
-}, ee = ({
-  gamification: s
-}) => {
-  var e;
-  const o = r(s.openedQuestion.$store), i = r(s.openedQuestion.$extendedStore);
-  if (!o)
-    return null;
-  const c = o.type;
-  return /* @__PURE__ */ a(W, {
-    children: [/* @__PURE__ */ n(g, {
-      close: s.closeQuestion,
-      type: ((e = o.attributes) == null ? void 0 : e.type) || q.UNSET
-    }), c === "question" && /* @__PURE__ */ n(Z, {
-      vote: s.submitAnswer,
-      extendedQuestion: i
-    }), c !== "question" && /* @__PURE__ */ n(X, {
-      openedQuestion: o
-    })]
-  });
-}, se = ({ leaderboardList: s, openUser: e }) => {
-  const { data: o } = r(s.$store);
-  return /* @__PURE__ */ n(Q, { fetchMore: s.fetchMore, items: o, openItemDetail: e });
-}, ne = ({ store: s, openQuestion: e }) => {
-  const o = r(s);
-  return o != null && o.data ? /* @__PURE__ */ n(k, { openQuestion: e, questions: o.data }) : /* @__PURE__ */ n("div", { children: "wait questions..." });
-}, oe = ({ store: s }) => {
-  const { data: e } = r(s);
-  return e != null && e.summary ? /* @__PURE__ */ n(b, { ...e.summary, ...e.percentage }) : /* @__PURE__ */ n("div", { children: "wait user..." });
-}, te = ({ gamification: s }) => {
-  const [e, o] = m(d.HOME);
-  return /* @__PURE__ */ a("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
-    /* @__PURE__ */ a(y, { children: [
-      /* @__PURE__ */ n($, { activePage: e, toggleActivePage: o }),
-      e === d.HOME && /* @__PURE__ */ n(oe, { store: s.userSummary.getStore() })
-    ] }),
-    e === d.HOME && /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(ne, { openQuestion: s.openQuestion, store: s.feedList.getStore() }) }),
-    e === d.LEADERBOARD && /* @__PURE__ */ n(f, { style: { flex: "1 1 auto", paddingTop: 0, paddingBottom: 0 }, children: /* @__PURE__ */ n(se, { openUser: s.openUser, leaderboardList: s.leaderboardList }) })
-  ] });
-};
-const ie = () => R, h = /* @__PURE__ */ t(ie())({
-  name: "m",
-  class: "m1ph66cs",
-  propsAsIs: !0
-}), ae = /* @__PURE__ */ t("div")({
-  name: "x",
-  class: "xorme7i",
-  propsAsIs: !1
-}), Ne = ({
-  gamification: s,
-  className: e
-}) => {
-  const o = r(s.openedQuestion.$store), i = r(s.openedUser);
-  return /* @__PURE__ */ a(x, {
-    children: [o && /* @__PURE__ */ n(h, {
-      className: e,
-      children: /* @__PURE__ */ n(ee, {
-        gamification: s
-      })
-    }), i && /* @__PURE__ */ n(h, {
-      className: e,
-      children: /* @__PURE__ */ a(ae, {
-        children: [/* @__PURE__ */ n(g, {
-          label: "Friend's Rank",
-          close: s.closeUser
-        }), /* @__PURE__ */ n(y, {
-          children: /* @__PURE__ */ n(b, {
-            ...i
-          })
-        })]
-      })
-    }), /* @__PURE__ */ n(_, {
-      className: e,
-      "data-nav": "true",
-      children: /* @__PURE__ */ n(te, {
-        gamification: s
-      })
-    })]
-  });
-};
-export {
-  Ne as GamificationOverlay,
-  Ne as default
-};

package/lib/index-3e88fb0c.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-e9cf1c5b.cjs"),i=require("@nanostores/react"),d=require("react"),j=require("@streamlayer/sdk-web-types");require("react-countdown-circle-timer");require("./cjs/useStreamLayerApp.js");require("@streamlayer/sdk-web");require("@streamlayer/sdk-web-interfaces");require("@streamlayer/sdk-web-features");require("@streamlayer/sdk-web-api");require("@streamlayer/sdk-web-storage");require("@streamlayer/sdk-web-notifications");require("@streamlayer/sl-eslib/interactive/interactive.common_pb");require("@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb");require("@streamlayer/sl-eslib/sdkSettings/sdkSettings.common_pb");require("@streamlayer/sl-eslib/sports/events/events_connect");require("@streamlayer/sl-eslib/sdkSettings/client/client_connect");require("@streamlayer/sl-eslib/users/users_connect");require("react-auth-code-input");require("react-phone-number-input");require("@connectrpc/connect");require("@connectrpc/connect-web");const y=()=>t.q,v=()=>t.q,h=t.styled_default("div")({name:"a",class:"acysrl1",propsAsIs:!1}),q=t.styled_default("div")({name:"l",class:"lo57cjm",propsAsIs:!1}),b=t.styled_default(y())({name:"p",class:"p14kwh4y",propsAsIs:!0}),_=t.styled_default("span")({name:"s",class:"sxun7sq",propsAsIs:!1}),g=t.styled_default("button")({name:"c",class:"c1i8ida8",propsAsIs:!1}),A=t.styled_default(v())({name:"g",class:"g1m0xfmw",propsAsIs:!0}),x=({type:n,close:s,label:l})=>{const r=n?t.o[n]:{label:l,iconName:void 0};return e.jsxs(h,{children:[e.jsxs(q,{children:[(r==null?void 0:r.iconName)&&e.jsx(b,{name:r.iconName}),(r==null?void 0:r.label)&&e.jsx(_,{children:r.label})]}),e.jsx(g,{onClick:s,children:e.jsx(A,{name:"icon-cross"})})]})};const I=t.styled_default("div")({name:"n",class:"n1aopxp8",propsAsIs:!1}),S=({children:n,style:s,className:l})=>e.jsx(I,{style:s,className:l,children:n});const w=t.styled_default("div")({name:"i",class:"i1bwjtdb",propsAsIs:!1}),Q=t.styled_default("video")({name:"e",class:"enb7moc",propsAsIs:!1}),k=t.styled_default("img")({name:"r",class:"r1ws5lyh",propsAsIs:!1}),N=t.styled_default("div")({name:"s",class:"soibf55",propsAsIs:!1}),$=({poster:n,source:s})=>{const l=d.useRef(null),[r,o]=d.useState(!1),[u,c]=d.useState(!0);return e.jsxs(w,{onClick:()=>{const a=l==null?void 0:l.current;a&&o(f=>f?(a.pause(),!1):(a.play(),c(!1),!0))},children:[e.jsx(Q,{ref:l,src:s,onEnded:()=>{var a;(a=l==null?void 0:l.current)==null||a.load(),o(!1),c(!0)},style:{visibility:u?"hidden":"visible"}}),e.jsx(k,{src:n,style:{visibility:u?"visible":"hidden"}}),e.jsx(N,{children:!r&&e.jsx(t.q,{name:"icon-play"})})]})};const E=t.styled_default("div")({name:"t",class:"t18unvw4",propsAsIs:!1}),L=t.styled_default("div")({name:"r",class:"rs0uvk8",propsAsIs:!1}),M=t.styled_default("h3")({name:"n",class:"n1hem4g7",propsAsIs:!1}),U=t.styled_default("div")({name:"i",class:"i193lbwv",propsAsIs:!1}),O=t.styled_default("a")({name:"a",class:"a1dka9qs",propsAsIs:!1}),R=({title:n,instantView:s})=>e.jsxs(E,{children:[(s==null?void 0:s.video)&&e.jsx($,{source:s.video.url,poster:s.video.thumbnailUrl}),e.jsxs(L,{children:[e.jsx(M,{children:(s==null?void 0:s.heading)||n}),e.jsx(U,{children:s==null?void 0:s.body}),(s==null?void 0:s.webLink)&&e.jsxs(O,{href:"webLink",target:"_blank",children:["Explore more of the Masters History",e.jsx(t.q,{name:"icon-external-link"})]})]})]});const T=t.styled_default("div")({name:"d",class:"dk8r1eq",propsAsIs:!1}),D=({openedQuestion:n})=>{var s;return((s=n==null?void 0:n.attributes)==null?void 0:s.attributes.case)==="insight"?e.jsx(R,{...n.attributes.attributes.value}):null},H=({extendedQuestion:n,vote:s})=>{const{loading:l,data:r}=n;return!l&&r?e.jsx(t.Y,{vote:s,openedQuestion:r}):null},F=({gamification:n})=>{var s;const l=i.useStore(n.openedQuestion.$store),r=i.useStore(n.openedQuestion.$extendedStore);if(!l)return null;const o=l.type;return e.jsxs(T,{children:[e.jsx(x,{close:n.closeQuestion,type:((s=l.attributes)==null?void 0:s.type)||j.QuestionType.UNSET}),o==="question"&&e.jsx(H,{vote:n.submitAnswer,extendedQuestion:r}),o!=="question"&&e.jsx(D,{openedQuestion:l})]})},P=({leaderboardList:n,openUser:s})=>{const{data:l}=i.useStore(n.$store);return e.jsx(t.j,{fetchMore:n.fetchMore,items:l,openItemDetail:s})},B=({store:n,openQuestion:s})=>{const l=i.useStore(n);return l!=null&&l.data?e.jsx(t.j$1,{openQuestion:s,questions:l.data}):e.jsx("div",{children:"wait questions..."})},C=({store:n})=>{const{data:s}=i.useStore(n);return s!=null&&s.summary?e.jsx(t.v,{...s.summary,...s.percentage}):e.jsx("div",{children:"wait user..."})},G=({gamification:n})=>{const[s,l]=d.useState(t.h.HOME);return e.jsxs("div",{style:{height:"100%",display:"flex",flexDirection:"column"},children:[e.jsxs(t.e,{children:[e.jsx(t.p$1,{activePage:s,toggleActivePage:l}),s===t.h.HOME&&e.jsx(C,{store:n.userSummary.getStore()})]}),s===t.h.HOME&&e.jsx(t.a$1,{children:e.jsx(B,{openQuestion:n.openQuestion,store:n.feedList.getStore()})}),s===t.h.LEADERBOARD&&e.jsx(t.a$1,{style:{flex:"1 1 auto",paddingTop:0,paddingBottom:0},children:e.jsx(P,{openUser:n.openUser,leaderboardList:n.leaderboardList})})]})};const J=()=>S,p=t.styled_default(J())({name:"m",class:"m1ph66cs",propsAsIs:!0}),V=t.styled_default("div")({name:"x",class:"xorme7i",propsAsIs:!1}),m=({gamification:n,className:s})=>{const l=i.useStore(n.openedQuestion.$store),r=i.useStore(n.openedUser);return e.jsxs(e.Fragment,{children:[l&&e.jsx(p,{className:s,children:e.jsx(F,{gamification:n})}),r&&e.jsx(p,{className:s,children:e.jsxs(V,{children:[e.jsx(x,{label:"Friend's Rank",close:n.closeUser}),e.jsx(t.e,{children:e.jsx(t.v,{...r})})]})}),e.jsx(t.r,{className:s,"data-nav":"true",children:e.jsx(G,{gamification:n})})]})};exports.GamificationOverlay=m;exports.default=m;