@streamlayer/react-ui 0.42.1 → 0.43.0

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

@@ -1,32 +0,0 @@
-import { styled as i } from "@linaria/react";
-const n = i.div`
-  display: flex;
-  flex-direction: column;
-  align-items: flex-end;
-  margin-right: 10px;
-  font-weight: 700;
-`, e = i.div`
-  color: rgba(255, 255, 255, 0.8);
-  font-size: 8px;
-  line-height: 12px;
-  text-align: right;
-`, o = i.div`
-  text-align: right;
-`, l = i.span`
-  color: rgba(255, 255, 255, 0.9);
-  font-size: 14px;
-  line-height: 16px;
-  margin-right: 2px;
-`, r = i.span`
-  color: white;
-  font-size: 10px;
-  font-weight: 600;
-  line-height: 16px;
-`;
-export {
-  n as Container,
-  l as Point,
-  o as PointContainer,
-  r as PointLabel,
-  e as Title
-};

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

@@ -1,8 +0,0 @@
-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/index.js

@@ -1,28 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { useEffect as R } from "react";
-import { CountdownCircleTimer as m } from "react-countdown-circle-timer";
-import { COLORS as r } from "../../../../../../theme/constants.js";
-import { RemainingTime as s } from "./styles.js";
-import "@linaria/react";
-const E = [r.BLUE_PRIMARY, r.GREEN_1, r.RED_1], T = [10, 6, 0], _ = 30, l = 32, I = 4, O = 0, h = ({ isPlaying: i = !0, duration: n = _, setTimeToExpire: o }) => {
-  const c = ({ remainingTime: t }) => /* @__PURE__ */ e(s, { style: { color: t ? "inherit" : void 0 }, children: t });
-  return R(() => {
-    o(!1);
-  }, [o]), /* @__PURE__ */ e(
-    m,
-    {
-      isPlaying: i,
-      duration: n,
-      colors: E,
-      colorsTime: T,
-      size: l,
-      strokeWidth: I,
-      trailStrokeWidth: O,
-      onComplete: () => o(!0),
-      children: c
-    }
-  );
-};
-export {
-  h as Timer
-};

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

@@ -1,2 +0,0 @@
-/// <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/components/timer/styles.js

@@ -1,8 +0,0 @@
-import { styled as o } from "@linaria/react";
-const e = o.div`
-  color: var(--color-red-2);
-  font-size: 12px;
-`;
-export {
-  e as RemainingTime
-};

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

@@ -1,12 +0,0 @@
-/// <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/index.js

