@streamlayer/react-ui 1.23.4 → 1.24.0

package/lib/app/masters/Features/Gamification/Question.js

@@ -1,69 +1,69 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { styled as u } from "@linaria/react";
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { styled as l } from "@linaria/react";
 import { useMastersContext as a } from "../../useMastersContext.js";
-import { useStore as l } from "@streamlayer/react-polyfills";
+import { useStore as n } from "@streamlayer/react-polyfills";
 import { QuestionType as m } from "@streamlayer/sdk-web-types";
 import { VoteHeader as c } from "../../../../ui/gamification/detail/header/index.js";
 import { Sponsor as p } from "../../../../ui/gamification/detail/sponsor/index.js";
 import { Vote as f, VoteSkeleton as b } from "../../../../ui/gamification/vote/index.js";
 import { InsightDetails as y } from "../../../../ui/gamification/vote/insight-details/index.js";
-import { TwitterDetails as S } from "../../../../ui/gamification/vote/twitter-details/index.js";
-const V = /* @__PURE__ */ u("div")({
+import { TwitterDetails as V } from "../../../../ui/gamification/vote/twitter-details/index.js";
+const h = /* @__PURE__ */ l("div")({
   name: "QuestionContainer",
   class: "qwgkhsv",
   propsAsIs: !1
-}), g = ({
+}), x = ({
   openedQuestion: t
 }) => {
   var s, o;
   const {
-    sdk: e
+    sdk: r
   } = a();
-  return ((s = t == null ? void 0 : t.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ r(y, {
+  return ((s = t == null ? void 0 : t.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ e(y, {
     ...t.attributes.attributes.value,
-    controlVideo: e == null ? void 0 : e.controlVideoPlayer
-  }) : ((o = t == null ? void 0 : t.attributes) == null ? void 0 : o.attributes.case) === "tweet" ? /* @__PURE__ */ r(S, {
+    controlVideo: r == null ? void 0 : r.controlVideoPlayer
+  }) : ((o = t == null ? void 0 : t.attributes) == null ? void 0 : o.attributes.case) === "tweet" ? /* @__PURE__ */ e(V, {
     ...t.attributes.attributes.value,
-    controlVideo: e == null ? void 0 : e.controlVideoPlayer
+    controlVideo: r == null ? void 0 : r.controlVideoPlayer
   }) : null;
-}, h = ({
+}, d = ({
   extendedQuestion: t,
-  vote: e,
+  vote: r,
   close: s
 }) => {
   const {
     loading: o,
     data: i
   } = t;
-  return localStorage.getItem("SL_DEBUG") && console.log("QuestionDetail", t), i ? /* @__PURE__ */ r(f, {
-    vote: e,
+  return i ? /* @__PURE__ */ e(f, {
+    vote: r,
     close: s,
     openedQuestion: i,
     isLoading: !!o
-  }) : /* @__PURE__ */ r(b, {});
-}, L = ({
+  }) : /* @__PURE__ */ e(b, {});
+}, H = ({
   gamification: t
 }) => {
   var i;
-  const e = l(t.openedQuestion.$store), s = l(t.openedQuestion.$extendedStore);
-  if (!e)
+  const r = n(t.openedQuestion.$store), s = n(t.openedQuestion.$extendedStore);
+  if (!r)
     return null;
-  const o = e.type;
-  return /* @__PURE__ */ n(V, {
-    children: [/* @__PURE__ */ r(c, {
+  const o = r.type;
+  return /* @__PURE__ */ u(h, {
+    children: [/* @__PURE__ */ e(c, {
       close: t.closeQuestion,
-      type: ((i = e.attributes) == null ? void 0 : i.type) || m.UNSET
-    }), o === "question" && /* @__PURE__ */ r(h, {
+      type: ((i = r.attributes) == null ? void 0 : i.type) || m.UNSET
+    }), o === "question" && /* @__PURE__ */ e(d, {
       vote: t.submitAnswer,
       close: t.closeQuestion,
       extendedQuestion: s
-    }), o !== "question" && /* @__PURE__ */ r(g, {
-      openedQuestion: e
-    }), /* @__PURE__ */ r(p, {
+    }), o !== "question" && /* @__PURE__ */ e(x, {
+      openedQuestion: r
+    }), /* @__PURE__ */ e(p, {
       mastersApp: !0
     })]
   });
 };
 export {
-  L as Question
+  H as Question
 };

package/lib/app/masters/story/index.js

@@ -1,40 +1,39 @@
-import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { MastersStreamLayerProvider as d, useStreamLayer as i } from "@streamlayer/react/masters";
-import { MastersApp as l } from "../masters.js";
-import { StreamLayerMastersThemeProvider as a } from "../../../ui/theme/masters.js";
-import { useStreamLayerDebug as c } from "../../../utils/debug/index.js";
-import { MobileHeader as s, HostAppContent as t, Body as p, Video as h, Container as m, AppContainer as u, BackToTop as y, BackToTopLink as k } from "./components.js";
-const T = ({ betPack: o }) => {
-  const r = i();
-  return r ? /* @__PURE__ */ e(a, { style: { height: "100%" }, children: /* @__PURE__ */ e(l, { sdk: r, betPack: o, useContainer: !0 }) }) : null;
-}, v = () => {
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useState as l, Fragment as c } from "react";
+import { MastersStreamLayerProvider as s, useStreamLayer as a } from "@streamlayer/react/masters";
+import { MastersApp as p } from "../masters.js";
+import { StreamLayerMastersThemeProvider as m } from "../../../ui/theme/masters.js";
+import { useStreamLayerDebug as h } from "../../../utils/debug/index.js";
+import { MobileHeader as u, Body as y, Container as k, AppContainer as T, HostAppContent as f, BackToTop as v, BackToTopLink as C } from "./components.js";
+const L = ({ betPack: o }) => {
+  const r = a();
+  return r ? /* @__PURE__ */ e(m, { style: { height: "100%" }, children: /* @__PURE__ */ e(p, { sdk: r, betPack: o, useContainer: !0 }) }) : null;
+}, S = () => {
   console.log("deep link handled cb");
-}, f = () => {
+}, g = () => {
   console.log("video player handled cb");
-}, M = ({ betPack: o }) => {
-  const r = c();
-  return /* @__PURE__ */ n(
-    d,
+}, H = ({ betPack: o }) => {
+  const r = h(), [n, t] = l(0), i = () => {
+    t(n + 1);
+  };
+  return /* @__PURE__ */ e(c, { children: /* @__PURE__ */ d(
+    s,
     {
       sdkKey: r.sdkKey,
       production: r.env === "production",
-      onDeepLinkHandled: v,
-      videoPlayerController: f,
+      onDeepLinkHandled: S,
+      videoPlayerController: g,
       event: r.event,
       children: [
-        /* @__PURE__ */ e(s, { children: "header" }),
-        /* @__PURE__ */ e(t, { children: "...host app content..." }),
-        /* @__PURE__ */ n(p, { children: [
-          /* @__PURE__ */ e(h, {}),
-          /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(u, { className: "StreamLayerSDK", children: /* @__PURE__ */ e(T, { betPack: o }) }) }) })
-        ] }),
-        /* @__PURE__ */ e(t, { style: { height: 3e3 }, children: "...host app content..." }),
-        /* @__PURE__ */ e(y, { onClick: () => document.documentElement.scrollTop = 0, children: "BackToTop" }),
-        /* @__PURE__ */ e(k, { href: "#", children: "BackToTop Link" })
+        /* @__PURE__ */ e(u, { onClick: () => i(), children: "header" }),
+        /* @__PURE__ */ e(y, { children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(T, { className: "StreamLayerSDK", children: /* @__PURE__ */ e(L, { betPack: o }) }) }) }) }),
+        /* @__PURE__ */ e(f, { style: { height: 3e3 }, children: "...host app content..." }),
+        /* @__PURE__ */ e(v, { onClick: () => document.documentElement.scrollTop = 0, children: "BackToTop" }),
+        /* @__PURE__ */ e(C, { href: "#", children: "BackToTop Link" })
       ]
     }
-  );
+  ) }, n);
 };
 export {
-  M as MastersStory
+  H as MastersStory
 };