@streamlayer/react-ui 0.97.1 → 0.98.1

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

@@ -1,11 +1,11 @@
-import { jsx as n, jsxs as B, Fragment as tt } from "react/jsx-runtime";
-import { useState as m, useEffect as g, useCallback as O, useRef as rt, useMemo as l } from "react";
-import { QuestionType as a, QuestionStatus as x } from "@streamlayer/sdk-web-types";
-import { ExpiredAlert as et } from "./expired-alert/index.js";
-import { Feedback as it } from "./feedback/index.js";
-import { QuestionScrollContainer as ot, Container as st, Content as at, Title as nt, Options as ct } from "./styles.js";
-import { VotingOption as mt } from "./vote-option/index.js";
-import { WinBar as lt } from "./win-bar/index.js";
+import { jsx as a, jsxs as j, Fragment as st } from "react/jsx-runtime";
+import { useRef as F, useState as c, useEffect as v, useCallback as q, useMemo as u } from "react";
+import { QuestionType as o, QuestionStatus as x } from "@streamlayer/sdk-web-types";
+import { ExpiredAlert as ot } from "./expired-alert/index.js";
+import { Feedback as nt } from "./feedback/index.js";
+import { QuestionScrollContainer as at, Container as ct, Content as mt, Title as lt, Options as ut } from "./styles.js";
+import { VotingOption as ft } from "./vote-option/index.js";
+import { WinBar as dt } from "./win-bar/index.js";
 import "../../icons/index.js";
 import "@linaria/react";
 import "./expired-alert/styles.js";
@@ -20,132 +20,142 @@ import "../../timer/index.js";
 import "react-countdown-circle-timer";
 import "../../theme/constants.js";
 import "./win-bar/styles.js";
