@streamlayer/react-ui 0.34.0 → 0.36.0

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { QuestionImages } from '@streamlayer/sdk-web-types';
+type InsightProps = {
+    image?: string;
+    imageMode: QuestionImages;
+    questionId: string;
+    title: string;
+    openInsight: (insightId: string) => void;
+};
+export declare const Insight: React.FC<InsightProps>;
+export {};

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

@@ -0,0 +1,9 @@
+/// <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 Graphic: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const InsightIconDefault: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const InsightIconCircle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const InsightIconAbsolute: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & 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 NextIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

package/lib/ui/gamification/insight-list/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { QuestionImages } from '@streamlayer/sdk-web-types';
+interface InsightListProps {
+    insights?: Array<{
+        image?: string;
+        imageMode: QuestionImages;
+        questionId: string;
+        title: string;
+    }>;
+    openInsight: (insightId: string) => void;
+}
+export declare const InsightList: React.FC<InsightListProps>;
+export {};

package/lib/ui/gamification/insight-list/styles.d.ts

@@ -0,0 +1,3 @@
+/// <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 ItemsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/leaderboard-invite-link/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type LeaderboardInviteLinkProps = {
+    title?: string;
+    description?: string;
+    onClick: () => void;
+};
+export declare const LeaderboardInviteLink: React.FC<LeaderboardInviteLinkProps>;
+export {};

package/lib/ui/gamification/leaderboard-invite-link/styles.d.ts

@@ -0,0 +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 IconLink: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const FriendsIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & 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 Description: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ArrowInviteIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { LeaderboardItem as ILeaderboardItem } from '@streamlayer/sdk-web-types';
+export type LeaderboardItemProps = Partial<ILeaderboardItem> & {
+    userId: string;
+    openItemDetail: () => void;
+};
+export declare const LeaderboardItem: React.FC<LeaderboardItemProps>;

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

@@ -0,0 +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 RankPosition: 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 NameWrap: 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 Rank: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Units: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { UserStatisticsProps } from '../../gamification/user-statistics';
+type LeaderboardItemDetailProps = UserStatisticsProps & {
+    comeBack: () => void;
+};
+export declare const LeaderboardItemDetail: React.FC<LeaderboardItemDetailProps>;
+export {};

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

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { LeaderboardItemProps } from '../../gamification/leaderboard-item';
+type LeaderboardListProps = {
+    items: Omit<LeaderboardItemProps, 'openItemDetail'>[];
+    openItemDetail: (id: string) => void;
+};
+export declare const LeaderboardList: React.FC<LeaderboardListProps>;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+type OnboardingInstructionsProps = {
+    graphic: string;
+    headline: string;
+};
+export declare const OnboardingInstructions: React.FC<OnboardingInstructionsProps>;
+export {};

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

@@ -0,0 +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 Content: 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<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>>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type OnboardingInviteCardProps = {
+    inviteCardTitle?: string;
+    inviteCardSubtext?: string;
+    primaryColor?: string;
+};
+export declare const OnboardingInviteCard: React.FC<OnboardingInviteCardProps>;
+export {};

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

@@ -0,0 +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 InviteGameIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const InviteGameIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & 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 InviteBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+type OnboardingRulesProps = {
+    rules?: string[];
+    rulesTitle?: string;
+    primaryColor?: string;
+};
+export declare const OnboardingRules: React.FC<OnboardingRulesProps>;
+export {};

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

@@ -0,0 +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 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 RuleNumber: 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>>;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import type { Gamification } from '@streamlayer/feature-gamification';
+type OnboardingType = {
+    gamification: Gamification;
+    closeFeature: () => void;
+    steps?: {
+        graphic: string;
+        headline: string;
+    }[];
+    gameIcon?: string;
+    sponsorLogo?: string;
+    rules?: string[];
+    rulesBtnLabel?: string;
+    rulesTitle?: string;
+    primaryColor?: string;
+    inviteCardTitle?: string;
+    inviteCardSubtext?: string;
+    inviteCardBtnLabel?: string;
+};
+export declare const Onboarding: React.FC<OnboardingType>;
+export {};

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

@@ -0,0 +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 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 LeftBlock: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const RightBlock: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const GameIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const SponsorLogo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & 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: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const OnboardingActionBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Points: React.FC<{
+    points: number;
+}>;

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

