@streamlayer/react-ui 1.19.0 → 1.20.0

package/lib/app/masters/BetPack/BetPackContent/ScreenContainer/useDynamicParentFont.js

@@ -1,27 +1,36 @@
-import a from "lodash.throttle";
-import { useState as d, useRef as T, useEffect as c } from "react";
-const i = "16px", u = 17, O = 21, h = 24, f = (n) => n < 0.9 ? h : n < 1.17 ? O : u, I = (n) => {
-  const [E, s] = d(i), r = T(null);
-  return c(() => {
-    const e = a(() => {
-      const { offsetWidth: t, offsetHeight: o } = r.current || {};
-      if (!t || !o) return;
-      const _ = o / t;
-      s(t ? `${t / f(_)}px` : i);
-    }, 200);
-    return window.screen.orientation.addEventListener("change", e), window.addEventListener("orientationchange", e), window.addEventListener("resize", e), e(), () => {
-      window.screen.orientation.removeEventListener("change", e), window.removeEventListener("resize", e), window.removeEventListener("orientationchange", e);
+import { useState as T, useRef as p, useEffect as w } from "react";
+const g = "16px", m = 17, S = 21, f = 24, h = (r) => r < 0.9 ? f : r < 1.17 ? S : m, C = (r, E) => {
+  const [v, a] = T(g), [_, u] = T(""), c = p(null), e = p();
+  return w(() => {
+    const t = c.current, n = () => {
+      e.current && (clearTimeout(e.current), e.current = void 0), e.current = setTimeout(() => {
+        if (t) {
+          const o = getComputedStyle(t), d = +o.width.replace("px", ""), O = +o.height.replace("px", "") / d, l = d / h(O);
+          a(`${l < 20 ? l : 20}px`);
+        }
+        e.current = void 0;
+      }, 200);
+    }, s = () => {
+      window.screen.orientation.type.includes("landscape") || String(window.orientation).includes("90") ? u("landscape") : u("portrait");
+    }, i = () => {
+      s(), n();
     };
-  }, []), c(() => {
-    const { offsetWidth: e, offsetHeight: t } = r.current || {};
-    if (!e || !t) return;
-    const o = t / e;
-    s(e ? `${e / f(o)}px` : i);
-  }, [n]), {
-    container: r,
-    fontSize: E
+    return window.screen.orientation.addEventListener("change", i), window.addEventListener("orientationchange", i), window.addEventListener("resize", n), t == null || t.addEventListener("transitionend", n, !1), s(), n(), () => {
+      window.screen.orientation.removeEventListener("change", i), window.removeEventListener("orientationchange", i), window.removeEventListener("resize", n), t == null || t.removeEventListener("transitionend", n), e.current && clearTimeout(e.current);
+    };
+  }, []), w(() => (e.current && (clearTimeout(e.current), e.current = void 0), e.current = setTimeout(() => {
+    if (c.current) {
+      const t = getComputedStyle(c.current), n = +t.width.replace("px", ""), i = +t.height.replace("px", "") / n, o = n / h(i);
+      a(`${o < 20 ? o : 20}px`), e.current = void 0;
+    }
+  }, 200), () => {
+    e.current && clearTimeout(e.current);
+  }), [r]), {
+    container: c,
+    fontSize: v,
+    calcHeight: _ === "landscape" && r !== void 0 && E ? r + 30 : r
   };
 };
 export {
-  I as useDynamicParentFont
+  C as useDynamicParentFont
 };

package/lib/app/masters/BetPack/BetPackContent/StartScreen/index.d.ts

@@ -2,4 +2,5 @@ export declare const StartScreen: React.FC<{
     height: number | undefined;
     countQuestionsAvailable: number;
     sliderRef: React.MutableRefObject<null>;
+    swipeable?: boolean;
 }>;

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

@@ -1,23 +1,23 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { ScreenContainer as c } from "../ScreenContainer/index.js";
-import { ScreenWrap as s, Main as S, SponsorIcon as a, StartScreenSponsor as l, StartScreenTitle as p, StartScreenDescription as d, StartScreenButton as h, IconArrowRight as m } from "./styles.js";
-const R = ({ height: o, countQuestionsAvailable: n, sliderRef: i }) => /* @__PURE__ */ r(c, { height: o, children: /* @__PURE__ */ e(s, { children: [
-  /* @__PURE__ */ e(S, { children: [
-    /* @__PURE__ */ r(a, { name: "icon-masters-logo" }),
-    /* @__PURE__ */ r(l, { children: "MASTERS PRESENTS" }),
-    /* @__PURE__ */ e(p, { children: [
+import { ScreenContainer as s } from "../ScreenContainer/index.js";
+import { ScreenWrap as S, Main as a, SponsorIcon as l, StartScreenSponsor as p, StartScreenTitle as d, StartScreenDescription as h, StartScreenButton as m, IconArrowRight as x } from "./styles.js";
+const T = ({ height: o, countQuestionsAvailable: n, sliderRef: i, swipeable: c }) => /* @__PURE__ */ r(s, { height: o, swipeable: c, children: /* @__PURE__ */ e(S, { children: [
+  /* @__PURE__ */ e(a, { children: [
+    /* @__PURE__ */ r(l, { name: "icon-masters-logo" }),
+    /* @__PURE__ */ r(p, { children: "MASTERS PRESENTS" }),
+    /* @__PURE__ */ e(d, { children: [
       "Tee time predictions:",
       /* @__PURE__ */ r("br", {}),
       "share your expertise"
     ] }),
-    /* @__PURE__ */ e(d, { children: [
+    /* @__PURE__ */ e(h, { children: [
       "Swipe to answer today’s",
       /* @__PURE__ */ r("br", {}),
       "question cards."
     ] })
   ] }),
   /* @__PURE__ */ e(
-    h,
+    m,
     {
       onClick: () => {
         var t;
@@ -25,11 +25,11 @@ const R = ({ height: o, countQuestionsAvailable: n, sliderRef: i }) => /* @__PUR
       },
       children: [
         n ? `${n} questions available` : "See all questions",
-        /* @__PURE__ */ r(m, { name: "iconArrowRight" })
+        /* @__PURE__ */ r(x, { name: "iconArrowRight" })
       ]
     }
   )
 ] }) }, "start");
 export {
-  R as StartScreen
+  T as StartScreen
 };

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

@@ -1,30 +1,30 @@
-import { jsx as i, jsxs as R } from "react/jsx-runtime";
+import { jsx as u, jsxs as R } from "react/jsx-runtime";
 import { ConnectError as T, Code as N } from "@connectrpc/connect";
-import { cx as w } from "@linaria/core";
-import { useCallback as x, useSyncExternalStore as A, useRef as b, useState as F, useMemo as I, useEffect as v } from "react";
+import { cx as A } from "@linaria/core";
+import { useCallback as x, useSyncExternalStore as F, useRef as b, useState as I, useMemo as B, useEffect as v } from "react";
 import { EmergencyScreen as S } from "./EmergencyScreen/index.js";
-import { EndScreen as B } from "./EndScreen/index.js";
-import { LoaderScreen as D } from "./LoaderScreen/index.js";
-import { QuestionScreen as H } from "./QuestionScreen/index.js";
-import { ScreenContainer as L } from "./ScreenContainer/index.js";
-import { StartScreen as V } from "./StartScreen/index.js";
+import { EndScreen as D } from "./EndScreen/index.js";
+import { LoaderScreen as H } from "./LoaderScreen/index.js";
+import { QuestionScreen as L } from "./QuestionScreen/index.js";
+import { ScreenContainer as V } from "./ScreenContainer/index.js";
+import { StartScreen as w } from "./StartScreen/index.js";
 import { settings as h } from "./constants.js";
 import { Carousel as K, desktopDots as M } from "./styles.js";
-function q(t, n, u) {
-  let a = /* @__PURE__ */ new Set([...n, void 0]);
-  return t.listen((s, o, p) => {
-    a.has(p) && u(s, o, p);
+function q(t, o, n) {
+  let a = new Set(o).add(void 0);
+  return t.listen((s, c, p) => {
+    a.has(p) && n(s, c, p);
   });
 }
-function z(t, n = {}) {
-  let u = x(
-    (s) => n.keys ? q(t, n.keys, s) : t.listen(s),
-    [n.keys, t]
+function z(t, o = {}) {
+  let n = x(
+    (s) => o.keys ? q(t, o.keys, s) : t.listen(s),
+    [o.keys, t]
   ), a = t.get.bind(t);
-  return A(u, a, a);
+  return F(n, a, a);
 }
-const re = ({ gamification: t, autoplay: n, swipeable: u, changeHeightOnInit: a, height: s, onEvent: o, centerPadding: p }) => {
-  const c = b(), l = b(null), [P, C] = F(!1), { data: r, error: f, loading: y } = z(t.betPack.getStore()), { listOfQuestions: m, countQuestionsAvailable: O } = I(() => {
+const re = ({ gamification: t, autoplay: o, swipeable: n, changeHeightOnInit: a, height: s, onEvent: c, centerPadding: p }) => {
+  const i = b(), l = b(null), [P, C] = I(!1), { data: r, error: f, loading: y } = z(t.betPack.getStore()), { listOfQuestions: m, countQuestionsAvailable: O } = B(() => {
     const e = r ? Object.values(r) : [];
     return {
       listOfQuestions: e,
@@ -32,7 +32,7 @@ const re = ({ gamification: t, autoplay: n, swipeable: u, changeHeightOnInit: a,
     };
   }, [r]);
   v(() => {
-    !f && !y && r !== void 0 && !P && o({
+    !f && !y && r !== void 0 && !P && c({
       type: "slBetPackReady",
       payload: {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -52,38 +52,38 @@ const re = ({ gamification: t, autoplay: n, swipeable: u, changeHeightOnInit: a,
         canPrev: !1
       }
     });
-  }, [r, f, y, o]);
+  }, [r, f, y, c]);
   const Q = x(
     async (e, d) => {
       try {
         C(!0), await t.betPackVote(e, d);
       } finally {
-        c.current && clearTimeout(c.current), n && (c.current = setTimeout(() => {
+        i.current && clearTimeout(i.current), o && (i.current = setTimeout(() => {
           var k;
           (k = l.current) == null || k.slickNext();
         }, 2e3));
       }
     },
-    [t, l, n]
+    [t, l, o]
   );
   if (v(() => () => {
-    c.current && clearTimeout(c.current);
+    i.current && clearTimeout(i.current);
   }, []), y)
-    return /* @__PURE__ */ i(D, {});
+    return /* @__PURE__ */ u(H, {});
   if (!f && (r == null || !Object.keys(r).length))
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ u(
       S,
       {
-        actionFn: () => o({ type: "slHardRefresh" }),
+        actionFn: () => c({ type: "slHardRefresh" }),
         description: `It looks like we couldn't
  load the questions.`
       }
     );
   if (f)
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ u(
       S,
       {
-        actionFn: () => o({ type: "slHardRefresh" }),
+        actionFn: () => c({ type: "slHardRefresh" }),
         description: f instanceof T && f.code !== N.InvalidArgument ? `The event ID was not
 specified or is invalid.` : `The server is unable to
 handle this request.`
@@ -91,7 +91,7 @@ handle this request.`
     );
   const g = (e) => {
     var d;
-    if (o({
+    if (c({
       type: "slBetPackChangeCard",
       payload: {
         current: e,
@@ -100,7 +100,7 @@ handle this request.`
       }
     }), e !== 0 && e !== Object.keys(r).length + 1 && ((d = m[e - 1]) != null && d.id)) {
       t.openQuestion(m[e - 1].id, {
-        openedFrom: "list",
+        openedFrom: "bet-pack",
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-expect-error
         attributes: {
@@ -115,24 +115,32 @@ handle this request.`
       return;
     }
     t.closeQuestion();
-  }, j = (e) => e ? /* @__PURE__ */ i(L, { height: s, children: /* @__PURE__ */ i(H, { question: e, vote: Q }) }, e.id) : null;
+  }, j = (e) => e ? /* @__PURE__ */ u(V, { height: s, swipeable: n, children: /* @__PURE__ */ u(L, { question: e, vote: Q }) }, e.id) : null;
   return /* @__PURE__ */ R(
     K,
     {
       ...h,
-      swipe: u,
+      swipe: n,
       onInit: a,
       centerPadding: p || h.centerPadding,
       afterChange: g,
       beforeChange: () => {
-        c.current && clearTimeout(c.current);
+        i.current && clearTimeout(i.current);
       },
       ref: l,
-      className: w(!u && M),
+      className: A(!n && M),
       children: [
-        /* @__PURE__ */ i(V, { height: s, sliderRef: l, countQuestionsAvailable: O }),
+        /* @__PURE__ */ u(
+          w,
+          {
+            height: s,
+            sliderRef: l,
+            countQuestionsAvailable: O,
+            swipeable: n
+          }
+        ),
         Object.values(r).map(j),
-        /* @__PURE__ */ i(B, { onEvent: o, height: s })
+        /* @__PURE__ */ u(D, { onEvent: c, height: s, swipeable: n })
       ]
     }
   );

package/lib/app/masters/BetPack/BetPackOverlay/index.d.ts

@@ -9,4 +9,4 @@ export type BetPackOverlayProps = {
         payload?: unknown;
     }) => void;
 };
-export declare const BetPackOverlay: React.FC<BetPackOverlayProps>;
+export declare const BetPackOverlay: import('react').ForwardRefExoticComponent<BetPackOverlayProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,90 +1,93 @@
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { cx as p } from "@linaria/core";
-import C from "lodash.throttle";
-import { useState as g, useCallback as S, memo as H, useMemo as B, useRef as N, useEffect as A } from "react";
-import { useStore as P } from "@streamlayer/react-polyfills";
-import { FeatureType as b } from "@streamlayer/sdk-web-types";
-import { BetPackContent as L } from "./BetPackContent/index.js";
-import { EmergencyScreen as z } from "./BetPackContent/EmergencyScreen/index.js";
-import { LoaderScreen as F } from "./BetPackContent/LoaderScreen/index.js";
-import { BetPackContainer as I } from "./styles.js";
-import { defaultEventHandler as O } from "./utils.js";
-import { SvgIcon as x } from "../../../ui/icons/index.js";
-import { Container as R, Header as j, HeaderTitle as E, CloseButton as M, Main as T, Footer as G, SlideSwitchButton as v, IconArrowPrev as U, buttonAvailable as y, IconArrowNext as Y } from "./BetPackOverlay/styles.js";
-const ne = ({ sdk: l, onEvent: o, close: u, isMobile: c }) => {
-  const [t, h] = g(), [e, a] = g(), i = S(
-    (n) => {
-      if (n.type === "slBetPackReady") {
-        const { next: s, prev: d, current: m, canNext: k, canPrev: w } = n.payload || {};
-        h({ next: s, prev: d }), a({
-          current: m,
-          canPrev: w,
-          canNext: k
-        });
-      }
-      if (n.type === "slBetPackChangeCard") {
-        const { current: s, canNext: d, canPrev: m } = n.payload || {};
-        a({ current: s, canNext: d, canPrev: m });
-      }
-      o == null || o(n);
-    },
-    [o]
-  );
-  return /* @__PURE__ */ f(R, { children: [
-    /* @__PURE__ */ f(j, { children: [
-      /* @__PURE__ */ f(E, { children: [
-        /* @__PURE__ */ r(x, { name: "icon-trophy-bet-pack" }),
-        "LiveMatch Experience",
-        " "
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { cx as x } from "@linaria/core";
+import A from "lodash.throttle";
+import { forwardRef as b, useState as y, useCallback as p, memo as L, useMemo as R, useRef as z, useEffect as F } from "react";
+import { useStore as k } from "@streamlayer/react-polyfills";
+import { FeatureType as I } from "@streamlayer/sdk-web-types";
+import { BetPackContent as O } from "./BetPackContent/index.js";
+import { EmergencyScreen as M } from "./BetPackContent/EmergencyScreen/index.js";
+import { LoaderScreen as j } from "./BetPackContent/LoaderScreen/index.js";
+import { BetPackContainer as E } from "./styles.js";
+import { defaultEventHandler as T } from "./utils.js";
+import { SvgIcon as w } from "../../../ui/icons/index.js";
+import { Container as G, Header as U, HeaderTitle as Y, CloseButton as q, Main as D, Footer as J, SlideSwitchButton as C, IconArrowPrev as K, buttonAvailable as H, IconArrowNext as Q } from "./BetPackOverlay/styles.js";
+const tr = b(
+  ({ sdk: m, onEvent: o, close: h, isMobile: a }, g) => {
+    const [c, d] = y(), [r, i] = y(), u = p(
+      (t) => {
+        if (t.type === "slBetPackReady") {
+          const { next: l, prev: s, current: P, canNext: B, canPrev: N } = t.payload || {};
+          d({ next: l, prev: s }), i((n) => ({
+            current: n != null && n.current ? n == null ? void 0 : n.current : P,
+            canPrev: n != null && n.current ? n == null ? void 0 : n.canPrev : N,
+            canNext: B
+          }));
+        }
+        if (t.type === "slBetPackChangeCard") {
+          const { current: l, canNext: s, canPrev: P } = t.payload || {};
+          i({ current: l, canNext: s, canPrev: P });
+        }
+        o == null || o(t);
+      },
+      [o]
+    );
+    return /* @__PURE__ */ f(G, { ref: g, children: [
+      /* @__PURE__ */ f(U, { children: [
+        /* @__PURE__ */ f(Y, { children: [
+          /* @__PURE__ */ e(w, { name: "icon-trophy-bet-pack" }),
+          "LiveMatch Experience",
+          " "
+        ] }),
+        /* @__PURE__ */ e(q, { onClick: h, children: /* @__PURE__ */ e(w, { name: "icon-close-btn-gray" }) })
       ] }),
-      /* @__PURE__ */ r(M, { onClick: u, children: /* @__PURE__ */ r(x, { name: "icon-close-btn-gray" }) })
-    ] }),
-    /* @__PURE__ */ r(T, { children: /* @__PURE__ */ r(
-      q,
-      {
-        sdk: l,
-        onEvent: i,
-        swipeable: !!c,
-        centerPadding: c ? "18px" : "30px",
-        heightOffset: c ? 0 : 48
-      }
-    ) }),
-    !c && /* @__PURE__ */ f(G, { children: [
-      /* @__PURE__ */ r(v, { onClick: t == null ? void 0 : t.prev, disabled: !(e != null && e.canPrev), children: /* @__PURE__ */ r(U, { name: "iconArrowPrev", className: p((e == null ? void 0 : e.canPrev) && y) }) }),
-      /* @__PURE__ */ r(v, { onClick: t == null ? void 0 : t.next, disabled: !(e != null && e.canNext), children: /* @__PURE__ */ r(Y, { name: "iconArrowPrev", className: p((e == null ? void 0 : e.canNext) && y) }) })
-    ] })
-  ] });
-}, q = H(({ sdk: l, swipeable: o = !0, heightOffset: u = 65, onEvent: c = O, centerPadding: t }) => {
-  const h = P(l.featuresList.getStore()), e = B(() => l.getFeature(b.GAMES), [h]), a = P(l.getUserStore()), i = N(null), [n, s] = g(), d = S(() => {
-    i.current && s(i.current.clientHeight);
+      /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(
+        V,
+        {
+          sdk: m,
+          onEvent: u,
+          swipeable: !!a,
+          centerPadding: a ? "18px" : "30px",
+          heightOffset: a ? 0 : 48
+        }
+      ) }),
+      !a && /* @__PURE__ */ f(J, { children: [
+        /* @__PURE__ */ e(C, { onClick: c == null ? void 0 : c.prev, disabled: !(r != null && r.canPrev), children: /* @__PURE__ */ e(K, { name: "iconArrowPrev", className: x((r == null ? void 0 : r.canPrev) && H) }) }),
+        /* @__PURE__ */ e(C, { onClick: c == null ? void 0 : c.next, disabled: !(r != null && r.canNext), children: /* @__PURE__ */ e(Q, { name: "iconArrowPrev", className: x((r == null ? void 0 : r.canNext) && H) }) })
+      ] })
+    ] });
+  }
+), V = L(({ sdk: m, swipeable: o = !0, heightOffset: h = 65, onEvent: a = T, centerPadding: g }) => {
+  const c = k(m.featuresList.getStore()), d = R(() => m.getFeature(I.GAMES), [c]), r = k(m.getUserStore()), i = z(null), [u, t] = y(), l = p(() => {
+    i.current && t(i.current.clientHeight);
   }, []);
-  return A(() => {
-    const m = C(() => {
-      i.current && s(i.current.clientHeight);
+  return F(() => {
+    const s = A(() => {
+      i.current && t(i.current.clientHeight);
     }, 200);
-    return window.addEventListener("resize", m), () => {
-      window.removeEventListener("resize", m);
+    return window.addEventListener("resize", s), () => {
+      window.removeEventListener("resize", s);
     };
-  }, []), a.data ? e ? /* @__PURE__ */ r(I, { ref: i, className: p("betPack", o && "isMobile"), children: /* @__PURE__ */ r(
-    L,
+  }, []), r.data ? d ? /* @__PURE__ */ e(E, { ref: i, className: x("betPack", o && "isMobile"), children: /* @__PURE__ */ e(
+    O,
     {
-      gamification: e,
-      onEvent: c,
+      gamification: d,
+      onEvent: a,
       swipeable: o,
-      centerPadding: t,
-      changeHeightOnInit: d,
-      height: n ? n - u : void 0
+      centerPadding: g,
+      changeHeightOnInit: l,
+      height: u ? u - h : void 0
     }
-  ) }) : /* @__PURE__ */ r("div", { children: "no gamification" }) : a.error && !a.loading ? /* @__PURE__ */ r(
-    z,
+  ) }) : /* @__PURE__ */ e("div", { children: "no gamification" }) : r.error && !r.loading ? /* @__PURE__ */ e(
+    M,
     {
-      actionFn: () => c({ type: "slHardRefresh" }),
+      actionFn: () => a({ type: "slHardRefresh" }),
       description: `You are not authorized to
-view this resource.`
+view this resource.`,
+      isMobile: o
     }
-  ) : /* @__PURE__ */ r(F, {});
+  ) : /* @__PURE__ */ e(j, {});
 });
 export {
-  q as BetPack,
-  ne as BetPackOverlay
+  V as BetPack,
+  tr as BetPackOverlay
 };

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

@@ -1,28 +1,34 @@
-import { jsx as n } from "react/jsx-runtime";
-import { useState as i, useEffect as c } from "react";
-import { useStore as f } from "@streamlayer/react-polyfills";
-import { FeatureStatus as p } from "@streamlayer/sdk-web-interfaces";
-import { FeatureType as S } from "@streamlayer/sdk-web-types";
-import { Points as l } from "../../../ui/gamification/points/index.js";
-const a = ({ gamification: e }) => {
-  const s = e.userSummary.$store, [r, u] = i(0);
+import { jsx as m } from "react/jsx-runtime";
+import { useState as a, useEffect as c } from "react";
+import { useStore as l } from "@streamlayer/react-polyfills";
+import { FeatureStatus as u, eventBus as n } from "@streamlayer/sdk-web-interfaces";
+import { FeatureType as f } from "@streamlayer/sdk-web-types";
+import { Points as S } from "../../../ui/gamification/points/index.js";
+const y = ({ gamification: e }) => {
+  const s = e.userSummary.$store, [t, p] = a(0);
   return c(() => {
-    const m = s.subscribe((t) => {
+    const i = s.subscribe((r) => {
       var o;
-      (o = t == null ? void 0 : t.summary) != null && o.points && u(t.summary.points);
+      (o = r == null ? void 0 : r.summary) != null && o.points && p(r.summary.points);
     });
     return () => {
-      m();
+      i();
     };
-  }, [s]), /* @__PURE__ */ n(l, { points: r, onClick: () => {
-    e.status.get() === p.Suspended && e.openFeature();
+  }, [s]), /* @__PURE__ */ m(S, { points: t, onClick: () => {
+    e.status.get() === u.Suspended ? (e.openFeature(), n.emit("app", {
+      action: "open",
+      payload: {}
+    })) : e.status.get() === u.Ready && (e.closeFeature(!1), n.emit("app", {
+      action: "close",
+      payload: {}
+    }));
   } });
-}, h = ({ sdk: e }) => {
-  if (!f(e.featuresList.getStore()))
+}, k = ({ sdk: e }) => {
+  if (!l(e.featuresList.getStore()))
     return null;
-  const r = e.getFeature(S.GAMES);
-  return r ? /* @__PURE__ */ n(a, { gamification: r }) : null;
+  const t = e.getFeature(f.GAMES);
+  return t ? /* @__PURE__ */ m(y, { gamification: t }) : null;
 };
 export {
-  h as StreamLayerSDKPoints
+  k as StreamLayerSDKPoints
 };