@streamlayer/react-ui 1.0.0 → 1.1.0

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

@@ -0,0 +1,96 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { styled as i } from "@linaria/react";
+import { useRef as h, useEffect as k } from "react";
+import { StreamLayerProvider as c, useStreamLayer as A } from "@streamlayer/react";
+import { App as S } from "../index.js";
+import { StreamLayerThemeProvider as b } from "../../../ui/theme/index.js";
+import { useStreamLayerDebug as C, StreamLayerDebug as g } from "../../../utils/debug/index.js";
+import { Content as L } from "./content.js";
+import { AppLogin as F } from "./login.js";
+import { Video as P } from "./video.js";
+const l = () => {
+  console.log("deep link handled cb");
+}, d = () => {
+  console.log("video player handled cb");
+}, q = ({
+  event: t
+}) => {
+  const o = A();
+  return k(() => {
+    o && o.openFeature(12);
+  }, [o]), o ? /* @__PURE__ */ e(b, {
+    children: /* @__PURE__ */ e(S, {
+      sdk: o,
+      event: t,
+      onDeepLinkHandled: l
+    })
+  }) : null;
+}, x = /* @__PURE__ */ i("div")({
+  name: "Container",
+  class: "c1a4qh28",
+  propsAsIs: !1
+}), K = /* @__PURE__ */ i("div")({
+  name: "Body",
+  class: "b9h8kuk",
+  propsAsIs: !1
+}), R = /* @__PURE__ */ i("div")({
+  name: "AppContainer",
+  class: "a1wkro2j",
+  propsAsIs: !1
+}), T = ({
+  settings: t,
+  hideSdk: o,
+  hideLogin: u,
+  hidePoints: p,
+  sidebar: m,
+  banner: f
+}) => {
+  const r = C(), a = h();
+  if (t)
+    return /* @__PURE__ */ s(c, {
+      sdkKey: r.sdkKey,
+      production: r.env === "production",
+      autoEnable: !1,
+      onDeepLinkHandled: l,
+      videoPlayerController: d,
+      children: [/* @__PURE__ */ e(F, {}), /* @__PURE__ */ e(g, {
+        ...r,
+        standalone: !0,
+        hideAuth: !0
+      })]
+    });
+  const v = () => {
+    const n = a.current, y = n.requestFullscreen || n.webkitRequestFullScreen || n.mozRequestFullScreen || n.msRequestFullscreen;
+    document.fullscreenElement ? document.exitFullscreen() : y.call(n);
+  };
+  return /* @__PURE__ */ s(c, {
+    sdkKey: r.sdkKey,
+    production: r.env === "production",
+    autoEnable: !0,
+    onDeepLinkHandled: l,
+    videoPlayerController: d,
+    children: [/* @__PURE__ */ s(K, {
+      ref: a,
+      children: [/* @__PURE__ */ e(P, {
+        event: r.event,
+        hideLogin: u,
+        toggleFullscreen: v,
+        banner: f,
+        sidebar: m,
+        hidePoints: p
+      }), !o && /* @__PURE__ */ e(x, {
+        children: /* @__PURE__ */ e(R, {
+          className: "StreamLayerSDK",
+          children: /* @__PURE__ */ e(q, {
+            event: r.event
+          })
+        })
+      })]
+    }), /* @__PURE__ */ e(L, {
+      event: r.event
+    })]
+  });
+};
+export {
+  T as AppStory
+};

package/lib/app/app/story/login.d.ts

@@ -0,0 +1 @@
+export declare const AppLogin: () => import("react/jsx-runtime").JSX.Element;

package/lib/app/app/story/login.js