@@ -1,44 +0,0 @@
-import { jsxs as N, jsx as M, Fragment as O } from "react/jsx-runtime";
-import { QuestionType as j } from "@streamlayer/sdk-web-types";
-import { i as E } from "../../../../../icon-exit-6a55bb8f.js";
-import { Points as z } from "./components/points/index.js";
-import { Timer as k } from "./components/timer/index.js";
-import { Container as C, RightBlock as w, Interactive as Y, ReactionIconWrap as c, ReactionIcon as y, ExitBtn as o, ExitIcon as r, Logo as a } from "./styles.js";
-import "./components/points/styles.js";
-import "@linaria/react";
-import "react";
-import "react-countdown-circle-timer";
-import "../../../../theme/constants.js";
-import "./components/timer/styles.js";
-const n = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMCAwIDIyIDIyIiBmaWxsPSJub25lIj4KICAgIDxwYXRoIGQ9Ik01LjUgMi43ODg2N1YxMi40MTM3QzUuNSAxMy4xNzI5IDQuODg0MjYgMTMuNzUgNC4xMjUgMTMuNzVIMS4zNzVDMC42MTU3NDIgMTMuNzUgMCAxMy4xMzQzIDAgMTIuNDEzN1YyLjgyNzM0QzAgMi4wNjgwOCAwLjYxNTc0MiAxLjQ5MTAyIDEuMzc1IDEuNDkxMDJINC4xMjVDNC44ODU1NSAxLjQxMzY3IDUuNSAxLjk5Mzc1IDUuNSAyLjc4ODY3Wk0yMiAxMi4zNzA3QzIyIDEzLjUwOTQgMjEuMDc3IDE0LjQzMjMgMTkuOTM3NSAxNC40MzIzSDEzLjY0MjZDMTQuNjIxIDE2LjA2MTMgMTUuMTI1OSAxNy45MDc3IDE1LjEyNTkgMTguNTU4MkMxNS4xMjUgMTkuNTcxNCAxNC4zMzAxIDIwLjYyNSAxMi45OTggMjAuNjI1QzEwLjI4NTQgMjAuNjI1IDExLjg2NTQgMTcuMzUyOSA4LjM0ODgzIDE0LjU0MDZMNy42NDg0NCAxMy45ODJDNy4xNDE0MSAxMy41NzM4IDYuODgzNTkgMTIuOTc2NiA2Ljg3OTMgMTIuMzc1QzYuODc4MjkgMTIuMzc0IDYuODc5MyAxMi4zNzUgNi44NzkzIDEyLjM3NUw2Ljg3NSA1LjVDNi44NzUgNC44NTExNyA3LjE4MDY0IDQuMjM5NzMgNy43IDMuODUwNDNMOS4xNjY5NSAyLjc1MDg2QzEwLjM1NTUgMS44NTYyNSAxMS44MDM1IDEuMzc1IDEzLjI5MDIgMS4zNzVIMTUuODEyNUMxNi45NTIgMS4zNzUgMTcuODc1IDIuMjk3NTQgMTcuODc1IDMuNDM2NjRDMTcuODc1IDMuNTkyODMgMTcuODU0NCAzLjc0MzU3IDE3LjgyMTUgMy44ODk5NkMxOC42NDg0IDQuMTU5MzcgMTkuMjUgNC45MjQyMiAxOS4yNSA1Ljg0Mzc1QzE5LjI1IDYuMjM2ODMgMTkuMTM0MSA2LjYwMDQzIDE4Ljk0MzIgNi45MTI4MUMxOS44OTg4IDcuMDg5ODQgMjAuNjI1IDcuOTI3NzMgMjAuNjI1IDguOTMzMkMyMC42MjUgOS40NzAzMSAyMC40MTQ4IDkuOTU1IDIwLjA3ODQgMTAuMzIyQzIxLjE0OTIgMTAuMzk0MSAyMiAxMS4yNzkzIDIyIDEyLjM3MDdaIiBmaWxsPSJ3aGl0ZSIvPgogIDwvc3ZnPgo=", t = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGlkPSJUcm9waHkiPgogICAgICA8cGF0aCBpZD0iQ29tYmluZWQgU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMi43NjkxNiAzLjUwMDAyQzIuNzY5MTYgNC40OTc4NiAyLjk0NzA1IDUuMzgzNDggMy4zMDI4MiA2LjE1NjkyQzIuNjI0OTMgNi4wMTg0NyAyLjA1ODgzIDUuNzQ4NzIgMS42MDQ1IDUuMzQ3NjhDMS4xNTAxNyA0Ljk0NjYzIDAuOTIzMDA4IDQuNTU5OTIgMC45MjMwMDggNC4xODc1MlYzLjUwMDAySDIuNzY5MTZaTTExLjA3NjggMy41MDAwMlY0LjE4NzUyQzExLjA3NjggNC41NTk5MiAxMC44NDk3IDQuOTQ2NjMgMTAuMzk1MyA1LjM0NzY4QzkuOTQxIDUuNzQ4NzIgOS4zNzQ5IDYuMDE4NDcgOC42OTcwMSA2LjE1NjkyQzkuMDUyNzggNS4zODM0OCA5LjIzMDY2IDQuNDk3ODYgOS4yMzA2NiAzLjUwMDAySDExLjA3NjhaTTEyIDQuMTg3NVYzLjI3MDgzQzEyIDMuMDc5ODYgMTEuOTMyNyAyLjkxNzU0IDExLjc5ODEgMi43ODM4NUMxMS42NjM1IDIuNjUwMTcgMTEuNSAyLjU4MzMzIDExLjMwNzcgMi41ODMzM0g5LjIzMDc3VjEuODk1ODNDOS4yMzA3NyAxLjU4MDczIDkuMTE3NzkgMS4zMTA5OCA4Ljg5MTgzIDEuMDg2NTlDOC42NjU4NiAwLjg2MjE5NSA4LjM5NDIzIDAuNzUgOC4wNzY5MiAwLjc1SDMuOTIzMDhDMy42MDU3NyAwLjc1IDMuMzM0MTQgMC44NjIxOTUgMy4xMDgxNyAxLjA4NjU5QzIuODgyMjEgMS4zMTA5OCAyLjc2OTIzIDEuNTgwNzMgMi43NjkyMyAxLjg5NTgzVjIuNTgzMzNIMC42OTIzMDhDMC40OTk5OTkgMi41ODMzMyAwLjMzNjUzOSAyLjY1MDE3IDAuMjAxOTIzIDIuNzgzODVDMC4wNjczMDcgMi45MTc1NCAwIDMuMDc5ODYgMCAzLjI3MDgzVjQuMTg3NUMwIDQuNTI2NDggMC4wOTk3NTg2IDQuODY3ODQgMC4yOTkyNzkgNS4yMTE1OUMwLjQ5ODc5OSA1LjU1NTM0IDAuNzY4MDI3IDUuODY1NjcgMS4xMDY5NyA2LjE0MjU4QzEuNDQ1OTIgNi40MTk0OSAxLjg2MTc4IDYuNjUyMjMgMi4zNTQ1NyA2Ljg0MDgyQzIuODQ3MzYgNy4wMjk0MSAzLjM2NTM4IDcuMTM1NjMgMy45MDg2NSA3LjE1OTUxQzQuMTEwNTggNy40MTczMiA0LjMzODk0IDcuNjQ0MSA0LjU5Mzc1IDcuODM5ODRDNC43NzY0NCA4LjAwMjE3IDQuOTAyNjQgOC4xNzUyNCA0Ljk3MjM2IDguMzU5MDVDNS4wNDIwNyA4LjU0Mjg2IDUuMDc2OTIgOC43NTY1MSA1LjA3NjkyIDlDNS4wNzY5MiA5LjI1NzgxIDUuMDAzNjEgOS40NzUwNCA0Ljg1Njk3IDkuNjUxNjlDNC43MTAzNCA5LjgyODM0IDQuNDc1OTYgOS45MTY2NyA0LjE1Mzg1IDkuOTE2NjdDMy43OTMyNyA5LjkxNjY3IDMuNDcyMzYgMTAuMDI1MyAzLjE5MTExIDEwLjI0MjVDMi45MDk4NSAxMC40NTk3IDIuNzY5MjMgMTAuNzMzMSAyLjc2OTIzIDExLjA2MjVWMTEuNTIwOEMyLjc2OTIzIDExLjU4NzcgMi43OTA4NyAxMS42NDI2IDIuODM0MTMgMTEuNjg1NUMyLjg3NzQgMTEuNzI4NSAyLjkzMjY5IDExLjc1IDMgMTEuNzVIOUM5LjA2NzMxIDExLjc1IDkuMTIyNiAxMS43Mjg1IDkuMTY1ODYgMTEuNjg1NUM5LjIwOTEzIDExLjY0MjYgOS4yMzA3NyAxMS41ODc3IDkuMjMwNzcgMTEuNTIwOFYxMS4wNjI1QzkuMjMwNzcgMTAuNzMzMSA5LjA5MDE1IDEwLjQ1OTcgOC44MDg4OSAxMC4yNDI1QzguNTI3NjQgMTAuMDI1MyA4LjIwNjczIDkuOTE2NjcgNy44NDYxNSA5LjkxNjY3QzcuNTI0MDQgOS45MTY2NyA3LjI4OTY2IDkuODI4MzQgNy4xNDMwMyA5LjY1MTY5QzYuOTk2MzkgOS40NzUwNCA2LjkyMzA4IDkuMjU3ODEgNi45MjMwOCA5QzYuOTIzMDggOC43NTY1MSA2Ljk1NzkzIDguNTQyODYgNy4wMjc2NCA4LjM1OTA1QzcuMDk3MzYgOC4xNzUyNCA3LjIyMzU2IDguMDAyMTcgNy40MDYyNSA3LjgzOTg0QzcuNjYxMDYgNy42NDQxIDcuODg5NDIgNy40MTczMiA4LjA5MTM1IDcuMTU5NTFDOC42MzQ2MiA3LjEzNTYzIDkuMTUyNjQgNy4wMjk0MSA5LjY0NTQzIDYuODQwODJDMTAuMTM4MiA2LjY1MjIzIDEwLjU1NDEgNi40MTk0OSAxMC44OTMgNi4xNDI1OEMxMS4yMzIgNS44NjU2NyAxMS41MDEyIDUuNTU1MzQgMTEuNzAwNyA1LjIxMTU5QzExLjkwMDIgNC44Njc4NCAxMiA0LjUyNjQ4IDEyIDQuMTg3NVpNNS4wNzAzMyA1LjM4NDkxTDYuMDM4MyA0Ljg3NTAzTDcuMDA2MjcgNS4zODQ5MUw2LjgyMTQgNC4zMDQ5N0w3LjYwNDUxIDMuNTQwMTZMNi41MjIyOCAzLjM4MjZMNi4wMzgzIDIuNDAwMDNMNS41NTQzMSAzLjM4MjZMNC40NzIwOSAzLjU0MDE2TDUuMjU1MTkgNC4zMDQ5N0w1LjA3MDMzIDUuMzg0OTFaIiBmaWxsPSJ3aGl0ZSIvPgogICAgPC9nPgogIDwvc3ZnPgo=", R = ({
-  logo: g,
-  points: T,
-  questionAnswered: D,
-  questionAnsweredCorrectly: A,
-  questionType: I,
-  closeQuestion: L,
-  setTimeToExpire: i
-}) => {
-  const x = !D && I !== j.PREDICTION, u = D && I === j.TRIVIA, S = u && A, Q = u && !A, U = D && I === j.PREDICTION;
-  return /* @__PURE__ */ N(C, { children: [
-    /* @__PURE__ */ N(w, { children: [
-      /* @__PURE__ */ N(Y, { children: [
-        x && /* @__PURE__ */ M(k, { setTimeToExpire: i }),
-        S && /* @__PURE__ */ N(O, { children: [
-          /* @__PURE__ */ M(z, { points: T }),
-          /* @__PURE__ */ M(c, { isSuccess: !0, children: /* @__PURE__ */ M(y, { alt: "reaction-icon", src: t }) })
-        ] }),
-        Q && /* @__PURE__ */ N(O, { children: [
-          /* @__PURE__ */ M(z, { points: 0 }),
-          /* @__PURE__ */ M(c, { isSuccess: !1, children: /* @__PURE__ */ M(y, { alt: "reaction-icon", src: n }) })
-        ] }),
-        U && /* @__PURE__ */ M(z, { points: T })
-      ] }),
-      /* @__PURE__ */ M(o, { onClick: L, children: /* @__PURE__ */ M(r, { alt: "exit-icon", src: E }) })
-    ] }),
-    g && /* @__PURE__ */ M(a, { src: g })
-  ] });
-};
-export {
-  R as VotingHeader
-};

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