@@ -0,0 +1,7 @@
+/// <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 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>>;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { type PickHistory } from '@streamlayer/sdk-web-types';
+export declare const Question: React.FC<{
+    openQuestion?: (questionId: string) => void;
+} & PickHistory>;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const Panel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const QuestionTypeIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const QuestionTypeIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const QuestionContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const QuestionTypeLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const QuestionSubject: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const QuestionActionTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const QuestionActionIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const QuestionStatusIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const QuestionTypeTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const ExpiredQuestion: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { PickHistory } from '@streamlayer/sl-eslib/interactive/feed/interactive.feed_pb';
+interface QuestionListProps {
+    questions: PickHistory[];
+    openQuestion: (questionId: string) => void;
+}
+export declare const QuestionList: React.FC<QuestionListProps>;
+export {};

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

@@ -0,0 +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 Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ItemsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare enum ActivePages {
+    HOME = "home",
+    LEADERBOARD = "leaderboard"
+}
+type TabProps = {
+    title: string;
+    active: boolean;
+    onClick: () => void;
+};
+type TabsProps = {
+    activePage: ActivePages;
+    toggleActivePage: (activePage: ActivePages) => void;
+};
+export declare const Tab: React.FC<TabProps>;
+export declare const Tabs: React.FC<TabsProps>;
+export {};

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

@@ -0,0 +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 STabs: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Button: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & 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/user-statistics/components/rank/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface RankProps {
+    indicator: string | number;
+    title: 'Friends rank' | 'Global rank';
+}
+export declare const Rank: React.FC<RankProps>;
+export {};

package/lib/ui/gamification/user-statistics/components/rank/styles.d.ts

@@ -0,0 +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 Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Indicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/user-statistics/components/statistics/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface StatisticsProps {
+    indicator: string | number;
+    title: 'Win streak' | 'Correct' | 'Incorrect' | 'Success rate';
+}
+export declare const Statistics: React.FC<StatisticsProps>;
+export {};

package/lib/ui/gamification/user-statistics/components/statistics/styles.d.ts

@@ -0,0 +1,3 @@
+/// <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 Indicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/gamification/user-statistics/index.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface UserStatisticsProps {
+    avatar?: string;
+    name?: string;
+    points?: number;
+    friendsRank: number;
+    rank: number;
+    streak?: number;
+    correct?: number;
+    incorrect?: number;
+    inTop?: number;
+    average?: number;
+}
+export declare const UserStatistics: React.FC<UserStatisticsProps>;

package/lib/ui/gamification/user-statistics/styles.d.ts

@@ -0,0 +1,16 @@
+/// <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 TopInfo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const BottomInfo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const User: 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 UserInfo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const UserName: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const UserRating: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TrophyIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const Rts: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const RtsIndicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Top: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Ranks: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & 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 UserAccountBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

package/lib/ui/gamification/vote/components/voting-header/components/points/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface PointsProps {
+    points: number;
+}
+export declare const Points: React.FC<PointsProps>;
+export {};

package/lib/ui/gamification/vote/components/voting-header/components/points/styles.d.ts

@@ -0,0 +1,6 @@
+/// <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 Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const PointContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Point: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const PointLabel: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

package/lib/ui/gamification/vote/components/voting-header/components/timer/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface TimerProps {
+    isPlaying?: boolean;
+    duration?: number;
+    setTimeToExpire: (flag: boolean) => void;
+}
+export declare const Timer: React.FC<TimerProps>;
+export {};

package/lib/ui/gamification/vote/components/voting-header/components/timer/styles.d.ts

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

package/lib/ui/gamification/vote/components/voting-header/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { QuestionType } from '@streamlayer/sdk-web-types';
+export interface VotingHeaderProps {
+    points: number;
+    questionAnswered: boolean;
+    questionAnsweredCorrectly?: boolean;
+    logo: string;
+    questionType: QuestionType;
+    closeQuestion: () => void;
+    setTimeToExpire: (flag: boolean) => void;
+}
+export declare const VotingHeader: React.FC<VotingHeaderProps>;

package/lib/ui/gamification/vote/components/voting-header/styles.d.ts

@@ -0,0 +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 Logo: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const RightBlock: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ExitBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const ExitIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const Interactive: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ReactionIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    isSuccess: boolean;
+}>;
+export declare const ReactionIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

