@streamlayer/react-ui 1.0.0 → 1.2.0

package/lib/ui/gamification/invite-link/styles.js

@@ -1,14 +1,14 @@
 import { styled as s } from "@linaria/react";
 import { SvgIcon as n } from "../../icons/index.js";
-const c = /* @__PURE__ */ s("div")({
+const r = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "c1ux29ft",
   propsAsIs: !1
-}), r = /* @__PURE__ */ s("img")({
+}), o = () => n, a = /* @__PURE__ */ s(o())({
   name: "FriendsIcon",
   class: "f10ncfg2",
-  propsAsIs: !1
-}), a = /* @__PURE__ */ s("div")({
+  propsAsIs: !0
+}), p = /* @__PURE__ */ s("div")({
   name: "Content",
   class: "c1yc07bd",
   propsAsIs: !1
@@ -16,20 +16,20 @@ const c = /* @__PURE__ */ s("div")({
   name: "Title",
   class: "tj6cq7w",
   propsAsIs: !1
-}), p = /* @__PURE__ */ s("div")({
+}), l = /* @__PURE__ */ s("div")({
   name: "Description",
   class: "d1ag78xo",
   propsAsIs: !1
-}), o = () => n, l = /* @__PURE__ */ s(o())({
+}), e = () => n, I = /* @__PURE__ */ s(e())({
   name: "ArrowInviteIcon",
   class: "awohrz6",
   propsAsIs: !0
 });
 export {
-  l as ArrowInviteIcon,
-  c as Container,
-  a as Content,
-  p as Description,
-  r as FriendsIcon,
+  I as ArrowInviteIcon,
+  r as Container,
+  p as Content,
+  l as Description,
+  a as FriendsIcon,
   i as Title
 };

package/lib/ui/gamification/leaderboard/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { ListProps } from 'react-window';
 import { LeaderboardItemProps } from './list-item';
+
 type LeaderboardListProps = {
     items: Omit<LeaderboardItemProps, 'openItemDetail'>[];
     currentUserId?: string;

package/lib/ui/gamification/leaderboard/list-item/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import type { LeaderboardItem as ILeaderboardItem } from '@streamlayer/sdk-web-types';
+import { LeaderboardItem as ILeaderboardItem } from '@streamlayer/sdk-web-types';
+
 export type LeaderboardItemProps = Partial<ILeaderboardItem> & {
     userId: string;
     isCurrentUser?: boolean;

package/lib/ui/gamification/leaderboard/list-item/styles.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Position: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Avatar: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const AvatarPlaceholder: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const NameContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Name: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Position: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Avatar: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const AvatarPlaceholder: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const NameContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Name: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const CurrentUserBadge: any;

package/lib/ui/gamification/leaderboard/static.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { type ScrollNodeRef } from '../../app/masters';
-import { ScrollStore } from '../../app/useSdkScroll';
+import { ScrollNodeRef } from '../../../app/masters';
+import { ScrollStore } from '../../../app/useSdkScroll';
 import { LeaderboardItemProps } from './list-item';
+
 type LeaderboardListProps = {
     items: Omit<LeaderboardItemProps, 'openItemDetail'>[];
     currentUserId?: string;

package/lib/ui/gamification/leaderboard/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const ScrollContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ScrollContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/leaderboard/styles.js

@@ -1,5 +1,5 @@
 import { styled as o } from "@linaria/react";
-import "../../../styles_z07sl8-l0sNRNKZ.js";
+/* empty css                                 */
 const l = /* @__PURE__ */ o("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",

package/lib/ui/gamification/onboarding/index.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
-import { type StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
+import { Gamification } from '@streamlayer/feature-gamification';
+import { StreamLayerSDK } from '@streamlayer/sdk-web-interfaces';
 import { OnboardingStep } from './slides/onboarding-instructions';
 import { OnboardingInviteCardProps } from './slides/onboarding-invite-card';
 import { OnboardingRule } from './slides/onboarding-rules';
+
 type OnboardingType = OnboardingInviteCardProps & {
     gamification: Gamification;
     sdk: StreamLayerSDK;

package/lib/ui/gamification/onboarding/invitingUser/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type InvitingUserType = {
     avatar?: string;
     name?: string;

package/lib/ui/gamification/onboarding/invitingUser/styles.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Avatar: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const AvatarPlaceholder: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Name: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Avatar: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const AvatarPlaceholder: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Name: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

package/lib/ui/gamification/onboarding/slides/onboarding-instructions/index.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+
 type OnboardingInstructionsProps = {
     loading: boolean;
     steps: OnboardingStep[];

package/lib/ui/gamification/onboarding/slides/onboarding-instructions/styles.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Graphic: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const GraphicImage: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const Headline: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const TaglineContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Tagline: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StepsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const StepIndicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
-export declare const InvitingUserWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Graphic: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const GraphicImage: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const Headline: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TaglineContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Tagline: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StepsContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StepIndicator: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const InvitingUserWrap: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { icons } from '../../../../icons';
+
 export type OnboardingInviteCardProps = {
     inviteLink?: string;
     inviteCardTitle?: string;

package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/index.js

@@ -1,8 +1,8 @@
 import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import { useAnalyticsHandle as s } from "../../../../../hooks/analytics.js";
-import { useRef as p } from "react";
-import { InvitationFrom as f } from "@streamlayer/sdk-web-types";
-import { useClipboardCopy as h } from "../../../../app/useClipboardCopy.js";
+import { useClipboardCopy as s } from "../../../../../app/useClipboardCopy.js";
+import { useAnalyticsHandle as p } from "../../../../../hooks/analytics.js";
+import { useRef as f } from "react";
+import { InvitationFrom as h } from "@streamlayer/sdk-web-types";
 import { Container as y, IconContainer as C, InviteGameIcon as I, Content as k, Heading as u, Subtext as b, LinkContainer as g, LinkInfo as v, LinkTitle as x, LinkAddress as A, LinkIcon as L } from "./styles.js";
 const M = ({
   inviteLink: i,
@@ -11,11 +11,11 @@ const M = ({
   primaryColor: c,
   className: l
 }) => {
-  const e = p(null), [a, d] = h(e), [m] = s({
+  const e = f(null), [a, d] = s(e), [m] = p({
     type: "invitation",
     action: "sent",
     payload: {
-      from: f.MENU
+      from: h.MENU
     }
   });
   return /* @__PURE__ */ o(y, { className: l, children: [

package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/styles.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const IconContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const IconContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const InviteGameIcon: any;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Heading: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Subtext: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const LinkContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const LinkInfo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const LinkTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
-export declare const LinkAddress: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Heading: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Subtext: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LinkContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LinkInfo: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LinkTitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const LinkAddress: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
 export declare const LinkIcon: any;

package/lib/ui/gamification/onboarding/slides/onboarding-rules/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { icons } from '../../../../icons';
+
 type OnboardingRulesProps = {
     rules?: OnboardingRule[];
     rulesTitle?: string;

package/lib/ui/gamification/onboarding/slides/onboarding-rules/styles.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const RulesList: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const RulesItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const RuleIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const RuleText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const TermsButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const RulesList: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const RulesItem: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const RuleIcon: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const RuleText: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TermsButton: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

package/lib/ui/gamification/onboarding/slides/onboarding-terms/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type OnboardingTermsProps = {
     termsTitle?: string;
     termsText?: string;

package/lib/ui/gamification/onboarding/slides/onboarding-terms/styles.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ScrollingText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ScrollingText: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/onboarding/styles.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const OnboardingHeader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const CloseBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const OnboardingHeader: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const CloseBtn: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
 export declare const IconClose: any;
-export declare const OnboardingFooter: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const OnboardingFooter: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const OnboardingActionBtn: any;

package/lib/ui/gamification/points/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type PointsProps = {
     points?: number;
     onClick?: () => void;

package/lib/ui/gamification/points/styles.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-export declare const PointsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const PointsIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const PointsContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const PointsIcon: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const PointsSvg: any;
-export declare const PointsBody: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const PointsTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const PointsValue: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const PointsBody: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const PointsTitle: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const PointsValue: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/question/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { type PickHistory } from '@streamlayer/sdk-web-types';
+import { PickHistory } from '@streamlayer/sdk-web-types';
+
 export declare const QuestionSkeleton: React.FC;
 export declare const Question: React.FC<PickHistory>;

package/lib/ui/gamification/question/index.js

@@ -1,18 +1,18 @@
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { PickHistoryStatus as e, QuestionType as a, QuestionStatus as p } from "@streamlayer/sdk-web-types";
+import { PickHistoryStatus as e, QuestionType as r, QuestionStatus as p } from "@streamlayer/sdk-web-types";
 import { QuestionTypeData as h } from "../constants.js";
-import { Skeleton as c } from "../../skeleton/index.js";
-import { QuestionActionIcon as i, SkeletonContainer as y, SkeletonButton as I, QuestionItem as S, QuestionContent as f, QuestionCaption as k, QuestionTypeIcon as A, QuestionTypeLabel as T, QuestionBody as L, QuestionAction as P, PlayButton as w } from "./styles.js";
-const x = {
-  [e.LOST]: /* @__PURE__ */ t(i, { name: "incorrectVoted" }),
-  [e.WON]: /* @__PURE__ */ t(i, { name: "icon-check" }),
-  [e.UNSET]: /* @__PURE__ */ t(i, { name: "icon-arrow" }),
-  [e.DNP]: /* @__PURE__ */ t(i, { name: "icon-arrow" })
-}, B = () => /* @__PURE__ */ n(y, { children: [
-  /* @__PURE__ */ t(c, { loading: !0, style: { width: "35%" } }),
-  /* @__PURE__ */ t(c, { loading: !0, style: { width: "70%" } }),
-  /* @__PURE__ */ t(I, {})
-] }), C = ({
+import { Skeleton as a } from "../../skeleton/index.js";
+import { QuestionActionIcon as c, QuestionCheckIcon as y, SkeletonContainer as I, SkeletonButton as S, QuestionItem as k, QuestionContent as f, QuestionCaption as A, QuestionTypeIcon as T, QuestionTypeLabel as L, QuestionBody as P, QuestionAction as w, PlayButton as x } from "./styles.js";
+const C = {
+  [e.LOST]: /* @__PURE__ */ t(c, { name: "incorrectVoted" }),
+  [e.WON]: /* @__PURE__ */ t(y, { name: "icon-check" }),
+  [e.UNSET]: /* @__PURE__ */ t(c, { name: "icon-arrow" }),
+  [e.DNP]: /* @__PURE__ */ t(c, { name: "icon-arrow" })
+}, B = () => /* @__PURE__ */ n(I, { children: [
+  /* @__PURE__ */ t(a, { loading: !0, style: { width: "35%" } }),
+  /* @__PURE__ */ t(a, { loading: !0, style: { width: "70%" } }),
+  /* @__PURE__ */ t(S, {})
+] }), R = ({
   questionId: s,
   questionType: o,
   questionStatus: l,
@@ -20,29 +20,30 @@ const x = {
   openForVoting: d,
   status: m
 }) => {
-  const r = h[o], Q = x[m];
-  return r ? /* @__PURE__ */ n(S, { "data-name": s, children: [
+  const i = h[o], Q = C[m];
+  return i ? /* @__PURE__ */ n(k, { "data-name": s, children: [
     /* @__PURE__ */ n(f, { children: [
-      /* @__PURE__ */ n(k, { children: [
+      /* @__PURE__ */ n(A, { children: [
         /* @__PURE__ */ t(
-          A,
+          T,
           {
-            "data-type-trivia": o === a.TRIVIA,
-            "data-type-poll": o === a.POLL,
-            name: r.iconName
+            "data-testid": "question-type-icon",
+            "data-type-trivia": o === r.TRIVIA,
+            "data-type-poll": o === r.POLL,
+            name: i.iconName
           }
         ),
-        /* @__PURE__ */ n(T, { children: [
-          r.label,
-          o === a.TRIVIA && l === p.RESOLVED && " • Expired"
+        /* @__PURE__ */ n(L, { children: [
+          i.label,
+          o === r.TRIVIA && l === p.RESOLVED && " • Expired"
         ] })
       ] }),
-      /* @__PURE__ */ t(L, { children: u || "" })
+      /* @__PURE__ */ t(P, { children: u || "" })
     ] }),
-    /* @__PURE__ */ t(P, { children: d ? /* @__PURE__ */ t(w, { children: "Play" }) : Q })
+    /* @__PURE__ */ t(w, { children: d ? /* @__PURE__ */ t(x, { children: "Play" }) : Q })
   ] }) : null;
 };
 export {
-  C as Question,
+  R as Question,
   B as QuestionSkeleton
 };

package/lib/ui/gamification/question/insight/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
 import { InsightContentProps } from '../../../questions/insight';
 import { VideoPlayerProps } from '../../../video-player';
+
 type InsightProps = InsightContentProps & {
     controlVideo: VideoPlayerProps['controlVideo'];
 };

package/lib/ui/gamification/question/insight/styles.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ActionBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ActionBtn: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

package/lib/ui/gamification/question/list/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import type { Gamification } from '@streamlayer/feature-gamification';
+import { Gamification } from '@streamlayer/feature-gamification';
 import { VideoPlayerProps } from '../../../video-player';
+
 type FeedItem = Exclude<Awaited<ReturnType<Exclude<Gamification['feedList'], undefined>['getValue']>>, undefined>;
 interface QuestionListProps {
     questions: FeedItem;

package/lib/ui/gamification/question/list/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const QuestionsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const QuestionsContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/question/notification/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import type { Notification as NotificationProps } from '@streamlayer/sdk-web-notifications';
+import { Notification as NotificationProps } from '@streamlayer/sdk-web-notifications';
 import { VideoPlayerProps } from '../../../video-player';
+
 export declare const Notification: React.FC<NotificationProps & Pick<VideoPlayerProps, 'controlVideo'>>;

package/lib/ui/gamification/question/notification/insight/index.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import type { Notification } from '@streamlayer/sdk-web-notifications';
+import { Notification } from '@streamlayer/sdk-web-notifications';
 import { InsightHistory, InstantView } from '@streamlayer/sdk-web-types';
 import { VideoPlayerProps } from '../../../../video-player';
+
 export type InsightProps = InstantView & {
     imageMode?: InsightHistory['imageMode'];
     action: Notification['action'];

package/lib/ui/gamification/question/notification/insight/styles.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-export declare const InsightContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Image: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const ImageContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const InsightContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & Record<never, unknown>>;
-export declare const Description: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ActionBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const InsightContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Image: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLImageElement> & import('react').ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const ImageContainer: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const InsightContent: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLHeadingElement> & import('react').HTMLAttributes<HTMLHeadingElement> & Record<never, unknown>>;
+export declare const Description: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ActionBtn: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

package/lib/ui/gamification/question/notification/pill/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type PillProps = {
     title?: string;
     onClick: () => void;

package/lib/ui/gamification/question/notification/pill/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const Container: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const Content: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Title: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLSpanElement> & import('react').HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

package/lib/ui/gamification/question/notification/prediction-result/animation-lines/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const AnimationLines: React.FC<{
     step: number;
     correct?: boolean;