@@ -0,0 +1,34 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useState as h, useEffect as u } from "react";
+import { useStreamLayer as i } from "@streamlayer/react";
+import { storage as s } from "@streamlayer/sdk-web-core";
+const d = ({ token: o, schema: n }) => {
+  const t = i();
+  return u(() => {
+    o && n && t && t.authorizationBypass(n, o);
+  }, [o, n, t]), null;
+}, x = () => {
+  const [o, n] = h({ token: s.getExternalToken(), schema: s.getSchema() }), t = i();
+  return /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ r("form", { className: "auth-form", onSubmit: (a) => {
+      a.preventDefault();
+      const c = new FormData(a.currentTarget), m = c.get("token"), l = c.get("schema");
+      n({ token: m, schema: l });
+    }, children: [
+      /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ e("label", { htmlFor: "token", children: "token" }),
+        /* @__PURE__ */ e("input", { type: "text", id: "token", name: "token", placeholder: s.getExternalToken() })
+      ] }),
+      /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ e("label", { htmlFor: "schema", children: "schema" }),
+        /* @__PURE__ */ e("input", { type: "text", id: "schema", name: "schema", placeholder: s.getSchema() })
+      ] }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("button", { type: "submit", children: "submit" }) })
+    ] }),
+    /* @__PURE__ */ e(d, { token: o.token, schema: o.schema }),
+    /* @__PURE__ */ e("button", { onClick: () => t == null ? void 0 : t.logout(), children: "logout" })
+  ] });
+};
+export {
+  x as AppLogin
+};

package/lib/app/app/story/video.d.ts

@@ -0,0 +1,8 @@
+export declare const VideoPlayer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLVideoElement> & import('react').VideoHTMLAttributes<HTMLVideoElement> & Record<never, unknown>>;
+export declare const Video: React.FC<{
+    sidebar: 'left' | 'right';
+    banner: 'top' | 'bottom';
+    hidePoints?: boolean;
+    hideLogin?: boolean;
+    event?: string;
+}>;

package/lib/app/app/story/video.js