@@ -1,11 +0,0 @@
-/// <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-header/styles.js

@@ -1,57 +0,0 @@
-import { styled as t } from "@linaria/react";
-const n = t.div`
-  box-sizing: border-box;
-  background-color: transparent;
-  color: var(--color-white);
-  display: flex;
-  flex-direction: row-reverse;
-  justify-content: space-between;
-  padding: 0px 16px;
-  align-items: center;
-  min-height: 40px;
-`, o = t.img`
-  width: 60px;
-  height: 80%;
-`, r = t.div`
-  display: flex;
-  align-items: center;
-`, c = t.button`
-  border: none;
-  outline: none;
-  background-color: transparent;
-  border-radius: 50%;
-  padding: 0px;
-  width: 24px;
-  height: 24px;
-  margin-left: 25px;
-  cursor: pointer;
-`, d = t.img`
-  width: 24px;
-  height: 24px;
-`, p = t.div`
-  display: flex;
-  align-items: center;
-  padding: 4px 0px;
-  margin-left: 10px;
-`, a = t.div`
-  background-color: ${(e) => e.isSuccess ? "#f1be1c" : "#da3732"};
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`, s = t.img`
-  width: 20px;
-  height: 20px;
-`;
-export {
-  n as Container,
-  c as ExitBtn,
-  d as ExitIcon,
-  p as Interactive,
-  o as Logo,
-  s as ReactionIcon,
-  a as ReactionIconWrap,
-  r as RightBlock
-};