package/lib/ui/gamification/vote/components/voting-option/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { QuestionType } from '@streamlayer/sdk-web-types';
+interface VotingOptionProps {
+    icon: string;
+    title: string;
+    id: string;
+    questionId: string;
+    percentage: number;
+    disabled: boolean;
+    correct: boolean;
+    questionAnswered: boolean;
+    hasCorrectAnswer: boolean;
+    answered: boolean;
+    points: number;
+    questionType: QuestionType;
+    onVote: (questionId: string, answerId: string) => void;
+    toggleIsLoadingSubmitAnswer: (flag: boolean) => void;
+}
+export declare const VotingOption: React.FC<VotingOptionProps>;
+export {};

package/lib/ui/gamification/vote/components/voting-option/styles.d.ts

@@ -0,0 +1,13 @@
+/// <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 AnsweredContainer: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any> | undefined;
+}>;
+export declare const ButtonPct: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Button: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const Icon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & 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 Indicators: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export declare const CheckIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Percentage: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const CheckIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { QuestionType } from '@streamlayer/sdk-web-types';
+interface VoteProps {
+    title: string;
+    questionId: string;
+    options: any[];
+    questionType: QuestionType;
+    feedbackMessages: any;
+    questionAnswered: boolean;
+    questionAnsweredCorrectly?: boolean;
+}
+export declare const Vote: React.FC<VoteProps>;
+export {};

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

@@ -0,0 +1,9 @@
+/// <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 Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Options: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Loader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Feedback: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const FeedbackIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
+export declare const FeedbackTitle: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const FeedbackDescription: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/ui/icons/index.d.ts

@@ -0,0 +1,43 @@
+/// <reference types="react" />
+export declare const icons: {
+    'invite-game-icon': any;
+    'icon-trophy': any;
+    'icon-trophy-green': any;
+    'icon-trivia': any;
+    'icon-thumb-down': any;
+    'icon-star': any;
+    'icon-prediction': any;
+    'icon-poll': any;
+    'icon-masters-logo': any;
+    'icon-logout': any;
+    'icon-link': any;
+    'icon-invite-link': any;
+    'icon-invite-arrow': any;
+    'icon-friends': any;
+    'icon-exit': any;
+    'icon-default-user-avatar': any;
+    'icon-cross': any;
+    'icon-close': any;
+    'icon-close-btn-white': any;
+    'icon-circle-arrow-right': any;
+    'icon-chevron': any;
+    'icon-chevron-white-left': any;
+    'icon-chevron-left': any;
+    'icon-check': any;
+    'icon-check-white': any;
+    'icon-check-green': any;
+    'icon-btn-channels': any;
+    'icon-btn-feature-groups': any;
+    'icon-btn-leaderboard': any;
+    fedex: any;
+};
+export declare const Icon: React.FC<{
+    name: keyof typeof icons;
+}>;
+type SvgIconProps = {
+    name: keyof typeof icons;
+    style?: React.CSSProperties;
+    className?: string;
+};
+export declare const SvgIcon: React.FC<SvgIconProps>;
+export {};

package/lib/ui/login/index.d.ts

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

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+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/ui/navigation/button/Channels.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ButtonProps } from '.';
+export declare const ChannelsButtonId = "channels";
+export declare const ChannelsButton: React.FC<Omit<ButtonProps, 'label' | 'id' | 'icon'>>;

package/lib/ui/navigation/button/FeaturedGroups.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ButtonProps } from '.';
+export declare const FeaturedGroupsButtonId = "featuredGroups";
+export declare const FeaturedGroupsButton: React.FC<Omit<ButtonProps, 'label' | 'id' | 'icon'>>;

package/lib/ui/navigation/button/LeaderBoard.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ButtonProps } from '.';
+export declare const LeaderBoardButtonId = "leaderboard";
+export declare const LeaderBoardButton: React.FC<Omit<ButtonProps, 'label' | 'id' | 'icon'>>;

package/lib/ui/navigation/button/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { FeatureType } from '@streamlayer/sdk-web-types';
+export type ButtonProps = {
+    id: FeatureType | string;
+    icon?: React.ReactNode;
+    label?: string;
+    disabled?: boolean;
+    active?: boolean;
+    onClick?: () => void;
+    position?: number;
+};
+export declare const Button: React.FC<ButtonProps>;

package/lib/ui/navigation/button/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const SButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const ButtonIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;