@streamlayer/react-ui 0.42.0 → 0.43.0

package/lib/ui/timer/index.js

@@ -0,0 +1,37 @@
+import { jsx as R } from "react/jsx-runtime";
+import { styled as E } from "@linaria/react";
+import { useState as O, useCallback as n } from "react";
+import { CountdownCircleTimer as S } from "react-countdown-circle-timer";
+import { COLORS as t } from "../theme/constants.js";
+const f = [t.PRIMARY_GREEN1, t.SECONDARY_RED1, t.SECONDARY_RED1], _ = [10, 10, 0], A = E.div`
+  font-weight: var(--font-weight-default);
+`, D = t.SECONDARY_GREEN6, c = t.SECONDARY_RED3, N = t.NEUTRALS_GRAY3, T = ({ isPlaying: l = !0, duration: s = 30, onTimerExpired: o }) => {
+  const [i, r] = O(s > 10 ? D : c), C = ({ remainingTime: e }) => /* @__PURE__ */ R(A, { children: e }), m = n(() => {
+    o == null || o(), r(N);
+  }, [o, r]), a = n(
+    (e) => {
+      e === 10 && r(c);
+    },
+    [r]
+  );
+  return /* @__PURE__ */ R(
+    S,
+    {
+      isPlaying: l,
+      duration: s,
+      colors: f,
+      colorsTime: _,
+      size: 32,
+      strokeWidth: 2,
+      trailStrokeWidth: 2,
+      trailColor: i,
+      onComplete: m,
+      onUpdate: a,
+      children: C
+    }
+  );
+};
+export {
+  A as RemainingTime,
+  T as Timer
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.42.0",
+  "version": "0.43.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -27,16 +27,16 @@
   ],
   "peerDependencies": {
     "@streamlayer/sl-eslib": "^5.52.0",
-    "@streamlayer/feature-gamification": "^0.18.1",
-    "@streamlayer/sdk-web": "^0.28.3",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.10.12",
-    "@streamlayer/sdk-web-api": "^0.0.6",
-    "@streamlayer/sdk-web-core": "^0.15.0",
-    "@streamlayer/sdk-web-features": "^0.10.6",
-    "@streamlayer/sdk-web-interfaces": "^0.18.4",
-    "@streamlayer/sdk-web-notifications": "^0.10.3",
-    "@streamlayer/sdk-web-storage": "^0.3.6",
-    "@streamlayer/sdk-web-types": "^0.16.4"
+    "@streamlayer/feature-gamification": "^0.18.2",
+    "@streamlayer/sdk-web": "^0.28.4",
+    "@streamlayer/sdk-web-anonymous-auth": "^0.10.13",
+    "@streamlayer/sdk-web-api": "^0.0.7",
+    "@streamlayer/sdk-web-core": "^0.15.1",
+    "@streamlayer/sdk-web-features": "^0.10.7",
+    "@streamlayer/sdk-web-interfaces": "^0.18.5",
+    "@streamlayer/sdk-web-notifications": "^0.10.4",
+    "@streamlayer/sdk-web-storage": "^0.3.7",
+    "@streamlayer/sdk-web-types": "^0.16.5"
   },
   "nx": {
     "implicitDependencies": [
@@ -73,6 +73,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.24.1"
+    "@streamlayer/react": "^0.24.3"
   }
 }

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

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

@@ -1,13 +0,0 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import { Container as r, Title as t, PointContainer as e, Point as l, PointLabel as c } from "./styles.js";
-import "@linaria/react";
-const s = ({ points: o }) => /* @__PURE__ */ n(r, { children: [
-  /* @__PURE__ */ i(t, { children: "YOU WON" }),
-  /* @__PURE__ */ n(e, { children: [
-    /* @__PURE__ */ i(l, { children: o }),
-    /* @__PURE__ */ i(c, { children: "PTS" })
-  ] })
-] });
-export {
-  s as Points
-};

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

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

package/lib/ui/gamification/vote/vote-header/index.js

@@ -1,20 +0,0 @@
-import { jsxs as n, jsx as o } from "react/jsx-runtime";
-import { QuestionTypeData as i } from "../../constants.js";
-import { Container as p, QuestionTypeWrap as s, QuestionTypeIcon as m, QuestionTypeTitle as c, CloseButton as l, CloseIcon as a } from "./styles.js";
-import "@streamlayer/sdk-web-types";
-import "@linaria/react";
-import "../../../icons/index.js";
-import "react";
-const Q = ({ type: t, close: r }) => {
-  const e = i[t];
-  return e ? /* @__PURE__ */ n(p, { children: [
-    /* @__PURE__ */ n(s, { children: [
-      /* @__PURE__ */ o(m, { name: e.iconName }),
-      /* @__PURE__ */ o(c, { children: e.label })
-    ] }),
-    /* @__PURE__ */ o(l, { onClick: r, children: /* @__PURE__ */ o(a, { name: "icon-cross" }) })
-  ] }) : null;
-};
-export {
-  Q as VoteHeader
-};