@streamlayer/react-ui 0.92.0 → 0.93.0

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

@@ -1,13 +1,15 @@
-import { jsx as t, jsxs as C } from "react/jsx-runtime";
-import { useState as c, useEffect as j, useMemo as w, useCallback as z } from "react";
+import { jsx as t, jsxs as O } from "react/jsx-runtime";
+import { useState as c, useEffect as j, useMemo as H, useCallback as z } from "react";
 import E from "react-virtualized-auto-sizer";
-import { OnboardingInstructions as F } from "./slides/onboarding-instructions/index.js";
-import { OnboardingInviteCard as G } from "./slides/onboarding-invite-card/index.js";
-import { OnboardingRules as H } from "./slides/onboarding-rules/index.js";
-import { OnboardingTerms as M } from "./slides/onboarding-terms/index.js";
-import { Container as P, OnboardingHeader as R, CloseBtn as q, IconClose as J, Content as K, OnboardingFooter as Q, OnboardingActionBtn as U } from "./styles.js";
-import "./slides/onboarding-instructions/styles.js";
+import { Skeleton as F } from "../../skeleton/index.js";
+import { OnboardingInstructions as G } from "./slides/onboarding-instructions/index.js";
+import { OnboardingInviteCard as M } from "./slides/onboarding-invite-card/index.js";
+import { OnboardingRules as P } from "./slides/onboarding-rules/index.js";
+import { OnboardingTerms as R } from "./slides/onboarding-terms/index.js";
+import { Container as q, OnboardingHeader as J, CloseBtn as K, IconClose as Q, Content as U, OnboardingFooter as V, OnboardingActionBtn as W } from "./styles.js";
+import "../../skeleton/styles.js";
 import "@linaria/react";
+import "./slides/onboarding-instructions/styles.js";
 import "../../../useClipboardCopy-E5rEe6It.js";
 import "../../../index-uEuzH3jr.js";
 import "../copyNotification/index.js";
@@ -18,66 +20,75 @@ import "./slides/onboarding-rules/styles.js";
 import "./slides/onboarding-terms/styles.js";
 import "../../button/index.js";
 import "../../button/styles.js";
