@streamlayer/react-ui 1.23.2 → 1.23.4

package/lib/app/masters/BetPack/BetPackOverlay/index.js

@@ -1,9 +1,10 @@
 import "react/jsx-runtime";
 import "@linaria/core";
 import "react";
-import { BetPackOverlay as a } from "../index.js";
+import "@streamlayer/sdk-web-types";
+import { BetPackOverlay as c } from "../index.js";
 import "../../../../ui/icons/index.js";
 import "./styles.js";
 export {
-  a as BetPackOverlay
+  c as BetPackOverlay
 };

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

@@ -1,65 +1,69 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
 import { cx as P } from "@linaria/core";
-import { forwardRef as b, useState as y, useCallback as I, memo as F, useMemo as H, useEffect as L } from "react";
+import { forwardRef as I, useState as y, useCallback as H, useEffect as w, memo as L, useMemo as p } from "react";
 import { useStore as B } from "@streamlayer/react-polyfills";
-import { FeatureType as p } from "@streamlayer/sdk-web-types";
+import { FeatureType as A } from "@streamlayer/sdk-web-types";
 import { BetPackContent as M } from "./BetPackContent/index.js";
-import { EmergencyScreen as O } from "./BetPackContent/EmergencyScreen/index.js";
-import { LoaderScreen as x } from "./BetPackContent/LoaderScreen/index.js";
-import { BetPackContainer as R } from "./styles.js";
-import { defaultEventHandler as j } from "./utils.js";
-import { SvgIcon as k } from "../../../ui/icons/index.js";
-import { Container as G, Header as T, HeaderTitle as z, CloseButton as U, Main as Y, Footer as q, SlideSwitchButton as C, IconArrowPrev as D, buttonAvailable as g, IconArrowNext as J } from "./BetPackOverlay/styles.js";
-const nr = b(({ sdk: c, onEvent: a, close: t }, i) => {
-  const [o, m] = y(), [e, h] = y(), w = I(
-    (l) => {
-      if (l.type === "slBetPackReady") {
-        const { next: s, prev: u, current: f, canNext: N, canPrev: A } = l.payload || {};
-        m({ next: s, prev: u }), h((n) => ({
-          current: n != null && n.current ? n == null ? void 0 : n.current : f,
-          canPrev: n != null && n.current ? n == null ? void 0 : n.canPrev : A,
-          canNext: N
+import { EmergencyScreen as G } from "./BetPackContent/EmergencyScreen/index.js";
+import { LoaderScreen as g } from "./BetPackContent/LoaderScreen/index.js";
+import { BetPackContainer as O } from "./styles.js";
+import { defaultEventHandler as R } from "./utils.js";
+import { SvgIcon as x } from "../../../ui/icons/index.js";
+import { Container as j, Header as T, HeaderTitle as z, CloseButton as U, Main as Y, Footer as q, SlideSwitchButton as C, IconArrowPrev as D, buttonAvailable as k, IconArrowNext as J } from "./BetPackOverlay/styles.js";
+const nr = I(({ sdk: o, onEvent: a, close: m }, t) => {
+  const [n, u] = y(), [e, h] = y(), N = H(
+    (i) => {
+      if (i.type === "slBetPackReady") {
+        const { next: l, prev: s, current: f, canNext: b, canPrev: F } = i.payload || {};
+        u({ next: l, prev: s }), h((c) => ({
+          current: c != null && c.current ? c == null ? void 0 : c.current : f,
+          canPrev: c != null && c.current ? c == null ? void 0 : c.canPrev : F,
+          canNext: b
         }));
       }
-      if (l.type === "slBetPackChangeCard") {
-        const { current: s, canNext: u, canPrev: f } = l.payload || {};
-        h({ current: s, canNext: u, canPrev: f });
+      if (i.type === "slBetPackChangeCard") {
+        const { current: l, canNext: s, canPrev: f } = i.payload || {};
+        h({ current: l, canNext: s, canPrev: f });
       }
-      a == null || a(l);
+      a == null || a(i);
     },
     [a]
   );
-  return /* @__PURE__ */ d(G, { ref: i, children: [
+  return w(() => () => {
+    var l;
+    const i = o.getFeature(A.GAMES);
+    i && ((l = i.betPack) == null || l.off());
+  }, [o]), /* @__PURE__ */ d(j, { ref: t, children: [
     /* @__PURE__ */ d(T, { children: [
       /* @__PURE__ */ d(z, { children: [
-        /* @__PURE__ */ r(k, { name: "fgIcon" }),
+        /* @__PURE__ */ r(x, { name: "fgIcon" }),
         "Featured Groups+"
       ] }),
-      /* @__PURE__ */ r(U, { "data-a": "intr", onClick: t, children: /* @__PURE__ */ r(k, { name: "icon-close-btn-gray" }) })
+      /* @__PURE__ */ r(U, { "data-a": "intr", onClick: m, children: /* @__PURE__ */ r(x, { name: "icon-close-btn-gray" }) })
     ] }),
-    /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(Q, { sdk: c, onEvent: w, overlay: !0 }) }),
+    /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(Q, { sdk: o, onEvent: N, overlay: !0 }) }),
     /* @__PURE__ */ d(q, { children: [
-      /* @__PURE__ */ r(C, { "data-a": "intr", onClick: o == null ? void 0 : o.prev, disabled: !(e != null && e.canPrev), children: /* @__PURE__ */ r(D, { "data-a": "intr", name: "iconArrowPrev", className: P((e == null ? void 0 : e.canPrev) && g) }) }),
-      /* @__PURE__ */ r(C, { "data-a": "intr", onClick: o == null ? void 0 : o.next, disabled: !(e != null && e.canNext), children: /* @__PURE__ */ r(J, { "data-a": "intr", name: "iconArrowPrev", className: P((e == null ? void 0 : e.canNext) && g) }) })
+      /* @__PURE__ */ r(C, { "data-a": "intr", onClick: n == null ? void 0 : n.prev, disabled: !(e != null && e.canPrev), children: /* @__PURE__ */ r(D, { "data-a": "intr", name: "iconArrowPrev", className: P((e == null ? void 0 : e.canPrev) && k) }) }),
+      /* @__PURE__ */ r(C, { "data-a": "intr", onClick: n == null ? void 0 : n.next, disabled: !(e != null && e.canNext), children: /* @__PURE__ */ r(J, { "data-a": "intr", name: "iconArrowPrev", className: P((e == null ? void 0 : e.canNext) && k) }) })
     ] })
   ] });
-}), K = ({ user: c, gamification: a, overlay: t, swipeable: i, onEvent: o }) => c.data ? a ? /* @__PURE__ */ r(M, { overlay: t, gamification: a, onEvent: o, swipeable: i }) : /* @__PURE__ */ r(x, {}) : c.error && !c.loading ? /* @__PURE__ */ r(
-  O,
+}), K = ({ user: o, gamification: a, overlay: m, swipeable: t, onEvent: n }) => o.data ? a ? /* @__PURE__ */ r(M, { overlay: m, gamification: a, onEvent: n, swipeable: t }) : /* @__PURE__ */ r(g, {}) : o.error && !o.loading ? /* @__PURE__ */ r(
+  G,
   {
-    onEvent: o,
-    actionFn: () => o({ type: "slHardRefresh" }),
+    onEvent: n,
+    actionFn: () => n({ type: "slHardRefresh" }),
     description: `You are not authorized to
 view this resource.`
   }
-) : /* @__PURE__ */ r(x, {}), Q = F(({ sdk: c, swipeable: a = !0, onEvent: t = j, overlay: i }) => {
-  const o = B(c.featuresList.getStore()), m = H(() => c.getFeature(p.GAMES), [o]), e = B(c.getUserStore());
-  return L(() => (c.writeOverlaySessionId(), () => {
-    c.writeOverlaySessionId("");
+) : /* @__PURE__ */ r(g, {}), Q = L(({ sdk: o, swipeable: a = !0, onEvent: m = R, overlay: t }) => {
+  const n = B(o.featuresList.getStore()), u = p(() => o.getFeature(A.GAMES), [n]), e = B(o.getUserStore());
+  return w(() => (o.writeOverlaySessionId(), () => {
+    o.writeOverlaySessionId("");
   }), []), /* @__PURE__ */ r(
-    R,
+    O,
     {
-      className: P("SL-BetPack", i && "SL-BetPack--overlay", !i && "SL-BetPack--standalone"),
-      children: /* @__PURE__ */ r(K, { overlay: i, user: e, gamification: m, onEvent: t, swipeable: a })
+      className: P("SL-BetPack", t && "SL-BetPack--overlay", !t && "SL-BetPack--standalone"),
+      children: /* @__PURE__ */ r(K, { overlay: t, user: e, gamification: u, onEvent: m, swipeable: a })
     }
   );
 });

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.23.2",
+  "version": "1.23.4",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -69,19 +69,19 @@
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
     "uuid": "^11.1.0",
-    "@streamlayer/feature-gamification": "^1.16.11",
-    "@streamlayer/react-polyfills": "^0.1.18",
-    "@streamlayer/sdk-web": "^1.10.11",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.1.37",
-    "@streamlayer/sdk-web-analytics": "^1.7.11",
-    "@streamlayer/sdk-web-core": "^1.11.13",
-    "@streamlayer/sdk-web-api": "^1.8.11",
-    "@streamlayer/sdk-web-features": "^1.0.58",
-    "@streamlayer/sdk-web-interfaces": "^1.5.2",
-    "@streamlayer/sdk-web-logger": "^1.0.58",
-    "@streamlayer/sdk-web-storage": "^1.0.58",
-    "@streamlayer/sdk-web-notifications": "^1.3.20",
-    "@streamlayer/sdk-web-types": "^1.10.15"
+    "@streamlayer/feature-gamification": "^1.16.13",
+    "@streamlayer/react-polyfills": "^0.1.20",
+    "@streamlayer/sdk-web": "^1.10.13",
+    "@streamlayer/sdk-web-analytics": "^1.7.13",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.1.39",
+    "@streamlayer/sdk-web-api": "^1.8.13",
+    "@streamlayer/sdk-web-core": "^1.11.15",
+    "@streamlayer/sdk-web-features": "^1.0.60",
+    "@streamlayer/sdk-web-interfaces": "^1.5.4",
+    "@streamlayer/sdk-web-logger": "^1.0.60",
+    "@streamlayer/sdk-web-notifications": "^1.3.22",
+    "@streamlayer/sdk-web-storage": "^1.0.60",
+    "@streamlayer/sdk-web-types": "^1.10.17"
   },
   "nx": {
     "implicitDependencies": [
@@ -121,7 +121,7 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.15.2"
+    "@streamlayer/react": "^1.15.4"
   },
   "dependencies": {
     "@dailymotion/vast-client": "^6.2.0",