@streamlayer/react 1.0.0 → 1.1.0

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

@@ -1,4 +1,4 @@
-import { E as f } from "./masters.js";
+import { z as f } from "./masters.js";
 export {
   f as default
 };

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

@@ -1,21 +1,21 @@
-import { jsx as s, jsxs as f, Fragment as y } from "react/jsx-runtime";
-import { M as x, s as k, u as d, T as C, S as $, g as L, p as D, k as M, O as A, m as v, a as E, C as F, b as R, n as V, c as q, d as O, l as P, e as Q } from "./masters.js";
-import { useRef as T, useState as b, useEffect as I, useTransition as K } from "react";
-const U = /* @__PURE__ */ k("div")({
+import { jsx as s, jsxs as v, Fragment as S } from "react/jsx-runtime";
+import { M as C, s as b, u as d, T as x, S as $, C as L, p as D, k as M, O as E, m as f, l as A, a as F, b as R, n as V, c as q, d as O, e as P, f as Q } from "./masters.js";
+import { useRef as T, useState as k, useEffect as I, useTransition as K } from "react";
+const U = /* @__PURE__ */ b("div")({
   name: "InviteFriendsContainer",
-  class: "i1d1hf8u",
+  class: "i1c9dygq",
   propsAsIs: !1
 }), j = ({
   deepLink: o
 }) => /* @__PURE__ */ s(U, {
-  children: /* @__PURE__ */ s(x, {
+  children: /* @__PURE__ */ s(C, {
     inviteLink: o,
     inviteCardTitle: "It’s More Fun With Friends",
     inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
   })
-}), B = /* @__PURE__ */ k("div")({
+}), B = /* @__PURE__ */ b("div")({
   name: "InviteLinkContainer",
-  class: "i9tvant",
+  class: "i1odbhm4",
   propsAsIs: !1
 }), H = ({
   gamification: o,
@@ -29,10 +29,10 @@ const U = /* @__PURE__ */ k("div")({
     key: p
   } = d(o.leaderboardList.$store), {
     data: a
-  } = d(o.deepLink.$store), [u, m] = C(r);
+  } = d(o.deepLink.$store), [u, m] = x(r);
   return !n.length && !l ? /* @__PURE__ */ s(j, {
     deepLink: a
-  }) : /* @__PURE__ */ f(y, {
+  }) : /* @__PURE__ */ v(S, {
     children: [/* @__PURE__ */ s($, {
       items: n,
       scrollNode: t,
@@ -55,7 +55,7 @@ const U = /* @__PURE__ */ k("div")({
   return /* @__PURE__ */ s(M, { openQuestion: t, questions: r.data, controlVideo: e == null ? void 0 : e.controlVideoPlayer });
 }, W = ({ userSummary: o }) => {
   var t;
-  const [e, r] = b(void 0);
+  const [e, r] = k(void 0);
   return I(() => {
     const n = o.$store.subscribe((i) => {
       i && r(i);
@@ -63,12 +63,12 @@ const U = /* @__PURE__ */ k("div")({
     return () => {
       n();
     };
-  }, [o]), /* @__PURE__ */ s(A, { loading: !(e != null && e.summary), ...e == null ? void 0 : e.summary, successRate: (t = e == null ? void 0 : e.percentage) == null ? void 0 : t.correct });
+  }, [o]), /* @__PURE__ */ s(E, { loading: !(e != null && e.summary), ...e == null ? void 0 : e.summary, successRate: (t = e == null ? void 0 : e.percentage) == null ? void 0 : t.correct });
 }, _ = ({ gamification: o, className: t, scrollStore: e, scrollNode: r, appNode: n, style: i, responsiveStore: l }) => {
-  const { tabsShown: p } = d(e, { keys: ["tabsShown"] }), [a, u] = b(v.HOME), [, m] = K(), { sdkInDesktopView: g, screen: N } = d(l, { keys: ["sdkInDesktopView"] }), w = (c) => {
+  const { tabsShown: p } = d(e, { keys: ["tabsShown"] }), [a, u] = k(f.HOME), [, m] = K(), { sdkInDesktopView: g, screen: N } = d(l, { keys: ["sdkInDesktopView"] }), w = (c) => {
     m(() => {
-      var S;
-      u(c), g === !1 && (((S = n.current) == null ? void 0 : S.getBoundingClientRect().y) || 0) < 0 && Q(n, N.size, { behavior: "instant" });
+      var y;
+      u(c), g === !1 && (((y = n.current) == null ? void 0 : y.getBoundingClientRect().y) || 0) < 0 && Q(n, N.size, { behavior: "instant" });
     });
   };
   I(() => e.subscribe((c) => {
@@ -79,7 +79,7 @@ const U = /* @__PURE__ */ k("div")({
     l.get().sdkInDesktopView ? e.setKey("tabsShown", c.scrollDirection === "backward") : e.setKey("tabsShown", c.scrollDirection === "forward");
   }), [e, l]);
   let h = "0px";
-  return g ? h = p ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : h = p ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px", /* @__PURE__ */ f(E, { className: t, style: i, children: [
+  return g ? h = p ? "0px" : "calc(8px - var(--header-height) - var(--header-offset))" : h = p ? "calc(var(--header-height) + var(--header-offset) - 2px)" : "0px", /* @__PURE__ */ v(A, { className: t, style: i, children: [
     /* @__PURE__ */ s(
       F,
       {
@@ -89,11 +89,11 @@ const U = /* @__PURE__ */ k("div")({
         children: /* @__PURE__ */ s(R, { activePage: a, toggleActivePage: w })
       }
     ),
-    a === v.HOME && /* @__PURE__ */ f(y, { children: [
+    a === f.HOME && /* @__PURE__ */ v(S, { children: [
       /* @__PURE__ */ s(V, { style: { paddingTop: "8px" }, children: /* @__PURE__ */ s(q, { children: /* @__PURE__ */ s(W, { userSummary: o.userSummary }) }) }),
       /* @__PURE__ */ s(O, { style: { flex: 1 }, children: /* @__PURE__ */ s(z, { openQuestion: o.openQuestion, store: o.feedList.getStore() }) })
     ] }),
-    a === v.LEADERBOARD && /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(H, { scrollStore: e, scrollNode: r, gamification: o }) })
+    a === f.LEADERBOARD && /* @__PURE__ */ s(P, { children: /* @__PURE__ */ s(H, { scrollStore: e, scrollNode: r, gamification: o }) })
   ] });
 }, Y = ({
   gamification: o,

package/lib/dist/es/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import { h as s, i as m, j as o, f as i } from "./masters.js";
 import "react";
+import { h as s, i as m, j as o, g as i } from "./masters.js";
 export {
   s as MastersStreamLayerProvider,
   m as MastersStreamLayerSDKReact,