-const a = {
+const m = {
   steps: !1,
   rules: !1,
   inviteCard: !1
-}, gn = ({
-  gamification: p,
-  steps: n,
+}, bi = ({
+  gamification: S,
+  steps: i,
   rules: r,
-  rulesBtnLabel: m,
-  rulesTitle: O,
-  termsTitle: S,
+  rulesBtnLabel: a,
+  rulesTitle: y,
+  termsTitle: s,
   termsText: f,
   primaryColor: g,
-  inviteLink: y,
-  socialLinks: v,
-  inviteCardTitle: s,
-  inviteCardSubtext: T,
-  inviteCardBtnLabel: u,
+  inviteLink: v,
+  socialLinks: T,
+  inviteCardTitle: k,
+  inviteCardSubtext: x,
+  inviteCardBtnLabel: h,
+  loading: u,
   renderToNode: I,
   onClose: N
 }) => {
-  const [o, h] = c(0), [l, b] = c(!1), [i, e] = c(a);
+  const [e, b] = c(0), [l, p] = c(!1), [n, o] = c(m);
   j(() => {
-    n != null && n.length ? e({ ...a, steps: !0 }) : r != null && r.length ? e({ ...a, rules: !0 }) : e({ ...a, inviteCard: !0 });
+    i != null && i.length ? o({ ...m, steps: !0 }) : r != null && r.length ? o({ ...m, rules: !0 }) : o({ ...m, inviteCard: !0 });
   }, []);
-  const k = w(() => i.steps && o === 0 ? "Continue" : i.rules ? l || !m ? "Got it" : m : i.inviteCard ? u || "Play Now" : "Next", [i, o, l, m, u]), x = z(() => {
-    n != null && n.length && o < n.length - 1 ? h((d) => ++d) : r != null && r.length && i.steps ? e({ ...a, rules: !0 }) : i.rules && e({ ...a, inviteCard: !0 });
-  }, [o, n == null ? void 0 : n.length, r == null ? void 0 : r.length, i, h, e]), A = async () => {
-    i.inviteCard ? await p.onboardingStatus.submitInplay() : i.rules && l ? b(!1) : x();
+  const w = H(() => n.steps && e === 0 ? "Continue" : n.rules ? l || !a ? "Got it" : a : n.inviteCard ? h || "Play Now" : "Next", [n, e, l, a, h]), A = z(() => {
+    i != null && i.length && e < i.length - 1 ? b((d) => ++d) : r != null && r.length && n.steps ? o({ ...m, rules: !0 }) : n.rules && o({ ...m, inviteCard: !0 });
+  }, [e, i == null ? void 0 : i.length, r == null ? void 0 : r.length, n, b, o]), D = async () => {
+    n.inviteCard ? await S.onboardingStatus.submitInplay() : n.rules && l ? p(!1) : A();
   };
-  return /* @__PURE__ */ t(E, { children: ({ width: d, height: D }) => /* @__PURE__ */ C(P, { style: { width: d, height: D }, children: [
-    /* @__PURE__ */ t(R, { children: /* @__PURE__ */ t(q, { onClick: N, children: /* @__PURE__ */ t(J, { name: "icon-close-btn-gray" }) }) }),
-    /* @__PURE__ */ C(K, { children: [
-      i.steps && (n == null ? void 0 : n.length) && /* @__PURE__ */ t(F, { stepsCount: n.length, currentStep: o, ...n[o] }),
-      i.rules && !l && /* @__PURE__ */ t(
-        H,
+  return /* @__PURE__ */ t(E, { children: ({ width: d, height: C }) => /* @__PURE__ */ O(q, { style: { width: d, height: C, maxHeight: C }, children: [
+    /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(K, { onClick: N, children: /* @__PURE__ */ t(Q, { name: "icon-close-btn-gray" }) }) }),
+    /* @__PURE__ */ O(U, { children: [
+      n.steps && (i == null ? void 0 : i.length) && /* @__PURE__ */ t(
+        G,
+        {
+          loading: u,
+          stepsCount: i.length,
+          currentStep: e,
+          ...i[e]
+        }
+      ),
+      n.rules && !l && /* @__PURE__ */ t(
+        P,
         {
           rules: r,
-          rulesTitle: O,
+          rulesTitle: y,
           termsText: f,
           primaryColor: g,
-          openTerms: () => b(!0)
+          openTerms: () => p(!0)
         }
       ),
-      i.rules && l && /* @__PURE__ */ t(M, { termsTitle: S, termsText: f }),
-      i.inviteCard && /* @__PURE__ */ t(
-        G,
+      n.rules && l && /* @__PURE__ */ t(R, { termsTitle: s, termsText: f }),
+      n.inviteCard && /* @__PURE__ */ t(
+        M,
         {
-          inviteLink: y,
-          inviteCardTitle: s,
-          inviteCardSubtext: T,
+          inviteLink: v,
+          inviteCardTitle: k,
+          inviteCardSubtext: x,
           primaryColor: g,
-          socialLinks: v,
+          socialLinks: T,
           renderToNode: I
         }
       )
     ] }),
-    /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ t(U, { onClick: A, children: k }) })
+    /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(F, { loading: u, style: { width: "100%" }, children: /* @__PURE__ */ t(W, { onClick: D, children: w }) }) })
   ] }) });
 };
 export {
-  gn as Onboarding
+  bi as Onboarding
 };

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

@@ -1,12 +1,12 @@
 /// <reference types="react" />
 type OnboardingInstructionsProps = OnboardingStep & {
+    loading: boolean;
     stepsCount: number;
     currentStep: number;
 };
 export type OnboardingStep = {
     graphicSrc: string;
     headline?: string;
-    width?: number;
 };
 export declare const OnboardingInstructions: React.FC<OnboardingInstructionsProps>;
 export {};

package/lib/ui/gamification/onboarding/slides/onboarding-instructions/index.js

@@ -1,19 +1,21 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { Container as d, Content as m, Graphic as s, Headline as p, StepsContainer as h, StepIndicator as l } from "./styles.js";
+import { Skeleton as c } from "../../../../skeleton/index.js";
+import { Container as m, Content as p, Graphic as s, Headline as a, StepsContainer as l, StepIndicator as x } from "./styles.js";
+import "../../../../skeleton/styles.js";
 import "@linaria/react";
-const j = ({
-  width: e,
-  graphicSrc: a,
-  headline: t,
-  stepsCount: c,
-  currentStep: n
-}) => /* @__PURE__ */ o(d, { children: [
-  /* @__PURE__ */ o(m, { children: [
-    /* @__PURE__ */ r(s, { "data-centered": n === 0, children: /* @__PURE__ */ r("img", { src: a, alt: t, width: e || 300 }) }),
-    t && /* @__PURE__ */ r(p, { children: t })
+const v = ({
+  loading: t,
+  graphicSrc: d,
+  headline: i,
+  stepsCount: h,
+  currentStep: e
+}) => /* @__PURE__ */ o(m, { children: [
+  /* @__PURE__ */ o(p, { "data-centered": e === 0, children: [
+    /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(c, { loading: t, style: { width: "80px", height: "80px" }, children: /* @__PURE__ */ r("img", { src: d, alt: i }) }) }),
+    i && /* @__PURE__ */ r(c, { loading: t, children: /* @__PURE__ */ r(a, { children: i }) })
   ] }),
-  /* @__PURE__ */ r(h, { children: Array.from({ length: c }).map((f, i) => /* @__PURE__ */ r(l, { "data-active": n === i }, i)) })
+  /* @__PURE__ */ r(l, { style: t ? { visibility: "hidden" } : {}, children: Array.from({ length: h }).map((f, n) => /* @__PURE__ */ r(x, { "data-active": e === n }, n)) })
 ] });
 export {
-  j as OnboardingInstructions
+  v as OnboardingInstructions
 };

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Graphic: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Headline: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StepsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StepIndicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

package/lib/ui/gamification/onboarding/slides/onboarding-instructions/styles.js

@@ -4,16 +4,16 @@ const a = /* @__PURE__ */ s("div")({
   class: "c1htq1lb",
   propsAsIs: !1
 }), e = /* @__PURE__ */ s("div")({
-  name: "Content",
-  class: "cjyzpp7",
+  name: "Graphic",
+  class: "gjyzpp7",
   propsAsIs: !1
 }), o = /* @__PURE__ */ s("div")({
-  name: "Graphic",
-  class: "g16mldgz",
+  name: "Headline",
+  class: "h16mldgz",
   propsAsIs: !1
 }), t = /* @__PURE__ */ s("div")({
-  name: "Headline",
-  class: "h69js65",
+  name: "Content",
+  class: "c69js65",
   propsAsIs: !1
 }), p = /* @__PURE__ */ s("div")({
   name: "StepsContainer",
@@ -26,9 +26,9 @@ const a = /* @__PURE__ */ s("div")({
 });
 export {
   a as Container,
-  e as Content,
-  o as Graphic,
-  t as Headline,
+  t as Content,
+  e as Graphic,
+  o as Headline,
   c as StepIndicator,
   p as StepsContainer
 };

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

@@ -1,19 +1,20 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
 import { AnimatedCounter as r } from "../../animated-counter/index.js";
 import { resetCss as n } from "../../theme/theme.js";
-import { PointsContainer as e, PointsIcon as s, PointsSvg as m, PointsBody as p, PointsTitle as l, PointsValue as c } from "./styles.js";
+import { PointsContainer as e, PointsIcon as m, PointsSvg as s, PointsBody as p, PointsTitle as l, PointsValue as c } from "./styles.js";
 import "react-countup";
+import "../../theme/breakpoints.js";
 import "../../theme/constants.js";
 import "@linaria/react";
 import "../../icons/index.js";
 import "react";
-const v = ({ points: i }) => /* @__PURE__ */ t(e, { className: n, children: [
-  /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(m, { name: "icon-trophy" }) }),
+const y = ({ points: i }) => /* @__PURE__ */ t(e, { className: n, children: [
+  /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(s, { name: "icon-trophy" }) }),
   /* @__PURE__ */ t(p, { children: [
     /* @__PURE__ */ o(l, { children: "Total points" }),
     /* @__PURE__ */ o(c, { children: /* @__PURE__ */ o(r, { value: i }) })
   ] })
 ] });
 export {
-  v as Points
+  y as Points
 };

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

@@ -1,6 +1,6 @@
 import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import { InsightContent as n } from "../../../questions/insight/index.js";
-import { Container as p, ActionBtn as s } from "./styles.js";
+import { Container as p, ActionBtn as c } from "./styles.js";
 import "react";
 import "../../../video-player/index.js";
 import "../../../icons/index.js";
@@ -8,14 +8,14 @@ import "@linaria/react";
 import "../../../video-player/styles.js";
 import "../../../../utils/common.js";
 import "../../../questions/insight/styles.js";
-const a = ({
+const d = ({
   openInsight: r,
   questionId: t,
   ...o
 }) => /* @__PURE__ */ m(p, { children: [
-  /* @__PURE__ */ i(n, { questionId: t, ...o, isPickHistory: !0 }),
-  r && /* @__PURE__ */ i(s, { onClick: () => r(t), children: "View Insight" })
+  /* @__PURE__ */ i(n, { questionId: t, ...o }),
+  r && /* @__PURE__ */ i(c, { onClick: () => r(t), children: "View Insight" })
 ] });
 export {
-  a as Insight
+  d as Insight
 };

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

@@ -1,40 +1,40 @@
-import { jsxs as r, Fragment as i, jsx as e } from "react/jsx-runtime";
-import { BGWrap as n, BGOneLineOne as T, BGOneLineTwo as l, BGOneLineThree as s, BGTwoLineOne as t, BGTwoLineTwo as c, BGTwoLineThree as o, BGThreeLineOne as d, BGThreeLineTwo as h, BGThreeLineThree as B, BGThreeLineFour as G, BGFourLineOne as u, BGFourLineTwo as m, BGFourLineThree as w, BGFourLineFour as F } from "./styles.js";
+import { jsxs as r, Fragment as a, jsx as e } from "react/jsx-runtime";
+import { BGWrap as n, BGOneLineOne as T, BGOneLineTwo as l, BGOneLineThree as u, BGTwoLineOne as t, BGTwoLineTwo as o, BGTwoLineThree as c, BGThreeLineOne as d, BGThreeLineTwo as h, BGThreeLineThree as B, BGThreeLineFour as G, BGFourLineOne as m, BGFourLineTwo as w, BGFourLineThree as F, BGFourLineFour as O } from "./styles.js";
 import "@linaria/react";
-const x = ({ step: a, correct: L }) => /* @__PURE__ */ r(i, { children: [
-  /* @__PURE__ */ r(n, { "data-active": a === 1, "data-first-screen": "true", children: [
+const x = ({ step: i, correct: L }) => /* @__PURE__ */ r(a, { children: [
+  /* @__PURE__ */ r(n, { "data-active": i === 1, "data-first-screen": "true", children: [
     /* @__PURE__ */ e(T, {}),
     /* @__PURE__ */ e(l, {}),
-    /* @__PURE__ */ e(s, {})
+    /* @__PURE__ */ e(u, {})
   ] }),
-  /* @__PURE__ */ r(n, { "data-active": a === 2, children: [
+  /* @__PURE__ */ r(n, { "data-active": i === 2, children: [
     /* @__PURE__ */ e(t, {}),
-    /* @__PURE__ */ e(c, {}),
-    /* @__PURE__ */ e(o, {})
+    /* @__PURE__ */ e(o, {}),
+    /* @__PURE__ */ e(c, {})
   ] }),
-  /* @__PURE__ */ r(n, { "data-active": a === 3, children: [
+  /* @__PURE__ */ r(n, { "data-active": i === 3, children: [
     /* @__PURE__ */ e(t, {}),
-    /* @__PURE__ */ e(c, {}),
-    /* @__PURE__ */ e(o, {})
+    /* @__PURE__ */ e(o, {}),
+    /* @__PURE__ */ e(c, {})
   ] }),
-  L ? /* @__PURE__ */ r(i, { children: [
-    /* @__PURE__ */ r(n, { "data-active": a === 4, "data-correct": "false", children: [
+  L ? /* @__PURE__ */ r(a, { children: [
+    /* @__PURE__ */ r(n, { "data-active": i === 4, "data-correct": "true", children: [
       /* @__PURE__ */ e(d, {}),
       /* @__PURE__ */ e(h, {}),
       /* @__PURE__ */ e(B, {}),
       /* @__PURE__ */ e(G, {})
     ] }),
-    /* @__PURE__ */ r(n, { "data-active": a === 5, "data-correct": "false", "data-last-screen": "true", children: [
+    /* @__PURE__ */ r(n, { "data-active": i === 5, "data-correct": "true", children: [
       /* @__PURE__ */ e(d, {}),
       /* @__PURE__ */ e(h, {}),
       /* @__PURE__ */ e(B, {}),
       /* @__PURE__ */ e(G, {})
     ] })
-  ] }) : /* @__PURE__ */ r(n, { "data-active": a === 4, "data-correct": "false", "data-last-screen": "true", children: [
-    /* @__PURE__ */ e(u, {}),
+  ] }) : /* @__PURE__ */ r(n, { "data-active": i === 4, "data-correct": "false", children: [
     /* @__PURE__ */ e(m, {}),
     /* @__PURE__ */ e(w, {}),
-    /* @__PURE__ */ e(F, {})
+    /* @__PURE__ */ e(F, {}),
+    /* @__PURE__ */ e(O, {})
   ] })
 ] });
 export {

package/lib/ui/gamification/question/notification/prediction-result/index.js

@@ -1,28 +1,30 @@
-import { jsx as C, jsxs as e, Fragment as P } from "react/jsx-runtime";
-import { useState as T, useRef as Y, useEffect as u } from "react";
-import { AnimationLines as I } from "./animation-lines/index.js";
-import { MIN_CONTENT_HEIGHT as B, Container as F, InnerContainer as S, Content as h, SubtitleFG as g, Title as V, Subtitle as s, AnswerText as d, FeedbackIcon as p, PointsTitle as b, CloseButton as f, CloseIcon as M } from "./styles.js";
+import { jsx as C, jsxs as e, Fragment as I } from "react/jsx-runtime";
+import { useState as P, useRef as T, useEffect as f } from "react";
+import { AnimatedCounter as Y } from "../../../../animated-counter/index.js";
+import { AnimationLines as F } from "./animation-lines/index.js";
+import { MIN_CONTENT_HEIGHT as S, Container as b, InnerContainer as B, Content as a, SubtitleFG as u, Title as V, Subtitle as s, AnswerText as p, FeedbackIcon as d, PointsTitle as G, CloseIconWrap as g, CloseIcon as M } from "./styles.js";
+import "react-countup";
 import "./animation-lines/styles.js";
 import "@linaria/react";
 import "../../../../icons/index.js";
 import "../../../../show-in/index.js";
 import "@linaria/core";
-const G = "data:image/svg+xml,%3csvg%20width='154'%20height='37'%20viewBox='0%200%20154%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M70.9776%2030.8796L74.668%2018.1381C75.0696%2016.7473%2076.1186%2015.6318%2077.4936%2015.1371L77.5928%2014.7217H72.466L63.7623%2024.9662L60.431%2014.7217H55.7389L55.6255%2015.1371C56.4288%2015.5291%2056.8683%2016.7052%2056.8683%2017.662V17.7227C56.8683%2023.1787%2052.781%2032.5598%2047.0352%2032.5598C44.8002%2032.5598%2043.6425%2031.0009%2043.6425%2029.7035C43.6425%2028.1306%2044.975%2027.0105%2046.3831%2027.0105C47.744%2027.0105%2047.9519%2027.5099%2048.741%2027.5099C49.2182%2027.5099%2049.6766%2027.2672%2049.9081%2026.8518C50.2672%2026.1984%2049.9931%2025.4049%2049.3363%2025.0922L48.9772%2024.9242C45.6271%2023.3327%2041.7383%2025.7457%2041.7383%2029.4188V29.4701C41.7383%2032.1444%2043.8646%2034.38%2046.5674%2034.4733C53.5417%2034.716%2058.2055%2025.4236%2058.9473%2018.6188L59.486%2020.4577L62.2313%2028.5927H63.2709L71.8518%2018.4741L68.2512%2030.8936C67.8401%2032.3171%2066.6966%2033.4232%2065.2412%2033.7966L65.142%2034.212H72.0408L72.1542%2033.7966C71.1383%2033.2039%2070.6516%2032.0044%2070.9776%2030.8796Z'%20fill='white'/%3e%3cpath%20d='M88.2952%2021.6521H88.2385C85.016%2021.6568%2081.5571%2021.9648%2079.7143%2027.1361C78.1692%2031.4813%2077.7487%2033.2828%2076.539%2033.2828C75.7641%2033.2828%2075.9531%2031.794%2074.7954%2031.794C74.2709%2031.794%2073.7275%2032.2094%2073.6897%2032.8068C73.6236%2033.8429%2075.0317%2034.4683%2076.0949%2034.4683C79.3316%2034.4683%2080.5696%2032.1347%2080.9759%2031.0472C81.0279%2030.9072%2081.3162%2030.1371%2081.6517%2029.2317H85.0538L84.4773%2031.3273C84.1749%2032.4334%2083.5464%2033.3388%2082.488%2033.8009L82.3982%2034.2163H87.9597L88.0637%2033.8009C87.3124%2033.1848%2086.9816%2032.2%2087.2273%2031.2853L89.3206%2023.4257C89.4812%2022.8236%2089.9018%2022.3242%2090.4783%2022.0628L90.568%2021.6475H88.7536H88.2952V21.6521ZM85.3231%2028.2189H82.0202C82.3935%2027.2108%2082.7526%2026.2493%2082.8755%2025.9366C83.7118%2023.757%2085.2995%2022.8749%2086.8399%2022.7536L86.8257%2022.7676L85.3231%2028.2189Z'%20fill='white'/%3e%3cpath%20d='M116.358%2022.5486C116.538%2022.2545%20116.708%2021.8112%20116.708%2021.5591C116.732%2021.0877%20116.297%2020.7237%20115.829%2020.8217C115.456%2020.9011%20115.187%2021.2324%20115.191%2021.6058C115.196%2021.9978%20115.12%2022.4226%20114.95%2022.6279C114.558%2023.104%20113.934%2023.062%20111.062%2022.2452V22.2405C110.797%2022.1659%20110.509%2022.0819%20110.206%2021.9978C110.187%2021.9932%20110.173%2021.9885%20110.159%2021.9838C108.723%2021.6011%20106.941%2021.2464%20105.774%2021.8205C105.765%2021.8252%20105.755%2021.8298%20105.746%2021.8345C104.602%2022.3992%20103.808%2023.4727%20103.567%2024.7142C103.53%2024.8962%20103.506%2025.0455%20103.501%2025.0969C103.468%2025.7456%20104.068%2026.2544%20104.711%2026.1143C105.235%2026.0023%20105.604%2025.5403%20105.59%2025.0129C105.58%2024.4808%20105.472%2023.7667%20105.765%2023.286C106.237%2022.6279%20106.729%2022.5812%20108.935%2023.3047L106.544%2031.323C106.214%2032.4291%20105.406%2033.3345%20104.338%2033.7966L104.238%2034.212H109.961L110.074%2033.7966C109.337%2033.1852%20109.03%2032.1957%20109.299%2031.2809L111.392%2024.0561C112.309%2024.2428%20113.24%2024.2941%20114.147%2024.0374L114.473%2023.9441C115.196%2023.7527%20115.943%2023.2347%20116.358%2022.5486Z'%20fill='white'/%3e%3cpath%20d='M118.649%2021.6523L118.536%2022.0677C119.245%2022.5531%20119.561%2023.4259%20119.335%2024.2427L117.208%2031.3228C116.877%2032.429%20116.069%2033.3344%20115.002%2033.7964L114.902%2034.2118H117.931H118.21H125.18L126.101%2030.8934H125.666L125.51%2031.2108C124.934%2032.3963%20123.72%2033.1524%20122.382%2033.1524H119.429L121.003%2027.5937H122.259C123.105%2027.5937%20123.743%2028.3545%20123.582%2029.1759H124.012L125.043%2025.4188H124.613C124.362%2026.1142%20123.696%2026.5763%20122.949%2026.5809H121.291L122.382%2022.7258L125.515%2022.7211C126.536%2022.7211%20127.301%2023.6452%20127.098%2024.6347H127.528L128.35%2021.6523H118.649Z'%20fill='white'/%3e%3cpath%20d='M138.251%2021.6582H131.333L131.22%2022.0736C131.881%2022.5263%20132.207%2023.3197%20132.056%2024.0898L129.892%2031.324C129.561%2032.4301%20128.753%2033.3356%20127.685%2033.7976L127.586%2034.213H133.303L133.417%2033.7976C132.68%2033.1862%20132.373%2032.2014%20132.637%2031.282L133.686%2027.5949H134.126C134.787%2027.5949%20135.34%2028.085%20135.416%2028.7337C135.439%2028.9437%20135.77%2031.506%20136.035%2032.3881C136.379%2033.5409%20136.833%2034.213%20137.868%2034.213H140.453L140.552%2033.7976L140.183%2033.5829C139.451%2033.1536%20138.922%2032.4908%20138.685%2031.6087C138.463%2030.7779%20138.043%2029.2284%20137.84%2028.4117C137.736%2027.9916%20137.202%2027.5996%20136.654%2027.5996H137.523C139.087%2027.5996%20140.457%2026.5681%20140.878%2025.0839C141.365%2023.3617%20140.056%2021.6582%20138.251%2021.6582ZM138.369%2024.6872C138.029%2025.812%20136.98%2026.5868%20135.789%2026.5868H133.974L135.071%2022.7317H136.89C137.925%2022.727%20138.662%2023.7118%20138.369%2024.6872Z'%20fill='white'/%3e%3cpath%20d='M100.265%2022.2961C100.081%2022.2961%2099.6794%2022.1701%2099.0651%2021.9181C98.4508%2021.6661%2097.8318%2021.54%2097.2034%2021.54C95.904%2021.54%2094.8219%2021.9554%2093.9336%2022.8422C93.1964%2023.5796%2092.8704%2024.401%2092.8704%2025.1105C92.8704%2025.8665%2093.3193%2026.7533%2094.2124%2027.4721C95.0582%2028.1488%2095.937%2028.8022%2096.8206%2029.465C97.7468%2030.1977%2098.2098%2030.8745%2098.2098%2031.4252C98.2098%2032.634%2097.416%2033.2828%2095.7669%2033.2828C94.0942%2033.2828%2092.9366%2032.074%2092.568%2029.8057H92.1144L90.8008%2034.2162H91.226C91.7694%2033.8382%2092.1569%2033.6001%2092.946%2033.6001C93.6973%2033.6001%2094.5006%2034.4729%2096.2158%2034.4729C97.5814%2034.4729%2098.6682%2034.1929%2099.5943%2033.2781C100.383%2032.4753%20100.776%2031.3552%20100.776%2030.4404C100.776%2029.591%20100.237%2028.6062%2099.2966%2027.8921C98.4886%2027.2807%2097.6286%2026.7347%2096.7923%2026.1419C95.8898%2025.4792%2095.4362%2024.9144%2095.4362%2024.2937C95.4362%2023.9483%2095.611%2023.6076%2095.9559%2023.2622C96.3954%2022.8282%2096.986%2022.7302%2097.7751%2022.7302C99.3581%2022.7302%20100.464%2023.5983%20100.558%2025.4325H100.974L102.08%2021.5447H101.664C101.215%2022.0441%20100.752%2022.2961%20100.265%2022.2961Z'%20fill='white'/%3e%3cpath%20d='M149.201%2022.7304C150.784%2022.7304%20151.89%2023.6032%20151.984%2025.4327H152.4L153.501%2021.5449H153.085C152.646%2022.049%20152.182%2022.301%20151.696%2022.301C151.512%2022.301%20151.11%2022.175%20150.496%2021.923C149.881%2021.6709%20149.262%2021.5449%20148.634%2021.5449C147.334%2021.5449%20146.252%2021.9603%20145.364%2022.8471C144.627%2023.5845%20144.296%2024.4059%20144.296%2025.1153C144.296%2025.8714%20144.745%2026.7582%20145.638%2027.477C146.484%2028.1537%20147.363%2028.8071%20148.246%2029.4699C149.173%2030.2026%20149.636%2030.8794%20149.636%2031.4301C149.636%2032.6389%20148.842%2033.2876%20147.193%2033.2876C145.52%2033.2876%20144.362%2032.0788%20143.994%2029.8106H143.54L142.227%2034.2211H142.642C143.186%2033.843%20143.573%2033.605%20144.358%2033.605C145.109%2033.605%20145.912%2034.4778%20147.627%2034.4778C148.993%2034.4778%20150.075%2034.1978%20151.006%2033.283C151.795%2032.4802%20152.187%2031.3601%20152.187%2030.4453C152.187%2029.6005%20151.649%2028.6111%20150.708%2027.897C149.9%2027.2856%20149.04%2026.7395%20148.204%2026.1468C147.301%2025.4841%20146.848%2024.9193%20146.848%2024.2986C146.848%2023.9532%20147.023%2023.6125%20147.368%2023.2671C147.826%2022.8237%20148.412%2022.7304%20149.201%2022.7304Z'%20fill='white'/%3e%3cpath%20d='M26.5433%202.60035C26.0377%202.44633%2025.5321%202.72169%2025.0265%203.00173C24.8469%203.09974%2024.7194%203.27243%2024.6768%203.46845L23.883%207.13222C23.8547%207.26757%2023.9775%207.38891%2024.1145%207.36091C24.9509%207.17422%2025.7447%206.4508%2026.5811%206.70283C27.5167%206.98753%2028.4522%205.81606%2029.3878%205.83006V1.60156C28.4475%201.60623%2027.4789%202.88505%2026.5433%202.60035Z'%20fill='white'/%3e%3cpath%20d='M38.4856%2013.8398C38.2871%2013.7044%2038.1643%2013.4851%2038.1643%2013.2471V12.5796C38.1643%2011.9822%2037.6729%2011.4922%2037.0633%2011.4922H36.6239C36.0994%2011.4922%2035.6174%2011.7536%2035.3339%2012.1876L33.9164%2014.3485C33.7746%2014.5632%2033.5383%2014.6892%2033.2832%2014.6892H32.3287C31.8562%2014.6892%2031.4215%2014.9459%2031.1947%2015.3566C30.9631%2015.7814%2030.552%2016.0754%2030.0843%2016.1734V1.1403C30.0843%200.94894%2029.9283%200.794922%2029.7346%200.794922C29.5409%200.794922%2029.3849%200.94894%2029.3849%201.1403V1.60702V5.83552V16.1827C28.9171%2016.0847%2028.506%2015.7907%2028.2745%2015.3613C28.0524%2014.9506%2027.6177%2014.6939%2027.1405%2014.6939H26.4979C25.9875%2014.6939%2025.5292%2014.9879%2025.3213%2015.45L24.7873%2016.6308C24.7023%2016.8175%2024.5133%2016.9388%2024.3054%2016.9388C24.0975%2016.9388%2023.9085%2016.8175%2023.8234%2016.6308L23.2895%2015.45C23.0816%2014.9926%2022.6232%2014.6939%2022.1129%2014.6939H4.00135C3.85487%2014.6939%203.73674%2014.8106%203.73674%2014.9553C3.73674%2015.2633%203.48158%2015.5107%203.17444%2015.5107H2.39007C2.24359%2015.5107%202.12546%2015.6273%202.12546%2015.772V16.6728C2.12546%2017.5176%201.96008%2018.339%201.62931%2019.1184L1.15207%2020.2526C0.707907%2021.3027%200.5%2022.3901%200.5%2023.4589V26.0726C0.5%2026.7773%200.603954%2027.4914%200.811861%2028.1868C1.39306%2030.1377%202.7161%2031.7339%204.53529%2032.6767L7.43182%2034.1842C7.46962%2034.2029%207.51214%2034.2122%207.55467%2034.2122L9.69517%2034.2309C10.196%2034.2355%2010.6875%2034.3616%2011.1269%2034.6043L12.2751%2035.239C12.3129%2035.2623%2012.3602%2035.2717%2012.4074%2035.2717H13.9431C14.4818%2035.2717%2015.0157%2035.4163%2015.474%2035.6917C15.474%2035.6917%2016.2253%2036.1444%2016.4805%2036.2891C16.8869%2036.5225%2017.3783%2036.7465%2018.2335%2036.7932C18.4273%2036.8025%2018.621%2036.7325%2018.7675%2036.5972C18.9092%2036.4618%2018.9943%2036.2704%2018.9943%2036.0791V35.0616C18.9943%2034.3242%2019.4337%2033.6521%2020.1189%2033.3581L22.4673%2032.3406C22.7886%2032.2006%2023.1477%2032.1773%2023.4832%2032.28L24.3621%2032.5367C24.7354%2032.644%2025.1323%2032.6487%2025.5056%2032.5367L27.5846%2031.9253C27.8587%2031.8459%2028.1517%2031.8459%2028.4304%2031.9299L29.2763%2032.1633C29.6684%2032.2706%2029.9472%2032.6347%2029.9472%2033.0361V35.071C29.9472%2036.0184%2030.7269%2036.7932%2031.6861%2036.7932C32.4043%2036.7932%2033.0328%2036.3405%2033.2501%2035.6637C33.6423%2034.4456%2033.8408%2033.1761%2033.8408%2031.8973V31.0292C33.8408%2030.4131%2034.1006%2029.8204%2034.5543%2029.3956L35.419%2028.5882C36.0002%2028.0421%2036.3356%2027.2674%2036.3356%2026.474V21.6481C36.3356%2020.9013%2036.5625%2020.1779%2036.9972%2019.5618C37.0302%2019.5198%2037.0444%2019.4638%2037.0444%2019.4125V18.2737C37.0444%2017.5316%2037.2712%2016.8128%2037.6965%2016.2014L38.5517%2014.9739C38.5848%2014.9319%2038.599%2014.8806%2038.599%2014.8246V14.0545C38.6037%2013.9098%2038.5139%2013.8585%2038.4856%2013.8398ZM30.0843%2025.2838C30.6654%2025.3725%2031.1002%2025.6665%2031.1002%2026.0212C31.1002%2026.3759%2030.6702%2026.67%2030.0843%2026.7587V25.2838ZM5.22516%2032.4433L4.78572%2032.2146C3.59026%2031.5939%202.63577%2030.6698%201.9837%2029.545V28.1355C2.73028%2029.2043%203.74619%2030.1144%204.98891%2030.7631L5.22516%2030.8845V32.4433ZM7.43654%2033.5961L6.2647%2032.9894V31.4305L7.43182%2032.0373H7.43654V33.5961ZM12.3129%2034.6556L11.3868%2034.1422C10.8812%2033.8622%2010.3142%2033.7128%209.73297%2033.7035V32.0793C10.2197%2032.0886%2010.7016%2032.2146%2011.1269%2032.448L12.2751%2033.0827C12.2846%2033.0874%2012.2987%2033.0874%2012.3129%2033.0921V34.6556ZM18.4603%2035.0616V35.8551V36.0791C18.4603%2036.1304%2018.4367%2036.1818%2018.3989%2036.2191C18.3611%2036.2564%2018.3139%2036.2705%2018.2619%2036.2705C17.52%2036.2331%2017.0948%2036.0418%2016.7498%2035.8411C16.4994%2035.6964%2015.7528%2035.2483%2015.7481%2035.2483C15.2803%2034.9683%2014.7511%2034.8143%2014.2077%2034.7723V33.1387C14.6519%2033.1808%2015.0866%2033.3114%2015.474%2033.5401L16.1214%2033.9228C16.8302%2034.3429%2017.6382%2034.5809%2018.4603%2034.6276V35.0616ZM24.8582%2032.0886C24.7448%2032.084%2024.6267%2032.0653%2024.5133%2032.0326L23.6344%2031.7713C23.4454%2031.7152%2023.2517%2031.6966%2023.0579%2031.6966V30.0677C23.1997%2030.0677%2023.3414%2030.0817%2023.4832%2030.1237L24.3621%2030.3804C24.5227%2030.4271%2024.6928%2030.4504%2024.8582%2030.4598V32.0886ZM30.363%2032.4807C30.1929%2032.0886%2029.8574%2031.7759%2029.4275%2031.6592L28.5864%2031.4259C28.3879%2031.3652%2028.18%2031.3419%2027.9721%2031.3419V29.7177C28.1328%2029.713%2028.2934%2029.7317%2028.4493%2029.783L29.1392%2029.9977C29.8716%2030.2264%2030.363%2030.8891%2030.363%2031.6452V32.4807ZM32.787%2035.365C32.7729%2035.4117%2032.7634%2035.4584%2032.7492%2035.505C32.6028%2035.9624%2032.1775%2036.2658%2031.6955%2036.2658C31.653%2036.2658%2031.6105%2036.2564%2031.568%2036.2518V34.6323C31.601%2034.6369%2031.6294%2034.6416%2031.6625%2034.6416C32.135%2034.6416%2032.565%2034.3802%2032.7918%2033.9835V35.365H32.787ZM37.3232%2015.0486C36.794%2015.8047%2036.5152%2016.6915%2036.5152%2017.6109V18.4137L36.1041%2019.0017C35.5702%2019.7625%2035.2867%2020.6539%2035.2867%2021.578V25.6245C35.2867%2026.2779%2035.0126%2026.9173%2034.5306%2027.3654L33.6659%2028.1775C33.0847%2028.7236%2032.7634%2029.489%2032.787%2030.2824L32.7918%2030.4644C32.8248%2031.5146%2032.6878%2032.56%2032.3901%2033.5681C32.2956%2033.8902%2031.9932%2034.1142%2031.6577%2034.1142C31.2372%2034.1142%2030.8923%2033.7782%2030.8923%2033.3581V31.6452C30.8923%2030.6558%2030.2496%2029.7923%2029.2952%2029.4983L28.6053%2029.2836C28.2225%2029.1669%2027.8209%2029.1623%2027.4334%2029.2743L25.3544%2029.881C25.0803%2029.9604%2024.7873%2029.9604%2024.5133%2029.881L23.6344%2029.6243C23.1808%2029.489%2022.6894%2029.5217%2022.2547%2029.7083L20.4071%2030.5111C19.2258%2031.0245%2018.4651%2032.1773%2018.4651%2033.4515V34.1095C17.7374%2034.0675%2017.0286%2033.8528%2016.4002%2033.4795L15.7528%2033.0967C15.2047%2032.7747%2014.581%2032.602%2013.9431%2032.602H12.4736L11.3868%2031.9999C10.8717%2031.7152%2010.2905%2031.5659%209.69989%2031.5612L7.62082%2031.5472L5.23461%2030.3057C1.61514%2028.4249%200.0700101%2024.1917%201.64349%2020.4579L2.12073%2019.3238C2.47512%2018.4837%202.6594%2017.5922%202.6594%2016.6775V16.0427H3.17444C3.68476%2016.0427%204.11948%2015.6927%204.2376%2015.2213H22.1176C22.4153%2015.2213%2022.6894%2015.394%2022.8075%2015.6647L23.3414%2016.8455C23.5115%2017.2235%2023.8896%2017.4662%2024.3101%2017.4662C24.7259%2017.4662%2025.1087%2017.2235%2025.2788%2016.8455L25.8127%2015.66C25.9356%2015.3893%2026.2049%2015.2166%2026.5026%2015.2166H27.1452C27.424%2015.2166%2027.6791%2015.366%2027.8114%2015.6087C28.1375%2016.2061%2028.7234%2016.6075%2029.3897%2016.7148V24.145C28.317%2024.2617%2027.4949%2024.8918%2027.4949%2025.6572C27.4949%2026.5066%2028.4966%2027.1927%2029.7346%2027.1927C30.9726%2027.1927%2031.9743%2026.5066%2031.9743%2025.6572C31.9743%2024.8918%2031.1521%2024.257%2030.0795%2024.145V16.7101C30.7458%2016.6028%2031.3317%2016.2014%2031.6577%2015.604C31.79%2015.3613%2032.0452%2015.212%2032.324%2015.212H33.2785C33.7179%2015.212%2034.1195%2014.9926%2034.3605%2014.6286L35.7781%2012.4676C35.9624%2012.1829%2036.2789%2012.0149%2036.6239%2012.0149H37.0633C37.3752%2012.0149%2037.6303%2012.2669%2037.6303%2012.575V13.2424C37.6303%2013.5644%2037.7579%2013.8725%2037.98%2014.1012L37.3232%2015.0486ZM29.3849%2025.2838V26.7587C28.8037%2026.67%2028.3737%2026.3759%2028.3737%2026.0212C28.3737%2025.6665%2028.8037%2025.3678%2029.3849%2025.2838Z'%20fill='white'/%3e%3c/svg%3e", N = (a, i, l) => a === i ? "translateY(0px)" : a > i ? `translateY(${l}px)` : "translateY(-100%)", D = ({ close: a, votedAnswer: i, correct: l, correctAnswerTitle: Z, questionTitle: y, saveHeight: m, style: L, hiding: x }) => {
-  const [n, k] = T(1), H = Y({});
-  u(() => {
+const N = "data:image/svg+xml,%3csvg%20width='154'%20height='37'%20viewBox='0%200%20154%2037'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M70.9776%2030.8796L74.668%2018.1381C75.0696%2016.7473%2076.1186%2015.6318%2077.4936%2015.1371L77.5928%2014.7217H72.466L63.7623%2024.9662L60.431%2014.7217H55.7389L55.6255%2015.1371C56.4288%2015.5291%2056.8683%2016.7052%2056.8683%2017.662V17.7227C56.8683%2023.1787%2052.781%2032.5598%2047.0352%2032.5598C44.8002%2032.5598%2043.6425%2031.0009%2043.6425%2029.7035C43.6425%2028.1306%2044.975%2027.0105%2046.3831%2027.0105C47.744%2027.0105%2047.9519%2027.5099%2048.741%2027.5099C49.2182%2027.5099%2049.6766%2027.2672%2049.9081%2026.8518C50.2672%2026.1984%2049.9931%2025.4049%2049.3363%2025.0922L48.9772%2024.9242C45.6271%2023.3327%2041.7383%2025.7457%2041.7383%2029.4188V29.4701C41.7383%2032.1444%2043.8646%2034.38%2046.5674%2034.4733C53.5417%2034.716%2058.2055%2025.4236%2058.9473%2018.6188L59.486%2020.4577L62.2313%2028.5927H63.2709L71.8518%2018.4741L68.2512%2030.8936C67.8401%2032.3171%2066.6966%2033.4232%2065.2412%2033.7966L65.142%2034.212H72.0408L72.1542%2033.7966C71.1383%2033.2039%2070.6516%2032.0044%2070.9776%2030.8796Z'%20fill='white'/%3e%3cpath%20d='M88.2952%2021.6521H88.2385C85.016%2021.6568%2081.5571%2021.9648%2079.7143%2027.1361C78.1692%2031.4813%2077.7487%2033.2828%2076.539%2033.2828C75.7641%2033.2828%2075.9531%2031.794%2074.7954%2031.794C74.2709%2031.794%2073.7275%2032.2094%2073.6897%2032.8068C73.6236%2033.8429%2075.0317%2034.4683%2076.0949%2034.4683C79.3316%2034.4683%2080.5696%2032.1347%2080.9759%2031.0472C81.0279%2030.9072%2081.3162%2030.1371%2081.6517%2029.2317H85.0538L84.4773%2031.3273C84.1749%2032.4334%2083.5464%2033.3388%2082.488%2033.8009L82.3982%2034.2163H87.9597L88.0637%2033.8009C87.3124%2033.1848%2086.9816%2032.2%2087.2273%2031.2853L89.3206%2023.4257C89.4812%2022.8236%2089.9018%2022.3242%2090.4783%2022.0628L90.568%2021.6475H88.7536H88.2952V21.6521ZM85.3231%2028.2189H82.0202C82.3935%2027.2108%2082.7526%2026.2493%2082.8755%2025.9366C83.7118%2023.757%2085.2995%2022.8749%2086.8399%2022.7536L86.8257%2022.7676L85.3231%2028.2189Z'%20fill='white'/%3e%3cpath%20d='M116.358%2022.5486C116.538%2022.2545%20116.708%2021.8112%20116.708%2021.5591C116.732%2021.0877%20116.297%2020.7237%20115.829%2020.8217C115.456%2020.9011%20115.187%2021.2324%20115.191%2021.6058C115.196%2021.9978%20115.12%2022.4226%20114.95%2022.6279C114.558%2023.104%20113.934%2023.062%20111.062%2022.2452V22.2405C110.797%2022.1659%20110.509%2022.0819%20110.206%2021.9978C110.187%2021.9932%20110.173%2021.9885%20110.159%2021.9838C108.723%2021.6011%20106.941%2021.2464%20105.774%2021.8205C105.765%2021.8252%20105.755%2021.8298%20105.746%2021.8345C104.602%2022.3992%20103.808%2023.4727%20103.567%2024.7142C103.53%2024.8962%20103.506%2025.0455%20103.501%2025.0969C103.468%2025.7456%20104.068%2026.2544%20104.711%2026.1143C105.235%2026.0023%20105.604%2025.5403%20105.59%2025.0129C105.58%2024.4808%20105.472%2023.7667%20105.765%2023.286C106.237%2022.6279%20106.729%2022.5812%20108.935%2023.3047L106.544%2031.323C106.214%2032.4291%20105.406%2033.3345%20104.338%2033.7966L104.238%2034.212H109.961L110.074%2033.7966C109.337%2033.1852%20109.03%2032.1957%20109.299%2031.2809L111.392%2024.0561C112.309%2024.2428%20113.24%2024.2941%20114.147%2024.0374L114.473%2023.9441C115.196%2023.7527%20115.943%2023.2347%20116.358%2022.5486Z'%20fill='white'/%3e%3cpath%20d='M118.649%2021.6523L118.536%2022.0677C119.245%2022.5531%20119.561%2023.4259%20119.335%2024.2427L117.208%2031.3228C116.877%2032.429%20116.069%2033.3344%20115.002%2033.7964L114.902%2034.2118H117.931H118.21H125.18L126.101%2030.8934H125.666L125.51%2031.2108C124.934%2032.3963%20123.72%2033.1524%20122.382%2033.1524H119.429L121.003%2027.5937H122.259C123.105%2027.5937%20123.743%2028.3545%20123.582%2029.1759H124.012L125.043%2025.4188H124.613C124.362%2026.1142%20123.696%2026.5763%20122.949%2026.5809H121.291L122.382%2022.7258L125.515%2022.7211C126.536%2022.7211%20127.301%2023.6452%20127.098%2024.6347H127.528L128.35%2021.6523H118.649Z'%20fill='white'/%3e%3cpath%20d='M138.251%2021.6582H131.333L131.22%2022.0736C131.881%2022.5263%20132.207%2023.3197%20132.056%2024.0898L129.892%2031.324C129.561%2032.4301%20128.753%2033.3356%20127.685%2033.7976L127.586%2034.213H133.303L133.417%2033.7976C132.68%2033.1862%20132.373%2032.2014%20132.637%2031.282L133.686%2027.5949H134.126C134.787%2027.5949%20135.34%2028.085%20135.416%2028.7337C135.439%2028.9437%20135.77%2031.506%20136.035%2032.3881C136.379%2033.5409%20136.833%2034.213%20137.868%2034.213H140.453L140.552%2033.7976L140.183%2033.5829C139.451%2033.1536%20138.922%2032.4908%20138.685%2031.6087C138.463%2030.7779%20138.043%2029.2284%20137.84%2028.4117C137.736%2027.9916%20137.202%2027.5996%20136.654%2027.5996H137.523C139.087%2027.5996%20140.457%2026.5681%20140.878%2025.0839C141.365%2023.3617%20140.056%2021.6582%20138.251%2021.6582ZM138.369%2024.6872C138.029%2025.812%20136.98%2026.5868%20135.789%2026.5868H133.974L135.071%2022.7317H136.89C137.925%2022.727%20138.662%2023.7118%20138.369%2024.6872Z'%20fill='white'/%3e%3cpath%20d='M100.265%2022.2961C100.081%2022.2961%2099.6794%2022.1701%2099.0651%2021.9181C98.4508%2021.6661%2097.8318%2021.54%2097.2034%2021.54C95.904%2021.54%2094.8219%2021.9554%2093.9336%2022.8422C93.1964%2023.5796%2092.8704%2024.401%2092.8704%2025.1105C92.8704%2025.8665%2093.3193%2026.7533%2094.2124%2027.4721C95.0582%2028.1488%2095.937%2028.8022%2096.8206%2029.465C97.7468%2030.1977%2098.2098%2030.8745%2098.2098%2031.4252C98.2098%2032.634%2097.416%2033.2828%2095.7669%2033.2828C94.0942%2033.2828%2092.9366%2032.074%2092.568%2029.8057H92.1144L90.8008%2034.2162H91.226C91.7694%2033.8382%2092.1569%2033.6001%2092.946%2033.6001C93.6973%2033.6001%2094.5006%2034.4729%2096.2158%2034.4729C97.5814%2034.4729%2098.6682%2034.1929%2099.5943%2033.2781C100.383%2032.4753%20100.776%2031.3552%20100.776%2030.4404C100.776%2029.591%20100.237%2028.6062%2099.2966%2027.8921C98.4886%2027.2807%2097.6286%2026.7347%2096.7923%2026.1419C95.8898%2025.4792%2095.4362%2024.9144%2095.4362%2024.2937C95.4362%2023.9483%2095.611%2023.6076%2095.9559%2023.2622C96.3954%2022.8282%2096.986%2022.7302%2097.7751%2022.7302C99.3581%2022.7302%20100.464%2023.5983%20100.558%2025.4325H100.974L102.08%2021.5447H101.664C101.215%2022.0441%20100.752%2022.2961%20100.265%2022.2961Z'%20fill='white'/%3e%3cpath%20d='M149.201%2022.7304C150.784%2022.7304%20151.89%2023.6032%20151.984%2025.4327H152.4L153.501%2021.5449H153.085C152.646%2022.049%20152.182%2022.301%20151.696%2022.301C151.512%2022.301%20151.11%2022.175%20150.496%2021.923C149.881%2021.6709%20149.262%2021.5449%20148.634%2021.5449C147.334%2021.5449%20146.252%2021.9603%20145.364%2022.8471C144.627%2023.5845%20144.296%2024.4059%20144.296%2025.1153C144.296%2025.8714%20144.745%2026.7582%20145.638%2027.477C146.484%2028.1537%20147.363%2028.8071%20148.246%2029.4699C149.173%2030.2026%20149.636%2030.8794%20149.636%2031.4301C149.636%2032.6389%20148.842%2033.2876%20147.193%2033.2876C145.52%2033.2876%20144.362%2032.0788%20143.994%2029.8106H143.54L142.227%2034.2211H142.642C143.186%2033.843%20143.573%2033.605%20144.358%2033.605C145.109%2033.605%20145.912%2034.4778%20147.627%2034.4778C148.993%2034.4778%20150.075%2034.1978%20151.006%2033.283C151.795%2032.4802%20152.187%2031.3601%20152.187%2030.4453C152.187%2029.6005%20151.649%2028.6111%20150.708%2027.897C149.9%2027.2856%20149.04%2026.7395%20148.204%2026.1468C147.301%2025.4841%20146.848%2024.9193%20146.848%2024.2986C146.848%2023.9532%20147.023%2023.6125%20147.368%2023.2671C147.826%2022.8237%20148.412%2022.7304%20149.201%2022.7304Z'%20fill='white'/%3e%3cpath%20d='M26.5433%202.60035C26.0377%202.44633%2025.5321%202.72169%2025.0265%203.00173C24.8469%203.09974%2024.7194%203.27243%2024.6768%203.46845L23.883%207.13222C23.8547%207.26757%2023.9775%207.38891%2024.1145%207.36091C24.9509%207.17422%2025.7447%206.4508%2026.5811%206.70283C27.5167%206.98753%2028.4522%205.81606%2029.3878%205.83006V1.60156C28.4475%201.60623%2027.4789%202.88505%2026.5433%202.60035Z'%20fill='white'/%3e%3cpath%20d='M38.4856%2013.8398C38.2871%2013.7044%2038.1643%2013.4851%2038.1643%2013.2471V12.5796C38.1643%2011.9822%2037.6729%2011.4922%2037.0633%2011.4922H36.6239C36.0994%2011.4922%2035.6174%2011.7536%2035.3339%2012.1876L33.9164%2014.3485C33.7746%2014.5632%2033.5383%2014.6892%2033.2832%2014.6892H32.3287C31.8562%2014.6892%2031.4215%2014.9459%2031.1947%2015.3566C30.9631%2015.7814%2030.552%2016.0754%2030.0843%2016.1734V1.1403C30.0843%200.94894%2029.9283%200.794922%2029.7346%200.794922C29.5409%200.794922%2029.3849%200.94894%2029.3849%201.1403V1.60702V5.83552V16.1827C28.9171%2016.0847%2028.506%2015.7907%2028.2745%2015.3613C28.0524%2014.9506%2027.6177%2014.6939%2027.1405%2014.6939H26.4979C25.9875%2014.6939%2025.5292%2014.9879%2025.3213%2015.45L24.7873%2016.6308C24.7023%2016.8175%2024.5133%2016.9388%2024.3054%2016.9388C24.0975%2016.9388%2023.9085%2016.8175%2023.8234%2016.6308L23.2895%2015.45C23.0816%2014.9926%2022.6232%2014.6939%2022.1129%2014.6939H4.00135C3.85487%2014.6939%203.73674%2014.8106%203.73674%2014.9553C3.73674%2015.2633%203.48158%2015.5107%203.17444%2015.5107H2.39007C2.24359%2015.5107%202.12546%2015.6273%202.12546%2015.772V16.6728C2.12546%2017.5176%201.96008%2018.339%201.62931%2019.1184L1.15207%2020.2526C0.707907%2021.3027%200.5%2022.3901%200.5%2023.4589V26.0726C0.5%2026.7773%200.603954%2027.4914%200.811861%2028.1868C1.39306%2030.1377%202.7161%2031.7339%204.53529%2032.6767L7.43182%2034.1842C7.46962%2034.2029%207.51214%2034.2122%207.55467%2034.2122L9.69517%2034.2309C10.196%2034.2355%2010.6875%2034.3616%2011.1269%2034.6043L12.2751%2035.239C12.3129%2035.2623%2012.3602%2035.2717%2012.4074%2035.2717H13.9431C14.4818%2035.2717%2015.0157%2035.4163%2015.474%2035.6917C15.474%2035.6917%2016.2253%2036.1444%2016.4805%2036.2891C16.8869%2036.5225%2017.3783%2036.7465%2018.2335%2036.7932C18.4273%2036.8025%2018.621%2036.7325%2018.7675%2036.5972C18.9092%2036.4618%2018.9943%2036.2704%2018.9943%2036.0791V35.0616C18.9943%2034.3242%2019.4337%2033.6521%2020.1189%2033.3581L22.4673%2032.3406C22.7886%2032.2006%2023.1477%2032.1773%2023.4832%2032.28L24.3621%2032.5367C24.7354%2032.644%2025.1323%2032.6487%2025.5056%2032.5367L27.5846%2031.9253C27.8587%2031.8459%2028.1517%2031.8459%2028.4304%2031.9299L29.2763%2032.1633C29.6684%2032.2706%2029.9472%2032.6347%2029.9472%2033.0361V35.071C29.9472%2036.0184%2030.7269%2036.7932%2031.6861%2036.7932C32.4043%2036.7932%2033.0328%2036.3405%2033.2501%2035.6637C33.6423%2034.4456%2033.8408%2033.1761%2033.8408%2031.8973V31.0292C33.8408%2030.4131%2034.1006%2029.8204%2034.5543%2029.3956L35.419%2028.5882C36.0002%2028.0421%2036.3356%2027.2674%2036.3356%2026.474V21.6481C36.3356%2020.9013%2036.5625%2020.1779%2036.9972%2019.5618C37.0302%2019.5198%2037.0444%2019.4638%2037.0444%2019.4125V18.2737C37.0444%2017.5316%2037.2712%2016.8128%2037.6965%2016.2014L38.5517%2014.9739C38.5848%2014.9319%2038.599%2014.8806%2038.599%2014.8246V14.0545C38.6037%2013.9098%2038.5139%2013.8585%2038.4856%2013.8398ZM30.0843%2025.2838C30.6654%2025.3725%2031.1002%2025.6665%2031.1002%2026.0212C31.1002%2026.3759%2030.6702%2026.67%2030.0843%2026.7587V25.2838ZM5.22516%2032.4433L4.78572%2032.2146C3.59026%2031.5939%202.63577%2030.6698%201.9837%2029.545V28.1355C2.73028%2029.2043%203.74619%2030.1144%204.98891%2030.7631L5.22516%2030.8845V32.4433ZM7.43654%2033.5961L6.2647%2032.9894V31.4305L7.43182%2032.0373H7.43654V33.5961ZM12.3129%2034.6556L11.3868%2034.1422C10.8812%2033.8622%2010.3142%2033.7128%209.73297%2033.7035V32.0793C10.2197%2032.0886%2010.7016%2032.2146%2011.1269%2032.448L12.2751%2033.0827C12.2846%2033.0874%2012.2987%2033.0874%2012.3129%2033.0921V34.6556ZM18.4603%2035.0616V35.8551V36.0791C18.4603%2036.1304%2018.4367%2036.1818%2018.3989%2036.2191C18.3611%2036.2564%2018.3139%2036.2705%2018.2619%2036.2705C17.52%2036.2331%2017.0948%2036.0418%2016.7498%2035.8411C16.4994%2035.6964%2015.7528%2035.2483%2015.7481%2035.2483C15.2803%2034.9683%2014.7511%2034.8143%2014.2077%2034.7723V33.1387C14.6519%2033.1808%2015.0866%2033.3114%2015.474%2033.5401L16.1214%2033.9228C16.8302%2034.3429%2017.6382%2034.5809%2018.4603%2034.6276V35.0616ZM24.8582%2032.0886C24.7448%2032.084%2024.6267%2032.0653%2024.5133%2032.0326L23.6344%2031.7713C23.4454%2031.7152%2023.2517%2031.6966%2023.0579%2031.6966V30.0677C23.1997%2030.0677%2023.3414%2030.0817%2023.4832%2030.1237L24.3621%2030.3804C24.5227%2030.4271%2024.6928%2030.4504%2024.8582%2030.4598V32.0886ZM30.363%2032.4807C30.1929%2032.0886%2029.8574%2031.7759%2029.4275%2031.6592L28.5864%2031.4259C28.3879%2031.3652%2028.18%2031.3419%2027.9721%2031.3419V29.7177C28.1328%2029.713%2028.2934%2029.7317%2028.4493%2029.783L29.1392%2029.9977C29.8716%2030.2264%2030.363%2030.8891%2030.363%2031.6452V32.4807ZM32.787%2035.365C32.7729%2035.4117%2032.7634%2035.4584%2032.7492%2035.505C32.6028%2035.9624%2032.1775%2036.2658%2031.6955%2036.2658C31.653%2036.2658%2031.6105%2036.2564%2031.568%2036.2518V34.6323C31.601%2034.6369%2031.6294%2034.6416%2031.6625%2034.6416C32.135%2034.6416%2032.565%2034.3802%2032.7918%2033.9835V35.365H32.787ZM37.3232%2015.0486C36.794%2015.8047%2036.5152%2016.6915%2036.5152%2017.6109V18.4137L36.1041%2019.0017C35.5702%2019.7625%2035.2867%2020.6539%2035.2867%2021.578V25.6245C35.2867%2026.2779%2035.0126%2026.9173%2034.5306%2027.3654L33.6659%2028.1775C33.0847%2028.7236%2032.7634%2029.489%2032.787%2030.2824L32.7918%2030.4644C32.8248%2031.5146%2032.6878%2032.56%2032.3901%2033.5681C32.2956%2033.8902%2031.9932%2034.1142%2031.6577%2034.1142C31.2372%2034.1142%2030.8923%2033.7782%2030.8923%2033.3581V31.6452C30.8923%2030.6558%2030.2496%2029.7923%2029.2952%2029.4983L28.6053%2029.2836C28.2225%2029.1669%2027.8209%2029.1623%2027.4334%2029.2743L25.3544%2029.881C25.0803%2029.9604%2024.7873%2029.9604%2024.5133%2029.881L23.6344%2029.6243C23.1808%2029.489%2022.6894%2029.5217%2022.2547%2029.7083L20.4071%2030.5111C19.2258%2031.0245%2018.4651%2032.1773%2018.4651%2033.4515V34.1095C17.7374%2034.0675%2017.0286%2033.8528%2016.4002%2033.4795L15.7528%2033.0967C15.2047%2032.7747%2014.581%2032.602%2013.9431%2032.602H12.4736L11.3868%2031.9999C10.8717%2031.7152%2010.2905%2031.5659%209.69989%2031.5612L7.62082%2031.5472L5.23461%2030.3057C1.61514%2028.4249%200.0700101%2024.1917%201.64349%2020.4579L2.12073%2019.3238C2.47512%2018.4837%202.6594%2017.5922%202.6594%2016.6775V16.0427H3.17444C3.68476%2016.0427%204.11948%2015.6927%204.2376%2015.2213H22.1176C22.4153%2015.2213%2022.6894%2015.394%2022.8075%2015.6647L23.3414%2016.8455C23.5115%2017.2235%2023.8896%2017.4662%2024.3101%2017.4662C24.7259%2017.4662%2025.1087%2017.2235%2025.2788%2016.8455L25.8127%2015.66C25.9356%2015.3893%2026.2049%2015.2166%2026.5026%2015.2166H27.1452C27.424%2015.2166%2027.6791%2015.366%2027.8114%2015.6087C28.1375%2016.2061%2028.7234%2016.6075%2029.3897%2016.7148V24.145C28.317%2024.2617%2027.4949%2024.8918%2027.4949%2025.6572C27.4949%2026.5066%2028.4966%2027.1927%2029.7346%2027.1927C30.9726%2027.1927%2031.9743%2026.5066%2031.9743%2025.6572C31.9743%2024.8918%2031.1521%2024.257%2030.0795%2024.145V16.7101C30.7458%2016.6028%2031.3317%2016.2014%2031.6577%2015.604C31.79%2015.3613%2032.0452%2015.212%2032.324%2015.212H33.2785C33.7179%2015.212%2034.1195%2014.9926%2034.3605%2014.6286L35.7781%2012.4676C35.9624%2012.1829%2036.2789%2012.0149%2036.6239%2012.0149H37.0633C37.3752%2012.0149%2037.6303%2012.2669%2037.6303%2012.575V13.2424C37.6303%2013.5644%2037.7579%2013.8725%2037.98%2014.1012L37.3232%2015.0486ZM29.3849%2025.2838V26.7587C28.8037%2026.67%2028.3737%2026.3759%2028.3737%2026.0212C28.3737%2025.6665%2028.8037%2025.3678%2029.3849%2025.2838Z'%20fill='white'/%3e%3c/svg%3e", E = (h, i, l) => h === i ? "translateY(0px)" : h > i ? `translateY(${l}px)` : "translateY(-100%)", Q = ({ close: h, votedAnswer: i, correct: l, correctAnswerTitle: Z, questionTitle: y, saveHeight: m, style: L, hiding: x }) => {
+  const [n, k] = P(1), H = T({});
+  f(() => {
     const t = setInterval(() => {
       k((r) => l && r > 4 || !l && r > 3 ? r : ++r);
-    }, 6e3);
+    }, 3e3);
     return () => clearInterval(t);
-  }, [l]), u(() => {
+  }, [l]), f(() => {
     var t, r;
-    H.current[n] && m(((r = (t = H.current[n]) == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : r.height) || B);
+    H.current[n] && m(((r = (t = H.current[n]) == null ? void 0 : t.getBoundingClientRect()) == null ? void 0 : r.height) || S);
   }, [n, m]);
   const c = (t) => (r) => {
     H.current && (H.current[t] = r);
-  }, o = (t) => ({ transform: N(t, n, L.height) });
-  return /* @__PURE__ */ C(F, { style: L.height ? L : { ...L, paddingTop: 0, paddingBottom: 0 }, hiding: x, children: /* @__PURE__ */ e(
-    S,
+  }, o = (t) => ({ transform: E(t, n, L.height) });
+  return /* @__PURE__ */ C(b, { style: L.height ? L : { ...L, paddingTop: 0, paddingBottom: 0 }, hiding: x, children: /* @__PURE__ */ e(
+    B,
     {
       style: {
         height: L.height,
@@ -30,71 +32,67 @@ const G = "data:image/svg+xml,%3csvg%20width='154'%20height='37'%20viewBox='0%20
         backgroundColor: n > 3 ? "var(--color-white)" : "var(--color-primary-green2)"
       },
       children: [
-        /* @__PURE__ */ C(I, { step: n, correct: l }),
-        /* @__PURE__ */ e(h, { ref: c(1), style: o(1), children: [
-          /* @__PURE__ */ C("img", { alt: "sponsor-logo", src: G }),
-          /* @__PURE__ */ C(g, { children: "Featured Groups +" })
+        /* @__PURE__ */ C(F, { step: n, correct: l }),
+        /* @__PURE__ */ e(a, { ref: c(1), style: o(1), children: [
+          /* @__PURE__ */ C("img", { alt: "sponsor-logo", src: N }),
+          /* @__PURE__ */ C(u, { children: "Featured Groups +" })
         ] }),
-        /* @__PURE__ */ e(h, { ref: c(2), style: o(2), children: [
+        /* @__PURE__ */ e(a, { ref: c(2), style: o(2), children: [
           /* @__PURE__ */ C(V, { children: "Prediction results are in!" }),
-          /* @__PURE__ */ C(g, { children: "Featured Groups +" })
+          /* @__PURE__ */ C(u, { children: "Featured Groups +" })
         ] }),
-        /* @__PURE__ */ e(h, { ref: c(3), style: o(3), children: [
+        /* @__PURE__ */ e(a, { ref: c(3), style: o(3), children: [
           /* @__PURE__ */ C(V, { children: y }),
-          /* @__PURE__ */ C(s, { children: /* @__PURE__ */ e(d, { children: [
+          /* @__PURE__ */ C(s, { children: /* @__PURE__ */ e(p, { children: [
             /* @__PURE__ */ C("span", { children: "Your Pick:" }),
             " ",
             i == null ? void 0 : i.title
           ] }) })
         ] }),
-        l ? /* @__PURE__ */ e(P, { children: [
-          /* @__PURE__ */ e(h, { ref: c(4), style: { ...o(4), color: "var(--color-primary-green1)" }, children: [
+        l ? /* @__PURE__ */ e(I, { children: [
+          /* @__PURE__ */ e(a, { ref: c(4), style: { ...o(4), color: "var(--color-primary-green1)" }, children: [
             /* @__PURE__ */ C(V, { children: "Congratulations! You answered correctly." }),
             /* @__PURE__ */ e(s, { children: [
-              /* @__PURE__ */ C(p, { name: "selected" }),
-              /* @__PURE__ */ e(d, { children: [
+              /* @__PURE__ */ C(d, { name: "selected" }),
+              /* @__PURE__ */ e(p, { children: [
                 /* @__PURE__ */ C("span", { children: "Your Pick:" }),
                 " ",
                 i == null ? void 0 : i.title
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ e(h, { ref: c(5), style: { ...o(5), color: "var(--color-primary-green1)" }, children: [
-            /* @__PURE__ */ e(b, { children: [
-              "+",
-              i == null ? void 0 : i.points,
-              " points"
-            ] }),
+          /* @__PURE__ */ e(a, { ref: c(5), style: { ...o(5), color: "var(--color-primary-green1)" }, children: [
+            /* @__PURE__ */ C(G, { children: n === 5 && /* @__PURE__ */ C(Y, { delay: 0.5, prefix: "+", suffix: " points", value: i == null ? void 0 : i.points }) }),
             /* @__PURE__ */ e(s, { children: [
-              /* @__PURE__ */ C(p, { name: "selected" }),
-              /* @__PURE__ */ e(d, { children: [
+              /* @__PURE__ */ C(d, { name: "selected" }),
+              /* @__PURE__ */ e(p, { children: [
                 /* @__PURE__ */ C("span", { children: "Your Pick:" }),
                 " ",
                 i == null ? void 0 : i.title
               ] })
             ] }),
-            /* @__PURE__ */ C(f, { onClick: a, children: /* @__PURE__ */ C(M, { name: "icon-cross" }) })
+            /* @__PURE__ */ C(g, { onClick: h, children: /* @__PURE__ */ C(M, { name: "icon-cross" }) })
           ] })
-        ] }) : /* @__PURE__ */ e(h, { ref: c(4), style: o(4), children: [
+        ] }) : /* @__PURE__ */ e(a, { ref: c(4), style: o(4), children: [
           /* @__PURE__ */ e(V, { style: { color: "var(--color-neutrals-gray9)" }, children: [
             "Better luck next time! Correct: ",
             Z,
             "."
           ] }),
           /* @__PURE__ */ e(s, { style: { color: "var(--color-secondary-red1)" }, children: [
-            /* @__PURE__ */ C(p, { name: "circleClose" }),
-            /* @__PURE__ */ e(d, { children: [
+            /* @__PURE__ */ C(d, { name: "circleClose" }),
+            /* @__PURE__ */ e(p, { children: [
               /* @__PURE__ */ C("span", { children: "Your Pick:" }),
               " ",
               i == null ? void 0 : i.title
             ] })
           ] }),
-          /* @__PURE__ */ C(f, { onClick: a, children: /* @__PURE__ */ C(M, { name: "icon-cross" }) })
+          /* @__PURE__ */ C(g, { onClick: h, children: /* @__PURE__ */ C(M, { name: "icon-cross" }) })
         ] })
       ]
     }
   ) });
 };
 export {
-  D as PredictionResult
+  Q as PredictionResult
 };

package/lib/ui/gamification/question/notification/prediction-result/styles.d.ts

@@ -11,5 +11,5 @@ export declare const Subtitle: import("@linaria/react").StyledComponent<import("
 export declare const SubtitleFG: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const AnswerText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const FeedbackIcon: any;
-export declare const CloseButton: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
+export declare const CloseIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const CloseIcon: any;