-const Nt = ({ openedQuestion: t, isLoading: E, vote: P, close: p }) => {
-  var M, b;
-  const L = t.subject, o = t.type, u = t.status, I = (M = t.options) == null ? void 0 : M.options, h = t.marketClosed, y = t.id, [V, W] = m(!1), [C, Y] = m(!1), [T, q] = m(!0), [c, F] = m(!1), [A, v] = m(""), [w, H] = m(""), [_, D] = m(!1);
-  g(() => {
-    w && D(!0);
-  }, [w]), g(() => {
-    o === a.PREDICTION ? h && q(!1) : u === x.RESOLVED && q(!1);
+const Tt = (t, d) => {
+  switch (t) {
+    case "already_voted":
+      return d === o.POLL ? "You’ve already answered this question on another device." : "You’ve already answered this question on another device. So the points for this answer won't tally.";
+    default:
+      return "Something went wrong, please try again";
+  }
+}, Lt = ({ openedQuestion: t, isLoading: d, vote: N, close: y }) => {
+  var W, Y;
+  const H = t.subject, e = t.type, T = t.status, E = (W = t.options) == null ? void 0 : W.options, I = t.marketClosed, V = t.id, S = F(), [h, _] = c(!1), [w, z] = c(!1), [C, k] = c(!0), [m, G] = c(!1), [M, R] = c(""), [g, J] = c(""), [O, b] = c(!1), [K, U] = c(!1);
+  v(() => {
+    e === o.PREDICTION ? I && k(!1) : T === x.RESOLVED && k(!1);
   }, []);
-  const z = O((i) => {
-    Y(i), W(!0);
-  }, []), R = rt(!1), S = O(
-    async (i) => {
-      if (!R.current && (R.current = !0, y)) {
-        const d = i.currentTarget.value;
-        v(d);
+  const X = q((s) => {
+    z(s), _(!0);
+  }, []), P = F(!1), L = q(
+    async (s) => {
+      if (!P.current && (P.current = !0, V)) {
+        const l = s.currentTarget.value;
+        R(l);
         try {
-          await P(y, d);
-        } catch (j) {
-          const Q = j.message === "already_voted" ? "You’ve already answered this question on other device. So the points for this answer won't tally." : "Something went wrong, please try again";
-          H(Q), v(""), console.error("Error while voting", j), R.current = !1;
+          await N(V, l);
+        } catch (p) {
+          J(Tt(p.message, e)), R(""), console.error("Error while voting", p), P.current = !1;
         }
       }
     },
-    [y, v, P]
-  ), G = O(() => {
-    F(!0), setTimeout(p, 3e3);
-  }, [p]), r = l(
-    () => t == null ? void 0 : t.answers.find((i) => i.youVoted === !0),
+    [e, V, R, N]
+  ), Z = q(() => {
+    G(!0), setTimeout(y, 3e3);
+  }, [y]), r = u(
+    () => t == null ? void 0 : t.answers.find((s) => s.youVoted === !0),
     [t]
-  ), s = l(
-    () => !!(t != null && t.answers.find((i) => i.correct === !0)),
+  ), n = u(
+    () => !!(t != null && t.answers.find((s) => s.correct === !0)),
     [t]
-  ), e = l(
-    () => t == null ? void 0 : t.answers.find((i) => i.correct === !0),
+  ), i = u(
+    () => t == null ? void 0 : t.answers.find((s) => s.correct === !0),
     [t]
   );
-  g(() => {
-    let i;
-    return o === a.PREDICTION && r && V && (i = setTimeout(p, 1e4)), () => {
-      clearTimeout(i);
-    };
-  }, [r]);
-  const J = l(() => t ? t.answers.map((i) => {
-    var d;
+  v(() => {
+    e === o.PREDICTION && r && h && !K && (S.current = setTimeout(y, 1e4), U(!0));
+  }, [r]), v(() => () => {
+    clearTimeout(S.current);
+  }, []);
+  const A = u(() => t ? t.answers.map((s) => {
+    var l;
     return {
-      ...i,
+      ...s,
       questionVoted: !!r,
-      youSelected: A === i.id,
-      isLoading: E,
-      hasCorrectAnswer: s,
+      youSelected: M === s.id,
+      isLoading: d,
+      hasCorrectAnswer: n,
       questionType: t.type,
-      answerTimeExpired: c,
-      questionStatus: u,
-      imageMode: (d = t.appearance) == null ? void 0 : d.images,
-      onVote: S
+      answerTimeExpired: m,
+      questionStatus: T,
+      imageMode: (l = t.appearance) == null ? void 0 : l.images,
+      onVote: L
     };
   }) : [], [
-    s,
-    c,
-    E,
+    n,
+    m,
+    d,
     t,
     r,
-    u,
-    S,
-    A
-  ]), K = I && (I.case === "trivia" || I.case === "prediction") ? I.value : void 0, f = u === x.RESOLVED && o === a.TRIVIA && !r && !T, N = o === a.TRIVIA && C && V && T, k = l(() => o === a.PREDICTION ? !!(r && !s || r && s && (e != null && e.youVoted)) : !0, [o, r, s, e]), U = l(() => {
-    if (o === a.PREDICTION && r && (!s || s && (e != null && e.youVoted)))
+    T,
+    L,
+    M
+  ]);
+  v(() => {
+    const s = A.some(({ percentageDecimal: p }) => p !== 0), l = r && e === o.PREDICTION;
+    g && (!s || I && l) && b(!0);
+  }, [A, g, I, e, r]);
+  const $ = E && (E.case === "trivia" || E.case === "prediction") ? E.value : void 0, f = T === x.RESOLVED && e === o.TRIVIA && !r && !C, B = e === o.TRIVIA && w, D = u(() => e === o.PREDICTION ? !!(r && !n || r && n && (i != null && i.youVoted)) : !0, [e, r, n, i]), Q = u(() => {
+    if (e === o.PREDICTION && r && (!n || n && (i != null && i.youVoted)))
       return r.points;
-    if (!(f || c))
-      return r ? r.correct ? r.pointsEarned : 0 : e == null ? void 0 : e.points;
-  }, [c, r, e, f, o, s]), X = l(() => o === a.PREDICTION && r ? s ? s && (e != null && e.youVoted) ? "You won" : "" : "To win" : f || c ? "Time expired" : o === a.POLL ? "Time remaining" : r ? "You won" : "To win", [c, o, r, f, s, e]), Z = (o === a.TRIVIA || o === a.PREDICTION) && r && s && (e == null ? void 0 : e.youVoted), $ = r || f || N || o === a.TRIVIA && u === x.RESOLVED && T;
-  return /* @__PURE__ */ n(ot, { children: /* @__PURE__ */ n(st, { children: /* @__PURE__ */ B(at, { children: [
-    /* @__PURE__ */ n(
-      it,
+    if (!(f || m))
+      return r ? r.correct ? r.pointsEarned : 0 : i == null ? void 0 : i.points;
+  }, [m, r, i, f, e, n]), tt = u(() => e === o.PREDICTION && r ? n ? n && (i != null && i.youVoted) ? "You won" : "" : "To win" : f || m ? "Time expired" : e === o.POLL ? "Time remaining" : r ? "You won" : "To win", [m, e, r, f, n, i]), rt = !D || D && e === o.PREDICTION && h && !O, et = (e === o.TRIVIA || e === o.PREDICTION) && r && n && (i == null ? void 0 : i.youVoted), it = r || f || B || e === o.TRIVIA && T === x.RESOLVED && C;
+  return /* @__PURE__ */ a(at, { children: /* @__PURE__ */ a(ct, { children: /* @__PURE__ */ j(mt, { children: [
+    /* @__PURE__ */ a(
+      nt,
       {
-        feedbackMessages: K,
+        feedbackMessages: $,
         questionVoted: !!r,
         questionVotedCorrectly: r == null ? void 0 : r.correct,
-        questionType: o,
-        hasCorrectAnswer: s,
+        questionType: e,
+        hasCorrectAnswer: n,
         showExpiredNotification: f,
-        showClosedNotificationTrivia: N,
-        votedInCurrentRender: V,
-        votedAfterQuestionClosed: C,
-        enteredAnActiveQuestion: T,
-        marketClosed: h,
-        percentsAnimated: _,
-        voteErrorMessage: w
+        showClosedNotificationTrivia: B,
+        votedInCurrentRender: h,
+        votedAfterQuestionClosed: w,
+        enteredAnActiveQuestion: C,
+        marketClosed: I,
+        percentsAnimated: O,
+        voteErrorMessage: g
       }
     ),
-    k && /* @__PURE__ */ n(
-      lt,
+    D && /* @__PURE__ */ a(
+      dt,
       {
-        title: X,
-        points: U,
-        onTimerExpired: G,
+        title: tt,
+        points: Q,
+        onTimerExpired: Z,
         questionType: t.type,
-        isTimer: !E,
+        isTimer: !d,
         isPlayingTimer: !r,
-        animatePoints: Z,
-        timerDuration: $ ? 0 : Number(((b = t == null ? void 0 : t.appearance) == null ? void 0 : b.autoHideInterval) || "30")
+        animatePoints: et,
+        timerDuration: it ? 0 : Number(((Y = t == null ? void 0 : t.appearance) == null ? void 0 : Y.autoHideInterval) || "30"),
+        votedInCurrentRender: h,
+        percentsAnimated: O
       }
     ),
-    c ? /* @__PURE__ */ n(
-      et,
+    m ? /* @__PURE__ */ a(
+      ot,
       {
         title: "More to come...",
         description: "Watch for additional enhanced stream interactive experience."
       }
-    ) : /* @__PURE__ */ B(tt, { children: [
-      /* @__PURE__ */ n(nt, { style: k ? {} : { marginTop: 0 }, children: L }),
-      /* @__PURE__ */ n(ct, { children: J.map((i) => /* @__PURE__ */ n(
-        mt,
+    ) : /* @__PURE__ */ j(st, { children: [
+      /* @__PURE__ */ a(lt, { style: rt ? { marginTop: 0 } : {}, children: H }),
+      /* @__PURE__ */ a(ut, { children: A.map((s) => /* @__PURE__ */ a(
+        ft,
         {
-          ...i,
-          markThatVoted: z,
-          onPercentsAnimated: () => D(!0),
-          votedAfterQuestionClosed: C,
-          enteredAnActiveQuestion: T,
-          marketClosed: h
+          ...s,
+          markThatVoted: X,
+          onPercentsAnimated: () => b(!0),
+          votedAfterQuestionClosed: w,
+          enteredAnActiveQuestion: C,
+          marketClosed: I
         },
-        i.id
+        s.id
       )) })
     ] })
   ] }) }) });
 };
 export {
-  Nt as Vote
+  Lt as Vote
 };

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

@@ -1,95 +1,97 @@
-import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { useState as j, useLayoutEffect as U } from "react";
-import { QuestionImages as a, QuestionType as o, QuestionStatus as A } from "@streamlayer/sdk-web-types";
+import { QuestionImages as a, QuestionType as o, QuestionStatus as S } from "@streamlayer/sdk-web-types";
 import { AnimatedCounter as $ } from "../../../animated-counter/index.js";
 import { IconDefault as y, IconContainer as F, IconWrap as M, IconCircle as W, ButtonContainer as z, ButtonPct as G, ButtonBody as H, Title as J, Pts as K, Indicators as X, CheckIcon as Y, Percentage as Z } from "./styles.js";
 import "react-countup";
 import "@linaria/react";
 import "../../../icons/index.js";
-const I = {
-  [a.CENTERED]: (t) => /* @__PURE__ */ n(y, { alt: "option-icon", src: t }),
-  [a.TRANSPARENT]: (t) => /* @__PURE__ */ n(F, { children: /* @__PURE__ */ n(M, { style: { backgroundImage: `url(${t})` } }) }),
-  [a.ROUNDED]: (t) => /* @__PURE__ */ n(W, { alt: "option-icon", src: t }),
+const E = {
+  [a.CENTERED]: (t) => /* @__PURE__ */ e(y, { alt: "option-icon", src: t }),
+  [a.TRANSPARENT]: (t) => /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(M, { style: { backgroundImage: `url(${t})` } }) }),
+  [a.ROUNDED]: (t) => /* @__PURE__ */ e(W, { alt: "option-icon", src: t }),
   [a.NONE]: () => null,
   [a.UNSET]: () => null
-}, _ = ({ questionType: t, hasCorrectAnswer: c, correct: r, youVoted: i, questionVoted: e }) => {
-  if (t === o.POLL && i)
+}, _ = ({ questionType: t, hasCorrectAnswer: c, correct: n, youVoted: r, questionVoted: i }) => {
+  if (t === o.POLL && r)
     return "correct";
   if (t === o.PREDICTION) {
-    if (c && e)
-      return i ? r ? "correct" : "incorrect" : "unset";
-    if (i)
+    if (c && i)
+      return r ? n ? "correct" : "incorrect" : "unset";
+    if (r)
       return "correct";
   }
-  return t === o.TRIVIA && e && i ? r ? "correct" : "incorrect" : "unset";
+  return t === o.TRIVIA && i && r ? n ? "correct" : "incorrect" : "unset";
 }, q = ({
   questionType: t,
   questionVoted: c,
-  correct: r,
-  hasCorrectAnswer: i,
-  questionStatus: e
-}) => t === o.TRIVIA ? c && r : t === o.PREDICTION ? c && r && i || e === A.RESOLVED && r : !1, at = (t) => {
-  var T;
+  correct: n,
+  hasCorrectAnswer: r,
+  questionStatus: i
+}) => t === o.TRIVIA ? c && n : t === o.PREDICTION ? c && n && r || i === S.RESOLVED && n : !1, at = (t) => {
+  var N;
   const {
     // option props
     id: c,
-    icon: r,
-    text: i,
-    percentageDecimal: e,
-    points: N,
+    icon: n,
+    text: r,
+    percentageDecimal: i,
+    points: D,
     // extra props
-    onVote: S,
-    markThatVoted: D,
-    onPercentsAnimated: w,
-    youSelected: E,
+    onVote: w,
+    markThatVoted: A,
+    onPercentsAnimated: m,
+    youSelected: h,
     questionVoted: s,
-    imageMode: h,
+    imageMode: C,
     answerTimeExpired: O,
-    questionStatus: C,
+    questionStatus: p,
     isLoading: g,
     questionType: d,
     correct: k,
     hasCorrectAnswer: v,
     votedAfterQuestionClosed: x,
     enteredAnActiveQuestion: P,
-    marketClosed: l
-  } = t, [L, p] = j(e), m = _(t), Q = q({ questionType: d, questionVoted: s, correct: k, hasCorrectAnswer: v, questionStatus: C }), f = l && d === o.PREDICTION, R = s || f, B = d === o.PREDICTION && !s && !l, V = s && !E && m !== "incorrect";
+    marketClosed: f
+  } = t, [L, R] = j(0), I = _(t), Q = q({ questionType: d, questionVoted: s, correct: k, hasCorrectAnswer: v, questionStatus: p }), u = f && d === o.PREDICTION, T = s || u, B = d === o.PREDICTION && !s && !f, V = s && !h && I !== "incorrect";
   return U(() => {
-    e > 0 && (p(0), requestAnimationFrame(() => {
-      p(e);
-    }));
-  }, [e]), /* @__PURE__ */ u(
+    R(0), requestAnimationFrame(() => {
+      R(i);
+    });
+  }, [i]), /* @__PURE__ */ l(
     z,
     {
       value: c,
-      "data-selected": E,
-      "data-answer-state": m,
-      disabled: s || g || O || f && !P || f && P && x,
+      "data-selected": h,
+      "data-answer-state": I,
+      disabled: s || g || O || u && !P || u && P && x,
       "data-is-not-checked": V,
       onClick: (b) => {
-        D(
-          d === o.PREDICTION ? l : C === A.RESOLVED
-        ), S(b);
+        A(
+          d === o.PREDICTION ? f : p === S.RESOLVED
+        ), w(b);
       },
       children: [
-        /* @__PURE__ */ n(
+        /* @__PURE__ */ e(
           G,
           {
-            "data-answer-state": m,
-            style: { width: `${R ? L : 0}%` },
-            onTransitionEnd: w
+            "data-answer-state": I,
+            style: { width: `${T ? L : 0}%` },
+            onTransitionEnd: () => {
+              u || m == null || m();
+            }
           }
         ),
-        /* @__PURE__ */ u(H, { children: [
-          r && h && ((T = I[h]) == null ? void 0 : T.call(I, r)),
-          /* @__PURE__ */ n(J, { children: i }),
-          B && /* @__PURE__ */ u("div", { children: [
-            N,
-            /* @__PURE__ */ n(K, { children: "pts" })
+        /* @__PURE__ */ l(H, { children: [
+          n && C && ((N = E[C]) == null ? void 0 : N.call(E, n)),
+          /* @__PURE__ */ e(J, { children: r }),
+          B && /* @__PURE__ */ l("div", { children: [
+            D,
+            /* @__PURE__ */ e(K, { children: "pts" })
           ] }),
-          R && /* @__PURE__ */ u(X, { children: [
-            Q && /* @__PURE__ */ n(Y, { name: "selected" }),
-            /* @__PURE__ */ n(Z, { children: /* @__PURE__ */ n($, { value: e, suffix: "%" }) })
+          T && /* @__PURE__ */ l(X, { children: [
+            Q && /* @__PURE__ */ e(Y, { name: "selected" }),
+            /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e($, { value: i, suffix: "%" }) })
           ] })
         ] })
       ]

package/lib/ui/gamification/vote/win-bar/index.d.ts

@@ -8,6 +8,8 @@ interface WinBarProps {
     animatePoints?: boolean;
     questionType?: QuestionType;
     timerDuration?: number;
+    votedInCurrentRender: boolean;
+    percentsAnimated: boolean;
     onTimerExpired?: () => void;
 }
 export declare const WinBar: React.FC<WinBarProps>;

package/lib/ui/gamification/vote/win-bar/index.js

@@ -1,36 +1,55 @@
-import { jsxs as i, jsx as r, Fragment as p } from "react/jsx-runtime";
-import { QuestionType as o } from "@streamlayer/sdk-web-types";
-import { AnimatedCounter as s } from "../../../animated-counter/index.js";
-import { Timer as h } from "../../../timer/index.js";
-import { WinBarContainer as P, Content as C, Title as f, WinIcon as u, Points as I, PointsCount as y, PointsUnits as T } from "./styles.js";
+import { jsx as r, jsxs as n, Fragment as C } from "react/jsx-runtime";
+import { QuestionType as t } from "@streamlayer/sdk-web-types";
+import { AnimatedCounter as P } from "../../../animated-counter/index.js";
+import { Timer as s } from "../../../timer/index.js";
+import { ShowInContainer as I, WinBarContainer as f, Content as u, Title as O, WinIcon as T, Points as j, PointsCount as x, PointsUnits as y } from "./styles.js";
 import "react-countup";
 import "@linaria/react";
 import "react";
 import "react-countdown-circle-timer";
 import "../../../theme/constants.js";
 import "../../../icons/index.js";
-const R = ({
+import "../../../show-in/index.js";
+import "@linaria/core";
+const F = ({
   title: e,
-  points: n,
+  points: o,
   isPlayingTimer: m,
-  isTimer: c,
-  animatePoints: a,
-  questionType: t,
+  isTimer: a,
+  animatePoints: c,
+  questionType: i,
   timerDuration: d,
-  onTimerExpired: l
-}) => /* @__PURE__ */ i(P, { style: { justifyContent: t === o.PREDICTION ? "center" : "space-between" }, children: [
-  /* @__PURE__ */ i(C, { children: [
-    e && /* @__PURE__ */ r(f, { children: e }),
-    n !== void 0 && t !== o.POLL && /* @__PURE__ */ i(p, { children: [
-      /* @__PURE__ */ r(u, { name: "icon-trophy" }),
-      /* @__PURE__ */ i(I, { children: [
-        /* @__PURE__ */ r(y, { children: a ? /* @__PURE__ */ r(s, { value: n, delay: 0.3 }) : n }),
-        /* @__PURE__ */ r(T, { children: "PTS" })
-      ] })
-    ] })
-  ] }),
-  c && t !== o.PREDICTION && /* @__PURE__ */ r(h, { isPlaying: m, onTimerExpired: l, duration: d })
-] });
+  votedInCurrentRender: l,
+  percentsAnimated: p,
+  onTimerExpired: h
+}) => /* @__PURE__ */ r(
+  I,
+  {
+    enabled: i === t.PREDICTION && l,
+    animate: p,
+    children: /* @__PURE__ */ n(
+      f,
+      {
+        style: {
+          justifyContent: i === t.PREDICTION ? "center" : "space-between"
+        },
+        children: [
+          /* @__PURE__ */ n(u, { children: [
+            e && /* @__PURE__ */ r(O, { children: e }),
+            o !== void 0 && i !== t.POLL && /* @__PURE__ */ n(C, { children: [
+              /* @__PURE__ */ r(T, { name: "icon-trophy" }),
+              /* @__PURE__ */ n(j, { children: [
+                /* @__PURE__ */ r(x, { children: c ? /* @__PURE__ */ r(P, { value: o, delay: 0.3 }) : o }),
+                /* @__PURE__ */ r(y, { children: "PTS" })
+              ] })
+            ] })
+          ] }),
+          a && i !== t.PREDICTION && /* @__PURE__ */ r(s, { isPlaying: m, onTimerExpired: h, duration: d })
+        ]
+      }
+    )
+  }
+);
 export {
-  R as WinBar
+  F as WinBar
 };

package/lib/ui/gamification/vote/win-bar/styles.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+export declare const ShowInContainer: any;
 export declare const WinBarContainer: 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>>;

package/lib/ui/gamification/vote/win-bar/styles.js

@@ -1,42 +1,49 @@
 import { styled as s } from "@linaria/react";
 import { SvgIcon as n } from "../../../icons/index.js";
+import { GrowingShowIn as o } from "../../../show-in/index.js";
 import "react/jsx-runtime";
 import "react";
-const e = /* @__PURE__ */ s("div")({
+import "@linaria/core";
+const t = () => o, m = /* @__PURE__ */ s(t())({
+  name: "ShowInContainer",
+  class: "sie6cqo",
+  propsAsIs: !0
+}), I = /* @__PURE__ */ s("div")({
   name: "WinBarContainer",
-  class: "wie6cqo",
+  class: "wgizw4u",
   propsAsIs: !1
-}), c = /* @__PURE__ */ s("div")({
+}), f = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "cgizw4u",
+  class: "c1l3ucjp",
   propsAsIs: !1
-}), r = /* @__PURE__ */ s("div")({
+}), w = /* @__PURE__ */ s("div")({
   name: "Title",
-  class: "t1l3ucjp",
+  class: "tx7j799",
   propsAsIs: !1
-}), o = () => n, l = /* @__PURE__ */ s(o())({
+}), i = () => n, A = /* @__PURE__ */ s(i())({
   name: "WinIcon",
-  class: "wx7j799",
+  class: "w4lwuj0",
   propsAsIs: !0
-}), m = /* @__PURE__ */ s("div")({
+}), C = /* @__PURE__ */ s("div")({
   name: "Points",
-  class: "p4lwuj0",
+  class: "po9i64o",
   propsAsIs: !1
-}), I = /* @__PURE__ */ s("span")({
+}), u = /* @__PURE__ */ s("span")({
   name: "PointsCount",
-  class: "po9i64o",
+  class: "pe5g05h",
   propsAsIs: !1
-}), f = /* @__PURE__ */ s("span")({
+}), d = /* @__PURE__ */ s("span")({
   name: "PointsUnits",
-  class: "pe5g05h",
+  class: "p1hdtpmb",
   propsAsIs: !1
 });
 export {
-  c as Content,
-  m as Points,
-  I as PointsCount,
-  f as PointsUnits,
-  r as Title,
-  e as WinBarContainer,
-  l as WinIcon
+  f as Content,
+  C as Points,
+  u as PointsCount,
+  d as PointsUnits,
+  m as ShowInContainer,
+  w as Title,
+  I as WinBarContainer,
+  A as WinIcon
 };

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

@@ -2,7 +2,6 @@
 type ModalProps = {
     children: React.ReactNode;
     container: React.MutableRefObject<HTMLDivElement | null>;
-    fixedView: boolean;
     useContainer: boolean;
 };
 /**