@@ -0,0 +1,96 @@
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { styled as s } from "@linaria/react";
+import { useState as v, useCallback as y, useEffect as A } from "react";
+import { useStreamLayer as g } from "@streamlayer/react";
+import { StreamLayerSDKAdvertisement as i } from "../Advertisement/index.js";
+import { StreamLayerSDKPoints as h } from "../Points/index.js";
+import { StreamLayerThemeProvider as S } from "../../../ui/theme/index.js";
+import { AppLogin as C } from "./login.js";
+const P = /* @__PURE__ */ s("div")({
+  name: "PointsContainer",
+  class: "pvt3dlv",
+  propsAsIs: !1
+}), V = /* @__PURE__ */ s("video")({
+  name: "VideoPlayer",
+  class: "v1jvtznw",
+  propsAsIs: !1
+}), B = /* @__PURE__ */ s("div")({
+  name: "VideoFrame",
+  class: "v13gbl05",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ s("div")({
+  name: "LoginContainer",
+  class: "l65nrgs",
+  propsAsIs: !1
+}), L = /* @__PURE__ */ s("button")({
+  name: "FullscreenButton",
+  class: "f1jxc34p",
+  propsAsIs: !1
+}), b = /* @__PURE__ */ s("div")({
+  name: "AdvSidebar",
+  class: "ayq9x9m",
+  propsAsIs: !1
+}), x = /* @__PURE__ */ s("div")({
+  name: "AdvBanner",
+  class: "am90851",
+  propsAsIs: !1
+}), E = ({
+  toggleFullscreen: m,
+  hideLogin: c,
+  hidePoints: d,
+  sidebar: t,
+  banner: n,
+  event: a
+}) => {
+  const e = g(), [p, f] = v(!1), r = y(({
+    muted: u
+  }) => {
+    f(u);
+  }, []);
+  return A(() => (e == null || e.addVideoPlayerController(r), () => {
+    e == null || e.removeVideoPlayerController(r);
+  }), [e, r]), /* @__PURE__ */ l(B, {
+    children: [e && /* @__PURE__ */ l(S, {
+      children: [!d && /* @__PURE__ */ o(P, {
+        children: /* @__PURE__ */ o(h, {
+          sdk: e
+        })
+      }), /* @__PURE__ */ o(b, {
+        style: t === "left" ? {
+          left: 0
+        } : {
+          right: 0
+        },
+        children: /* @__PURE__ */ o(i, {
+          event: a,
+          sdk: e,
+          sidebar: t
+        })
+      }), /* @__PURE__ */ o(x, {
+        style: n === "top" ? {
+          top: 0
+        } : {
+          bottom: 0
+        },
+        children: /* @__PURE__ */ o(i, {
+          event: a,
+          sdk: e,
+          banner: n
+        })
+      })]
+    }), !c && /* @__PURE__ */ o(I, {
+      children: /* @__PURE__ */ o(C, {})
+    }), /* @__PURE__ */ o(V, {
+      src: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
+      muted: p,
+      controls: !0
+    }), /* @__PURE__ */ o(L, {
+      onClick: m,
+      children: "fullscreen"
+    })]
+  });
+};
+export {
+  E as Video,
+  V as VideoPlayer
+};

package/lib/{ui/app → app}/app/useApp.d.ts

@@ -1,4 +1,5 @@
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+
 /**
  * A hook that provides functionality for managing the StreamLayerSDK in the App app.
  * - On activate FG+ button, the SDK is initialized and the FG+ overlay is opened.

package/lib/{ui/app → app}/app/useApp.js

@@ -1,24 +1,27 @@
 import { useStore as n } from "@nanostores/react";
-import { useRef as g, useState as m, useEffect as s } from "react";
+import { useRef as m, useState as b, useEffect as s, useCallback as c } from "react";
 import { FeatureType as E } from "@streamlayer/sdk-web-types";
-const I = (e) => {
-  const a = g(""), [o, r] = m(!1), c = n(e.status), p = n(e.sdkStore.slStreamId), i = n(e.userId()), f = n(e.getActiveFeature()), u = c === "ready" && !!p.data;
+const F = (e) => {
+  const a = m(""), [o, r] = b(!1), p = n(e.status), l = n(e.sdkStore.slStreamId), i = n(e.userId()), f = n(e.getActiveFeature()), u = p === "ready" && !!l.data;
   s(() => {
     const t = e.getFeature(E.GAMES);
     t && (t.closeQuestion(), t.closeUser());
   }, [f, e]);
-  const l = (t) => {
-    a.current = t, r(!0), e.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: A, err: S }) => {
-      if (!S && A) {
-        e.isUserAuthorized().then((v) => {
-          v || e.disableApp();
-        });
-        return;
-      }
-    });
-  }, d = () => {
+  const A = c(
+    (t) => {
+      a.current = t, r(!0), e.initializeApp({ skipOrganizationSettings: !0 }).then(({ enabled: v, err: d }) => {
+        if (!d && v) {
+          e.isUserAuthorized().then((g) => {
+            g || e.disableApp();
+          });
+          return;
+        }
+      });
+    },
+    [e]
+  ), S = c(() => {
     r(!1), e.disableApp();
-  };
+  }, [e]);
   return s(() => {
     if (!i) {
       u && e.disableApp();
@@ -35,11 +38,11 @@ const I = (e) => {
   }, [r, e]), {
     sdkEnabled: o,
     sdkReady: u,
-    activateEventWithId: l,
-    deactivate: d,
+    activateEventWithId: A,
+    deactivate: S,
     isLogged: !!i
   };
 };
 export {
-  I as useAppApp
+  F as useAppApp
 };

package/lib/app/app/useAppContext.d.ts

@@ -0,0 +1,8 @@
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+
+export declare const AppContext: import('react').Context<{
+    sdk: StreamLayerSDK | null;
+}>;
+export declare const useAppContext: () => {
+    sdk: StreamLayerSDK | null;
+};

package/lib/{ui/app → app}/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type AppNode = HTMLDivElement | null;
 export type AppNodeRef = React.MutableRefObject<AppNode>;
 export type ScrollNode = HTMLDivElement | null;

package/lib/app/login/demo.d.ts

@@ -0,0 +1,5 @@
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+
+export declare const LoginComponent: React.FC<{
+    sdk: StreamLayerSDK;
+}>;

package/lib/{ui → app}/login/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Login: React.FC<{
     login: (token: string) => Promise<void>;
     anonymousLogin?: () => Promise<void>;

package/lib/{ui → app}/login/index.js

@@ -2,7 +2,7 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useState as a } from "react";
 import w from "react-auth-code-input";
 import P, { isValidPhoneNumber as F, formatPhoneNumberIntl as v } from "react-phone-number-input";
-import { Timer as D } from "../timer/index.js";
+import { Timer as D } from "../../ui/timer/index.js";
 import { requestLoginCode as I, register as k, login as S } from "../../utils/login.js";
 import { Panel as q, Form as m, FormTitle as p, FormDescription as d, FormInputContainer as x, FormSubmit as s, Digits as E } from "./styles.js";
 const z = ({ login: h, anonymousLogin: u, host: c }) => {

package/lib/app/login/styles.d.ts

@@ -0,0 +1,7 @@
+export declare const Panel: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Form: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLFormElement> & import('react').FormHTMLAttributes<HTMLFormElement> & Record<never, unknown>>;
+export declare const FormTitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const FormDescription: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const FormSubmit: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const FormInputContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Digits: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/app/login/styles.js

@@ -0,0 +1,39 @@
+import { styled as s } from "@linaria/react";
+const r = /* @__PURE__ */ s("div")({
+  name: "Panel",
+  class: "p1xyiqdq",
+  propsAsIs: !1
+}), a = /* @__PURE__ */ s("form")({
+  name: "Form",
+  class: "f8dvpyp",
+  propsAsIs: !1
+}), n = /* @__PURE__ */ s("div")({
+  name: "FormTitle",
+  class: "f11rdqjl",
+  propsAsIs: !1
+}), t = /* @__PURE__ */ s("div")({
+  name: "FormDescription",
+  class: "f1grgxkj",
+  propsAsIs: !1
+}), e = /* @__PURE__ */ s("button")({
+  name: "FormSubmit",
+  class: "f1qnbttk",
+  propsAsIs: !1
+}), p = /* @__PURE__ */ s("div")({
+  name: "FormInputContainer",
+  class: "fqfb0ax",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ s("div")({
+  name: "Digits",
+  class: "dl335k4",
+  propsAsIs: !1
+});
+export {
+  m as Digits,
+  a as Form,
+  t as FormDescription,
+  p as FormInputContainer,
+  e as FormSubmit,
+  n as FormTitle,
+  r as Panel
+};

package/lib/{ui/app/app → app/masters}/Features/FeatureProvider.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { Features } from '@streamlayer/sdk-web-features';
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+
 /** Here we check data, render loaders, load data and perform some side effects for the active feature */
 export declare const FeatureProvider: React.FC<{
     feature: Features;

package/lib/{ui/app → app}/masters/Features/FeatureProvider.js

@@ -1,10 +1,10 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { styled as u } from "@linaria/react";
-import { useStore as e } from "@nanostores/react";
+import { useStore as o } from "@nanostores/react";
 import { FeatureStatus as p } from "@streamlayer/sdk-web-interfaces";
-const o = /* @__PURE__ */ u("div")({
+const i = /* @__PURE__ */ u("div")({
   name: "LoadingContainer",
-  class: "l9si06t",
+  class: "l7wseip",
   propsAsIs: !1
 }), v = ({
   feature: n,
@@ -13,20 +13,20 @@ const o = /* @__PURE__ */ u("div")({
   className: r,
   noWait: d
 }) => {
-  const f = e(n.status), t = e(s.sdkStore.slStreamId);
+  const f = o(n.status), t = o(s.sdkStore.slStreamId);
   if (!d) {
     if (t != null && t.loading && !t.data)
-      return /* @__PURE__ */ i(o, {
+      return /* @__PURE__ */ e(i, {
         className: r,
         children: "Event is loading..."
       });
     if (!(t != null && t.data))
-      return /* @__PURE__ */ i(o, {
+      return /* @__PURE__ */ e(i, {
         className: r,
         children: "Event is forbidden..."
       });
     if (f !== p.Ready)
-      return /* @__PURE__ */ i(o, {
+      return /* @__PURE__ */ e(i, {
         className: r,
         children: "Wait feature..."
       });

package/lib/{ui/app → app}/masters/Features/Gamification/Friends.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Friends: React.FC<{
     deepLink?: string;
 }>;

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

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import { styled as i } from "@linaria/react";
+import { OnboardingInviteCard as n } from "../../../../ui/gamification/onboarding/slides/onboarding-invite-card/index.js";
+const r = /* @__PURE__ */ i("div")({
+  name: "InviteFriendsContainer",
+  class: "i1b9agwt",
+  propsAsIs: !1
+}), d = ({
+  deepLink: t
+}) => /* @__PURE__ */ e(r, {
+  children: /* @__PURE__ */ e(n, {
+    inviteLink: t,
+    inviteCardTitle: "It’s More Fun With Friends",
+    inviteCardSubtext: "Invite and compete against your friends for the top spot on the leaderboard."
+  })
+});
+export {
+  d as Friends
+};

package/lib/{ui/app → app}/masters/Features/Gamification/Leaderboard.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-import type { ScrollNodeRef } from '../../..';
+import { ScrollNodeRef } from '../../..';
 import { ScrollStore } from '../../../useSdkScroll';
+import { Gamification } from '@streamlayer/feature-gamification';
+
 export declare const Leaderboard: React.FC<{
     gamification: Gamification;
     scrollNode: ScrollNodeRef;

package/lib/{ui/app → app}/masters/Features/Gamification/Leaderboard.js

@@ -1,34 +1,34 @@
 import { jsx as r, jsxs as f, Fragment as L } from "react/jsx-runtime";
 import { styled as h } from "@linaria/react";
 import { useStore as i } from "@nanostores/react";
-import { useRef as k } from "react";
-import { useClipboardCopy as u } from "../../../useClipboardCopy.js";
-import { InviteLink as I } from "../../../../gamification/invite-link/index.js";
+import { useClipboardCopy as k } from "../../../useClipboardCopy.js";
+import { useRef as u } from "react";
+import { InviteLink as I } from "../../../../ui/gamification/invite-link/index.js";
 import "react-virtualized-auto-sizer";
 import "react-window";
 import "react-window-infinite-loader";
-import "../../../../icons/index.js";
-import "../../../../gamification/leaderboard/list-item/styles.js";
-import "../../../../../styles_z07sl8-l0sNRNKZ.js";
-import { LeaderboardStaticList as y } from "../../../../gamification/leaderboard/static.js";
+import "../../../../ui/icons/index.js";
+import "../../../../ui/gamification/leaderboard/list-item/styles.js";
+/* empty css                                    */
+import { LeaderboardStaticList as y } from "../../../../ui/gamification/leaderboard/static.js";
 import { Friends as C } from "./Friends.js";
 const b = /* @__PURE__ */ h("div")({
   name: "InviteLinkContainer",
-  class: "i15y1ll1",
+  class: "ij36hcn",
   propsAsIs: !1
 }), q = ({
   gamification: e,
   scrollNode: s,
   scrollStore: p
 }) => {
-  const o = k(null), {
+  const o = u(null), {
     data: n,
     hasMore: d,
     loading: m,
     key: l
   } = i(e.leaderboardList.$store), {
     data: t
-  } = i(e.deepLink.$store), [a, c] = u(o);
+  } = i(e.deepLink.$store), [a, c] = k(o);
   return !n.length && !m ? /* @__PURE__ */ r(C, {
     deepLink: t
   }) : /* @__PURE__ */ f(L, {

package/lib/{ui/app/app → app/masters}/Features/Gamification/Question.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { Gamification } from '@streamlayer/feature-gamification';
+
 export declare const Question: React.FC<{
     gamification: Gamification;
 }>;

package/lib/{ui/app → app}/masters/Features/Gamification/Question.js

@@ -1,16 +1,16 @@
 import { jsxs as u, jsx as e } from "react/jsx-runtime";
 import { styled as l } from "@linaria/react";
 import { useStore as n } from "@nanostores/react";
-import { QuestionType as a } from "@streamlayer/sdk-web-types";
-import { useMastersContext as m } from "../../useMastersContext.js";
-import { VoteHeader as c } from "../../../../gamification/detail/header/index.js";
-import { Sponsor as p } from "../../../../gamification/detail/sponsor/index.js";
-import { Vote as f, VoteSkeleton as b } from "../../../../gamification/vote/index.js";
-import { InsightDetails as y } from "../../../../gamification/vote/insight-details/index.js";
-import { TwitterDetails as V } from "../../../../gamification/vote/twitter-details/index.js";
+import { useMastersContext as a } from "../../useMastersContext.js";
+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")({
   name: "QuestionContainer",
-  class: "q142mohu",
+  class: "qwgkhsv",
   propsAsIs: !1
 }), x = ({
   openedQuestion: t
@@ -18,7 +18,7 @@ const h = /* @__PURE__ */ l("div")({
   var s, o;
   const {
     sdk: r
-  } = m();
+  } = a();
   return ((s = t == null ? void 0 : t.attributes) == null ? void 0 : s.attributes.case) === "insight" ? /* @__PURE__ */ e(y, {
     ...t.attributes.attributes.value,
     controlVideo: r == null ? void 0 : r.controlVideoPlayer
@@ -52,7 +52,7 @@ const h = /* @__PURE__ */ l("div")({
   return /* @__PURE__ */ u(h, {
     children: [/* @__PURE__ */ e(c, {
       close: t.closeQuestion,
-      type: ((i = r.attributes) == null ? void 0 : i.type) || a.UNSET
+      type: ((i = r.attributes) == null ? void 0 : i.type) || m.UNSET
     }), o === "question" && /* @__PURE__ */ e(d, {
       vote: t.submitAnswer,
       close: t.closeQuestion,
@@ -60,7 +60,7 @@ const h = /* @__PURE__ */ l("div")({
     }), o !== "question" && /* @__PURE__ */ e(x, {
       openedQuestion: r
     }), /* @__PURE__ */ e(p, {
-      sponsorLogo: ""
+      mastersLogo: !0
     })]
   });
 };

package/lib/{ui/app → app}/masters/Features/Gamification/QuestionsList.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
+import { Gamification } from '@streamlayer/feature-gamification';
+
 export declare const QuestionsList: React.FC<{
     store: ReturnType<Exclude<Gamification['feedList'], undefined>['getStore']>;
     openQuestion: (questionId: string) => void;

package/lib/{ui/app → app}/masters/Features/Gamification/QuestionsList.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useStore as i } from "@nanostores/react";
 import { useMastersContext as n } from "../../useMastersContext.js";
-import { QuestionList as m } from "../../../../gamification/question/list/index.js";
+import { QuestionList as m } from "../../../../ui/gamification/question/list/index.js";
 const a = ({ store: t, openQuestion: r }) => {
   const { sdk: o } = n(), e = i(t);
   return /* @__PURE__ */ s(m, { openQuestion: r, questions: e.data, controlVideo: o == null ? void 0 : o.controlVideoPlayer });

package/lib/{ui/app/app → app/masters}/Features/Gamification/Tabs.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { type Gamification } from '@streamlayer/feature-gamification';
-import type { AppNodeRef, ScrollNodeRef } from '../../..';
+import { AppNodeRef, ScrollNodeRef } from '../../..';
 import { ResponsiveStore } from '../../../useSdkResponsive';
 import { ScrollStore } from '../../../useSdkScroll';
+import { Gamification } from '@streamlayer/feature-gamification';
+
 export declare const Tabs: React.FC<{
     appNode: AppNodeRef;
     gamification: Gamification;